/** Shopify CDN: Minification failed

Line 6121:60 Unexpected "{"

**/
:root {
    --space-1: 1px;
    --space-2: 5px;
    --space-3: 10px;
    --space-4: 15px;
    --space-5: 20px;
    --space-6: 25px;
    --space-7: 30px;
    --space-8: 40px;
    --space-9: 50px;
    --space-10: 60px;
    --space-11: 70px;
    --space-12: 80px;
    --space-13: 90px;
    --space-14:100px
}

:root {
    --border-width: 1px;
    --border-radius-1: 4px;    
    --border-radius:8px
}

:root {
    --black: #000000;
    --charcoal: #333333;
    --light-grey: #929785;
    --forest-green: #1D3828;
    --faded-green: rgba(98, 105, 80, 0.5);
    --shell: #fcfcf9;
    --soft-yellow: #f2f2e3;
    --white:#ffffff
}

*, * :before, * :after {
    box-sizing: border-box
}

html {
    font-family:"ABCDiatype-Regular-Trial", sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering:optimizeLegibility
}

a {
    color: inherit;
    text-decoration:none
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding:0
}

img {
    display:block
}

header {
    height: 60px
}

.announcement-banner {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0.5px;
}

.logo {
    fill: #39473C;
    width: 150px;
}

div.stamped-container {
    max-width: 1550px !important;
    font-family: Helvetica, "Helvetica Neue", Arial, "Lucida Grande", sans-serif !important;
}

.state--nav-open {
    overflow:hidden
}

@media screen and (min-width: 1080px) {
    .state--nav-open {
        overflow:auto
    }
}

.cart-button {
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.5px;
    padding: 0 10px;
    min-width: 30px;
}

.cart-button-frame {
    transition: background-color .4s cubic-bezier(.39,.575,.565,1);
}

.cart-button-frame:hover {
    background:#F3F2EE
}

.cart-notification {
    background:#F2F2E3
}

@media screen and (min-width: 1080px) {
    .logo {
        width: 170px;
    }

    .cart-button {
        font-size: 13px;
        line-height: 18px;
        letter-spacing: 0.5px;
        padding: 0 15px;
    }
}

.menu-toggle_icon {
    height: 23px;
    overflow: hidden;
    position: relative;
    width: 23px;
}

.menu-toggle_icon i {
    background-color: #626950;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform-origin: 0 0;
    transition: all .4s cubic-bezier(.77, 0, .175, 1);
    width: 35px;
}

.menu-toggle_icon i:nth-of-type(1) {
    top: 5px;
}

.menu-toggle_icon i:nth-of-type(2) {
    top: 12px;
}

.menu-toggle_icon i:nth-of-type(3) {
    top: 19px;
}

.state--nav-open .menu-toggle_icon i:nth-of-type(1) {
    transform: translateY(-6px) rotate(45deg);
}

.state--nav-open .menu-toggle_icon i:nth-of-type(2) {
    opacity: 0;
}

.state--nav-open .menu-toggle_icon i:nth-of-type(3) {
    transform: translateY(4px) rotate(-45deg);
}


@media screen and (max-width: 1079px) {
    .header-list {
        opacity: 0;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        transition: opacity 0s, height 0s linear .4s, visibility 0s linear .4s;
        background-color: var(--shell);
        bottom: 0;
        color: #000;
        flex: 1;
        flex-direction: column;
        left: 0;
        position: fixed;
        right: 0;
        top: 60px;
        z-index: 8;
    }
    
    .state--nav-open .header-list {
        opacity: 1;
        height: auto;
        box-sizing: border-box;
        visibility: visible;
        overflow: hidden;
        transition: opacity 0s, height 0s linear 0s, visibility 0s linear 0s;
    }

    .header-list div {
        border-top: 1px var(--light-grey) solid;
        font-size: 12px;
        line-height: 20px;
    }
    
    .header-list div:first-child {
        border-top:0
    }

    .header-list div a {
        cursor: pointer;
        display: flex;
        flex: 1;
        justify-content: space-between;
        padding: 16px 0;
    }

    .header-list a {
        color: inherit;
    }
}

@media screen and (min-width: 1080px) {
    .menu-toggle_button {
        position: absolute;
        overflow: hidden;
        height: 1px;
        width: 1px;
        margin: -1px;
        padding: 0;
        border: 0;
        clip: rect(0 0 0 0);
    }
}

.overflow-hidden {
    overflow:hidden
}

.list-reset {
   list-style:none
}

.text-left {
    text-align:left
}

.text-center {
    text-align:center
}

.text-right {
    text-align:right
}

.underline {
    text-decoration:underline
}

.strikethrough {
    text-decoration:line-through
}

.uppercase {
    text-transform:uppercase
}

.no-wrap {
    white-space:nowrap
}

@media (min-width: 1080px) {
    .sm-text-left {
        text-align:left
    }

    .sm-text-center {
        text-align:center
    }

    .sm-text-right {
        text-align:right
    }
}

@media (min-width: 1400px) {    
    .md-text-left {
        text-align:left
    }

    .md-text-center {
        text-align:center
    }

    .md-text-right {
        text-align:right
    }
}

.header-list div, .cart-count {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 16px;
}

.section-content_title {
    font-size: 17px;
    line-height: 1.71;
    letter-spacing: 2.83px;
    text-transform:uppercase
}

.section-content_title + .section-content_text {
    margin-top:60px
}

.section-content_text p+*, .section-content_text ul+*, .section-content_text ol+* {
    margin-top:60px
}

.section-content_text h1 + *, .section-content_text h2 + *, .section-content_text h3 + *, .section-content_text h4 + *, .section-content_text h5 + *, .section-content_text h6 + *, .section-content_text p > strong:first-child:last-child + * {
    margin-top:30px
}

.section-content_text p + p, .section-content_text p + ul, .section-content_text p + ol, .section-content_text ul + p, .section-content_text ul + ul, .section-content_text ul + ol, .section-content_text ol + p, .section-content_text ol + ul, .section-content_text ol + ol {
    margin-top:21px
}

.section-content_text h1, .section-content_text h2, .section-content_text h3, .section-content_text h4, .section-content_text h5, .section-content_text h6, .section-content_text p > strong:first-child:last-child {
    font-size: 12px;
    letter-spacing: .5px;
    line-height: 20px
}

.section-content_text p, .section-content_text ul, .section-content_text ol {
    font-size: 13px;
    line-height:21px
}

.section-content_text ul, .section-content_text ol {
    margin-left:1em
}

.section-content_text ul {
    list-style:disc 
}

.section-content-medium_text p {
    font-size: 13px;
    font-weight: 400;
    line-height:1.6
}

.section-content-medium_text p + p, .section-content-medium_text p + ul, .section-content-medium_text p + ol, .section-content-medium_text ul + p, .section-content-medium_text ul + ul, .section-content-medium_text ul + ol, .section-content-medium_text ol + p, .section-content-medium_text ol + ul, .section-content-medium_text ol + ol {
    margin-top:23px
}

.section-content-large_text p {
    font-size: 14px;
    font-weight: 400;
    line-height:1.6
}

.section-content-large_text p + p, .section-content-large_text p + ul, .section-content-large_text p + ol, .section-content-large_text ul + p, .section-content-large_text ul + ul, .section-content-large_text ul + ol, .section-content-large_text ol + p, .section-content-large_text ol + ul, .section-content-large_text ol + ol {
    margin-top:25px
}

.section-content-large_link a {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    display: inline-block;
    margin-top: 45px;
}

.metafield-rich_text_field p+p {
    margin-top:19.2px
}

@media (min-width: 1400px) {
    .section-content-medium_text p {
        font-size:14px
    }
  
    .section-content-large_text p {
        font-size:15px
    }
}

.section-content-medium_title {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom:40px
}

.section-content-large_title {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    margin-bottom:20px;
}

.section-content-large_text.text-left p {
    text-indent:50px
}

.section-content-large_text.text-left p:first-of-type {
    text-indent:0
}

.product-card {
    overflow:hidden
}

.product-card_text, .product-card_link {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom:0
}

.product-card_title {
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    right:0
}

.product-page_title {
    font-size: 17px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    letter-spacing: 2.8px;
    text-transform: uppercase;
}

.product-card_text, .product-card_title, .product-card_link, .cart-item_text, .cart-totals, .product-page_type, .product-page_price, .product-page_notes {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height:1.6
}

.cart-item-wrap:not(:last-child) {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--light-grey);
    margin-bottom:40px
}

.cart-item_remove, .cart-totals_label {
    letter-spacing: 1px;
    text-transform: uppercase;  
}

.product-card_link {
    letter-spacing: 1px;
    text-transform: uppercase;
    opacity: 0;
    visibility: hidden;
    pointer-events:none
}

button {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border-radius: 0;
}


.add-to-cart_quantity {
    display: flex;
    border: solid 1px #626950;
    height: 50px;
    width: 100%;
}

.add-to-cart_quantity input {
    flex: 1;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    color: #626950;
    height: 100%;
    text-align: center;
}

.main-button {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    background: transparent;
    border: 1px #626950 solid;
    box-sizing: border-box;
    color: #626950;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0 40px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .4s cubic-bezier(.39, .575, .565, 1);
    width: 100%;
    height: 50px;
}

.main-button:hover {
    background: #F3F2EE;
    color: #626950;
}

@media screen and (min-width: 1080px) {
    .product-card_price div {
        opacity: 1;
        transition:all .4s cubic-bezier(.39, .575, .565, 1)
    }

    .product-card:hover .product-card_price div {
        opacity: 0;
        transition:opacity .4s cubic-bezier(.39, .575, .565, 1)
    }

    .product-card_link {
        bottom: -80px;
        opacity: 0;
        visibility:hidden
    }

    .product-card:hover .product-card_link {
        bottom: 0;
        opacity: 1;
        transition: all .4s cubic-bezier(.39, .575, .565, 1);
        visibility:visible
    }
}

.footer-newsletter input {
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    padding:5px 0
}

@media screen and (min-width: 1080px) {
    .footer-newsletter input {
        font-size: 18px;
        line-height:30px
    }
}

.footer-list div {
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform:uppercase
}

.footer-copyright {
    color: #fff;
    font-size: 12px;
    letter-spacing: normal;
    line-height:1.5
}

.hero-mobile-banner {
    display: flex;
}

.hero-desktop-banner {
    display:none
}

.hero-height {
    height:100vw
}

@media screen and (max-width: 640px) {
    .hero-height {
        height:110vw
    }
}

@media screen and (min-width: 1080px) {
    .hero-mobile-banner {
        display:none
    }

    .hero-desktop-banner {
        display:flex
    }
  
    .hero-height {
        height:60vw
    }
}

.button-container {
    font-size: 14px;
    line-height: 1.6;
    text-align: center;
    transition: all .4s cubic-bezier(.39,.575,.565,1);
    min-height:50px
}

.hero-height .hero-desktop-banner .button-container {
    border-color:#f2f2e3
}

.border-radius-1 {
    border-radius:var(--border-radius-1)
}

.border-radius {
    border-radius:var(--border-radius)
}

.border-0 {
    border:0
}

.border {
    border-style: solid;
    border-width:var(--border-width)
}

.border-top {
    border-top-style: solid;
    border-top-width:var(--border-width)
}

.border-right {
    border-right-style: solid;
    border-right-width:var(--border-width)
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width:var(--border-width)
}

.border-left {
    border-left-style: solid;
    border-left-width:var(--border-width)
}

@media (min-width: 1080px) {
    .sm-border-0 {
        border:0
    }

    .sm-border {
        border-style: solid;
        border-width:var(--border-width)
    }

    .sm-border-top {
        border-top-style: solid;
        border-top-width:var(--border-width)
    }

    .sm-border-right {
        border-right-style: solid;
        border-right-width:var(--border-width)
    }

    .sm-border-bottom {
        border-bottom-style: solid;
        border-bottom-width:var(--border-width)
    }

    .sm-border-left {
        border-left-style: solid;
        border-left-width:var(--border-width)
    }
}

@media (min-width: 1400px) {
    .md-border-0 {
        border:0
    }

    .md-border {
        border-style: solid;
        border-width:var(--border-width)
    }

    .md-border-top {
        border-top-style: solid;
        border-top-width:var(--border-width)
    }

    .md-border-right {
        border-right-style: solid;
        border-right-width:var(--border-width)
    }

    .md-border-bottom {
        border-bottom-style: solid;
        border-bottom-width:var(--border-width)
    }

    .md-border-left {
        border-left-style: solid;
        border-left-width:var(--border-width)
    }
}

.bg-black {
    background-color:var(--black)
}

.bg-charcoal {
    background-color:var(--charcoal)
}

.bg-light-grey {
    background-color:var(--light-grey)
}

.bg-forest-green {
    background-color:var(--forest-green)
}

.bg-shell {
    background-color:var(--shell)
}

.bg-soft-yellow {
    background-color:var(--soft-yellow)
}

.bg-white {
    background-color:var(--white)
}

.bg-transparent {
    background-color:transparent
}

.black {
    color:var(--black)
}

.charcoal {
    color:var(--charcoal)
}

.light-grey {
    color:var(--light-grey)
}

.soft-yellow {
    color:var(--soft-yellow)
}

.white {
    color:var(--white)
}

