/** Shopify CDN: Minification failed

Line 3032:0 Unexpected "{"

**/
/*! Skelet. v3.1.12 | MIT License | https://Selekkt.dk/skelet/v3/ */
 *,body,html{
    box-sizing:border-box
}
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
main{
    display:block
}
h1{
    font-size:5em;
    margin:.67em 0;
    font-family: SaolDisplay;
    text-transform:none;
  font-weight: 300;
    
}
hr{
    box-sizing:content-box;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
:root{
    --fontFamily:"Inter","HelveticaNeue","Helvetica Neue","Helvetica","Arial",-apple-system,BlinkMacSystemFont,-system-ui,system-ui,sans-serif;
    --fontFamilyVar:"Inter var","HelveticaNeue","Helvetica Neue","Helvetica","Arial",-apple-system,BlinkMacSystemFont,-system-ui,system-ui,sans-serif;
    --fontSize:1.6rem;
    --fontLine:1.4;
    --fontWeight:400;
    --fontStyle:normal;
    --h1Size:5.0rem;
    --h2Size:4.2rem;
    --h3Size:3.6rem;
    --h4Size:3.0rem;
    --h5Size:2.4rem;
    --h6Size:1.8rem;
    --hWeight:600;
    --hLine:1.5;
    --hStyle:normal;
    --h1Line:var(--hLine);
    --h2Line:var(--hLine);
    --h3Line:var(--hLine);
    --h4Line:var(--hLine);
    --h5Line:var(--hLine);
    --h6Line:var(--hLine);
    --padding:1rem;
    --margin:0.5rem;
    --radius:0.5rem;
    --borderWidth:1px;
    --borderStyle:solid;
    --hrMargin:calc(var(--margin)*5);
    --boxPadding:44px;
    --boxMargin:var(--margin);
    --boxRadius:var(--radius);
    --boxBorderWidth:var(--borderWidth);
    --boxBorderStyle:var(--borderStyle);
    --boxFontSize:var(--fontSize);
    --boxHeight:21px;
    --buttonPadding:var(--padding);
    --buttonMargin:var(--margin);
    --buttonRadius:var(--radius);
    --buttonBorderWidth:var(--borderWidth);
    --buttonBorderStyle:var(--borderStyle);
    --buttonFontSize:var(--fontSize);
    --columnGap:1rem;
    --rowGap:2rem;
    --tooltipRadius:0.5rem;
    --tooltipFontSize:1.2rem;
    --tooltipMove:4px;
    --tooltipDuration:190ms;
    --primary:#007fff;
    --green:#34c84a;
    --yellow:#fdbc40;
    --red:#fc615d;
    --white:#fff;
    --black:#000;
    --light:#efefef;
    --dark:#181818;
    --shadow:rgba(10, 10, 10, 0.1);
    --linkColor:var(--primary);
    --linkHover:#3298ff;
    --tooltipBgColor:var(--dark);
    --tooltipColor:var(--white);
    --bgColor:#fff;
    --color:#000;
    --colorInverse:#fff;
    --boxBorderColor:#e1e1e1;
    --boxBorderHover:#bababa;
    --boxBorderActive:var(--primary);
    --boxBgColor:#fefefe;
    --boxActive:var(--primary);
    --boxActiveInner:var(--white);
    --boxFocus:2px rgba(41, 145, 248, 0.3);
    --buttonBgColor:transparent;
    --selectionBg:rgba(0, 0, 0, 0.99);
    --selectionText:#fff;
    --codeColor:#00f;
    --codeBgColor:#f8f8f8;
    --hrColor:hsla(0, 0%, 100%, 0);
    --easeInOutQuad:cubic-bezier(0.45, 0, 0.55, 1);
}

:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{
    font-size:1.2rem;
    font-family:Consolas,monospace,serif;
    white-space:nowrap
}
canvas,img,svg,video{
    vertical-align:middle;
    max-width:100%;
    box-sizing:border-box
}
dt{
    font-weight:700
}
dd{
    margin-inline-start:4rem
}
dd,img{
    display:block
}
img{
    max-width:100%;
    height:auto
}
figure{
    margin:0
}
[hidden],template{
    display:none!important
}
iframe{
    border:none!important
}
html{
    height:100%;
    font-size:62.5%;
    scroll-behavior: var(--scrollBehavior, smooth);
    scroll-padding-top: var(--scrollPadding, auto)
}
body{
    background-color:var(--bgColor);
    color:var(--color);
    font-size:var(--fontSize);
    line-height:var(--fontLine);
    font-weight:var(--fontWeight);
    font-style:var(--fontStyle);
    font-family:var(--fontFamily)
}
#app{
    display:flex;
    min-height:100vh;
    flex-direction:column
}
main{
    flex:1
}
::selection{
    background:var(--selectionBg);
    color:var(--selectionText)
}
::-moz-selection{
    background:var(--selectionBg);
    color:var(--selectionText)
}
.h1{
    font-family:var(--hFontFamily);
    color:var(--colorHeadings);
    margin-top:0;
    margin-bottom:.7rem;
    font-size:var(--hSize);
    font-weight:300 !important;
    line-height:var(--hLine);
    font-style:var(--hStyle);
    text-transform:none !important;
}

.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{
    font-family:var(--FontFamily);
    color:var(--colorHeadings);
    margin-top:0;
    margin-bottom:.7rem;
    font-size:var(--hSize);
    font-weight:var(--hWeight);
    line-height:var(--hLine);
    font-style:var(--hStyle)
}