.border-black {
    border-color:var(--black)
}

.border-charcoal {
    border-color:var(--charcoal)
}

.border-light-grey {
    border-color:var(--light-grey)
}

.border-white {
    border-color:var(--white)
}

.border-faded-green {
    border-color:var(--faded-green)
}

.container-0 {
    max-width:0
}

.container-1 {
    max-width:350px
}

.container-2 {
    max-width:450px
}

.container-3 {
    max-width:500px
}

.container-4 {
    max-width:750px
}

.container-5 {
    max-width:1000px
}

.container-6 {
    max-width:1550px
}

@media (max-width: 1079px) {
    .single-stack-container {
        max-width:800px
    }
}

@media (min-width: 1080px) {
    .sm-container-0 {
        max-width:100%
    }
  
    .sm-container-1 {
        max-width:350px
    }

    .sm-container-2 {
        max-width:450px
    }

    .sm-container-3 {
        max-width:500px
    }

    .sm-container-4 {
        max-width:750px
    }
}

.hide, .sm-show, .sm-initial, .sm-flex, .md-show, .sm-initial, .md-flex {
    display:none
}

.relative {
    position:relative
}

.absolute {
    position:absolute
}

.fixed {
    position:fixed
}

.sticky {
    position: -webkit-sticky;
    position:sticky
}

.top-0 {
    top:0
}

.right-0 {
    right:0
}

.bottom-0 {
    bottom:0
}

.left-0 {
    left:0
}

.width-100 {
    width:100%
}

.height-100 {
    height:100%
}

.block {
    display:block
}

.flex {
    display:flex
}

.flex-row {
    flex-direction:row
}

.flex-row-reverse {
    flex-direction:row-reverse
}

.flex-col {
    flex-direction:column
}

.flex-col-reverse {
    flex-direction:column-reverse
}

.flex-no-wrap {
    flex-wrap:nowrap
}

.flex-wrap {
    flex-wrap:wrap
}

.flex-wrap-reverse {
    flex-wrap:wrap-reverse
}

.items-stretch {
    align-items:stretch
}

.items-start {
    align-items:flex-start
}

.items-center {
    align-items:center
}

.items-end {
    align-items:flex-end
}

.items-baseline {
    align-items:baseline
}

.content-start {
    align-content:flex-start
}

.content-center {
    align-content:center
}

.content-end {
    align-content:flex-end
}

.content-between {
    align-content:space-between
}

.content-around {
    align-content:space-around
}

.self-auto {
    align-self:auto
}

.self-start {
    align-self:flex-start
}

.self-center {
    align-self:center
}

.self-end {
    align-self:flex-end
}

.self-stretch {
    align-self:stretch
}

.justify-start {
    justify-content:flex-start
}

.justify-center {
    justify-content:center
}

.justify-end {
    justify-content:flex-end
}

.justify-between {
    justify-content:space-between
}

.justify-around {
    justify-content:space-around
}

.flex-initial {
    flex:0 1 auto
}

.flex-1 {
    flex:1
}

.flex-2 {
    flex:2
}

.flex-auto {
    flex:1 1 auto
}

.flex-none {
    flex:none
}

.flex-grow {
    flex-grow:1
}

.flex-grow-0 {
    flex-grow:0
}

.flex-shrink {
    flex-shrink:1
}

.flex-shrink-0 {
    flex-shrink:0
}

.order-first {
    order:-9999
}

.order-last {
    order:9999
}

.order-none {
    order:0
}

.order-1 {
    order:1
}

.order-2 {
    order:2
}

.order-3 {
    order:3
}

.order-4 {
    order:4
}

.order-5 {
    order:5
}

.order-6 {
    order:6
}

.order-7 {
    order:7
}

.order-8 {
    order:8
}

.order-9 {
    order:9
}

.order-10 {
    order:10
}

.order-11 {
    order:11
}

.order-12 {
    order:12
}

.not-empty {
    min-height:1px
}

@media (min-width: 1080px) {
    .sm-order-1 {
        order:1
    }

    .sm-order-2 {
        order:2
    }

    .sm-order-3 {
        order:3
    }

    .sm-order-4 {
        order:4
    }

    .sm-order-5 {
        order:5
    }

    .sm-order-6 {
        order:6
    }

    .sm-order-7 {
        order:7
    }

    .sm-order-8 {
        order:8
    }

    .sm-order-9 {
        order:9
    }

    .sm-order-10 {
        order:10
    }

    .sm-order-11 {
        order:11
    }

    .sm-order-12 {
        order:12
    }
}

.hero-smallest {
    display:block
}

.hero-larger {
    display:none
}

@media (max-width: 500px) {
    .hero-smallest {
        display:none
    }

    .hero-larger {
        display:block
    }
}

@media (min-width: 1080px) {
    .sm-bg-transparent {
        background-color:transparent
    }

    .sm-show {
        display:block
    }
    
    .sm-initial {
        display:initial
    }

    .sm-hide {
        display:none
    }
 
    .sm-relative {
        position:relative
    }

    .sm-absolute {
        position:absolute
    }

    .sm-fixed {
        position:fixed
    }

    .sm-sticky {
        position: -webkit-sticky;
        position:sticky
    }

    .sm-top-0 {
        top:0
    }

    .sm-right-0 {
        right:0
    }

    .sm-bottom-0 {
        bottom:0
    }

    .sm-left-0 {
        left:0
    }

    .sm-width-100 {
        width:100%
    }

    .sm-height-100 {
        height:100%
    }

    .sm-block {
        display:block
    }

    .sm-flex {
        display:flex
    }

    .sm-flex-row {
        flex-direction:row
    }

    .sm-flex-row-reverse {
        flex-direction:row-reverse
    }

    .sm-flex-col {
        flex-direction:column
    }

    .sm-flex-col-reverse {
        flex-direction:column-reverse
    }

    .sm-flex-no-wrap {
        flex-wrap:nowrap
    }

    .sm-flex-wrap {
        flex-wrap:wrap
    }

    .sm-flex-wrap-reverse {
        flex-wrap:wrap-reverse
    }

    .sm-items-stretch {
        align-items:stretch
    }

    .sm-items-start {
        align-items:flex-start
    }

    .sm-items-center {
        align-items:center
    }

    .sm-items-end {
        align-items:flex-end
    }

    .sm-items-baseline {
        align-items:baseline
    }

    .sm-content-start {
        align-content:flex-start
    }

    .sm-content-center {
        align-content:center
    }

    .sm-content-end {
        align-content:flex-end
    }

    .sm-content-between {
        align-content:space-between
    }

    .sm-content-around {
        align-content:space-around
    }

    .sm-self-auto {
        align-self:auto
    }

    .sm-self-start {
        align-self:flex-start
    }

    .sm-self-center {
        align-self:center
    }

    .sm-self-end {
        align-self:flex-end
    }

    .sm-self-stretch {
        align-self:stretch
    }

    .sm-justify-start {
        justify-content:flex-start
    }

    .sm-justify-center {
        justify-content:center
    }

    .sm-justify-end {
        justify-content:flex-end
    }

    .sm-justify-between {
        justify-content:space-between
    }
    
    .sm-justify-around {
        justify-content:space-around
    }

    .sm-flex-initial {
        flex:0 1 auto
    }

    .sm-flex-1 {
        flex:1 1 0%
    }

    .sm-flex-auto {
        flex:1 1 auto
    }

    .sm-flex-none {
        flex:none
    }

    .sm-flex-grow {
        flex-grow:1
    }

    .sm-flex-grow-0 {
        flex-grow:0
    }

    .sm-flex-shrink {
        flex-shrink:1
    }

    .sm-flex-shrink-0 {
        flex-shrink:0
    }

    .sm-order-first {
        order:-9999
    }

    .sm-order-last {
        order:9999
    }

    .sm-order-none {
        order:0
    }

    .sm-order-1 {
        order:1
    }

    .sm-order-2 {
        order:2
    }

    .sm-order-3 {
        order:3
    }

    .sm-order-4 {
        order:4
    }

    .sm-order-5 {
        order:5
    }

    .sm-order-6 {
        order:6
    }

    .sm-order-7 {
        order:7
    }

    .sm-order-8 {
        order:8
    }

    .sm-order-9 {
        order:9
    }

    .sm-order-10 {
        order:10
    }

    .sm-order-11 {
        order:11
    }

    .sm-order-12 {
        order:12
    }

    .sm-not-empty {
        min-height:1px
    }
}

@media (min-width: 1400px) {
    .md-show {
        display:block
    }
    
    .md-initial {
        display:initial
    }

    .md-hide {
        display:none
    }

    .md-relative {
        position:relative
    }

    .md-absolute {
        position:absolute
    }

    .md-fixed {
        position:fixed
    }

    .md-sticky {
        position: -webkit-sticky;
        position:sticky
    }

    .md-top-0 {
        top:0
    }

    .md-right-0 {
        right:0
    }

    .md-bottom-0 {
        bottom:0
    }

    .md-left-0 {
        left:0
    }

    .md-width-100 {
        width:100%
    }

    .md-height-100 {
        height:100%
    }

    .md-block {
        display:block
    }

    .md-flex {
        display:flex
    }

    .md-flex-row {
        flex-direction:row
    }

    .md-flex-row-reverse {
        flex-direction:row-reverse
    }

    .md-flex-col {
        flex-direction:column
    }

    .md-flex-col-reverse {
        flex-direction:column-reverse
    }

    .md-flex-no-wrap {
        flex-wrap:nowrap
    }

    .md-flex-wrap {
        flex-wrap:wrap
    }

    .md-flex-wrap-reverse {
        flex-wrap:wrap-reverse
    }

    .md-items-stretch {
        align-items:stretch
    }

    .md-items-start {
        align-items:flex-start
    }

    .md-items-center {
        align-items:center
    }

    .md-items-end {
        align-items:flex-end
    }

    .md-items-baseline {
        align-items:baseline
    }

    .md-content-start {
        align-content:flex-start
    }

    .md-content-center {
        align-content:center
    }

    .md-content-end {
        align-content:flex-end
    }

    .md-content-between {
        align-content:space-between
    }

    .md-content-around {
        align-content:space-around
    }

    .md-self-auto {
        align-self:auto
    }

    .md-self-start {
        align-self:flex-start
    }

    .md-self-center {
        align-self:center
    }

    .md-self-end {
        align-self:flex-end
    }

    .md-self-stretch {
        align-self:stretch
    }

    .md-justify-start {
        justify-content:flex-start
    }

    .md-justify-center {
        justify-content:center
    }

    .md-justify-end {
        justify-content:flex-end
    }

    .md-justify-between {
        justify-content:space-between
    }
    
    .md-justify-around {
        justify-content:space-around
    }

    .md-flex-initial {
        flex:0 1 auto
    }

    .md-flex-1 {
        flex:1 1 0%
    }

    .md-flex-auto {
        flex:1 1 auto
    }

    .md-flex-none {
        flex:none
    }

    .md-flex-grow {
        flex-grow:1
    }

    .md-flex-grow-0 {
        flex-grow:0
    }

    .md-flex-shrink {
        flex-shrink:1
    }

    .md-flex-shrink-0 {
        flex-shrink:0
    }

    .md-order-first {
        order:-9999
    }

    .md-order-last {
        order:9999
    }

    .md-order-none {
        order:0
    }

    .md-order-1 {
        order:1
    }

    .md-order-2 {
        order:2
    }

    .md-order-3 {
        order:3
    }

    .md-order-4 {
        order:4
    }

    .md-order-5 {
        order:5
    }

    .md-order-6 {
        order:6
    }

    .md-order-7 {
        order:7
    }

    .md-order-8 {
        order:8
    }

    .md-order-9 {
        order:9
    }

    .md-order-10 {
        order:10
    }

    .md-order-11 {
        order:11
    }

    .md-order-12 {
        order:12
    }

    .md-not-empty {
        min-height:1px
    }
}

.col-1 {
    width:8.33333%
}

.col-2 {
    width:16.66667%
}

.col-3 {
    width:25%
}

.col-4 {
    width:33.33333%
}

.col-5 {
    width:41.66667%
}

.col-6 {
    width:50%
}

.col-7 {
    width:58.33333%
}

.col-8 {
    width:66.66667%
}

.col-9 {
    width:75%
}

.col-10 {
    width:83.33333%
}

.col-11 {
    width:91.66667%
}

.col-12 {
    width:100%
}

@media (min-width: 750px) {
    .pre-sm-col-6 {
        width:50%
    }
}

@media (min-width: 1080px) {
    .sm-col-1 {
        width:8.33333%
    }

    .sm-col-2 {
        width:16.66667%
    }

    .sm-col-3 {
        width:25%
    }

    .sm-col-4 {
        width:33.33333%
    }

    .sm-col-5 {
        width:41.66667%
    }

    .sm-col-6 {
        width:50%
    }

    .sm-col-7 {
        width:58.33333%
    }

    .sm-col-8 {
        width:66.66667%
    }

    .sm-col-9 {
        width:75%
    }

    .sm-col-10 {
        width:83.33333%
    }

    .sm-col-11 {
        width:91.66667%
    }

    .sm-col-12 {
        width:100%
    }
}

@media (min-width: 1400px) {
    .md-col-1 {
        width:8.33333%
    }

    .md-col-2 {
        width:16.66667%
    }

    .md-col-3 {
        width:25%
    }

    .md-col-4 {
        width:33.33333%
    }

    .md-col-5 {
        width:41.66667%
    }

    .md-col-6 {
        width:50%
    }

    .md-col-7 {
        width:58.33333%
    }

    .md-col-8 {
        width:66.66667%
    }

    .md-col-9 {
        width:75%
    }

    .md-col-10 {
        width:83.33333%
    }

    .md-col-11 {
        width:91.66667%
    }

    .md-col-12 {
        width:100%
    }
}

.p0 {
    padding:0
}

.pt0 {
    padding-top:0
}

.pb0 {
    padding-bottom:0
}

.pl0 {
    padding-left:0
}

.pr0, .px0 {
    padding-right:0
}

.px0 {
    padding-left:0
}

.py0 {
    padding-top: 0;
    padding-bottom:0
}

.m0 {
    margin:0
}

.my0 {
    margin-bottom:0
}

.mt0, .my0 {
    margin-top:0
}

.mb0 {
    margin-bottom:0
}

.ml0 {
    margin-left:0
}

.mr0 {
    margin-right:0
}

.mn0 {
    margin:0
}

.mxn0 {
    margin-left: 0;
    margin-right:0
}

.myn0 {
    margin-top: 0;
    margin-bottom:0
}

.mln0 {
    margin-left:0
}

.mrn0 {
    margin-right:0
}

.mtn0 {
    margin-top:0
}

.mbn0 {
    margin-bottom:0
}

.p1 {
    padding:var(--space-1)
}

.pt1 {
    padding-top:var(--space-1)
}

.pb1 {
    padding-bottom:var(--space-1)
}

.pl1 {
    padding-left:var(--space-1)
}

.pr1, .px1 {
    padding-right:var(--space-1)
}

.px1 {
    padding-left:var(--space-1)
}

.py1 {
    padding-top: var(--space-1);
    padding-bottom:var(--space-1)
}

.m1 {
    margin:var(--space-1)
}

.mt1 {
    margin-top:var(--space-1)
}

.mb1 {
    margin-bottom:var(--space-1)
}

.ml1 {
    margin-left:var(--space-1)
}

.mr1 {
    margin-right:var(--space-1)
}

.mn1 {
    margin:calc(var(--space-1) * -1)
}

.mxn1 {
    margin-left: calc(var(--space-1) * -1);
    margin-right:calc(var(--space-1) * -1)
}

.myn1 {
    margin-top: calc(var(--space-1) * -1);
    margin-bottom:calc(var(--space-1) * -1)
}

.mln1 {
    margin-left:calc(var(--space-1) * -1)
}

.mrn1 {
    margin-right:calc(var(--space-1) * -1)
}

.mtn1 {
    margin-top:calc(var(--space-1) * -1)
}

.mbn1 {
    margin-bottom:calc(var(--space-1) * -1)
}

.gap1 {
    gap:var(--space-1)
}

.p2 {
    padding:var(--space-2)
}

.pt2 {
    padding-top:var(--space-2)
}

.pb2 {
    padding-bottom:var(--space-2)
}

.pl2 {
    padding-left:var(--space-2)
}

.pr2, .px2 {
    padding-right:var(--space-2)
}

.px2 {
    padding-left:var(--space-2)
}

.py2 {
    padding-top: var(--space-2);
    padding-bottom:var(--space-2)
}

.m2 {
    margin:var(--space-2)
}

.mt2 {
    margin-top:var(--space-2)
}

.mb2 {
    margin-bottom:var(--space-2)
}

.ml2 {
    margin-left:var(--space-2)
}

.mr2 {
    margin-right:var(--space-2)
}

.mn2 {
    margin:calc(var(--space-2) * -1)
}

.mxn2 {
    margin-left: calc(var(--space-2) * -1);
    margin-right:calc(var(--space-2) * -1)
}

.myn2 {
    margin-top: calc(var(--space-2) * -1);
    margin-bottom:calc(var(--space-2) * -1)
}

.mln2 {
    margin-left:calc(var(--space-2) * -1)
}

.mrn2 {
    margin-right:calc(var(--space-2) * -1)
}

.mtn2 {
    margin-top:calc(var(--space-2) * -1)
}

.mbn2 {
    margin-bottom:calc(var(--space-2) * -1)
}

.gap2 {
    gap:var(--space-2)
}

.p3 {
    padding:var(--space-3)
}

.pt3 {
    padding-top:var(--space-3)
}

.pb3 {
    padding-bottom:var(--space-3)
}

.pl3 {
    padding-left:var(--space-3)
}

.pr3, .px3 {
    padding-right:var(--space-3)
}

.px3 {
    padding-left:var(--space-3)
}

.py3 {
    padding-top: var(--space-3);
    padding-bottom:var(--space-3)
}

.m3 {
    margin:var(--space-3)
}

.mt3 {
    margin-top:var(--space-3)
}

.mb3 {
    margin-bottom:var(--space-3)
}

.ml3 {
    margin-left:var(--space-3)
}

.mr3 {
    margin-right:var(--space-3)
}

.mn3 {
    margin:calc(var(--space-3) * -1)
}

.mxn3 {
    margin-left: calc(var(--space-3) * -1);
    margin-right:calc(var(--space-3) * -1)
}

.myn3 {
    margin-top: calc(var(--space-3) * -1);
    margin-bottom:calc(var(--space-3) * -1)
}

.mln3 {
    margin-left:calc(var(--space-3) * -1)
}

.mrn3 {
    margin-right:calc(var(--space-3) * -1)
}

.mtn3 {
    margin-top:calc(var(--space-3) * -1)
}

.mbn3 {
    margin-bottom:calc(var(--space-3) * -1)
}

.gap3 {
    gap:var(--space-3)
}

.p4 {
    padding:var(--space-4)
}

.pt4 {
    padding-top:var(--space-4)
}

.pb4 {
    padding-bottom:var(--space-4)
}

.pl4 {
    padding-left:var(--space-4)
}

.pr4, .px4 {
    padding-right:var(--space-4)
}

.px4 {
    padding-left:var(--space-4)
}

.py4 {
    padding-top: var(--space-4);
    padding-bottom:var(--space-4)
}

.m4 {
    margin:var(--space-4)
}

.mt4 {
    margin-top:var(--space-4)
}

.mb4 {
    margin-bottom:var(--space-4)
}

.ml4 {
    margin-left:var(--space-4)
}

.mr4 {
    margin-right:var(--space-4)
}

.mn4 {
    margin:calc(var(--space-4) * -1)
}

.mxn4 {
    margin-left: calc(var(--space-4) * -1);
    margin-right:calc(var(--space-4) * -1)
}

.myn4 {
    margin-top: calc(var(--space-4) * -1);
    margin-bottom:calc(var(--space-4) * -1)
}

.mln4 {
    margin-left:calc(var(--space-4) * -1)
}

.mrn4 {
    margin-right:calc(var(--space-4) * -1)
}

.mtn4 {
    margin-top:calc(var(--space-4) * -1)
}

.mbn4 {
    margin-bottom:calc(var(--space-4) * -1)
}

.gap4 {
    gap:var(--space-4)
}

.p5 {
    padding:var(--space-5)
}

.pt5 {
    padding-top:var(--space-5)
}

.pb5 {
    padding-bottom:var(--space-5)
}

.pl5 {
    padding-left:var(--space-5)
}

.pr5, .px5 {
    padding-right:var(--space-5)
}

.px5 {
    padding-left:var(--space-5)
}

.py5 {
    padding-top: var(--space-5);
    padding-bottom:var(--space-5)
}

.m5 {
    margin:var(--space-5)
}

.mt5 {
    margin-top:var(--space-5)
}

.mb5 {
    margin-bottom:var(--space-5)
}

.ml5 {
    margin-left:var(--space-5)
}

.mr5 {
    margin-right:var(--space-5)
}

.mn5 {
    margin:calc(var(--space-5) * -1)
}

.mxn5 {
    margin-left: calc(var(--space-5) * -1);
    margin-right:calc(var(--space-5) * -1)
}

.myn5 {
    margin-top: calc(var(--space-5) * -1);
    margin-bottom:calc(var(--space-5) * -1)
}

.mln5 {
    margin-left:calc(var(--space-5) * -1)
}

.mrn5 {
    margin-right:calc(var(--space-5) * -1)
}

.mtn5 {
    margin-top:calc(var(--space-5) * -1)
}

.mbn5 {
    margin-bottom:calc(var(--space-5) * -1)
}

.gap5 {
    gap:var(--space-5)
}

.row-gap5 {
    row-gap:var(--space-5)
}

.p6 {
    padding:var(--space-6)
}

.pt6 {
    padding-top:var(--space-6)
}

.pb6 {
    padding-bottom:var(--space-6)
}

.pl6 {
    padding-left:var(--space-6)
}

.pr6, .px6 {
    padding-right:var(--space-6)
}

.px6 {
    padding-left:var(--space-6)
}

.py6 {
    padding-top: var(--space-6);
    padding-bottom:var(--space-6)
}

.m6 {
    margin:var(--space-6)
}

.mt6 {
    margin-top:var(--space-6)
}

.mb6 {
    margin-bottom:var(--space-6)
}

.ml6 {
    margin-left:var(--space-6)
}

.mr6 {
    margin-right:var(--space-6)
}

.mn6 {
    margin:calc(var(--space-6) * -1)
}

.mxn6 {
    margin-left: calc(var(--space-6) * -1);
    margin-right:calc(var(--space-6) * -1)
}

.myn6 {
    margin-top: calc(var(--space-6) * -1);
    margin-bottom:calc(var(--space-6) * -1)
}

.mln6 {
    margin-left:calc(var(--space-6) * -1)
}

.mrn6 {
    margin-right:calc(var(--space-6) * -1)
}

.mtn6 {
    margin-top:calc(var(--space-6) * -1)
}

.mbn6 {
    margin-bottom:calc(var(--space-6) * -1)
}

.gap6 {
    gap:var(--space-6)
}

.p7 {
    padding:var(--space-7)
}

.pt7 {
    padding-top:var(--space-7)
}

.pb7 {
    padding-bottom:var(--space-7)
}

.pl7 {
    padding-left:var(--space-7)
}

.pr7, .px7 {
    padding-right:var(--space-7)
}

.px7 {
    padding-left:var(--space-7)
}

.py7 {
    padding-top: var(--space-7);
    padding-bottom:var(--space-7)
}

.m7 {
    margin:var(--space-7)
}

.mt7 {
    margin-top:var(--space-7)
}

.mb7 {
    margin-bottom:var(--space-7)
}

.ml7 {
    margin-left:var(--space-7)
}

.mr7 {
    margin-right:var(--space-7)
}

.mn7 {
    margin:calc(var(--space-7) * -1)
}

.mxn7 {
    margin-left: calc(var(--space-7) * -1);
    margin-right:calc(var(--space-7) * -1)
}

.myn7 {
    margin-top: calc(var(--space-7) * -1);
    margin-bottom:calc(var(--space-7) * -1)
}

.mln7 {
    margin-left:calc(var(--space-7) * -1)
}

.mrn7 {
    margin-right:calc(var(--space-7) * -1)
}

.mtn7 {
    margin-top:calc(var(--space-7) * -1)
}

.mbn7 {
    margin-bottom:calc(var(--space-7) * -1)
}

.gap7 {
    gap:var(--space-7)
}

.p8 {
    padding:var(--space-8)
}

.pt8 {
    padding-top:var(--space-8)
}

.pb8 {
    padding-bottom:var(--space-8)
}

.pl8 {
    padding-left:var(--space-8)
}

.pr8, .px8 {
    padding-right:var(--space-8)
}

.px8 {
    padding-left:var(--space-8)
}

.py8 {
    padding-top: var(--space-8);
    padding-bottom:var(--space-8)
}

.m8 {
    margin:var(--space-8)
}

.mt8 {
    margin-top:var(--space-8)
}

.mb8 {
    margin-bottom:var(--space-8)
}

.ml8 {
    margin-left:var(--space-8)
}

.mr8 {
    margin-right:var(--space-8)
}

.mn8 {
    margin:calc(var(--space-8) * -1)
}

.mxn8 {
    margin-left: calc(var(--space-8) * -1);
    margin-right:calc(var(--space-8) * -1)
}

.myn8 {
    margin-top: calc(var(--space-8) * -1);
    margin-bottom:calc(var(--space-8) * -1)
}

.mln8 {
    margin-left:calc(var(--space-8) * -1)
}

.mrn8 {
    margin-right:calc(var(--space-8) * -1)
}

.mtn8 {
    margin-top:calc(var(--space-8) * -1)
}

.mbn8 {
    margin-bottom:calc(var(--space-8) * -1)
}

.gap8 {
    gap:var(--space-8)
}

.p9 {
    padding:var(--space-9)
}

.pt9 {
    padding-top:var(--space-9)
}

.pb9 {
    padding-bottom:var(--space-9)
}

.pl9 {
    padding-left:var(--space-9)
}

.pr9, .px9 {
    padding-right:var(--space-9)
}

.px9 {
    padding-left:var(--space-9)
}

.py9 {
    padding-top: var(--space-9);
    padding-bottom:var(--space-9)
}

.m9 {
    margin:var(--space-9)
}