.h1,h1{
    --hSize:var(--h1Size);
    --hLine:var(--h1Line)
}
.h2,h2{
    --hSize:var(--h2Size);
    --hLine:var(--h2Line)
}
.h3,h3{
    --hSize:var(--h3Size);
    --hLine:var(--h3Line)
}
.h4,h4{
    --hSize:var(--h4Size);
    --hLine:var(--h4Line)
}
.h5,h5{
    --hSize:var(--h5Size);
    --hLine:var(--h5Line)
}
.h6,h6{
    --hSize:var(--h6Size);
    --hLine:var(--h6Line)
}
@media (max-width:777px){
    :root{
        --h1Size:4.0rem;
        --h2Size:3.6rem;
        --h3Size:3.0rem;
        --h4Size:2.4rem;
        --h5Size:2.1rem;
        --h6Size:1.8rem;
        --hLine:1.2;
        --h1Line:var(--hLine);
        --h2Line:var(--hLine);
        --h3Line:var(--hLine);
        --h4Line:var(--hLine);
        --h5Line:var(--hLine);
        --h6Line:var(--hLine)
    }
}
p{
    margin-top:0;
    margin-bottom:.5rem
}
a:not(.button){
    color:#6C4F3A;
    cursor:pointer
}
a:not(.button):hover{
    color:var(--linkHover)
}
a:not(.button):active,a:not(.button):hover{
    outline:0
}
a.no-style{
    text-decoration:none
}
code{
    display:inline-block;
    padding:var(--buttonPadding);
    margin:0;
    font-size:90%;
    white-space:nowrap;
    vertical-align:middle;
    background-color:var(--codeBgColor);
    border:1px solid var(--boxBorderColor);
    color:var(--codeColor);
    border-radius:var(--radius);
    overflow:auto
}
pre>code{
    display:block;
    padding:calc(var(--padding)*1);
    white-space:pre
}
.h-6,.w-6 { --hiOutline: 1.8rem; width: var(--hiOutline); height: var(--hiOutline) }
.h-5,.w-5 { --hiSolid: 1.4rem; width: var(--hiSolid); height: var(--hiSolid) }
.clearfix:after,.container:after{
    content:"";
    display:table;
    clear:both
}
.fullwidth{
    width:100%;
    box-sizing:border-box
}
.fullwidth-max{
    max-width:100%;
    box-sizing:border-box
}
.block{
    display:block
}
.inline{
    display:inline;
    margin:0
}
.inline-block{
    display:inline-block;
    margin:0
}
.center{
    display:block;
    text-align:center;
    margin:0 auto
}
.nowrap{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.text-start{
    text-align:start
}
.text-center{
    text-align:center
}
.text-end{
    text-align:end
}
.text-justify{
    text-align:justify
}
.float-right{
    float:right
}
.float-left{
    float:left
}
.float-none{
    float:none
}
.sticky{
    position:sticky;
    top:0
}
.sticky-bottom{
    position:sticky;
    bottom:0
}
.sticky-none{
    position:inherit
}
@media only screen and (max-width:777px){
    .fullwidth-s{
        width:100%;
        box-sizing:border-box
    }
    .fullwidth-max-s{
        max-width:100%;
        box-sizing:border-box
    }
    .block-s{
        display:block
    }
    .inline-s{
        display:inline;
        margin:0
    }
    .inline-block-s{
        display:inline-block;
        margin:0
    }
    .center-s{
        display:block;
        text-align:center;
        margin:0 auto
    }
    .nowrap-s{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .text-start-s{
        text-align:start
    }
    .text-center-s{
        text-align:center
    }
    .text-end-s{
        text-align:end
    }
    .text-justify-s{
        text-align:justify
    }
    .float-right-s{
        float:right
    }
    .float-left-s{
        float:left
    }
    .float-none-s{
        float:none
    }
    .sticky-s{
        position:sticky;
        top:0
    }
    .sticky-bottom-s{
        position:sticky;
        bottom:0
    }
    .sticky-none-s{
        position:inherit
    }
}
@media only screen and (min-width:1599px){
    .fullwidth-l{
        width:100%;
        box-sizing:border-box
    }
    .fullwidth-max-l{
        max-width:100%;
        box-sizing:border-box
    }
    .block-l{
        display:block
    }
    .inline-l{
        display:inline;
        margin:0
    }
    .inline-block-l{
        display:inline-block;
        margin:0
    }
    .center-l{
        display:block;
        text-align:center;
        margin:0 auto
    }
    .nowrap-l{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
    .text-start-l{
        text-align:start
    }
    .text-center-l{
        text-align:center
    }
    .text-end-l{
        text-align:end
    }
    .text-justify-l{
        text-align:justify
    }
    .float-right-l{
        float:right
    }
    .float-left-l{
        float:left
    }
    .float-none-l{
        float:none
    }
    .sticky-l{
        position:sticky;
        top:0
    }
    .sticky-bottom-l{
        position:sticky;
        bottom:0
    }
    .sticky-none-l{
        position:inherit
    }
}
.center-axys,.center-axyz{
    display:flex;
    align-items:center;
    justify-content:center
}
.center-axys.full,.center-axyz.full{
    height:100vh;
    width:100%
}
@media only screen and (max-width:777px){
    .center-axys-s,.center-axyz-s{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .center-axys-s.full-s,.center-axyz-s.full-s{
        height:100vh;
        width:100%
    }
}
@media only screen and (min-width:1599px){
    .center-axys-l,.center-axyz-l{
        display:flex;
        align-items:center;
        justify-content:center
    }
    .center-axys-l.full-l,.center-axyz-l.full-l{
        height:100vh;
        width:100%
    }
}
.mob-scroller{
    display:flex;
    flex-wrap:nowrap;
    white-space:nowrap;
    overflow:hidden;
    overflow-x:auto;
    height:auto;
    width:100%;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch
}
@media only screen and (max-width:777px){
    .mob-scroller::-webkit-scrollbar{
        display:none
    }
}
@media only screen and (max-width:777px){
    .large-only,.only-large{
        display:none!important
    }
}
@media only screen and (min-width:778px){
    .only-small,.small-only{
        display:none!important
    }
}
.is-green{
    border-color:var(--green)!important
}
.is-red{
    border-color:var(--red)!important
}
.button,button,input[type=button],input[type=reset],input[type=submit]{
    display:inline-block;
    padding:var(--buttonPadding);
    color:var(--buttonColor);
    font-size:var(--buttonFontSize);
    white-space:nowrap;
    letter-spacing:0px;
    font-weight:500;
    font-style:inherit;
    text-align:center;
    text-transform:lowercase;
    text-decoration:none;
    line-height: 1;
    background:var(--buttonBgColor);
    border-radius:var(--buttonRadius);
    border:var(--buttonBorderWidth) var(--buttonBorderStyle) var(--buttonBorderColor);
    cursor:pointer;
    box-sizing:border-box
}
.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{
    border-color:var(--buttonBorderHover);
    opacity:.9;
    outline:0
}
.button[disabled],button[disabled],input[disabled]{ cursor:not-allowed }

.button,button{
    vertical-align:baseline
}
.button[class*=is-],.button[class*=is-]:hover{
    border-color:transparent
}
.button.is-white,button.is-white{
    --buttonBgColor:var(--white);
    --buttonColor:var(--black)
}
.button.is-light,button.is-light{
    --buttonBgColor:var(--light);
    --buttonColor:var(--dark)
}
.button.is-dark,button.is-dark{
    --buttonBgColor:var(--dark);
    --buttonColor:var(--light)
}
.button.is-black,button.is-black{
    --buttonBgColor:var(--black);
    --buttonColor:var(--white)
}
.button.is-blank,button.is-blank{
    --buttonBgColor:none;
    --buttonColor:var(--color);
    --buttonBorderColor:none
}
.button.is-outline,button.is-outline{
    transition:border 0;
    background:0 0;
    border:var(--buttonBorderWidth) var(--buttonBorderStyle) var(--buttonBorderColor);
    color:var(--buttonColor)
}
.button:hover.is-outline,button:hover.is-outline{
    color:var(--buttonColor);
    border-color:var(--buttonBorderHover)
}
.button.is-primary,button.is-primary{
    --buttonBgColor:var(--primary);
    --buttonColor:var(--white)
}
.button.is-green,button.is-green{
    --buttonBgColor:var(--green);
    --buttonColor:var(--white)
}
.button.is-yellow,button.is-yellow{
    --buttonBgColor:var(--yellow);
    --buttonColor:var(--black)
}
.button.is-red,button.is-red{
    --buttonBgColor:var(--red);
    --buttonColor:var(--white)
}
.button.is-small,button.is-small{
    padding:var(--buttonPadding);
    font-size:.9rem
}
.button.is-large,button.is-large{
    padding:calc(var(--buttonPadding)*1);
    font-size:2rem
}
input[type=checkbox],
input[type=radio]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    height:var(--boxHeight);
    outline:0;
    display:inline-block;
    vertical-align:top;
    position:relative;
    margin:0;
    cursor:pointer;
    border:1px solid var(--bc,var(--boxBorderColor));
    background:var(--b,var(--boxBgColor));
}
input[type=checkbox]:after,
input[type=radio]:after{
    content:"";
    display:block;
    left:0;
    top:0;
    position:absolute;
}
input[type=checkbox]:checked,
input[type=radio]:checked{
    --b:var(--boxBgColor);
    --bc:var(--boxColor);
}
input[type=checkbox]:disabled,input[type=radio]:disabled{
    filter:grayscale(100%);
    cursor:not-allowed;
    opacity:.9
}
input[type=checkbox]:disabled:checked,input[type=radio]:disabled:checked{
    filter:grayscale(100%)
}
input[type=checkbox]:disabled+label,input[type=radio]:disabled+label{
    cursor:not-allowed
}
input[type=checkbox]:hover:not(:checked):not(:disabled),input[type=radio]:hover:not(:checked):not(:disabled){
    --bc:var(--boxBorderHover)
}
input[type=checkbox]:focus,input[type=radio]:focus{
    box-shadow:0 0 0 var(--boxFocus)
}
input[type=checkbox]:not(.switch),input[type=radio]:not(.switch){
    width:21px
}
input[type=checkbox]:not(.switch):after,input[type=radio]:not(.switch):after{
    opacity:var(--o, 0)
}
input[type=checkbox]:not(.switch):checked,input[type=radio]:not(.switch):checked{
    --o:1
}
input[type=checkbox]+label,input[type=radio]+label{
    font-size:1.4rem;
    line-height:var(--boxHeight);
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    margin-left:4px;
    user-select:none
}
input[type=checkbox]:not(.switch){
    border-radius:7px
}
input[type=checkbox]:not(.switch):after{
    width:5px;
    height:9px;
    border:2px solid var(--boxColor);
    border-top:0;
    border-left:0;
    left:6px;
    top:2.5px;
    -webkit-transform:rotate(43deg);
    transform:rotate(43deg)
}
input[type=checkbox].switch{
    width:38px;
    border-radius:11px
}
input[type=checkbox].switch:after{
    --ab: currentColor;
    left:2px;
    top:2px;
    border-radius:50%;
    width:15px;
    height:15px;
    background:var(--ab,var(--boxColor));
    -webkit-transform:translateX(var(--x,0));
    transform:translateX(var(--x,0))
}
input[type=checkbox].switch:checked{
    --ab:var(--boxActiveInner);
    --x:17px
}
input[type=checkbox].switch:disabled:not(:checked):after{
    opacity:.6
}
input[type=radio]{
    border-radius:50%
}
input[type=radio]:after{
    width:19px;
    height:19px;
    border-radius:50%;
    background:var(--boxActiveInner);
    opacity:0;
    -webkit-transform:scale(var(--s,.7));
    transform:scale(var(--s,.7))
}
input[type=radio]:checked{
    --s:.5
}
::placeholder{
    color:var(--boxPlaceholderColor)
}
input[inputmode],input[type=color],input[type=date],input[type=datetime-local],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{
    padding:var(--boxPadding);
    color:var(--boxColor);
    background-color:var(--boxBgColor);
    border:var(--boxBorderWidth) var(--boxBorderStyle) var(--boxBorderColor);
    border-radius:var(--radius);
    box-shadow:none;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
input[inputmode]:hover,input[type=color]:hover,input[type=date]:hover,input[type=datetime-local]:hover,input[type=email]:hover,input[type=file]:hover,input[type=month]:hover,input[type=number]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=text]:hover,input[type=time]:hover,input[type=url]:hover,input[type=week]:hover,select:hover,textarea:hover{
    border-color:var(--boxBorderHover);
    outline:0
}
input[inputmode]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{
    border-color:var(--boxBorderActive);
    outline:0
}
input[type=range]{
    height:2.25rem;
    line-height:2.25rem;
    vertical-align:middle;
    width:100%
}
input[type=color]{
    padding:0;
    border:none
}
textarea{
    min-height:6.5rem;
    padding:var(--boxPadding)
}
label,legend{
    display:inline-block;
    margin-bottom:var(--margin);
    font-weight:500
}
fieldset{
    border:1px solid var(--boxBorderColor);
    border-radius:var(--radius)
}
legend{
    padding:var(--padding)
}
label span{
    display:inline;
    color:var(--color);
    margin-left:var(--margin);
    font-weight:400
}
fieldset,input,select,textarea{
    margin-bottom:var(--margin)
}
option{
    padding:5px
}

select {
    background-image: linear-gradient(45deg, transparent 50%, var(--boxColor) 50%), linear-gradient(135deg, var(--boxColor) 50%, transparent 50%), linear-gradient(to right, var(--boxColor), var(--boxColor));
    background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, calc(100% - 40px) 50%;
    background-size: 5px 5px, 5px 5px, 1px 100%;
    background-repeat: no-repeat;
    color: var(--boxColor);
    padding-right: 45px;
}

select:focus,select:hover{
    outline:0;
    color:var(--boxColor)
}
select:-moz-focusring{
    outline:0;
    color:transparent;
    text-shadow:0 0 0 var(--color)
}
ol,ul{
    padding-left:0;
    margin-top:0
}
ol ol,ol ul,ul ol,ul ul{
    margin:1.5rem 0 1.5rem 3rem;
    font-size:100%
}
li{
    margin-bottom:var(--margin)
}
.inline li{
    display:inline-block
}
.inline li,ol.no-style,ul.no-style{
    list-style:none;
    margin:0;
    padding:0
}
ol.no-style ol,ul.no-style ul{
    list-style:none
}
hr{
    margin:var(--hrMargin) auto;
    background-color:var(--boxBorderColor);
    border:0;
    width:95%
}
hr:not([size]){
    height:1px
}
hr.full{
    width:100%
}
hr.gradient{
    background-image:linear-gradient(90deg,var(--hrColor) 0,var(--boxBorderColor) 50%,var(--hrColor))
}
.text-hr{
    display:flex;
    align-items:center;
    text-align:center;
    margin:calc(var(--margin)*5) auto
}
.text-hr:after,.text-hr:before{
    content:"";
    flex:1;
    border-bottom:1px solid var(--boxBorderColor)
}
.text-hr:before{
    margin-right:var(--padding)
}
.text-hr:after{
    margin-left:var(--padding)
}
table{
    width:100%
}
td,th{
    padding:var(--padding);
    text-align:left;
    border-bottom:1px solid var(--boxBorderColor)
}
table.is-bordered{
    border:1px solid var(--boxBorderColor);
    border-radius:var(--radius)
}
table.is-bordered th{
    background-color:var(--boxBorderColor)
}
table.is-bordered td,table.is-bordered th{
    border-bottom:1px solid var(--boxBorderColor)
}
table.is-bordered>tbody>tr:last-child td{
    border-bottom:none
}
table.is-striped tbody tr:nth-child(2n){
    background-color:var(--boxBorderColor)
}
table.is-striped td{
    border:none
}
grid{
    display:grid;
    grid-row-gap:var(--rowGap,2rem);
    grid-column-gap:var(--columnGap,1rem);
    grid-template-columns:var(--grid-tc);
    --grid-tc:repeat(4, minmax(0,1fr));
    --grid-cs:1;
    --grid-ce:-1
}
grid.compact{
    grid-row-gap:0
}
grid>c>img,grid>c>p>img{
    -o-object-fit:contain;
    object-fit:contain;
    max-width:100%
}
grid>c{
    display:block;
    appearance:none;
    -webkit-appearance:none
}
grid[columns="1"]{
    --grid-tc:repeat(1, minmax(0,1fr))
}
grid[columns="2"]{
    --grid-tc:repeat(2, minmax(0,1fr))
}
grid[columns="3"]{
    --grid-tc:repeat(3, minmax(0,1fr))
}
grid[columns="4"]{
    --grid-tc:repeat(4, minmax(0,1fr))
}
grid[columns="5"]{
    --grid-tc:repeat(5, minmax(0,1fr))
}
grid[columns="6"]{
    --grid-tc:repeat(6, minmax(0,1fr))
}
grid[columns="7"]{
    --grid-tc:repeat(7, minmax(0,1fr))
}
grid[columns="8"]{
    --grid-tc:repeat(8, minmax(0,1fr))
}
grid[columns="9"]{
    --grid-tc:repeat(9, minmax(0,1fr))
}
grid[columns="10"]{
    --grid-tc:repeat(10, minmax(0,1fr))
}
grid[columns="11"]{
    --grid-tc:repeat(11, minmax(0,1fr))
}
grid[columns="12"]{
    --grid-tc:repeat(12, minmax(0,1fr))
}
grid[columns="13"]{
    --grid-tc:repeat(13, minmax(0,1fr))
}
grid[columns="14"]{
    --grid-tc:repeat(14, minmax(0,1fr))
}
grid[columns="15"]{
    --grid-tc:repeat(15, minmax(0,1fr))
}
grid[columns="16"]{
    --grid-tc:repeat(16, minmax(0,1fr))
}
grid>c[span^="1"]{
    --grid-cs:1
}
grid>c[span^="2"]{
    --grid-cs:2
}
grid>c[span^="3"]{
    --grid-cs:3
}
grid>c[span^="4"]{
    --grid-cs:4
}
grid>c[span^="5"]{
    --grid-cs:5
}
grid>c[span^="6"]{
    --grid-cs:6
}
grid>c[span^="7"]{
    --grid-cs:7
}
grid>c[span^="8"]{
    --grid-cs:8
}
grid>c[span^="9"]{
    --grid-cs:9
}
grid>c[span^="10"]{
    --grid-cs:10
}
grid>c[span^="11"]{
    --grid-cs:11
}
grid>c[span^="12"]{
    --grid-cs:12
}
grid>c[span^="13"]{
    --grid-cs:13
}
grid>c[span^="14"]{
    --grid-cs:14
}
grid>c[span^="15"]{
    --grid-cs:15
}
grid>c[span^="16"]{
    --grid-cs:16
}
grid>c[span$="+1"],grid>c[span="1"]{
    --grid-ce:1
}
grid>c[span$="+2"],grid>c[span$="-1"],grid>c[span="2"]{
    --grid-ce:2
}
grid>c[span$="+3"],grid>c[span$="-2"],grid>c[span="3"]{
    --grid-ce:3
}
grid>c[span$="+4"],grid>c[span$="-3"],grid>c[span="4"]{
    --grid-ce:4
}
grid>c[span$="+5"],grid>c[span$="-4"],grid>c[span="5"]{
    --grid-ce:5
}
grid>c[span$="+6"],grid>c[span$="-5"],grid>c[span="6"]{
    --grid-ce:6
}
grid>c[span$="+7"],grid>c[span$="-6"],grid>c[span="7"]{
    --grid-ce:7
}
grid>c[span$="+8"],grid>c[span$="-7"],grid>c[span="8"]{
    --grid-ce:8
}
grid>c[span$="+9"],grid>c[span$="-8"],grid>c[span="9"]{
    --grid-ce:9
}
grid>c[span$="+10"],grid>c[span$="-9"],grid>c[span="10"]{
    --grid-ce:10
}
grid>c[span$="+11"],grid>c[span$="-10"],grid>c[span="11"]{
    --grid-ce:11
}
grid>c[span$="+12"],grid>c[span$="-11"],grid>c[span="12"]{
    --grid-ce:12
}
grid>c[span$="+13"],grid>c[span$="-12"],grid>c[span="13"]{
    --grid-ce:13
}
grid>c[span$="+14"],grid>c[span$="-13"],grid>c[span="14"]{
    --grid-ce:14
}
grid>c[span$="+15"],grid>c[span$="-14"],grid>c[span="15"]{
    --grid-ce:15
}
grid>c[span$="+16"],grid>c[span$="-15"],grid>c[span="16"]{
    --grid-ce:16
}
grid>c[span$="-16"]{
    --grid-ce:17
}
grid>c[span]{
    grid-column-end:span var(--grid-ce)
}
grid>c[span*="+"],grid>c[span*="-"],grid>c[span*=".."]{
    grid-column-start:var(--grid-cs)
}
grid>c[span*="-"],grid>c[span*=".."]{
    grid-column-end:var(--grid-ce)
}
grid>c[span=row]{
    grid-column:1/-1
}
grid[jc=start]{
    justify-content:start
}
grid[jc=center]{
    justify-content:center
}
grid[jc=end]{
    justify-content:end
}
grid[jc=stretch]{
    justify-content:stretch
}
grid[jc=around]{
    justify-content:space-around
}
grid[jc=between]{
    justify-content:space-between
}
grid[jc=evenly]{
    justify-content:space-evenly
}
grid[ji=start]{
    justify-items:start
}
grid[ji=center]{
    justify-items:center
}
grid[ji=end]{
    justify-items:end
}
grid[ji=stretch]{
    justify-items:stretch
}
grid[ai=start]{
    align-items:start
}
grid[ai=center]{
    align-items:center
}
grid[ai=end]{
    align-items:end
}
grid[ai=stretch]{
    align-items:stretch
}
grid[ac=start]{
    align-content:start
}
grid[ac=center]{
    align-content:center
}
grid[ac=end]{
    align-content:end
}
grid[ac=stretch]{
    align-content:stretch
}
grid[ac=around]{
    align-content:space-around
}
grid[ac=between]{
    align-content:space-between
}
grid[ac=evenly]{
    align-content:space-evenly
}
grid>c[as=start]{
    align-self:start
}
grid>c[as=center]{
    align-self:center
}
grid>c[as=end]{
    align-self:end
}
grid>c[as=stretch]{
    align-self:stretch
}
grid>c[js=start]{
    justify-self:start
}
grid>c[js=center]{
    justify-self:center
}
grid>c[js=end]{
    justify-self:end
}
grid>c[js=stretch]{
    justify-self:stretch
}
grid[pi=start]{
    place-items:start
}
grid[pi=center]{
    place-items:center
}
grid[pi=end]{
    place-items:end
}
grid[pi=stretch]{
    place-items:stretch
}
grid[pi="start center"]{
    place-items:start center
}
grid[pi="start end"]{
    place-items:start end
}
grid[pi="start stretch"]{
    place-items:start stretch
}
grid[pi="center start"]{
    place-items:center start
}
grid[pi="center end"]{
    place-items:center end
}
grid[pi="center stretch"]{
    place-items:center stretch
}
grid[pi="end start"]{
    place-items:end start
}
grid[pi="end center"]{
    place-items:end center
}
grid[pi="end stretch"]{
    place-items:end stretch
}
grid[pi="stretch start"]{
    place-items:stretch start
}
grid[pi="stretch center"]{
    place-items:stretch center
}
grid[pi="stretch end"]{
    place-items:stretch end
}
grid>c[ps=start]{
    place-self:start
}
grid>c[ps=center]{
    place-self:center
}
grid>c[ps=end]{
    place-self:end
}
grid>c[ps=stretch]{
    place-self:stretch
}
grid>c[ps="start center"]{
    place-self:start center
}
grid>c[ps="start end"]{
    place-self:start end
}
grid>c[ps="start stretch"]{
    place-self:start stretch
}
grid>c[ps="center start"]{
    place-self:center start
}
grid>c[ps="center end"]{
    place-self:center end
}
grid>c[ps="center stretch"]{
    place-self:center stretch
}
grid>c[ps="end start"]{
    place-self:end start
}
grid>c[ps="end center"]{
    place-self:end center
}
grid>c[ps="end stretch"]{
    place-self:end stretch
}
grid>c[ps="stretch start"]{
    place-self:stretch start
}
grid>c[ps="stretch center"]{
    place-self:stretch center
}
grid>c[ps="stretch end"]{
    place-self:stretch end
}
[order=first]{
    order:-1
}
[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
}
[order="13"]{
    order:13
}
[order="14"]{
    order:14
}
[order="15"]{
    order:15
}
[order="16"]{
    order:16
}
[order=last]{
    order:99
}
@media only screen and (max-width:777px){
    grid[columns-s="1"]{
        --grid-tc:repeat(1, minmax(0,1fr))
    }
    grid[columns-s="2"]{
        --grid-tc:repeat(2, minmax(0,1fr))
    }
    grid[columns-s="3"]{
        --grid-tc:repeat(3, minmax(0,1fr))
    }
    grid[columns-s="4"]{
        --grid-tc:repeat(4, minmax(0,1fr))
    }
    grid[columns-s="5"]{
        --grid-tc:repeat(5, minmax(0,1fr))
    }
    grid[columns-s="6"]{
        --grid-tc:repeat(6, minmax(0,1fr))
    }
    grid[columns-s="7"]{
        --grid-tc:repeat(7, minmax(0,1fr))
    }
    grid[columns-s="8"]{
        --grid-tc:repeat(8, minmax(0,1fr))
    }
    grid[columns-s="9"]{
        --grid-tc:repeat(9, minmax(0,1fr))
    }
    grid[columns-s="10"]{
        --grid-tc:repeat(10, minmax(0,1fr))
    }
    grid[columns-s="11"]{
        --grid-tc:repeat(11, minmax(0,1fr))
    }
    grid[columns-s="12"]{
        --grid-tc:repeat(12, minmax(0,1fr))
    }
    grid[columns-s="13"]{
        --grid-tc:repeat(13, minmax(0,1fr))
    }
    grid[columns-s="14"]{
        --grid-tc:repeat(14, minmax(0,1fr))
    }
    grid[columns-s="15"]{
        --grid-tc:repeat(15, minmax(0,1fr))
    }
    grid[columns-s="16"]{
        --grid-tc:repeat(16, minmax(0,1fr))
    }
    grid>c[span-s^="1"]{
        --grid-cs:1
    }
    grid>c[span-s^="2"]{
        --grid-cs:2
    }
    grid>c[span-s^="3"]{
        --grid-cs:3
    }
    grid>c[span-s^="4"]{
        --grid-cs:4
    }
    grid>c[span-s^="5"]{
        --grid-cs:5
    }
    grid>c[span-s^="6"]{
        --grid-cs:6
    }
    grid>c[span-s^="7"]{
        --grid-cs:7
    }
    grid>c[span-s^="8"]{
        --grid-cs:8
    }
    grid>c[span-s^="9"]{
        --grid-cs:9
    }
    grid>c[span-s^="10"]{
        --grid-cs:10
    }
    grid>c[span-s^="11"]{
        --grid-cs:11
    }
    grid>c[span-s^="12"]{
        --grid-cs:12
    }
    grid>c[span-s^="13"]{
        --grid-cs:13
    }
    grid>c[span-s^="14"]{
        --grid-cs:14
    }
    grid>c[span-s^="15"]{
        --grid-cs:15
    }
    grid>c[span-s^="16"]{
        --grid-cs:16
    }
    grid>c[span-s$="+1"],grid>c[span-s="1"]{
        --grid-ce:1
    }
    grid>c[span-s$="+2"],grid>c[span-s$="-1"],grid>c[span-s="2"]{
        --grid-ce:2
    }
    grid>c[span-s$="+3"],grid>c[span-s$="-2"],grid>c[span-s="3"]{
        --grid-ce:3
    }
    grid>c[span-s$="+4"],grid>c[span-s$="-3"],grid>c[span-s="4"]{
        --grid-ce:4
    }
    grid>c[span-s$="+5"],grid>c[span-s$="-4"],grid>c[span-s="5"]{
        --grid-ce:5
    }
    grid>c[span-s$="+6"],grid>c[span-s$="-5"],grid>c[span-s="6"]{
        --grid-ce:6
    }
    grid>c[span-s$="+7"],grid>c[span-s$="-6"],grid>c[span-s="7"]{
        --grid-ce:7
    }
    grid>c[span-s$="+8"],grid>c[span-s$="-7"],grid>c[span-s="8"]{
        --grid-ce:8
    }
    grid>c[span-s$="+9"],grid>c[span-s$="-8"],grid>c[span-s="9"]{
        --grid-ce:9
    }
    grid>c[span-s$="+10"],grid>c[span-s$="-9"],grid>c[span-s="10"]{
        --grid-ce:10
    }
    grid>c[span-s$="+11"],grid>c[span-s$="-10"],grid>c[span-s="11"]{
        --grid-ce:11
    }
    grid>c[span-s$="+12"],grid>c[span-s$="-11"],grid>c[span-s="12"]{
        --grid-ce:12
    }
    grid>c[span-s$="+13"],grid>c[span-s$="-12"],grid>c[span-s="13"]{
        --grid-ce:13
    }
    grid>c[span-s$="+14"],grid>c[span-s$="-13"],grid>c[span-s="14"]{
        --grid-ce:14
    }
    grid>c[span-s$="+15"],grid>c[span-s$="-14"],grid>c[span-s="15"]{
        --grid-ce:15
    }
    grid>c[span-s$="+16"],grid>c[span-s$="-15"],grid>c[span-s="16"]{
        --grid-ce:16
    }
    grid>c[span-s$="-16"]{
        --grid-ce:17
    }
    grid>c[span-s]{
        grid-column-end:span var(--grid-ce)
    }
    grid>c[span-s*="+"],grid>c[span-s*="-"],grid>c[span-s*=".."]{
        grid-column-start:var(--grid-cs)
    }
    grid>c[span-s*="-"],grid>c[span-s*=".."]{
        grid-column-end:var(--grid-ce)
    }
    grid>c[span-s=row]{
        grid-column:1/-1
    }
    grid[jc-s=start]{
        justify-content:start
    }
    grid[jc-s=center]{
        justify-content:center
    }
    grid[jc-s=end]{
        justify-content:end
    }
    grid[jc-s=stretch]{
        justify-content:stretch
    }
    grid[jc-s=around]{
        justify-content:space-around
    }
    grid[jc-s=between]{
        justify-content:space-between
    }
    grid[jc-s=evenly]{
        justify-content:space-evenly
    }
    grid[ji-s=start]{
        justify-items:start
    }
    grid[ji-s=center]{
        justify-items:center
    }
    grid[ji-s=end]{
        justify-items:end
    }
    grid[ji-s=stretch]{
        justify-items:stretch
    }
    grid[ai-s=start]{
        align-items:start
    }
    grid[ai-s=center]{
        align-items:center
    }
    grid[ai-s=end]{
        align-items:end
    }
    grid[ai-s=stretch]{
        align-items:stretch
    }
    grid[ac-s=start]{
        align-content:start
    }
    grid[ac-s=center]{
        align-content:center
    }
    grid[ac-s=end]{
        align-content:end
    }
    grid[ac-s=stretch]{
        align-content:stretch
    }
    grid[ac-s=around]{
        align-content:space-around
    }
    grid[ac-s=between]{
        align-content:space-between
    }
    grid[ac-s=evenly]{
        align-content:space-evenly
    }
    grid>c[as-s=start]{
        align-self:start
    }
    grid>c[as-s=center]{
        align-self:center
    }
    grid>c[as-s=end]{
        align-self:end
    }
    grid>c[as-s=stretch]{
        align-self:stretch
    }
    grid>c[js-s=start]{
        justify-self:start
    }
    grid>c[js-s=center]{
        justify-self:center
    }
    grid>c[js-s=end]{
        justify-self:end
    }
    grid>c[js-s=stretch]{
        justify-self:stretch
    }
    grid[pi-s=start]{
        place-items:start
    }
    grid[pi-s=center]{
        place-items:center
    }
    grid[pi-s=end]{
        place-items:end
    }
    grid[pi-s=stretch]{
        place-items:stretch
    }
    grid[pi-s="start center"]{
        place-items:start center
    }
    grid[pi-s="start end"]{
        place-items:start end
    }
    grid[pi-s="start stretch"]{
        place-items:start stretch
    }
    grid[pi-s="center start"]{
        place-items:center start
    }
    grid[pi-s="center end"]{
        place-items:center end
    }
    grid[pi-s="center stretch"]{
        place-items:center stretch
    }
    grid[pi-s="end start"]{
        place-items:end start
    }
    grid[pi-s="end center"]{
        place-items:end center
    }
    grid[pi-s="end stretch"]{
        place-items:end stretch
    }
    grid[pi-s="stretch start"]{
        place-items:stretch start
    }
    grid[pi-s="stretch center"]{
        place-items:stretch center
    }
    grid[pi-s="stretch end"]{
        place-items:stretch end
    }
    grid>c[ps-s=start]{
        place-self:start
    }
    grid>c[ps-s=center]{
        place-self:center
    }
    grid>c[ps-s=end]{
        place-self:end
    }
    grid>c[ps-s=stretch]{
        place-self:stretch
    }
    grid>c[ps-s="start center"]{
        place-self:start center
    }
    grid>c[ps-s="start end"]{
        place-self:start end
    }
    grid>c[ps-s="start stretch"]{
        place-self:start stretch
    }
    grid>c[ps-s="center start"]{
        place-self:center start
    }
    grid>c[ps-s="center end"]{
        place-self:center end
    }
    grid>c[ps-s="center stretch"]{
        place-self:center stretch
    }
    grid>c[ps-s="end start"]{
        place-self:end start
    }
    grid>c[ps-s="end center"]{
        place-self:end center
    }
    grid>c[ps-s="end stretch"]{
        place-self:end stretch
    }
    grid>c[ps-s="stretch start"]{
        place-self:stretch start
    }
    grid>c[ps-s="stretch center"]{
        place-self:stretch center
    }
    grid>c[ps-s="stretch end"]{
        place-self:stretch end
    }
    [order-s=first]{
        order:-1
    }
    [order-s="1"]{
        order:1
    }
    [order-s="2"]{
        order:2
    }
    [order-s="3"]{
        order:3
    }
    [order-s="4"]{
        order:4
    }
    [order-s="5"]{
        order:5
    }
    [order-s="6"]{
        order:6
    }
    [order-s="7"]{
        order:7
    }
    [order-s="8"]{
        order:8
    }
    [order-s="9"]{
        order:9
    }
    [order-s="10"]{
        order:10
    }
    [order-s="11"]{
        order:11
    }
    [order-s="12"]{
        order:12
    }
    [order-s="13"]{
        order:13
    }
    [order-s="14"]{
        order:14
    }
    [order-s="15"]{
        order:15
    }
    [order-s="16"]{
        order:16
    }
    [order-s=last]{
        order:99
    }
}


@media (min-width: 777px) and (max-width: 1024px) {
    grid[columns-m="1"]{
        --grid-tc:repeat(1, minmax(0,1fr))
    }
    grid[columns-m="2"]{
        --grid-tc:repeat(2, minmax(0,1fr))
    }
    grid[columns-m="3"]{
        --grid-tc:repeat(3, minmax(0,1fr))
    }
    grid[columns-m="4"]{
        --grid-tc:repeat(4, minmax(0,1fr))
    }
    grid[columns-m="5"]{
        --grid-tc:repeat(5, minmax(0,1fr))
    }
    grid[columns-m="6"]{
        --grid-tc:repeat(6, minmax(0,1fr))
    }
    grid[columns-m="7"]{
        --grid-tc:repeat(7, minmax(0,1fr))
    }
    grid[columns-m="8"]{
        --grid-tc:repeat(8, minmax(0,1fr))
    }
    grid[columns-m="9"]{
        --grid-tc:repeat(9, minmax(0,1fr))
    }
    grid[columns-m="10"]{
        --grid-tc:repeat(10, minmax(0,1fr))
    }
    grid[columns-m="11"]{
        --grid-tc:repeat(11, minmax(0,1fr))
    }
    grid[columns-m="12"]{
        --grid-tc:repeat(12, minmax(0,1fr))
    }
    grid[columns-m="13"]{
        --grid-tc:repeat(13, minmax(0,1fr))
    }
    grid[columns-m="14"]{
        --grid-tc:repeat(14, minmax(0,1fr))
    }
    grid[columns-m="15"]{
        --grid-tc:repeat(15, minmax(0,1fr))
    }
    grid[columns-m="16"]{
        --grid-tc:repeat(16, minmax(0,1fr))
    }
    grid>c[span-m^="1"]{
        --grid-cs:1
    }
    grid>c[span-m^="2"]{
        --grid-cs:2
    }
    grid>c[span-m^="3"]{
        --grid-cs:3
    }
    grid>c[span-m^="4"]{
        --grid-cs:4
    }
    grid>c[span-m^="5"]{
        --grid-cs:5
    }
    grid>c[span-m^="6"]{
        --grid-cs:6
    }
    grid>c[span-m^="7"]{
        --grid-cs:7
    }
    grid>c[span-m^="8"]{
        --grid-cs:8
    }
    grid>c[span-m^="9"]{
        --grid-cs:9
    }
    grid>c[span-m^="10"]{
        --grid-cs:10
    }
    grid>c[span-m^="11"]{
        --grid-cs:11
    }
    grid>c[span-m^="12"]{
        --grid-cs:12
    }
    grid>c[span-m^="13"]{
        --grid-cs:13
    }
    grid>c[span-m^="14"]{
        --grid-cs:14
    }
    grid>c[span-m^="15"]{
        --grid-cs:15
    }
    grid>c[span-m^="16"]{
        --grid-cs:16
    }
    grid>c[span-m$="+1"],grid>c[span-m="1"]{
        --grid-ce:1
    }
    grid>c[span-m$="+2"],grid>c[span-m$="-1"],grid>c[span-m="2"]{
        --grid-ce:2
    }
    grid>c[span-m$="+3"],grid>c[span-m$="-2"],grid>c[span-m="3"]{
        --grid-ce:3
    }
    grid>c[span-m$="+4"],grid>c[span-m$="-3"],grid>c[span-m="4"]{
        --grid-ce:4
    }
    grid>c[span-m$="+5"],grid>c[span-m$="-4"],grid>c[span-m="5"]{
        --grid-ce:5
    }
    grid>c[span-m$="+6"],grid>c[span-m$="-5"],grid>c[span-m="6"]{
        --grid-ce:6
    }
    grid>c[span-m$="+7"],grid>c[span-m$="-6"],grid>c[span-m="7"]{
        --grid-ce:7
    }
    grid>c[span-m$="+8"],grid>c[span-m$="-7"],grid>c[span-m="8"]{
        --grid-ce:8
    }
    grid>c[span-m$="+9"],grid>c[span-m$="-8"],grid>c[span-m="9"]{
        --grid-ce:9
    }
    grid>c[span-m$="+10"],grid>c[span-m$="-9"],grid>c[span-m="10"]{
        --grid-ce:10
    }
    grid>c[span-m$="+11"],grid>c[span-m$="-10"],grid>c[span-m="11"]{
        --grid-ce:11
    }
    grid>c[span-m$="+12"],grid>c[span-m$="-11"],grid>c[span-m="12"]{
        --grid-ce:12
    }
    grid>c[span-m$="+13"],grid>c[span-m$="-12"],grid>c[span-m="13"]{
        --grid-ce:13
    }
    grid>c[span-m$="+14"],grid>c[span-m$="-13"],grid>c[span-m="14"]{
        --grid-ce:14
    }
    grid>c[span-m$="+15"],grid>c[span-m$="-14"],grid>c[span-m="15"]{
        --grid-ce:15
    }
    grid>c[span-m$="+16"],grid>c[span-m$="-15"],grid>c[span-m="16"]{
        --grid-ce:16
    }
    grid>c[span-m$="-16"]{
        --grid-ce:17
    }
    grid>c[span-m]{
        grid-column-end:span var(--grid-ce)
    }
    grid>c[span-m*="+"],grid>c[span-m*="-"],grid>c[span-m*=".."]{
        grid-column-start:var(--grid-cs)
    }
    grid>c[span-m*="-"],grid>c[span-m*=".."]{
        grid-column-end:var(--grid-ce)
    }
    grid>c[span-m=row]{
        grid-column:1/-1
    }
    grid[jc-m=start]{
        justify-content:start
    }
    grid[jc-m=center]{
        justify-content:center
    }
    grid[jc-m=end]{
        justify-content:end
    }
    grid[jc-m=stretch]{
        justify-content:stretch
    }
    grid[jc-m=around]{
        justify-content:space-around
    }
    grid[jc-m=between]{
        justify-content:space-between
    }
    grid[jc-m=evenly]{
        justify-content:space-evenly
    }
    grid[ji-m=start]{
        justify-items:start
    }
    grid[ji-m=center]{
        justify-items:center
    }
    grid[ji-m=end]{
        justify-items:end
    }
    grid[ji-m=stretch]{
        justify-items:stretch
    }
    grid[ai-m=start]{
        align-items:start
    }
    grid[ai-m=center]{
        align-items:center
    }
    grid[ai-m=end]{
        align-items:end
    }
    grid[ai-m=stretch]{
        align-items:stretch
    }
    grid[ac-m=start]{
        align-content:start
    }
    grid[ac-m=center]{
        align-content:center
    }
    grid[ac-m=end]{
        align-content:end
    }
    grid[ac-m=stretch]{
        align-content:stretch
    }
    grid[ac-m=around]{
        align-content:space-around
    }
    grid[ac-m=between]{
        align-content:space-between
    }
    grid[ac-m=evenly]{
        align-content:space-evenly
    }
    grid>c[as-m=start]{
        align-self:start
    }
    grid>c[as-m=center]{
        align-self:center
    }
    grid>c[as-m=end]{
        align-self:end
    }
    grid>c[as-m=stretch]{
        align-self:stretch
    }
    grid>c[js-m=start]{
        justify-self:start
    }
    grid>c[js-m=center]{
        justify-self:center
    }
    grid>c[js-m=end]{
        justify-self:end
    }
    grid>c[js-m=stretch]{
        justify-self:stretch
    }
    grid[pi-m=start]{
        place-items:start
    }
    grid[pi-m=center]{
        place-items:center
    }
    grid[pi-m=end]{
        place-items:end
    }
    grid[pi-m=stretch]{
        place-items:stretch
    }
    grid[pi-m="start center"]{
        place-items:start center
    }
    grid[pi-m="start end"]{
        place-items:start end
    }
    grid[pi-m="start stretch"]{
        place-items:start stretch
    }
    grid[pi-m="center start"]{
        place-items:center start
    }
    grid[pi-m="center end"]{
        place-items:center end
    }
    grid[pi-m="center stretch"]{
        place-items:center stretch
    }
    grid[pi-m="end start"]{
        place-items:end start
    }
    grid[pi-m="end center"]{
        place-items:end center
    }
    grid[pi-m="end stretch"]{
        place-items:end stretch
    }
    grid[pi-m="stretch start"]{
        place-items:stretch start
    }
    grid[pi-m="stretch center"]{
        place-items:stretch center
    }
    grid[pi-m="stretch end"]{
        place-items:stretch end
    }
    grid>c[ps-m=start]{
        place-self:start
    }
    grid>c[ps-m=center]{
        place-self:center
    }
    grid>c[ps-m=end]{
        place-self:end
    }
    grid>c[ps-m=stretch]{
        place-self:stretch
    }
    grid>c[ps-m="start center"]{
        place-self:start center
    }
    grid>c[ps-m="start end"]{
        place-self:start end
    }
    grid>c[ps-m="start stretch"]{
        place-self:start stretch
    }
    grid>c[ps-m="center start"]{
        place-self:center start
    }
    grid>c[ps-m="center end"]{
        place-self:center end
    }
    grid>c[ps-m="center stretch"]{
        place-self:center stretch
    }
    grid>c[ps-m="end start"]{
        place-self:end start
    }
    grid>c[ps-m="end center"]{
        place-self:end center
    }
    grid>c[ps-m="end stretch"]{
        place-self:end stretch
    }
    grid>c[ps-m="stretch start"]{
        place-self:stretch start
    }
    grid>c[ps-m="stretch center"]{
        place-self:stretch center
    }
    grid>c[ps-m="stretch end"]{
        place-self:stretch end
    }
    [order-m=first]{
        order:-1
    }
    [order-m="1"]{
        order:1
    }
    [order-m="2"]{
        order:2
    }
    [order-m="3"]{
        order:3
    }
    [order-m="4"]{
        order:4
    }
    [order-m="5"]{
        order:5
    }
    [order-m="6"]{
        order:6
    }
    [order-m="7"]{
        order:7
    }
    [order-m="8"]{
        order:8
    }
    [order-m="9"]{
        order:9
    }
    [order-m="10"]{
        order:10
    }
    [order-m="11"]{
        order:11
    }
    [order-m="12"]{
        order:12
    }
    [order-m="13"]{
        order:13
    }
    [order-m="14"]{
        order:14
    }
    [order-m="15"]{
        order:15
    }
    [order-m="16"]{
        order:16
    }
    [order-m=last]{
        order:99
    }
}

@media only screen and (min-width:1599px){
    grid[columns-l="1"]{
        --grid-tc:repeat(1, minmax(0,1fr))
    }
    grid[columns-l="2"]{
        --grid-tc:repeat(2, minmax(0,1fr))
    }
    grid[columns-l="3"]{
        --grid-tc:repeat(3, minmax(0,1fr))
    }
    grid[columns-l="4"]{
        --grid-tc:repeat(4, minmax(0,1fr))
    }
    grid[columns-l="5"]{
        --grid-tc:repeat(5, minmax(0,1fr))
    }
    grid[columns-l="6"]{
        --grid-tc:repeat(6, minmax(0,1fr))
    }
    grid[columns-l="7"]{
        --grid-tc:repeat(7, minmax(0,1fr))
    }
    grid[columns-l="8"]{
        --grid-tc:repeat(8, minmax(0,1fr))
    }
    grid[columns-l="9"]{
        --grid-tc:repeat(9, minmax(0,1fr))
    }
    grid[columns-l="10"]{
        --grid-tc:repeat(10, minmax(0,1fr))
    }
    grid[columns-l="11"]{
        --grid-tc:repeat(11, minmax(0,1fr))
    }
    grid[columns-l="12"]{
        --grid-tc:repeat(12, minmax(0,1fr))
    }
    grid[columns-l="13"]{
        --grid-tc:repeat(13, minmax(0,1fr))
    }
    grid[columns-l="14"]{
        --grid-tc:repeat(14, minmax(0,1fr))
    }
    grid[columns-l="15"]{
        --grid-tc:repeat(15, minmax(0,1fr))
    }
    grid[columns-l="16"]{
        --grid-tc:repeat(16, minmax(0,1fr))
    }
    grid>c[span-l^="1"]{
        --grid-cs:1
    }
    grid>c[span-l^="2"]{
        --grid-cs:2
    }
    grid>c[span-l^="3"]{
        --grid-cs:3
    }
    grid>c[span-l^="4"]{
        --grid-cs:4
    }
    grid>c[span-l^="5"]{
        --grid-cs:5
    }
    grid>c[span-l^="6"]{
        --grid-cs:6
    }
    grid>c[span-l^="7"]{
        --grid-cs:7
    }
    grid>c[span-l^="8"]{
        --grid-cs:8
    }
    grid>c[span-l^="9"]{
        --grid-cs:9
    }
    grid>c[span-l^="10"]{
        --grid-cs:10
    }
    grid>c[span-l^="11"]{
        --grid-cs:11
    }
    grid>c[span-l^="12"]{
        --grid-cs:12
    }
    grid>c[span-l^="13"]{
        --grid-cs:13
    }
    grid>c[span-l^="14"]{
        --grid-cs:14
    }
    grid>c[span-l^="15"]{
        --grid-cs:15
    }
    grid>c[span-l^="16"]{
        --grid-cs:16
    }
    grid>c[span-l$="+1"],grid>c[span-l="1"]{
        --grid-ce:1
    }
    grid>c[span-l$="+2"],grid>c[span-l$="-1"],grid>c[span-l="2"]{
        --grid-ce:2
    }
    grid>c[span-l$="+3"],grid>c[span-l$="-2"],grid>c[span-l="3"]{
        --grid-ce:3
    }
    grid>c[span-l$="+4"],grid>c[span-l$="-3"],grid>c[span-l="4"]{
        --grid-ce:4
    }
    grid>c[span-l$="+5"],grid>c[span-l$="-4"],grid>c[span-l="5"]{
        --grid-ce:5
    }
    grid>c[span-l$="+6"],grid>c[span-l$="-5"],grid>c[span-l="6"]{
        --grid-ce:6
    }
    grid>c[span-l$="+7"],grid>c[span-l$="-6"],grid>c[span-l="7"]{
        --grid-ce:7
    }
    grid>c[span-l$="+8"],grid>c[span-l$="-7"],grid>c[span-l="8"]{
        --grid-ce:8
    }
    grid>c[span-l$="+9"],grid>c[span-l$="-8"],grid>c[span-l="9"]{
        --grid-ce:9
    }
    grid>c[span-l$="+10"],grid>c[span-l$="-9"],grid>c[span-l="10"]{
        --grid-ce:10
    }
    grid>c[span-l$="+11"],grid>c[span-l$="-10"],grid>c[span-l="11"]{
        --grid-ce:11
    }
    grid>c[span-l$="+12"],grid>c[span-l$="-11"],grid>c[span-l="12"]{
        --grid-ce:12
    }
    grid>c[span-l$="+13"],grid>c[span-l$="-12"],grid>c[span-l="13"]{
        --grid-ce:13
    }
    grid>c[span-l$="+14"],grid>c[span-l$="-13"],grid>c[span-l="14"]{
        --grid-ce:14
    }
    grid>c[span-l$="+15"],grid>c[span-l$="-14"],grid>c[span-l="15"]{
        --grid-ce:15
    }
    grid>c[span-l$="+16"],grid>c[span-l$="-15"],grid>c[span-l="16"]{
        --grid-ce:16
    }
    grid>c[span-l$="-16"]{
        --grid-ce:17
    }
    grid>c[span-l]{
        grid-column-end:span var(--grid-ce)
    }
    grid>c[span-l*="+"],grid>c[span-l*="-"],grid>c[span-l*=".."]{
        grid-column-start:var(--grid-cs)
    }
    grid>c[span-l*="-"],grid>c[span-l*=".."]{
        grid-column-end:var(--grid-ce)
    }
    grid>c[span-l=row]{
        grid-column:1/-1
    }
    grid[jc-l=start]{
        justify-content:start
    }
    grid[jc-l=center]{
        justify-content:center
    }
    grid[jc-l=end]{
        justify-content:end
    }
    grid[jc-l=stretch]{
        justify-content:stretch
    }
    grid[jc-l=around]{
        justify-content:space-around
    }
    grid[jc-l=between]{
        justify-content:space-between
    }
    grid[jc-l=evenly]{
        justify-content:space-evenly
    }
    grid[ji-l=start]{
        justify-items:start
    }
    grid[ji-l=center]{
        justify-items:center
    }
    grid[ji-l=end]{
        justify-items:end
    }
    grid[ji-l=stretch]{
        justify-items:stretch
    }
    grid[ai-l=start]{
        align-items:start
    }
    grid[ai-l=center]{
        align-items:center
    }
    grid[ai-l=end]{
        align-items:end
    }
    grid[ai-l=stretch]{
        align-items:stretch
    }
    grid[ac-l=start]{
        align-content:start
    }
    grid[ac-l=center]{
        align-content:center
    }
    grid[ac-l=end]{
        align-content:end
    }
    grid[ac-l=stretch]{
        align-content:stretch
    }
    grid[ac-l=around]{
        align-content:space-around
    }
    grid[ac-l=between]{
        align-content:space-between
    }
    grid[ac-l=evenly]{
        align-content:space-evenly
    }
    grid>c[as-l=start]{
        align-self:start
    }
    grid>c[as-l=center]{
        align-self:center
    }
    grid>c[as-l=end]{
        align-self:end
    }
    grid>c[as-l=stretch]{
        align-self:stretch
    }
    grid>c[js-l=start]{
        justify-self:start
    }
    grid>c[js-l=center]{
        justify-self:center
    }
    grid>c[js-l=end]{
        justify-self:end
    }
    grid>c[js-l=stretch]{
        justify-self:stretch
    }
    grid[pi-l=start]{
        place-items:start
    }
    grid[pi-l=center]{
        place-items:center
    }
    grid[pi-l=end]{
        place-items:end
    }
    grid[pi-l=stretch]{
        place-items:stretch
    }
    grid[pi-l="start center"]{
        place-items:start center
    }
    grid[pi-l="start end"]{
        place-items:start end
    }
    grid[pi-l="start stretch"]{
        place-items:start stretch
    }
    grid[pi-l="center start"]{
        place-items:center start
    }
    grid[pi-l="center end"]{
        place-items:center end
    }
    grid[pi-l="center stretch"]{
        place-items:center stretch
    }
    grid[pi-l="end start"]{
        place-items:end start
    }
    grid[pi-l="end center"]{
        place-items:end center
    }
    grid[pi-l="end stretch"]{
        place-items:end stretch
    }
    grid[pi-l="stretch start"]{
        place-items:stretch start
    }
    grid[pi-l="stretch center"]{
        place-items:stretch center
    }
    grid[pi-l="stretch end"]{
        place-items:stretch end
    }
    grid>c[ps-l=start]{
        place-self:start
    }
    grid>c[ps-l=center]{
        place-self:center
    }
    grid>c[ps-l=end]{
        place-self:end
    }
    grid>c[ps-l=stretch]{
        place-self:stretch
    }
    grid>c[ps-l="start center"]{
        place-self:start center
    }
    grid>c[ps-l="start end"]{
        place-self:start end
    }
    grid>c[ps-l="start stretch"]{
        place-self:start stretch
    }
    grid>c[ps-l="center start"]{
        place-self:center start
    }
    grid>c[ps-l="center end"]{
        place-self:center end
    }
    grid>c[ps-l="center stretch"]{
        place-self:center stretch
    }
    grid>c[ps-l="end start"]{
        place-self:end start
    }
    grid>c[ps-l="end center"]{
        place-self:end center
    }
    grid>c[ps-l="end stretch"]{
        place-self:end stretch
    }
    grid>c[ps-l="stretch start"]{
        place-self:stretch start
    }
    grid>c[ps-l="stretch center"]{
        place-self:stretch center
    }
    grid>c[ps-l="stretch end"]{
        place-self:stretch end
    }
    [order-l=first]{
        order:-1
    }
    [order-l="1"]{
        order:1
    }
    [order-l="2"]{
        order:2
    }
    [order-l="3"]{
        order:3
    }
    [order-l="4"]{
        order:4
    }
    [order-l="5"]{
        order:5
    }
    [order-l="6"]{
        order:6
    }
    [order-l="7"]{
        order:7
    }
    [order-l="8"]{
        order:8
    }
    [order-l="9"]{
        order:9
    }
    [order-l="10"]{
        order:10
    }
    [order-l="11"]{
        order:11
    }
    [order-l="12"]{
        order:12
    }
    [order-l="13"]{
        order:13
    }
    [order-l="14"]{
        order:14
    }
    [order-l="15"]{
        order:15
    }
    [order-l="16"]{
        order:16
    }
    [order-l=last]{
        order:99
    }
}

flex{
    display:flex
}
flex>*{
    flex:0 1 auto;
    appearance:none;
    -webkit-appearance:none;
    gap:var(--columnGap) var(--rowGap)
}
flex>*>img,flex>*>p>img{
    -o-object-fit:contain;
    object-fit:contain;
    max-width:100%
}
flex[direction=column]{
    flex-direction:column
}
flex[direction=column-reverse]{
    flex-direction:column-reverse
}
flex[direction=row]{
    flex-direction:row
}
flex[direction=row-reverse]{
    flex-direction:row-reverse
}
flex[wrap=wrap],flex[wrap]{
    flex-wrap:wrap
}
flex[wrap=nowrap]{
    flex-wrap:nowrap
}
flex[wrap=reverse]{
    flex-wrap:wrap-reverse
}
flex[jc=start]{
    justify-content:flex-start
}
flex[jc=center]{
    justify-content:center
}
flex[jc=end]{
    justify-content:flex-end
}
flex[jc=between]{
    justify-content:space-between
}
flex[jc=around]{
    justify-content:space-around
}
flex[ac=start]{
    align-content:flex-start
}
flex[ac=end]{
    align-content:flex-end
}
flex[ac=center]{
    align-content:center
}
flex[ac=between]{
    align-content:space-between
}
flex[ac=around]{
    align-content:space-around
}
flex[ac=stretch]{
    align-content:stretch
}
flex[ai=start]{
    align-items:start
}
flex[ai=center]{
    align-items:center
}
flex[ai=end]{
    align-items:end
}
flex[ai=flex-start]{
    align-items:flex-start
}
flex[ai=flex-end]{
    align-items:flex-end
}
flex[ai=baseline]{
    align-items:baseline
}
flex[ai=stretch]{
    align-items:stretch
}
flex[ai="first baseline"]{
    align-items:first baseline
}
flex[ai="last baseline"]{
    align-items:last baseline
}
flex[ai="safe center"]{
    align-items:safe center
}
flex[ai="unsafe center"]{
    align-items:unsafe center
}
flex>c[as=auto]{
    align-self:auto
}
flex>c[as=start]{
    align-self:flex-start
}
flex>c[as=end]{
    align-self:flex-end
}
flex>c[as=center]{
    align-self:center
}
flex>c[as=baseline]{
    align-self:baseline
}
flex>c[as=stretch]{
    align-self:stretch
}

flex[pi="top left"] { align-items: flex-start; justify-content: flex-start }
flex[pi="top center"] { align-items: flex-start; justify-content: center }
flex[pi="top right"] { align-items: flex-start; justify-content: flex-end }
flex[pi="top between"] { align-items: flex-start; width: 100%; }

flex[pi="center left"] { align-items: center; justify-content: flex-start }
flex[pi="center"] { align-items: center; justify-content: center }
flex[pi="center right"] { align-items: center; justify-content: flex-end }
flex[pi="center between"] { align-items: center; width: 100%; }

flex[pi="bottom left"] { align-items: flex-end; justify-content: flex-start }
flex[pi="bottom center"] { align-items: flex-end; justify-content: center }
flex[pi="bottom right"] { align-items: flex-end; justify-content: flex-end }
flex[pi="bottom between"] { align-items: flex-end; width: 100%; }

flex[pi*="between"] c.content { width: 100% }
flex[pi*="between"] c.content flex { justify-content: space-between }

flex[pi*="between"][orientation="column"] c.content { height: 100% }
flex[pi*="between"][orientation="column"] c.content flex { height: 100%; justify-content: space-between }

@media (max-width: 777px) {
    flex[pi-s="top left"] { align-items: flex-start; justify-content: flex-start }
    flex[pi-s="top center"] { align-items: flex-start; justify-content: center }
    flex[pi-s="top right"] { align-items: flex-start; justify-content: flex-end }
    flex[pi-s="top between"] { align-items: flex-start; width: 100%; }

    flex[pi-s="center left"] { align-items: center; justify-content: flex-start }
    flex[pi-s="center"] { align-items: center; justify-content: center }
    flex[pi-s="center right"] { align-items: center; justify-content: flex-end }
    flex[pi-s="center between"] { align-items: center; width: 100%; }

    flex[pi-s="bottom left"] { align-items: flex-end; justify-content: flex-start }
    flex[pi-s="bottom center"] { align-items: flex-end; justify-content: center }
    flex[pi-s="bottom right"] { align-items: flex-end; justify-content: flex-end }
    flex[pi-s="bottom between"] { align-items: flex-end; width: 100%; }

    flex[pi-s*="between"] c.content { width: 100% }
    flex[pi-s*="between"] c.content flex { justify-content: space-between }

    flex[pi-s*="between"][orientation-s="column"] c.content { height: 100% }
    flex[pi-s*="between"][orientation-s="column"] c.content flex { height: 100%; justify-content: space-between }
}

@media only screen and (max-width:777px){
    flex[direction-s=column]{
        flex-direction:column
    }
    flex[direction-s=column-reverse]{
        flex-direction:column-reverse
    }
    flex[direction-s=row]{
        flex-direction:row
    }
    flex[direction-s=row-reverse]{
        flex-direction:row-reverse
    }
    flex[wrap-s=wrap],flex[wrap-s]{
        flex-wrap:wrap
    }
    flex[wrap-s=nowrap]{
        flex-wrap:nowrap
    }
    flex[wrap-s=reverse]{
        flex-wrap:wrap-reverse
    }
    flex[jc-s=start]{
        justify-content:flex-start
    }
    flex[jc-s=center]{
        justify-content:center
    }
    flex[jc-s=end]{
        justify-content:flex-end
    }
    flex[jc-s=between]{
        justify-content:space-between
    }
    flex[jc-s=around]{
        justify-content:space-around
    }
    flex[ac-s=start]{
        align-content:flex-start
    }
    flex[ac-s=end]{
        align-content:flex-end
    }
    flex[ac-s=center]{
        align-content:center
    }
    flex[ac-s=between]{
        align-content:space-between
    }
    flex[ac-s=around]{
        align-content:space-around
    }
    flex[ac-s=stretch]{
        align-content:stretch
    }
    flex[ai-s=start]{
        align-items:start
    }
    flex[ai-s=center]{
        align-items:center
    }
    flex[ai-s=end]{
        align-items:end
    }
    flex[ai-s=flex-start]{
        align-items:flex-start
    }
    flex[ai-s=flex-end]{
        align-items:flex-end
    }
    flex[ai-s=baseline]{
        align-items:baseline
    }
    flex[ai-s=stretch]{
        align-items:stretch
    }
    flex[ai-s=first-baseline]{
        align-items:first baseline
    }
    flex[ai-s=last-baseline]{
        align-items:last baseline
    }
    flex[ai-s=safe-center]{
        align-items:safe center
    }
    flex[ai-s=unsafe-center]{
        align-items:unsafe center
    }
    flex>c[as-s=auto]{
        align-self:auto
    }
    flex>c[as-s=start]{
        align-self:flex-start
    }
    flex>c[as-s=end]{
        align-self:flex-end
    }
    flex>c[as-s=center]{
        align-self:center
    }
    flex>c[as-s=baseline]{
        align-self:baseline
    }
    flex>c[as-s=stretch]{
        align-self:stretch
    }
}
@media only screen and (min-width:1599px){
    flex[direction-l=column]{
        flex-direction:column
    }
    flex[direction-l=column-reverse]{
        flex-direction:column-reverse
    }
    flex[direction-l=row]{
        flex-direction:row
    }
    flex[direction-l=row-reverse]{
        flex-direction:row-reverse
    }
    flex[wrap-l=wrap],flex[wrap-l]{
        flex-wrap:wrap
    }
    flex[wrap-l=nowrap]{
        flex-wrap:nowrap
    }
    flex[wrap-l=reverse]{
        flex-wrap:wrap-reverse
    }
    flex[jc-l=start]{
        justify-content:flex-start
    }
    flex[jc-l=center]{
        justify-content:center
    }
    flex[jc-l=end]{
        justify-content:flex-end
    }
    flex[jc-l=between]{
        justify-content:space-between
    }
    flex[jc-l=around]{
        justify-content:space-around
    }
    flex[ac-l=start]{
        align-content:flex-start
    }
    flex[ac-l=end]{
        align-content:flex-end
    }
    flex[ac-l=center]{
        align-content:center
    }
    flex[ac-l=between]{
        align-content:space-between
    }
    flex[ac-l=around]{
        align-content:space-around
    }
    flex[ac-l=stretch]{
        align-content:stretch
    }
    flex[ai-l=start]{
        align-items:start
    }
    flex[ai-l=center]{
        align-items:center
    }
    flex[ai-l=end]{
        align-items:end
    }
    flex[ai-l=flex-start]{
        align-items:flex-start
    }
    flex[ai-l=flex-end]{
        align-items:flex-end
    }
    flex[ai-l=baseline]{
        align-items:baseline
    }
    flex[ai-l=stretch]{
        align-items:stretch
    }
    flex[ai-l=first-baseline]{
        align-items:first baseline
    }
    flex[ai-l=last-baseline]{
        align-items:last baseline
    }
    flex[ai-l=safe-center]{
        align-items:safe center
    }
    flex[ai-l=unsafe-center]{
        align-items:unsafe center
    }
    flex>c[as-l=auto]{
        align-self:auto
    }
    flex>c[as-l=start]{
        align-self:flex-start
    }
    flex>c[as-l=end]{
        align-self:flex-end
    }
    flex>c[as-l=center]{
        align-self:center
    }
    flex>c[as-l=baseline]{
        align-self:baseline
    }
    flex>c[as-l=stretch]{
        align-self:stretch
    }
}


.transparent-button {
  border: 1px solid;
  border-color: #000000
  font-size:16px;
  font-weight:400;

}

.transparent-button:hover {
  border: 1px solid;
  background-color: #6c4f3a;
  color: #ffffff;
  font-size:16px;
  font-weight:400;

}


h2 {
  text-transform: none !important;
  font-size: 1.7em;
  font-weight: 400;
}

.menulink {
  font-weight:400;
  font-size: 0.9em;
}


.new-price, .old-price, 

{ font-size: 0.9em}

.title h1 {
text-transform: none;
font-size: 2em;
}

.product-page .price 
{ font-size: 1.5em;}


.cart .name {
  color:white;
}

.cart .subtotal {
  color:white;
}


.icon-plus {
  color:white;
}

.icon-minus {
  color:white;
}

.cart .qtyinput {
  border: 1px solid #ffffff;
}

.remove {
  color:white;
}

.cart .shippingtaxes {
  color:white;
}

body.open-cart .cart {
  color:white;
}



.cart .entry grid:not(:last-child) {
   border-bottom: solid 1px #ffffff !important;
}

.cart .entry {
   border-right: solid 1px #ffffff !important;
}

.cart .header {
   border-bottom: solid 1px #ffffff !important;

}

body.open-cart .cart {
  border-bottom: solid 1px #ffffff !important;
  font-weight: 800;
}

.cart .subtotal {
   border-bottom: solid 1px #ffffff !important;
}

.cart button.is-primary {
  background-color: #e2e3ab !important;
  color: #6c4f3a !important;
  border: none !important; 
}



.cart {
  background: #6c4f3a !important;
}

.cart .is-blank {
  color: #ffffff;
}

.cart-page .items .header {
  color:white; 
}

.cart .qtyinput {
  color:white; 
}

.cart .price {
   color:white; 
}

.cart-page .items .item {
   border-bottom: solid 1px #ffffff !important;
}

.gs-title {
    font-family: 'SaolDisplay';
    text-align: center;
    font-size: 22px;
}

.newsletter p {
  font-family: SaolDisplay;
  font-size:40px;
  line-height:50px;
  max-width: 80%;
  text-align: center;
  margin: 0 auto;
  padding:5%;
}

.hero h1 {
  color: white; 
}

.about-page {
  display: none;
}

.rte p {margin-bottom: 1em;}

.image-text p {
  max-width:500px;
}

.image-text .meta {
  padding: 6%;
}

.product-popup-modal table {
  overflow-x: visible;
}