.mt9 {
    margin-top:var(--space-9)
}

.mb9 {
    margin-bottom:var(--space-9)
}

.ml9 {
    margin-left:var(--space-9)
}

.mr9 {
    margin-right:var(--space-9)
}

.mn9 {
    margin:calc(var(--space-9) * -1)
}

.mxn9 {
    margin-left: calc(var(--space-9) * -1);
    margin-right:calc(var(--space-9) * -1)
}

.myn9 {
    margin-top: calc(var(--space-9) * -1);
    margin-bottom:calc(var(--space-9) * -1)
}

.mln9 {
    margin-left:calc(var(--space-9) * -1)
}

.mrn9 {
    margin-right:calc(var(--space-9) * -1)
}

.mtn9 {
    margin-top:calc(var(--space-9) * -1)
}

.mbn9 {
    margin-bottom:calc(var(--space-9) * -1)
}

.gap9 {
    gap:var(--space-9)
}

.row-gap9 {
    row-gap:var(--space-9)
}

.p10 {
    padding:var(--space-10)
}

.pt10 {
    padding-top:var(--space-10)
}

.pb10 {
    padding-bottom:var(--space-10)
}

.pl10 {
    padding-left:var(--space-10)
}

.pr10, .px10 {
    padding-right:var(--space-10)
}

.px10 {
    padding-left:var(--space-10)
}

.py10 {
    padding-top: var(--space-10);
    padding-bottom:var(--space-10)
}

.m10 {
    margin:var(--space-10)
}

.mt10 {
    margin-top:var(--space-10)
}

.mb10 {
    margin-bottom:var(--space-10)
}

.ml10 {
    margin-left:var(--space-10)
}

.mr10 {
    margin-right:var(--space-10)
}

.mn10 {
    margin:calc(var(--space-10) * -1)
}

.mxn10 {
    margin-left: calc(var(--space-10) * -1);
    margin-right:calc(var(--space-10) * -1)
}

.myn10 {
    margin-top: calc(var(--space-10) * -1);
    margin-bottom:calc(var(--space-10) * -1)
}

.mln10 {
    margin-left:calc(var(--space-10) * -1)
}

.mrn10 {
    margin-right:calc(var(--space-10) * -1)
}

.mtn10 {
    margin-top:calc(var(--space-10) * -1)
}

.mbn10 {
    margin-bottom:calc(var(--space-10) * -1)
}

.gap10 {
    gap:var(--space-10)
}

.row-gap10 {
    row-gap:var(--space-10)
}

.p11 {
    padding:var(--space-11)
}

.pt11 {
    padding-top:var(--space-11)
}

.pb11 {
    padding-bottom:var(--space-11)
}

.pl11 {
    padding-left:var(--space-11)
}

.pr11, .px11 {
    padding-right:var(--space-11)
}

.px11 {
    padding-left:var(--space-11)
}

.py11 {
    padding-top: var(--space-11);
    padding-bottom:var(--space-11)
}

.m11 {
    margin:var(--space-11)
}

.mt11 {
    margin-top:var(--space-11)
}

.mb11 {
    margin-bottom:var(--space-11)
}

.ml11 {
    margin-left:var(--space-11)
}

.mr11 {
    margin-right:var(--space-11)
}

.mn11 {
    margin:calc(var(--space-11) * -1)
}

.mxn11 {
    margin-left: calc(var(--space-11) * -1);
    margin-right:calc(var(--space-11) * -1)
}

.myn11 {
    margin-top: calc(var(--space-11) * -1);
    margin-bottom:calc(var(--space-11) * -1)
}

.mln11 {
    margin-left:calc(var(--space-11) * -1)
}

.mrn11 {
    margin-right:calc(var(--space-11) * -1)
}

.mtn11 {
    margin-top:calc(var(--space-11) * -1)
}

.mbn11 {
    margin-bottom:calc(var(--space-11) * -1)
}

.gap11 {
    gap:var(--space-11)
}

.p12 {
    padding:var(--space-12)
}

.pt12 {
    padding-top:var(--space-12)
}

.pb12 {
    padding-bottom:var(--space-12)
}

.pl12 {
    padding-left:var(--space-12)
}

.pr12, .px12 {
    padding-right:var(--space-12)
}

.px12 {
    padding-left:var(--space-12)
}

.py12 {
    padding-top: var(--space-12);
    padding-bottom:var(--space-12)
}

.m12 {
    margin:var(--space-12)
}

.mt12 {
    margin-top:var(--space-12)
}

.mb12 {
    margin-bottom:var(--space-12)
}

.ml12 {
    margin-left:var(--space-12)
}

.mr12 {
    margin-right:var(--space-12)
}

.mn12 {
    margin:calc(var(--space-12) * -1)
}

.mxn12 {
    margin-left: calc(var(--space-12) * -1);
    margin-right:calc(var(--space-12) * -1)
}

.myn12 {
    margin-top: calc(var(--space-12) * -1);
    margin-bottom:calc(var(--space-12) * -1)
}

.mln12 {
    margin-left:calc(var(--space-12) * -1)
}

.mrn12 {
    margin-right:calc(var(--space-12) * -1)
}

.mtn12 {
    margin-top:calc(var(--space-12) * -1)
}

.mbn12 {
    margin-bottom:calc(var(--space-12) * -1)
}

.gap12 {
    gap:var(--space-12)
}

.p13 {
    padding:var(--space-13)
}

.pt13 {
    padding-top:var(--space-13)
}

.pb13 {
    padding-bottom:var(--space-13)
}

.pl13 {
    padding-left:var(--space-13)
}

.pr13, .px13 {
    padding-right:var(--space-13)
}

.px13 {
    padding-left:var(--space-13)
}

.py13 {
    padding-top: var(--space-13);
    padding-bottom:var(--space-13)
}

.m13 {
    margin:var(--space-13)
}

.mt13 {
    margin-top:var(--space-13)
}

.mb13 {
    margin-bottom:var(--space-13)
}

.ml13 {
    margin-left:var(--space-13)
}

.mr13 {
    margin-right:var(--space-13)
}

.mn13 {
    margin:calc(var(--space-13) * -1)
}

.mxn13 {
    margin-left: calc(var(--space-13) * -1);
    margin-right:calc(var(--space-13) * -1)
}

.myn13 {
    margin-top: calc(var(--space-13) * -1);
    margin-bottom:calc(var(--space-13) * -1)
}

.mln13 {
    margin-left:calc(var(--space-13) * -1)
}

.mrn13 {
    margin-right:calc(var(--space-13) * -1)
}

.mtn13 {
    margin-top:calc(var(--space-13) * -1)
}

.mbn13 {
    margin-bottom:calc(var(--space-13) * -1)
}

.gap13 {
    gap:var(--space-13)
}

.p14 {
    padding:var(--space-14)
}

.pt14 {
    padding-top:var(--space-14)
}

.pb14 {
    padding-bottom:var(--space-14)
}

.pl14 {
    padding-left:var(--space-14)
}

.pr14, .px14 {
    padding-right:var(--space-14)
}

.px14 {
    padding-left:var(--space-14)
}

.py14 {
    padding-top: var(--space-14);
    padding-bottom:var(--space-14)
}

.m14 {
    margin:var(--space-14)
}

.mt14 {
    margin-top:var(--space-14)
}

.mb14 {
    margin-bottom:var(--space-14)
}

.ml14 {
    margin-left:var(--space-14)
}

.mr14 {
    margin-right:var(--space-14)
}

.mn14 {
    margin:calc(var(--space-14) * -1)
}

.mxn14 {
    margin-left: calc(var(--space-14) * -1);
    margin-right:calc(var(--space-14) * -1)
}

.myn14 {
    margin-top: calc(var(--space-14) * -1);
    margin-bottom:calc(var(--space-14) * -1)
}

.mln14 {
    margin-left:calc(var(--space-14) * -1)
}

.mrn14 {
    margin-right:calc(var(--space-14) * -1)
}

.mtn14 {
    margin-top:calc(var(--space-14) * -1)
}

.mbn14 {
    margin-bottom:calc(var(--space-14) * -1)
}

.gap14 {
    gap:var(--space-14)
}

.ml-auto {
    margin-left:auto
}
   
.mr-auto, .mx-auto {
    margin-right:auto
}
    
.mx-auto {
    margin-left:auto
}

.w-full {
    width: 100%;
}
    
@media (min-width: 1080px) {
    .sm-p0 {
        padding:0
    }

    .sm-pt0 {
        padding-top:0
    }

    .sm-pb0 {
        padding-bottom:0
    }

    .sm-pl0 {
        padding-left:0
    }

    .sm-pr0, .sm-px0 {
        padding-right:0
    }

    .sm-px0 {
        padding-left:0
    }

    .sm-py0 {
        padding-top: 0;
        padding-bottom:0
    }

    .sm-m0 {
        margin:0
    }

    .sm-my0 {
        margin-bottom:0
    }

    .sm-mt0, .sm-my0 {
        margin-top:0
    }

    .sm-mb0 {
        margin-bottom:0
    }

    .sm-ml0 {
        margin-left:0
    }

    .sm-mr0 {
        margin-right:0
    }

    .sm-mn0 {
        margin:0
    }

    .sm-mxn0 {
        margin-left: 0;
        margin-right:0
    }

    .sm-myn0 {
        margin-top: 0;
        margin-bottom:0
    }

    .sm-mln0 {
        margin-left:0
    }

    .sm-mrn0 {
        margin-right:0
    }

    .sm-mtn0 {
        margin-top:0
    }

    .sm-mbn0 {
        margin-bottom:0
    }
    
    .sm-gap0 {
        gap:var(--space-0)
    }

    .sm-p1 {
        padding:var(--space-1)
    }

    .sm-pt1 {
        padding-top:var(--space-1)
    }

    .sm-pb1 {
        padding-bottom:var(--space-1)
    }

    .sm-pl1 {
        padding-left:var(--space-1)
    }

    .sm-pr1, .sm-px1 {
        padding-right:var(--space-1)
    }

    .sm-px1 {
        padding-left:var(--space-1)
    }

    .sm-py1 {
        padding-top: var(--space-1);
        padding-bottom:var(--space-1)
    }

    .sm-m1 {
        margin:var(--space-1)
    }

    .sm-mt1 {
        margin-top:var(--space-1)
    }

    .sm-mb1 {
        margin-bottom:var(--space-1)
    }

    .sm-ml1 {
        margin-left:var(--space-1)
    }

    .sm-mr1 {
        margin-right:var(--space-1)
    }

    .sm-mn1 {
        margin:calc(var(--space-1) * -1)
    }

    .sm-mxn1 {
        margin-left: calc(var(--space-1) * -1);
        margin-right:calc(var(--space-1) * -1)
    }

    .sm-myn1 {
        margin-top: calc(var(--space-1) * -1);
        margin-bottom:calc(var(--space-1) * -1)
    }

    .sm-mln1 {
        margin-left:calc(var(--space-1) * -1)
    }

    .sm-mrn1 {
        margin-right:calc(var(--space-1) * -1)
    }

    .sm-mtn1 {
        margin-top:calc(var(--space-1) * -1)
    }

    .sm-mbn1 {
        margin-bottom:calc(var(--space-1) * -1)
    }

    .sm-gap1 {
        gap:var(--space-1)
    }

    .sm-p2 {
        padding:var(--space-2)
    }

    .sm-pt2 {
        padding-top:var(--space-2)
    }

    .sm-pb2 {
        padding-bottom:var(--space-2)
    }

    .sm-pl2 {
        padding-left:var(--space-2)
    }

    .sm-pr2, .sm-px2 {
        padding-right:var(--space-2)
    }

    .sm-px2 {
        padding-left:var(--space-2)
    }

    .sm-py2 {
        padding-top: var(--space-2);
        padding-bottom:var(--space-2)
    }

    .sm-m2 {
        margin:var(--space-2)
    }

    .sm-mt2 {
        margin-top:var(--space-2)
    }

    .sm-mb2, .sm-my2 {
        margin-bottom:var(--space-2)
    }

    .sm-my2 {
        margin-top:var(--space-2)
    }

    .sm-ml2 {
        margin-left:var(--space-2)
    }

    .sm-mr2 {
        margin-right:var(--space-2)
    }

    .sm-mn2 {
        margin:calc(var(--space-2) * -1)
    }

    .sm-mxn2 {
        margin-left: calc(var(--space-2) * -1);
        margin-right:calc(var(--space-2) * -1)
    }

    .sm-myn2 {
        margin-top: calc(var(--space-2) * -1);
        margin-bottom:calc(var(--space-2) * -1)
    }

    .sm-mln2 {
        margin-left:calc(var(--space-2) * -1)
    }

    .sm-mrn2 {
        margin-right:calc(var(--space-2) * -1)
    }

    .sm-mtn2 {
        margin-top:calc(var(--space-2) * -1)
    }

    .sm-mbn2 {
        margin-bottom:calc(var(--space-2) * -1)
    }

    .sm-gap2 {
        gap:var(--space-2)
    }

    .sm-p3 {
        padding:var(--space-3)
    }

    .sm-pt3 {
        padding-top:var(--space-3)
    }

    .sm-pb3 {
        padding-bottom:var(--space-3)
    }

    .sm-pl3 {
        padding-left:var(--space-3)
    }

    .sm-pr3, .sm-px3 {
        padding-right:var(--space-3)
    }

    .sm-px3 {
        padding-left:var(--space-3)
    }

    .sm-py3 {
        padding-top: var(--space-3);
        padding-bottom:var(--space-3)
    }

    .sm-m3 {
        margin:var(--space-3)
    }

    .sm-mt3 {
        margin-top:var(--space-3)
    }

    .sm-mb3 {
        margin-bottom:var(--space-3)
    }

    .sm-ml3 {
        margin-left:var(--space-3)
    }

    .sm-mr3 {
        margin-right:var(--space-3)
    }

    .sm-mn3 {
        margin:calc(var(--space-3) * -1)
    }

    .sm-mxn3 {
        margin-left: calc(var(--space-3) * -1);
        margin-right:calc(var(--space-3) * -1)
    }

    .sm-myn3 {
        margin-top: calc(var(--space-3) * -1);
        margin-bottom:calc(var(--space-3) * -1)
    }

    .sm-mln3 {
        margin-left:calc(var(--space-3) * -1)
    }

    .sm-mrn3 {
        margin-right:calc(var(--space-3) * -1)
    }

    .sm-mtn3 {
        margin-top:calc(var(--space-3) * -1)
    }

    .sm-mbn3 {
        margin-bottom:calc(var(--space-3) * -1)
    }

    .sm-gap3 {
        gap:var(--space-3)
    }
    
    .sm-p4 {
        padding:var(--space-4)
    }

    .sm-pt4 {
        padding-top:var(--space-4)
    }

    .sm-pb4 {
        padding-bottom:var(--space-4)
    }

    .sm-pl4 {
        padding-left:var(--space-4)
    }

    .sm-pr4, .sm-px4 {
        padding-right:var(--space-4)
    }

    .sm-px4 {
        padding-left:var(--space-4)
    }

    .sm-py4 {
        padding-top: var(--space-4);
        padding-bottom:var(--space-4)
    }

    .sm-m4 {
        margin:var(--space-4)
    }

    .sm-mt4 {
        margin-top:var(--space-4)
    }

    .sm-mb4 {
        margin-bottom:var(--space-4)
    }

    .sm-ml4 {
        margin-left:var(--space-4)
    }

    .sm-mr4 {
        margin-right:var(--space-4)
    }

    .sm-mn4 {
        margin:calc(var(--space-4) * -1)
    }

    .sm-mxn4 {
        margin-left: calc(var(--space-4) * -1);
        margin-right:calc(var(--space-4) * -1)
    }

    .sm-myn4 {
        margin-top: calc(var(--space-4) * -1);
        margin-bottom:calc(var(--space-4) * -1)
    }

    .sm-mln4 {
        margin-left:calc(var(--space-4) * -1)
    }

    .sm-mrn4 {
        margin-right:calc(var(--space-4) * -1)
    }

    .sm-mtn4 {
        margin-top:calc(var(--space-4) * -1)
    }

    .sm-mbn4 {
        margin-bottom:calc(var(--space-4) * -1)
    }
    
    .sm-gap4 {
        gap:var(--space-4)
    }
    
    .sm-p5 {
        padding:var(--space-5)
    }

    .sm-pt5 {
        padding-top:var(--space-5)
    }

    .sm-pb5 {
        padding-bottom:var(--space-5)
    }

    .sm-pl5 {
        padding-left:var(--space-5)
    }

    .sm-pr5, .sm-px5 {
        padding-right:var(--space-5)
    }

    .sm-px5 {
        padding-left:var(--space-5)
    }

    .sm-py5 {
        padding-top: var(--space-5);
        padding-bottom:var(--space-5)
    }

    .sm-m5 {
        margin:var(--space-5)
    }

    .sm-mt5 {
        margin-top:var(--space-5)
    }

    .sm-mb5 {
        margin-bottom:var(--space-5)
    }

    .sm-ml5 {
        margin-left:var(--space-5)
    }

    .sm-mr5 {
        margin-right:var(--space-5)
    }

    .sm-mn5 {
        margin:calc(var(--space-5) * -1)
    }

    .sm-mxn5 {
        margin-left: calc(var(--space-5) * -1);
        margin-right:calc(var(--space-5) * -1)
    }

    .sm-myn5 {
        margin-top: calc(var(--space-5) * -1);
        margin-bottom:calc(var(--space-5) * -1)
    }

    .sm-mln5 {
        margin-left:calc(var(--space-5) * -1)
    }

    .sm-mrn5 {
        margin-right:calc(var(--space-5) * -1)
    }

    .sm-mtn5 {
        margin-top:calc(var(--space-5) * -1)
    }

    .sm-mbn5 {
        margin-bottom:calc(var(--space-5) * -1)
    }

    .sm-gap5 {
        gap:var(--space-5)
    }

    .sm-p6 {
        padding:var(--space-6)
    }

    .sm-pt6 {
        padding-top:var(--space-6)
    }

    .sm-pb6 {
        padding-bottom:var(--space-6)
    }

    .sm-pl6 {
        padding-left:var(--space-6)
    }

    .sm-pr6, .sm-px6 {
        padding-right:var(--space-6)
    }

    .sm-px6 {
        padding-left:var(--space-6)
    }

    .sm-py6 {
        padding-top: var(--space-6);
        padding-bottom:var(--space-6)
    }

    .sm-m6 {
        margin:var(--space-6)
    }

    .sm-mt6 {
        margin-top:var(--space-6)
    }

    .sm-mb6 {
        margin-bottom:var(--space-6)
    }

    .sm-ml6 {
        margin-left:var(--space-6)
    }

    .sm-mr6 {
        margin-right:var(--space-6)
    }

    .sm-mn6 {
        margin:calc(var(--space-6) * -1)
    }

    .sm-mxn6 {
        margin-left: calc(var(--space-6) * -1);
        margin-right:calc(var(--space-6) * -1)
    }

    .sm-myn6 {
        margin-top: calc(var(--space-6) * -1);
        margin-bottom:calc(var(--space-6) * -1)
    }

    .sm-mln6 {
        margin-left:calc(var(--space-6) * -1)
    }

    .sm-mrn6 {
        margin-right:calc(var(--space-6) * -1)
    }

    .sm-mtn6 {
        margin-top:calc(var(--space-6) * -1)
    }

    .sm-mbn6 {
        margin-bottom:calc(var(--space-6) * -1)
    }

    .sm-gap6 {
        gap:var(--space-6)
    }

    .sm-p7 {
        padding:var(--space-7)
    }

    .sm-pt7 {
        padding-top:var(--space-7)
    }

    .sm-pb7 {
        padding-bottom:var(--space-7)
    }

    .sm-pl7 {
        padding-left:var(--space-7)
    }

    .sm-pr7, .sm-px7 {
        padding-right:var(--space-7)
    }

    .sm-px7 {
        padding-left:var(--space-7)
    }

    .sm-py7 {
        padding-top: var(--space-7);
        padding-bottom:var(--space-7)
    }

    .sm-m7 {
        margin:var(--space-7)
    }

    .sm-mt7 {
        margin-top:var(--space-7)
    }

    .sm-mb7 {
        margin-bottom:var(--space-7)
    }

    .sm-ml7 {
        margin-left:var(--space-7)
    }

    .sm-mr7 {
        margin-right:var(--space-7)
    }

    .sm-mn7 {
        margin:calc(var(--space-7) * -1)
    }

    .sm-mxn7 {
        margin-left: calc(var(--space-7) * -1);
        margin-right:calc(var(--space-7) * -1)
    }

    .sm-myn7 {
        margin-top: calc(var(--space-7) * -1);
        margin-bottom:calc(var(--space-7) * -1)
    }

    .sm-mln7 {
        margin-left:calc(var(--space-7) * -1)
    }

    .sm-mrn7 {
        margin-right:calc(var(--space-7) * -1)
    }

    .sm-mtn7 {
        margin-top:calc(var(--space-7) * -1)
    }

    .sm-mbn7 {
        margin-bottom:calc(var(--space-7) * -1)
    }
    
    .sm-gap7 {
        gap:var(--space-7)
    }
    
    .sm-p8 {
        padding:var(--space-8)
    }

    .sm-pt8 {
        padding-top:var(--space-8)
    }

    .sm-pb8 {
        padding-bottom:var(--space-8)
    }

    .sm-pl8 {
        padding-left:var(--space-8)
    }

    .sm-pr8, .sm-px8 {
        padding-right:var(--space-8)
    }

    .sm-px8 {
        padding-left:var(--space-8)
    }

    .sm-py8 {
        padding-top: var(--space-8);
        padding-bottom:var(--space-8)
    }

    .sm-m8 {
        margin:var(--space-8)
    }

    .sm-mt8 {
        margin-top:var(--space-8)
    }

    .sm-mb8 {
        margin-bottom:var(--space-8)
    }

    .sm-ml8 {
        margin-left:var(--space-8)
    }

    .sm-mr8 {
        margin-right:var(--space-8)
    }

    .sm-mn8 {
        margin:calc(var(--space-8) * -1)
    }

    .sm-mxn8 {
        margin-left: calc(var(--space-8) * -1);
        margin-right:calc(var(--space-8) * -1)
    }

    .sm-myn8 {
        margin-top: calc(var(--space-8) * -1);
        margin-bottom:calc(var(--space-8) * -1)
    }

    .sm-mln8 {
        margin-left:calc(var(--space-8) * -1)
    }

    .sm-mrn8 {
        margin-right:calc(var(--space-8) * -1)
    }

    .sm-mtn8 {
        margin-top:calc(var(--space-8) * -1)
    }

    .sm-mbn8 {
        margin-bottom:calc(var(--space-8) * -1)
    }

    .sm-gap8 {
        gap:var(--space-8)
    }

    .sm-p9 {
        padding:var(--space-9)
    }

    .sm-pt9 {
        padding-top:var(--space-9)
    }

    .sm-pb9 {
        padding-bottom:var(--space-9)
    }

    .sm-pl9 {
        padding-left:var(--space-9)
    }

    .sm-pr9, .sm-px9 {
        padding-right:var(--space-9)
    }

    .sm-px9 {
        padding-left:var(--space-9)
    }

    .sm-py9 {
        padding-top: var(--space-9);
        padding-bottom:var(--space-9)
    }

    .sm-m9 {
        margin:var(--space-9)
    }

    .sm-mt9 {
        margin-top:var(--space-9)
    }

    .sm-mb9 {
        margin-bottom:var(--space-9)
    }

    .sm-ml9 {
        margin-left:var(--space-9)
    }

    .sm-mr9 {
        margin-right:var(--space-9)
    }

    .sm-mn9 {
        margin:calc(var(--space-9) * -1)
    }

    .sm-mxn9 {
        margin-left: calc(var(--space-9) * -1);
        margin-right:calc(var(--space-9) * -1)
    }

    .sm-myn9 {
        margin-top: calc(var(--space-9) * -1);
        margin-bottom:calc(var(--space-9) * -1)
    }

    .sm-mln9 {
        margin-left:calc(var(--space-9) * -1)
    }

    .sm-mrn9 {
        margin-right:calc(var(--space-9) * -1)
    }

    .sm-mtn9 {
        margin-top:calc(var(--space-9) * -1)
    }

    .sm-mbn9 {
        margin-bottom:calc(var(--space-9) * -1)
    }
    
    .sm-gap9 {
        gap:var(--space-9)
    }

    .sm-p10 {
        padding:var(--space-10)
    }

    .sm-pt10 {
        padding-top:var(--space-10)
    }

    .sm-pb10 {
        padding-bottom:var(--space-10)
    }

    .sm-pl10 {
        padding-left:var(--space-10)
    }

    .sm-pr10, .sm-px10 {
        padding-right:var(--space-10)
    }

    .sm-px10 {
        padding-left:var(--space-10)
    }

    .sm-py10 {
        padding-top: var(--space-10);
        padding-bottom:var(--space-10)
    }

    .sm-m10 {
        margin:var(--space-10)
    }

    .sm-mt10 {
        margin-top:var(--space-10)
    }

    .sm-mb10 {
        margin-bottom:var(--space-10)
    }

    .sm-ml10 {
        margin-left:var(--space-10)
    }

    .sm-mr10 {
        margin-right:var(--space-10)
    }

    .sm-mn10 {
        margin:calc(var(--space-10) * -1)
    }

    .sm-mxn10 {
        margin-left: calc(var(--space-10) * -1);
        margin-right:calc(var(--space-10) * -1)
    }

    .sm-myn10 {
        margin-top: calc(var(--space-10) * -1);
        margin-bottom:calc(var(--space-10) * -1)
    }

    .sm-mln10 {
        margin-left:calc(var(--space-10) * -1)
    }

    .sm-mrn10 {
        margin-right:calc(var(--space-10) * -1)
    }

    .sm-mtn10 {
        margin-top:calc(var(--space-10) * -1)
    }

    .sm-mbn10 {
        margin-bottom:calc(var(--space-10) * -1)
    }
    
    .sm-gap10 {
        gap:var(--space-10)
    }
    
    .sm-p11 {
        padding:var(--space-11)
    }

    .sm-pt11 {
        padding-top:var(--space-11)
    }

    .sm-pb11 {
        padding-bottom:var(--space-11)
    }

    .sm-pl11 {
        padding-left:var(--space-11)
    }

    .sm-pr11, .sm-px11 {
        padding-right:var(--space-11)
    }

    .sm-px11 {
        padding-left:var(--space-11)
    }

    .sm-py11 {
        padding-top: var(--space-11);
        padding-bottom:var(--space-11)
    }

    .sm-m11 {
        margin:var(--space-11)
    }

    .sm-mt11 {
        margin-top:var(--space-11)
    }

    .sm-mb11 {
        margin-bottom:var(--space-11)
    }

    .sm-ml11 {
        margin-left:var(--space-11)
    }

    .sm-mr11 {
        margin-right:var(--space-11)
    }

    .sm-mn11 {
        margin:calc(var(--space-11) * -1)
    }

    .sm-mxn11 {
        margin-left: calc(var(--space-11) * -1);
        margin-right:calc(var(--space-11) * -1)
    }

    .sm-myn11 {
        margin-top: calc(var(--space-11) * -1);
        margin-bottom:calc(var(--space-11) * -1)
    }

    .sm-mln11 {
        margin-left:calc(var(--space-11) * -1)
    }

    .sm-mrn11 {
        margin-right:calc(var(--space-11) * -1)
    }

    .sm-mtn11 {
        margin-top:calc(var(--space-11) * -1)
    }

    .sm-mbn11 {
        margin-bottom:calc(var(--space-11) * -1)
    }

    .sm-gap11 {
        gap:var(--space-11)
    }

    .sm-p12 {
        padding:var(--space-12)
    }

    .sm-pt12 {
        padding-top:var(--space-12)
    }

    .sm-pb12 {
        padding-bottom:var(--space-12)
    }

    .sm-pl12 {
        padding-left:var(--space-12)
    }

    .sm-pr12, .sm-px12 {
        padding-right:var(--space-12)
    }

    .sm-px12 {
        padding-left:var(--space-12)
    }

    .sm-py12 {
        padding-top: var(--space-12);
        padding-bottom:var(--space-12)
    }

    .sm-m12 {
        margin:var(--space-12)
    }

    .sm-mt12 {
        margin-top:var(--space-12)
    }

    .sm-mb12 {
        margin-bottom:var(--space-12)
    }

    .sm-ml12 {
        margin-left:var(--space-12)
    }

    .sm-mr12 {
        margin-right:var(--space-12)
    }

    .sm-mn12 {
        margin:calc(var(--space-12) * -1)
    }

    .sm-mxn12 {
        margin-left: calc(var(--space-12) * -1);
        margin-right:calc(var(--space-12) * -1)
    }

    .sm-myn12 {
        margin-top: calc(var(--space-12) * -1);
        margin-bottom:calc(var(--space-12) * -1)
    }

    .sm-mln12 {
        margin-left:calc(var(--space-12) * -1)
    }

    .sm-mrn12 {
        margin-right:calc(var(--space-12) * -1)
    }

    .sm-mtn12 {
        margin-top:calc(var(--space-12) * -1)
    }

    .sm-mbn12 {
        margin-bottom:calc(var(--space-12) * -1)
    }

    .sm-gap12 {
        gap:var(--space-12)
    }

    .sm-p13 {
        padding:var(--space-13)
    }

    .sm-pt13 {
        padding-top:var(--space-13)
    }

    .sm-pb13 {
        padding-bottom:var(--space-13)
    }

    .sm-pl13 {
        padding-left:var(--space-13)
    }

    .sm-pr13, .sm-px13 {
        padding-right:var(--space-13)
    }

    .sm-px13 {
        padding-left:var(--space-13)
    }

    .sm-py13 {
        padding-top: var(--space-13);
        padding-bottom:var(--space-13)
    }

    .sm-m13 {
        margin:var(--space-13)
    }

    .sm-mt13 {
        margin-top:var(--space-13)
    }

    .sm-mb13 {
        margin-bottom:var(--space-13)
    }

    .sm-ml13 {
        margin-left:var(--space-13)
    }

    .sm-mr13 {
        margin-right:var(--space-13)
    }

    .sm-mn13 {
        margin:calc(var(--space-13) * -1)
    }

    .sm-mxn13 {
        margin-left: calc(var(--space-13) * -1);
        margin-right:calc(var(--space-13) * -1)
    }

    .sm-myn13 {
        margin-top: calc(var(--space-13) * -1);
        margin-bottom:calc(var(--space-13) * -1)
    }

    .sm-mln13 {
        margin-left:calc(var(--space-13) * -1)
    }

    .sm-mrn13 {
        margin-right:calc(var(--space-13) * -1)
    }

    .sm-mtn13 {
        margin-top:calc(var(--space-13) * -1)
    }

    .sm-mbn13 {
        margin-bottom:calc(var(--space-13) * -1)
    }

    .sm-gap13 {
        gap:var(--space-13)
    }

    .sm-p14 {
        padding:var(--space-14)
    }

    .sm-pt14 {
        padding-top:var(--space-14)
    }

    .sm-pb14 {
        padding-bottom:var(--space-14)
    }

    .sm-pl14 {
        padding-left:var(--space-14)
    }

    .sm-pr14, .sm-px14 {
        padding-right:var(--space-14)
    }

    .sm-px14 {
        padding-left:var(--space-14)
    }

    .sm-py14 {
        padding-top: var(--space-14);
        padding-bottom:var(--space-14)
    }

    .sm-m14 {
        margin:var(--space-14)
    }

    .sm-mt14 {
        margin-top:var(--space-14)
    }

    .sm-mb14 {
        margin-bottom:var(--space-14)
    }

    .sm-ml14 {
        margin-left:var(--space-14)
    }

    .sm-mr14 {
        margin-right:var(--space-14)
    }

    .sm-mn14 {
        margin:calc(var(--space-14) * -1)
    }

    .sm-mxn14 {
        margin-left: calc(var(--space-14) * -1);
        margin-right:calc(var(--space-14) * -1)
    }

    .sm-myn14 {
        margin-top: calc(var(--space-14) * -1);
        margin-bottom:calc(var(--space-14) * -1)
    }

    .sm-mln14 {
        margin-left:calc(var(--space-14) * -1)
    }

    .sm-mrn14 {
        margin-right:calc(var(--space-14) * -1)
    }

    .sm-mtn14 {
        margin-top:calc(var(--space-14) * -1)
    }

    .sm-mbn14 {
        margin-bottom:calc(var(--space-14) * -1)
    }

    .sm-gap14 {
        gap:var(--space-14)
    }

    .sm-ml-auto {
        margin-left:auto
    }
   
    .sm-mr-auto, .sm-mx-auto {
        margin-right:auto
    }
    
    .sm-mx-auto {
        margin-left:auto
    }
}

@media (min-width: 1400px) {
    .md-p0 {
        padding:0
    }

    .md-pt0 {
        padding-top:0
    }

    .md-pb0 {
        padding-bottom:0
    }

    .md-pl0 {
        padding-left:0
    }

    .md-pr0, .md-px0 {
        padding-right:0
    }

    .md-px0 {
        padding-left:0
    }

    .md-py0 {
        padding-top: 0;
        padding-bottom:0
    }

    .md-m0 {
        margin:0
    }

    .md-my0 {
        margin-bottom:0
    }

    .md-mt0, .md-my0 {
        margin-top:0
    }

    .md-mb0 {
        margin-bottom:0
    }

    .md-ml0 {
        margin-left:0
    }

    .md-mr0 {
        margin-right:0
    }

    .md-mn0 {
        margin:0
    }

    .md-mxn0 {
        margin-left: 0;
        margin-right:0
    }

    .md-myn0 {
        margin-top: 0;
        margin-bottom:0
    }

    .md-mln0 {
        margin-left:0
    }

    .md-mrn0 {
        margin-right:0
    }

    .md-mtn0 {
        margin-top:0
    }

    .md-mbn0 {
        margin-bottom:0
    }

    .md-gap0 {
        gap:var(--space-0)
    }

    .md-p1 {
        padding:var(--space-1)
    }

    .md-pt1 {
        padding-top:var(--space-1)
    }

    .md-pb1 {
        padding-bottom:var(--space-1)
    }

    .md-pl1 {
        padding-left:var(--space-1)
    }

    .md-pr1, .md-px1 {
        padding-right:var(--space-1)
    }

    .md-px1 {
        padding-left:var(--space-1)
    }

    .md-py1 {
        padding-top: var(--space-1);
        padding-bottom:var(--space-1)
    }

    .md-m1 {
        margin:var(--space-1)
    }

    .md-mt1 {
        margin-top:var(--space-1)
    }

    .md-mb1 {
        margin-bottom:var(--space-1)
    }

    .md-ml1 {
        margin-left:var(--space-1)
    }

    .md-mr1 {
        margin-right:var(--space-1)
    }

    .md-mn1 {
        margin:calc(var(--space-1) * -1)
    }

    .md-mxn1 {
        margin-left: calc(var(--space-1) * -1);
        margin-right:calc(var(--space-1) * -1)
    }

    .md-myn1 {
        margin-top: calc(var(--space-1) * -1);
        margin-bottom:calc(var(--space-1) * -1)
    }

    .md-mln1 {
        margin-left:calc(var(--space-1) * -1)
    }

    .md-mrn1 {
        margin-right:calc(var(--space-1) * -1)
    }

    .md-mtn1 {
        margin-top:calc(var(--space-1) * -1)
    }

    .md-mbn1 {
        margin-bottom:calc(var(--space-1) * -1)
    }

    .md-gap1 {
        gap:var(--space-1)
    }

    .md-p2 {
        padding:var(--space-2)
    }

    .md-pt2 {
        padding-top:var(--space-2)
    }

    .md-pb2 {
        padding-bottom:var(--space-2)
    }

    .md-pl2 {
        padding-left:var(--space-2)
    }

    .md-pr2, .md-px2 {
        padding-right:var(--space-2)
    }

    .md-px2 {
        padding-left:var(--space-2)
    }

    .md-py2 {
        padding-top: var(--space-2);
        padding-bottom:var(--space-2)
    }

    .md-m2 {
        margin:var(--space-2)
    }

    .md-mt2 {
        margin-top:var(--space-2)
    }

    .md-mb2, .md-my2 {
        margin-bottom:var(--space-2)
    }

    .md-my2 {
        margin-top:var(--space-2)
    }

    .md-ml2 {
        margin-left:var(--space-2)
    }

    .md-mr2 {
        margin-right:var(--space-2)
    }

    .md-mn2 {
        margin:calc(var(--space-2) * -1)
    }

    .md-mxn2 {
        margin-left: calc(var(--space-2) * -1);
        margin-right:calc(var(--space-2) * -1)
    }

    .md-myn2 {
        margin-top: calc(var(--space-2) * -1);
        margin-bottom:calc(var(--space-2) * -1)
    }

    .md-mln2 {
        margin-left:calc(var(--space-2) * -1)
    }

    .md-mrn2 {
        margin-right:calc(var(--space-2) * -1)
    }

    .md-mtn2 {
        margin-top:calc(var(--space-2) * -1)
    }

    .md-mbn2 {
        margin-bottom:calc(var(--space-2) * -1)
    }

    .md-gap2 {
        gap:var(--space-2)
    }

    .md-p3 {
        padding:var(--space-3)
    }

    .md-pt3 {
        padding-top:var(--space-3)
    }

    .md-pb3 {
        padding-bottom:var(--space-3)
    }

    .md-pl3 {
        padding-left:var(--space-3)
    }

    .md-pr3, .md-px3 {
        padding-right:var(--space-3)
    }

    .md-px3 {
        padding-left:var(--space-3)
    }

    .md-py3 {
        padding-top: var(--space-3);
        padding-bottom:var(--space-3)
    }

    .md-m3 {
        margin:var(--space-3)
    }

    .md-mt3 {
        margin-top:var(--space-3)
    }

    .md-mb3 {
        margin-bottom:var(--space-3)
    }

    .md-ml3 {
        margin-left:var(--space-3)
    }

    .md-mr3 {
        margin-right:var(--space-3)
    }

    .md-mn3 {
        margin:calc(var(--space-3) * -1)
    }

    .md-mxn3 {
        margin-left: calc(var(--space-3) * -1);
        margin-right:calc(var(--space-3) * -1)
    }

    .md-myn3 {
        margin-top: calc(var(--space-3) * -1);
        margin-bottom:calc(var(--space-3) * -1)
    }

    .md-mln3 {
        margin-left:calc(var(--space-3) * -1)
    }

    .md-mrn3 {
        margin-right:calc(var(--space-3) * -1)
    }

    .md-mtn3 {
        margin-top:calc(var(--space-3) * -1)
    }

    .md-mbn3 {
        margin-bottom:calc(var(--space-3) * -1)
    }

    .md-gap3 {
        gap:var(--space-3)
    }
    
    .md-p4 {
        padding:var(--space-4)
    }

    .md-pt4 {
        padding-top:var(--space-4)
    }

    .md-pb4 {
        padding-bottom:var(--space-4)
    }

    .md-pl4 {
        padding-left:var(--space-4)
    }

    .md-pr4, .md-px4 {
        padding-right:var(--space-4)
    }

    .md-px4 {
        padding-left:var(--space-4)
    }

    .md-py4 {
        padding-top: var(--space-4);
        padding-bottom:var(--space-4)
    }

    .md-m4 {
        margin:var(--space-4)
    }

    .md-mt4 {
        margin-top:var(--space-4)
    }

    .md-mb4 {
        margin-bottom:var(--space-4)
    }

    .md-ml4 {
        margin-left:var(--space-4)
    }

    .md-mr4 {
        margin-right:var(--space-4)
    }

    .md-mn4 {
        margin:calc(var(--space-4) * -1)
    }

    .md-mxn4 {
        margin-left: calc(var(--space-4) * -1);
        margin-right:calc(var(--space-4) * -1)
    }

    .md-myn4 {
        margin-top: calc(var(--space-4) * -1);
        margin-bottom:calc(var(--space-4) * -1)
    }

    .md-mln4 {
        margin-left:calc(var(--space-4) * -1)
    }

    .md-mrn4 {
        margin-right:calc(var(--space-4) * -1)
    }

    .md-mtn4 {
        margin-top:calc(var(--space-4) * -1)
    }

    .md-mbn4 {
        margin-bottom:calc(var(--space-4) * -1)
    }

    .md-gap4 {
        gap:var(--space-4)
    }

    .md-p5 {
        padding:var(--space-5)
    }

    .md-pt5 {
        padding-top:var(--space-5)
    }

    .md-pb5 {
        padding-bottom:var(--space-5)
    }

    .md-pl5 {
        padding-left:var(--space-5)
    }

    .md-pr5, .md-px5 {
        padding-right:var(--space-5)
    }

    .md-px5 {
        padding-left:var(--space-5)
    }

    .md-py5 {
        padding-top: var(--space-5);
        padding-bottom:var(--space-5)
    }

    .md-m5 {
        margin:var(--space-5)
    }

    .md-mt5 {
        margin-top:var(--space-5)
    }

    .md-mb5 {
        margin-bottom:var(--space-5)
    }

    .md-ml5 {
        margin-left:var(--space-5)
    }

    .md-mr5 {
        margin-right:var(--space-5)
    }

    .md-mn5 {
        margin:calc(var(--space-5) * -1)
    }

    .md-mxn5 {
        margin-left: calc(var(--space-5) * -1);
        margin-right:calc(var(--space-5) * -1)
    }

    .md-myn5 {
        margin-top: calc(var(--space-5) * -1);
        margin-bottom:calc(var(--space-5) * -1)
    }

    .md-mln5 {
        margin-left:calc(var(--space-5) * -1)
    }

    .md-mrn5 {
        margin-right:calc(var(--space-5) * -1)
    }

    .md-mtn5 {
        margin-top:calc(var(--space-5) * -1)
    }

    .md-mbn5 {
        margin-bottom:calc(var(--space-5) * -1)
    }

    .md-gap5 {
        gap:var(--space-5)
    }
    
    .md-p6 {
        padding:var(--space-6)
    }

    .md-pt6 {
        padding-top:var(--space-6)
    }

    .md-pb6 {
        padding-bottom:var(--space-6)
    }

    .md-pl6 {
        padding-left:var(--space-6)
    }

    .md-pr6, .md-px6 {
        padding-right:var(--space-6)
    }

    .md-px6 {
        padding-left:var(--space-6)
    }

    .md-py6 {
        padding-top: var(--space-6);
        padding-bottom:var(--space-6)
    }

    .md-m6 {
        margin:var(--space-6)
    }

    .md-mt6 {
        margin-top:var(--space-6)
    }

    .md-mb6 {
        margin-bottom:var(--space-6)
    }

    .md-ml6 {
        margin-left:var(--space-6)
    }

    .md-mr6 {
        margin-right:var(--space-6)
    }

    .md-mn6 {
        margin:calc(var(--space-6) * -1)
    }

    .md-mxn6 {
        margin-left: calc(var(--space-6) * -1);
        margin-right:calc(var(--space-6) * -1)
    }

    .md-myn6 {
        margin-top: calc(var(--space-6) * -1);
        margin-bottom:calc(var(--space-6) * -1)
    }

    .md-mln6 {
        margin-left:calc(var(--space-6) * -1)
    }

    .md-mrn6 {
        margin-right:calc(var(--space-6) * -1)
    }

    .md-mtn6 {
        margin-top:calc(var(--space-6) * -1)
    }

    .md-mbn6 {
        margin-bottom:calc(var(--space-6) * -1)
    }

    .md-gap6 {
        gap:var(--space-6)
    }
    
    .md-p7 {
        padding:var(--space-7)
    }

    .md-pt7 {
        padding-top:var(--space-7)
    }

    .md-pb7 {
        padding-bottom:var(--space-7)
    }

    .md-pl7 {
        padding-left:var(--space-7)
    }

    .md-pr7, .md-px7 {
        padding-right:var(--space-7)
    }

    .md-px7 {
        padding-left:var(--space-7)
    }

    .md-py7 {
        padding-top: var(--space-7);
        padding-bottom:var(--space-7)
    }

    .md-m7 {
        margin:var(--space-7)
    }

    .md-mt7 {
        margin-top:var(--space-7)
    }

    .md-mb7 {
        margin-bottom:var(--space-7)
    }

    .md-ml7 {
        margin-left:var(--space-7)
    }

    .md-mr7 {
        margin-right:var(--space-7)
    }

    .md-mn7 {
        margin:calc(var(--space-7) * -1)
    }

    .md-mxn7 {
        margin-left: calc(var(--space-7) * -1);
        margin-right:calc(var(--space-7) * -1)
    }

    .md-myn7 {
        margin-top: calc(var(--space-7) * -1);
        margin-bottom:calc(var(--space-7) * -1)
    }

    .md-mln7 {
        margin-left:calc(var(--space-7) * -1)
    }

    .md-mrn7 {
        margin-right:calc(var(--space-7) * -1)
    }

    .md-mtn7 {
        margin-top:calc(var(--space-7) * -1)
    }

    .md-mbn7 {
        margin-bottom:calc(var(--space-7) * -1)
    }

    .md-gap7 {
        gap:var(--space-7)
    }
    
    .md-p8 {
        padding:var(--space-8)
    }

    .md-pt8 {
        padding-top:var(--space-8)
    }

    .md-pb8 {
        padding-bottom:var(--space-8)
    }

    .md-pl8 {
        padding-left:var(--space-8)
    }

    .md-pr8, .md-px8 {
        padding-right:var(--space-8)
    }

    .md-px8 {
        padding-left:var(--space-8)
    }

    .md-py8 {
        padding-top: var(--space-8);
        padding-bottom:var(--space-8)
    }

    .md-m8 {
        margin:var(--space-8)
    }

    .md-mt8 {
        margin-top:var(--space-8)
    }

    .md-mb8 {
        margin-bottom:var(--space-8)
    }

    .md-ml8 {
        margin-left:var(--space-8)
    }

    .md-mr8 {
        margin-right:var(--space-8)
    }

    .md-mn8 {
        margin:calc(var(--space-8) * -1)
    }

    .md-mxn8 {
        margin-left: calc(var(--space-8) * -1);
        margin-right:calc(var(--space-8) * -1)
    }

    .md-myn8 {
        margin-top: calc(var(--space-8) * -1);
        margin-bottom:calc(var(--space-8) * -1)
    }

    .md-mln8 {
        margin-left:calc(var(--space-8) * -1)
    }

    .md-mrn8 {
        margin-right:calc(var(--space-8) * -1)
    }

    .md-mtn8 {
        margin-top:calc(var(--space-8) * -1)
    }

    .md-mbn8 {
        margin-bottom:calc(var(--space-8) * -1)
    }

    .md-gap8 {
        gap:var(--space-8)
    }
    
    .md-p9 {
        padding:var(--space-9)
    }

    .md-pt9 {
        padding-top:var(--space-9)
    }

    .md-pb9 {
        padding-bottom:var(--space-9)
    }

    .md-pl9 {
        padding-left:var(--space-9)
    }

    .md-pr9, .md-px9 {
        padding-right:var(--space-9)
    }

    .md-px9 {
        padding-left:var(--space-9)
    }

    .md-py9 {
        padding-top: var(--space-9);
        padding-bottom:var(--space-9)
    }

    .md-m9 {
        margin:var(--space-9)
    }

    .md-mt9 {
        margin-top:var(--space-9)
    }

    .md-mb9 {
        margin-bottom:var(--space-9)
    }

    .md-ml9 {
        margin-left:var(--space-9)
    }

    .md-mr9 {
        margin-right:var(--space-9)
    }

    .md-mn9 {
        margin:calc(var(--space-9) * -1)
    }

    .md-mxn9 {
        margin-left: calc(var(--space-9) * -1);
        margin-right:calc(var(--space-9) * -1)
    }

    .md-myn9 {
        margin-top: calc(var(--space-9) * -1);
        margin-bottom:calc(var(--space-9) * -1)
    }

    .md-mln9 {
        margin-left:calc(var(--space-9) * -1)
    }

    .md-mrn9 {
        margin-right:calc(var(--space-9) * -1)
    }

    .md-mtn9 {
        margin-top:calc(var(--space-9) * -1)
    }

    .md-mbn9 {
        margin-bottom:calc(var(--space-9) * -1)
    }

    .md-gap9 {
        gap:var(--space-9)
    }
    
    .md-p10 {
        padding:var(--space-10)
    }

    .md-pt10 {
        padding-top:var(--space-10)
    }

    .md-pb10 {
        padding-bottom:var(--space-10)
    }

    .md-pl10 {
        padding-left:var(--space-10)
    }

    .md-pr10, .md-px10 {
        padding-right:var(--space-10)
    }

    .md-px10 {
        padding-left:var(--space-10)
    }

    .md-py10 {
        padding-top: var(--space-10);
        padding-bottom:var(--space-10)
    }

    .md-m10 {
        margin:var(--space-10)
    }

    .md-mt10 {
        margin-top:var(--space-10)
    }

    .md-mb10 {
        margin-bottom:var(--space-10)
    }

    .md-ml10 {
        margin-left:var(--space-10)
    }

    .md-mr10 {
        margin-right:var(--space-10)
    }

    .md-mn10 {
        margin:calc(var(--space-10) * -1)
    }

    .md-mxn10 {
        margin-left: calc(var(--space-10) * -1);
        margin-right:calc(var(--space-10) * -1)
    }

    .md-myn10 {
        margin-top: calc(var(--space-10) * -1);
        margin-bottom:calc(var(--space-10) * -1)
    }

    .md-mln10 {
        margin-left:calc(var(--space-10) * -1)
    }

    .md-mrn10 {
        margin-right:calc(var(--space-10) * -1)
    }

    .md-mtn10 {
        margin-top:calc(var(--space-10) * -1)
    }

    .md-mbn10 {
        margin-bottom:calc(var(--space-10) * -1)
    }

    .md-gap10 {
        gap:var(--space-10)
    }

    .md-p11 {
        padding:var(--space-11)
    }

    .md-pt11 {
        padding-top:var(--space-11)
    }

    .md-pb11 {
        padding-bottom:var(--space-11)
    }

    .md-pl11 {
        padding-left:var(--space-11)
    }

    .md-pr11, .sm-px11 {
        padding-right:var(--space-11)
    }

    .md-px11 {
        padding-left:var(--space-11)
    }

    .md-py11 {
        padding-top: var(--space-11);
        padding-bottom:var(--space-11)
    }

    .md-m11 {
        margin:var(--space-11)
    }

    .md-mt11 {
        margin-top:var(--space-11)
    }

    .md-mb11 {
        margin-bottom:var(--space-11)
    }

    .md-ml11 {
        margin-left:var(--space-11)
    }

    .md-mr11 {
        margin-right:var(--space-11)
    }

    .md-mn11 {
        margin:calc(var(--space-11) * -1)
    }

    .md-mxn11 {
        margin-left: calc(var(--space-11) * -1);
        margin-right:calc(var(--space-11) * -1)
    }

    .md-myn11 {
        margin-top: calc(var(--space-11) * -1);
        margin-bottom:calc(var(--space-11) * -1)
    }

    .md-mln11 {
        margin-left:calc(var(--space-11) * -1)
    }

    .md-mrn11 {
        margin-right:calc(var(--space-11) * -1)
    }

    .md-mtn11 {
        margin-top:calc(var(--space-11) * -1)
    }

    .md-mbn11 {
        margin-bottom:calc(var(--space-11) * -1)
    }

    .md-gap11 {
        gap:var(--space-11)
    }

    .md-p12 {
        padding:var(--space-12)
    }

    .md-pt12 {
        padding-top:var(--space-12)
    }

    .md-pb12 {
        padding-bottom:var(--space-12)
    }

    .md-pl12 {
        padding-left:var(--space-12)
    }

    .md-pr12, .md-px12 {
        padding-right:var(--space-12)
    }

    .md-px12 {
        padding-left:var(--space-12)
    }

    .md-py12 {
        padding-top: var(--space-12);
        padding-bottom:var(--space-12)
    }

    .md-m12 {
        margin:var(--space-12)
    }

    .md-mt12 {
        margin-top:var(--space-12)
    }

    .md-mb12 {
        margin-bottom:var(--space-12)
    }

    .md-ml12 {
        margin-left:var(--space-12)
    }

    .md-mr12 {
        margin-right:var(--space-12)
    }

    .md-mn12 {
        margin:calc(var(--space-12) * -1)
    }

    .md-mxn12 {
        margin-left: calc(var(--space-12) * -1);
        margin-right:calc(var(--space-12) * -1)
    }

    .md-myn12 {
        margin-top: calc(var(--space-12) * -1);
        margin-bottom:calc(var(--space-12) * -1)
    }

    .md-mln12 {
        margin-left:calc(var(--space-12) * -1)
    }

    .md-mrn12 {
        margin-right:calc(var(--space-12) * -1)
    }

    .md-mtn12 {
        margin-top:calc(var(--space-12) * -1)
    }

    .md-mbn12 {
        margin-bottom:calc(var(--space-12) * -1)
    }

    .md-gap12 {
        gap:var(--space-12)
    }

    .md-p13 {
        padding:var(--space-13)
    }

    .md-pt13 {
        padding-top:var(--space-13)
    }

    .md-pb13 {
        padding-bottom:var(--space-13)
    }

    .md-pl13 {
        padding-left:var(--space-13)
    }

    .md-pr13, .md-px13 {
        padding-right:var(--space-13)
    }

    .md-px13 {
        padding-left:var(--space-13)
    }

    .md-py13 {
        padding-top: var(--space-13);
        padding-bottom:var(--space-13)
    }

    .md-m13 {
        margin:var(--space-13)
    }

    .md-mt13 {
        margin-top:var(--space-13)
    }

    .md-mb13 {
        margin-bottom:var(--space-13)
    }

    .md-ml13 {
        margin-left:var(--space-13)
    }

    .md-mr13 {
        margin-right:var(--space-13)
    }

    .md-mn13 {
        margin:calc(var(--space-13) * -1)
    }

    .md-mxn13 {
        margin-left: calc(var(--space-13) * -1);
        margin-right:calc(var(--space-13) * -1)
    }

    .md-myn13 {
        margin-top: calc(var(--space-13) * -1);
        margin-bottom:calc(var(--space-13) * -1)
    }

    .md-mln13 {
        margin-left:calc(var(--space-13) * -1)
    }

    .md-mrn13 {
        margin-right:calc(var(--space-13) * -1)
    }

    .md-mtn13 {
        margin-top:calc(var(--space-13) * -1)
    }

    .md-mbn13 {
        margin-bottom:calc(var(--space-13) * -1)
    }

    .md-gap13 {
        gap:var(--space-13)
    }

    .md-p14 {
        padding:var(--space-14)
    }

    .md-pt14 {
        padding-top:var(--space-14)
    }

    .md-pb14 {
        padding-bottom:var(--space-14)
    }

    .md-pl14 {
        padding-left:var(--space-14)
    }

    .md-pr14, .md-px14 {
        padding-right:var(--space-14)
    }

    .md-px14 {
        padding-left:var(--space-14)
    }

    .md-py14 {
        padding-top: var(--space-14);
        padding-bottom:var(--space-14)
    }

    .md-m14 {
        margin:var(--space-14)
    }

    .md-mt14 {
        margin-top:var(--space-14)
    }

    .md-mb14 {
        margin-bottom:var(--space-14)
    }

    .md-ml14 {
        margin-left:var(--space-14)
    }

    .md-mr14 {
        margin-right:var(--space-14)
    }

    .md-mn14 {
        margin:calc(var(--space-14) * -1)
    }

    .md-mxn14 {
        margin-left: calc(var(--space-14) * -1);
        margin-right:calc(var(--space-14) * -1)
    }

    .md-myn14 {
        margin-top: calc(var(--space-14) * -1);
        margin-bottom:calc(var(--space-14) * -1)
    }

    .md-mln14 {
        margin-left:calc(var(--space-14) * -1)
    }

    .md-mrn14 {
        margin-right:calc(var(--space-14) * -1)
    }

    .md-mtn14 {
        margin-top:calc(var(--space-14) * -1)
    }

    .md-mbn14 {
        margin-bottom:calc(var(--space-14) * -1)
    }

    .md-gap14 {
        gap:var(--space-14)
    }
    
    .md-ml-auto {
        margin-left:auto
    }
   
    .md-mr-auto, .md-mx-auto {
        margin-right:auto
    }
    
    .md-mx-auto {
        margin-left:auto
    }
}

.z0 {
    z-index: 0;
}

.z1 {
    z-index: 1;
}

.z2 {
    z-index: 2;
}

.z3 {
    z-index: 3;
}

.z4 {
    z-index: 4;
}

.z5 {
    z-index: 5;
}

.z6 {
    z-index: 6;
}

.z7 {
    z-index: 7;
}

.z8 {
    z-index: 8;
}

.z9 {
    z-index: 9;
}

.z10 {
    z-index: 10;
}

.min-height-3-1 {
    min-height:33.33vw
}

.aspect-auto {
    position:relative
}

.aspect-2-1 {
    position: relative;
    padding-top:50%
}

.aspect-3-2 {
    position: relative;
    padding-top:66.66%
}

.aspect-1-1 {
    position: relative;
    padding-top:100%
}

.aspect-4-5 {
    position: relative;
    padding-top:125%
}

.aspect-2-3 {
    position: relative;
    padding-top:150%
}

@media (min-width: 1080px) {
    .sm-aspect-2-1 {
        position: relative;
        padding-top:50%
    }

    .sm-aspect-3-2 {
        position: relative;
        padding-top:66.66%
    }

    .sm-aspect-1-1 {
        position: relative;
        padding-top:100%
    }

    .sm-aspect-4-5 {
        position: relative;
        padding-top:125%
    }

    .sm-aspect-2-3 {
        position: relative;
        padding-top:150%
    }
}

@media (min-width: 1400px) {
    .md-aspect-2-1 {
        position: relative;
        padding-top:50%
    }

    .md-aspect-3-2 {
        position: relative;
        padding-top:66.66%
    }

    .md-aspect-1-1 {
        position: relative;
        padding-top:100%
    }

    .md-aspect-4-5 {
        position: relative;
        padding-top:125%
    }

    .md-aspect-2-3 {
        position: relative;
        padding-top:150%
    }
}

.aspect-auto img {
    width: 100%;
    height:auto
}

.aspect-2-1 img, .aspect-2-1 video, .sm-aspect-2-1 img, .sm-aspect-2-1 video, .md-aspect-2-1 img, .md-aspect-2-1 video,
.aspect-3-2 img, .aspect-3-2 video, .sm-aspect-3-2 img, .sm-aspect-3-2 video, .md-aspect-3-2 img, .md-aspect-3-2 video,
.aspect-1-1 img, .aspect-1-1 video, .sm-aspect-1-1 img, .sm-aspect-1-1 video, .md-aspect-1-1 img, .md-aspect-1-1 video,
.aspect-4-5 img, .aspect-4-5 video, .sm-aspect-4-5 img, .sm-aspect-4-5 video, .md-aspect-4-5 img, .md-aspect-4-5 video,
.aspect-2-3 img, .aspect-2-3 video, .sm-aspect-2-3 img, .sm-aspect-2-3 video, .md-aspect-2-3 img, .md-aspect-2-3 video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit:cover
}

.image-object-fit img {
    height: 100%;
    width: 100%;
    object-fit:cover   
}

#shopify-product-reviews {
    margin: auto !important;
    max-width: 1550px;
    border-radius: 0;
    border:0;
}

.spr-container {
    padding: 25px !important;
    border-radius: var(--border-radius) !important;
    border: 1px #39473c solid !important;
    color:#39473c !important
}

.spr-header-title {
    font-size: 17px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-stretch: normal !important;
    line-height: 1.6 !important;
    letter-spacing: 2.8px !important;
    text-transform: uppercase !important;
    margin-bottom: 40px !important;
    color:#39473c !important;
}

.spr-summary-starrating {
    margin-right:5px;
}

.spr-summary {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}

.spr-summary-actions {
    flex: 1;
    text-align:right;
}

.spr-summary-actions-newreview {
    float:none !important;
}

@media (max-width: 599px) {
    .spr-summary-actions {
        flex-basis: 100%;
        text-align: left; 
        margin-top:5px;
    }  
}

.spr-summary-caption, .spr-summary-actions-newreview {
    font-size: 14px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.6px !important;
    color:#39473c !important;
}

.spr-form {
    margin: 25px 0 0 0 !important;
    padding: 25px 0 0 0 !important;
    border-top:1px solid #39473c !important;
}

.spr-review, .spr-form {
    border-color:#39473c !important;  
}

.spr-container i {
    background-color:transparent !important;
}

.spr-review-reportreview {
    float:none !important;
}

.spr-review {
    padding:25px 0 !important;
}

.spr-review:first-child {
    margin-top:25px !important;
}

.spr-review:last-child {
    padding-bottom:0 !important;
}

.spr-icon {
    font-size:16px !important;
}

.spr-review-header-byline {
    font-style:normal !important;
}

.spr-review-header-byline strong {
    font-weight:normal !important;
}

.spr-reviews {
    margin-top:25px !important;
}

.spr-review-content {
    margin-bottom:25px !important;
}

.spr-review-header-starratings {
    margin-bottom: 10px !important;
    line-height:1 !important;
}

.spr-review-header-title {
    font-size: 16px!important;
    line-height: 1.4!important;
    letter-spacing: .6px!important;
    color:#39473c!important;
}

.spr-review-header-byline {
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px !important;
    opacity:0.75;
}

.spr-review-content-body {
    font-size: 13px !important;
    line-height: 1.4 !important;
    letter-spacing:0.5px !important;
}

.spr-review-footer {
    font-size: 12px !important;
    line-height: 1.4 !important;
    letter-spacing:0.5px !important;
}

.spr-icon {
    font-size: 18px !important;
    position: relative;
    top:0 !important;
}

[class^="spr-icon-"]:before, [class*=" spr-icon-"]:before {
    font-family: "sans-serif";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: auto !important;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 18px !important;
    font-size:18px !important;
}

.spr-icon-star:before {
    content:'★' !important;
}

.spr-icon.spr-icon-star-hover {
    opacity:1 !important;
}

.spr-form-title {
    font-size: 14px!important;
    line-height: 1.4!important;
    letter-spacing: .6px!important;
    color: #39473c!important;
    margin-bottom:25px !important;
}

.spr-form-contact-name, .spr-form-contact-email, .spr-form-review-rating, .spr-form-review-title, .spr-form-review-body {
    margin-bottom:25px !important;
}

.spr-button-primary, .formful__button {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1.6;
    background: transparent;
    border: 1px #626950 solid;
    border-radius: var(--border-radius);
    box-sizing: border-box;
    color: #626950;
    cursor: pointer;
    display: inline-block;
    letter-spacing: 1px;
    line-height: 1;
    padding: 0 40px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .4s cubic-bezier(.39,.575,.565,1);
    width: 100% !important;
    max-width: 450px !important;
    height: 50px;
    float:none !important;
}

.spr-icon, .spr-icon-star:before {
    width: 20px !important;
    height: 21px !important;
    line-height:21px !important;
}

.spr-button-primary:hover, .formful__button:hover {
    background:#F3F2EE;
}

.spr-form-label, .formful__field-wrapper label {
    display: block !important;
    margin-bottom: 5px;
    font-size: 14px!important;
    line-height: 1.4!important;
    letter-spacing: .6px!important;
    color:#39473c!important;
}

.formful__field-wrapper label {
    margin-bottom: 2px;  
}

.spr-form-input, .field__input, .formful__input {
    display: block !important; 
    font-size: 14px!important;
    line-height: 1.4!important;
    letter-spacing: .6px!important;
    color: #39473c!important;
    padding: 5px 10px !important;
    border: 1px solid;
    border-radius: 4px;
    background:transparent;
}

.field__input, .formful__input {
    border: 1px solid !important;
    border-radius: 4px !important;
    background:transparent !important;  
    height:auto
}

.spr-form-input.spr-starrating, .spr-form-review-body .spr-form-input {
    padding: 0 !important;
    border: 0 ;
    border-radius:0;
}

.spr-form-review-body .spr-form-input .spr-form-input, .formful__field-wrapper .field textarea {
    padding: 5px 10px !important;
    font-family: inherit;
    border: 1px solid;
    border-radius:4px;
}

.cart-item__image-container {
    width: 100px;
    min-width:100px;
}

.cart-item__image-container a {
    width:100%
}

@media (max-width: 449px) {
    .cart-item__image-container {
        width:80px;
        min-width:80px;
    }
  
    .cart-item_text cart-remove-button {
        width:100%
    }
}

.formful__fields input:not([type="checkbox"]).field__input, {
    margin-top:0px !important
}

.formful__wrapper {
    max-width:1000px !important
}

.formful__fields {
    gap: 25px !important
}

.formful__field-wrapper .field {
    flex-direction:column 
}

.formful__field-wrapper .field input, .formful__field-wrapper .field textarea {
    order:2
}

.formful__field-wrapper .field textarea {
    min-height: 10rem;
    resize: vertical;
    margin-top:3px;
}

.formful__error {
    font-size: 12px !important;
    color: rgb(235, 0, 27) !important;
}

.notifyButtonStyle {
    margin-top: 15px !important;
    margin-bottom:10px !important
}

@media (min-width: 1080px) {
    .collaboration-product-cards .product-card:nth-child(even) .product-card-image {
        order:2
    }
}