@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Sarabun:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Audiowide&display=swap");.bg{background-color:#222;opacity:.96;z-index:2}.bg,img{width:100%;height:100%;position:fixed}img{z-index:0}section{position:relative;z-index:2;left:50%;transform:translateX(-50%)}video{border-radius:20px}a,body,button,div,input,p,span,textarea{color:#fff;font-family:var(--font-secondary);font-size:var(--font-size-body);line-height:1.5}body{overflow-x:hidden}th{text-align:left;font-weight:700}a{color:var(--color-brand-primary-darkest)}label{font-weight:700}h1,h2,h3,h4,h5,h6,p{margin:0}input,p,span,textarea{color:#d8d8d8}.caption{font-size:var(--font-size-caption)}.caption,.overline{font-family:var(--font-secondary)}.overline{font-size:var(--font-size-overline)}button{font-size:var(--font-size-button)}button,small{font-family:var(--font-secondary)}small{font-size:var(--font-size-small)}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-style:normal;font-weight:700}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}.home h1{font-size:var(--home-font-size-h1)}.home h2{font-size:var(--home-font-size-h2)}.home h3{font-size:var(--home-font-size-h3)}.home h4{font-size:var(--home-font-size-h4)}.home h5{font-size:var(--home-font-size-h5)}.home h6{font-size:var(--home-font-size-h6)}@media (max-width:750px){.home h1{font-size:var(--home-mobile-font-size-h1)}.home h2{font-size:var(--home-mobile-font-size-h2)}.home h3{font-size:var(--home-mobile-font-size-h3)}.home h4{font-size:var(--home-mobile-font-size-h4)}.home h5{font-size:var(--home-mobile-font-size-h5)}.home h6{font-size:var(--home-mobile-font-size-h6)}}@media (max-width:481px){.home h1{font-size:var(--home-small-mobile-font-size-h1)}.home h2{font-size:var(--home-small-mobile-font-size-h2)}.home h3{font-size:var(--home-small-mobile-font-size-h3)}.home h4{font-size:var(--home-small-mobile-font-size-h4)}.home h5{font-size:var(--home-small-mobile-font-size-h5)}.home h6{font-size:var(--home-small-mobile-font-size-h6)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-gray-1)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--color-gray-4)}.grecaptcha-badge{visibility:hidden}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;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}[hidden],template{display:none}:root{--medium-screen-breakpoint:750px;--large-screen-breakpoint:992px;--font-primary:"Sarabun","Open Sans";--font-secondary:"Inter","Open Sans";--font-display:"Audiowide","Open Sans";--font-size-big:20px;--font-size-body:15px;--font-size-caption:12px;--font-size-button:14px;--font-size-overline:10px;--font-size-small:14px;--font-size-tiny:12px;--font-size-h1:48px;--font-size-h2:39px;--font-size-h3:31px;--font-size-h4:25px;--font-size-h5:20px;--font-size-h6:16px;--home-font-size-h1:64px;--home-font-size-h2:45px;--home-font-size-h3:52px;--home-font-size-h4:31px;--home-font-size-h5:23px;--home-font-size-h6:16px;--home-mobile-font-size-h1:48px;--home-mobile-font-size-h2:39px;--home-mobile-font-size-h3:33px;--home-mobile-font-size-h4:25px;--home-mobile-font-size-h5:20px;--home-mobile-font-size-h6:16px;--home-small-mobile-font-size-h1:39px;--home-small-mobile-font-size-h2:23px;--home-small-mobile-font-size-h3:33px;--home-small-mobile-font-size-h4:23px;--home-small-mobile-font-size-h5:20px;--home-small-mobile-font-size-h6:16px;--color-basic-black:#1a1a1a;--color-basic-white:#fcfcfc;--color-basic-cream:#f1ebe4;--color-brand-primary:#fdbe10;--color-brand-primary-darker:#eeaf02;--color-brand-primary-darkest:#946c00;--color-brand-secondary:#272320;--color-font-primary:#333;--color-font-secondary:#405364;--color-font-gray:#757575;--color-font-gray-2:#9e9e9e;--color-font-gray-1:#bdbdbd;--color-font-gray-3:#e0e0e0;--color-gray-1:#f5f5f5;--color-gray-2:#eee;--color-gray-3:#e0e0e0;--color-gray-4:#bdbdbd;--color-gray-5:#9e9e9e;--color-gray-6:#757575;--color-border:#eee;--color-border-dark:#2d2825;--color-border-darker:#3b3b3b;--color-border-gray:#bdbdbd;--color-border-gray-3:#e0e0e0;--color-status-danger:#f5a3a3;--color-status-info:#b4def8;--color-status-success:#c9ecc6;--color-status-warning:#f5cba3;--color-status-success-darker:#0c8452;--color-status-danger-darker:#cf1717;--color-status-warning-darker:#e28503;--color-status-info-darker:#1289d3;--color-facebook:#4267b2;--color-google:#de5246;--box-shadow-default:3px 4px 30px 0px rgba(0,0,0,.06);--box-shadow-dark:3px 4px 30px 0px rgba(0,0,0,.08);--box-shadow-bottom-default:3px 4px 30px -30px rgba(0,0,0,.06);--box-shadow-card-hover:rgba(99,99,99,.2) 0px 2px 8px 0px;--size-xxs:2px;--size-xs:4px;--size-sm:8px;--size-md:16px;--size-lg:32px;--size-xl:64px;--size-xxl:128px;--size-xxxl:256px;--layout-control-height:40px;--menu-size:50px;--border-radius:3px;--border-radius-accent:6px}.m-n{margin:0}.m-b-n{margin-bottom:0}.m-t--100{margin-top:-100px}.m-t--200{margin-top:-200px}.m-t-menu-size{margin-top:var(--menu-size)}.m-0-auto{margin:0 auto}.m-l-xs{margin-left:var(--size-xs)}.m-t-xs{margin-top:var(--size-xs)}.m-b-xs{margin-bottom:var(--size-xs)}.m-l-sm{margin-left:var(--size-sm)}.m-t-sm{margin-top:var(--size-sm)}.m-r-sm{margin-right:var(--size-sm)}.m-b-sm,.m-b-sm-not-last:not(:last-child){margin-bottom:var(--size-sm)}.m-md{margin:var(--size-md)}.m-l-md{margin-left:var(--size-md)}.m-r-md{margin-right:var(--size-md)}.m-t-md{margin-top:var(--size-md)}.m-b-md{margin-bottom:var(--size-md)}@media (max-width:750px){.m-b-lg-mobile-down-devices{margin-bottom:var(--size-lg)}}.m-b-lg{margin-bottom:var(--size-lg)}.m-t-lg{margin-top:var(--size-lg)}.m-r-lg{margin-right:var(--size-lg)}.m-l-lg{margin-left:var(--size-lg)}.m-t-xl{margin-top:var(--size-xl)}.m-b-xl{margin-bottom:var(--size-xl)}.m-r-xl{margin-right:var(--size-xl)}.m-b-xxl{margin-bottom:var(--size-xxl)}.m-t-xxl{margin-top:var(--size-xxl)}.m-l-xxxl{margin-left:var(--size-xxxl)}.p-n{padding:0}.p-l-n{padding-left:0}.p-xs{padding:var(--size-xs)}.p-b-xxs,.p-t-xxs{padding-top:var(--size-xxs)}.p-sm{padding:var(--size-sm)}.p-l-sm{padding-left:var(--size-sm)}.p-t-sm{padding-top:var(--size-sm)}.p-r-sm{padding-right:var(--size-sm)}.p-b-sm,.p-v-sm{padding-bottom:var(--size-sm)}.p-v-sm{padding-top:var(--size-sm)}.p-md{padding:var(--size-md)}.p-l-md{padding-left:var(--size-md)}.p-r-md{padding-right:var(--size-md)}.p-b-md{padding-bottom:var(--size-md)}.p-t-md{padding-top:var(--size-md)}.p-h-md{padding-left:var(--size-md);padding-right:var(--size-md)}.p-t-menu-size{padding-top:var(--menu-size)}.p-lg{padding:var(--size-lg)}.p-l-lg{padding-left:var(--size-lg)}.p-r-lg{padding-right:var(--size-lg)}.p-t-lg{padding-top:var(--size-lg)}.p-b-lg{padding-bottom:var(--size-lg)}.p-h-lg{padding-left:var(--size-lg);padding-right:var(--size-lg)}.p-xl{padding:var(--size-xl)}.p-r-xl{padding-right:var(--size-xl)}.p-t-xl{padding-top:var(--size-xl)}.p-b-xl{padding-bottom:var(--size-xl)}.p-t-xxl{padding-top:var(--size-xxl)}.p-b-xxl{padding-bottom:var(--size-xxl)}.p-b-xxxl{padding-bottom:var(--size-xxxl)}@media (max-width:992px){.p-md-med-down-dev{padding:var(--size-md)}.p-r-md-med-down-dev{padding-right:var(--size-md)}.p-l-md-med-down-dev{padding-left:var(--size-md)}}.p-t-xxxl{padding-top:var(--size-xxxl)}@media (max-width:750px){.p-t-xxxl-small-dev{padding-top:var(--size-xxxl)}.p-t-xxl-small-dev{padding-top:var(--size-xxl)}.p-b-xxxl-small-dev{padding-bottom:var(--size-xxxl)}}@media (min-width:750px){.p-t-xl-small-up-devices{padding-top:var(--size-xl)}}.p-b-130{padding-bottom:130px}.display-none{display:none}.display-flex{display:flex}.display-inline-flex{display:inline-flex}.display-block{display:block}.display-inline-block{display:inline-block}.list-style-type-none{list-style-type:none}.object-fit-cover{object-fit:cover}.object-fit-fill{object-fit:fill}.object-position-center-top{object-position:center top}.box-sizing-border-box{box-sizing:border-box}.text-transform-uppercase{text-transform:uppercase}.text-transform-lowercase{text-transform:lowercase}.text-transform-none{text-transform:none}.font-weight-normal{font-weight:400}.font-weight-700{font-weight:700}.font-weight-lighter{font-weight:lighter}.font-size-big{font-size:17px}.font-size-small{font-size:var(--font-size-small)}.font-size-tiny{font-size:var(--font-size-tiny)}.font-display{font-family:var(--font-display)}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-shadow{text-shadow:0 0 100px var(--color-basic-black)}@media (max-width:750px){.text-align-left-small-down-devices{text-align:left}}.text-align-right{text-align:right}.text-decoration-none{text-decoration:none}.text-decoration-underline,.text-decoration-underline-hover:hover{text-decoration:underline}.white-space-nowrap{white-space:nowrap}.white-space-break-spaces{white-space:break-spaces}.text-overflow-ellipsis{text-overflow:ellipsis}.font-style-italic{font-style:italic}.first-letter-uppercase:first-letter{text-transform:uppercase}.word-break-break-word{word-break:break-word}.font-size-31{font-size:31px}.bg-transparent{background-color:transparent}.bg-pseudo-transparent{background-color:hsla(0,0%,100%,.9)}.bg-pseudo-transparent-mild{background-color:hsla(0,0%,100%,.6)}.bg-white-color{background-color:var(--color-basic-white)}.bg-cream-color{background-color:var(--color-basic-cream)}.bg-primary-color{background-color:var(--color-brand-primary)}.bg-secondary-color{background-color:var(--color-brand-secondary)}.bg-success{background-color:var(--color-status-success)}.bg-warning{background-color:var(--color-status-warning)}.bg-info{background-color:var(--color-status-info)}.bg-danger{background-color:var(--color-status-danger)}.bg-gray-1{background-color:var(--color-gray-1)}.bg-gray-2{background-color:var(--color-gray-2)}.bg-gray-3{background-color:var(--color-gray-3)}.bg-gray-5{background-color:var(--color-gray-5)}.bg-gray-1-hover:hover{background-color:var(--color-gray-1)}.opacity-0-5{opacity:.5}.bg-google{background-color:var(--color-google)}.bg-facebook{background-color:var(--color-facebook)}.color-font-primary{color:var(--color-font-primary)}.color-primary{color:var(--color-brand-primary-darker)}.color-primary-hover:hover{transition:all .3s ease-in;color:var(--color-brand-primary)}.color-font-secondary{color:var(--color-font-secondary)}.color-font-gray-2{color:var(--color-font-gray-2)}.color-font-gray-1{color:var(--color-font-gray-1)}.color-font-gray-3{color:var(--color-font-gray-3)}.color-success{color:var(--color-status-success-darker)}.color-info{color:var(--color-status-info-darker)}.color-warning{color:var(--color-status-warning-darker)}.color-danger{color:var(--color-status-danger-darker)}.color-white,.color-white-deep-small .font-size-small{color:var(--color-basic-white)}.outline-none{outline:none}.border-none{border:none}.border-color-base{border:1px solid var(--color-border)}.border-color-primary-darker{border:1px solid var(--color-brand-primary-darker)}.border-color-gray{border:1px solid var(--color-border-gray)}.border-color-gray-3{border:1px solid var(--color-border-gray-3)}.border-b-color-base{border-bottom:1px solid var(--color-border)}.border-t-color-base{border-top:1px solid var(--color-border)}.border-color-dark{border:1px solid var(--color-border-dark)}.border-color-black{border:1px solid var(--color-basic-black)}.border-b-color-black{border-bottom:1px solid var(--color-basic-black)}.border-color-darker{border:1px solid var(--color-border-darker)}.border-radius{border-radius:var(--border-radius)}.border-radius-t-l{border-top-left-radius:var(--border-radius)}.border-radius-b-l{border-bottom-left-radius:var(--border-radius)}.border-radius-accent-b{border-bottom-left-radius:var(--border-radius-accent);border-bottom-right-radius:var(--border-radius-accent)}.border-radius-10{border-radius:10px}.box-shadow-default{box-shadow:var(--box-shadow-default)}.box-shadow-border-dark{box-shadow:var(--box-shadow-dark)}.box-shadow-border-primary{box-shadow:inset 0 0 1px 1px var(--color-brand-primary-darker)}.box-shadow-hover,.box-shadow-hover:hover{transition:box-shadow .4s ease-in-out}.box-shadow-hover:hover{box-shadow:var(--box-shadow-default)}.drop-shadow{filter:drop-shadow(0 0 18px hsl(20,10%,40%))}.drop-shadow-lighter{filter:drop-shadow(0 0 18px hsl(20,10%,54%))}.fill-color-white svg path{fill:var(--color-basic-white)}.fill-color-gray-3 svg path{fill:var(--color-gray-3)}.fill-color-gray-5 svg path{fill:var(--color-gray-5)}.fill-color-primary svg path{fill:var(--color-brand-primary)}.fill-color-primary-hover:hover svg path{transition:all .3s ease-in;fill:var(--color-brand-primary)}.fill-color-primary-darker svg path{fill:var(--color-brand-primary-darker)}.fill-color-primary-darkest svg path{fill:var(--color-brand-primary-darkest)}.fill-color-secondary svg path{fill:var(--color-brand-secondary)}.fill-color-font-secondary svg path{fill:var(--color-font-secondary)}.fill-color-success svg path{fill:var(--color-status-success-darker)}.fill-color-info svg path{fill:var(--color-status-info-darker)}.fill-color-warning svg path{fill:var(--color-status-warning-darker)}.fill-color-danger svg path{fill:var(--color-status-danger-darker)}.min-width-30{min-width:30%}.width-30{width:30%}.width-50{width:50%}.width-90{width:90%}.width-100{width:100%}.width-100-vw{width:100vw}.max-width-50{max-width:50%}.max-width-1200{max-width:1200px}.min-width-1200{min-width:1200px}.min-width-xl{min-width:var(--size-xl)}.min-width-md{min-width:var(--size-md)}.min-width-xxl{min-width:var(--size-xxl)}.min-width-xxxl{min-width:var(--size-xxxl)}.max-width-800{max-width:800px}.max-width-30{max-width:30%}.max-width-600{max-width:600px}.max-width-400{max-width:400px}.width-70{width:70%}.width-450{width:450px}.min-width-450{min-width:450px}.max-width-100{max-width:100%}.width-xxl{width:var(--size-xxl)}.width-xxxl{width:var(--size-xxxl)}.width-xl{width:var(--size-xl)}.width-md{width:var(--size-md)}@media (max-width:750px){.width-90-small-down{width:90%}.width-100-small-down{width:100%}}@media (max-width:992px){.width-100-medium-down{width:100%}.width-90-medium-down{width:90%}}@media (min-width:992px){.max-width-160-medium-up{max-width:160px}.width-50-large-devices{width:50%}.max-width-1200-large-devices{max-width:1200px}.max-width-xxxl-large-devices{max-width:var(--size-xxxl)}}.layout-control-height{height:var(--layout-control-height)}.layout-control-min-height{min-height:var(--layout-control-height)}.height-100{height:100%}@media (min-width:992px){.height-100--lg-large-up-devices{height:calc(100% - var(--size-lg))}.min-height-300-large-up-devices{min-height:300px}}@media (max-width:992px){.height-100dvh--75-med-down-dev{height:calc(100dvh - 75px)}}.height-100--72{height:calc(100% - 72px)}@media (max-width:750px){.height-100vh-mobile-down-devices{height:100vh}}.height-100-vh{height:100vh}.min-height-100-vh{min-height:100vh}.height-100-vh--menu-size{height:calc(100vh - var(--menu-size))}.height-80-vh{height:80vh}.height-90{height:90%}.height-500{height:500px}.height-300{height:300px}.height-200{height:200px}.min-height-300{min-height:300px}.min-height-xxl{min-height:var(--size-xxl)}.min-height-xl{min-height:var(--size-xl)}.height-xxl{height:var(--size-xxl)}.max-height-xxxl{max-height:var(--size-xxxl)}.height-xxxl{height:var(--size-xxxl)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.cursor-pointer-default-imp{cursor:default!important}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(34,34,34,.6)}.z-index--1{z-index:-1}.z-index-0{z-index:0}.z-index-5{z-index:5}.z-index-0-imp{z-index:0!important}.z-index-5-imp{z-index:5!important}.z-index-10{z-index:10}.z-index-15{z-index:15}.z-index-20{z-index:20}.z-index-25{z-index:25}.z-index-200{z-index:200}.z-index-300{z-index:300}.z-index-305{z-index:305}.z-index-300-imp{z-index:300!important}.z-index-600-imp{z-index:600!important}.z-index-605-imp{z-index:605!important}.focusable:focus{box-shadow:0 0 0 1px var(--color-brand-primary-darker)}.pointer-events-none{pointer-events:none}.pointer-events-none-imp{pointer-events:none!important}.pointer-events-all{pointer-events:all}.zoom-out-hover{transition:transform .3s linear}.zoom-out-hover:hover{transform:scale(1.01)}.align-items-center{align-items:center}.align-items-flex-end{align-items:flex-end}.align-items-flex-start{align-items:flex-start}.justify-content-center{justify-content:center}.justify-content-flex-end{justify-content:flex-end}.justify-content-space-between{justify-content:space-between}.gap-xxs{gap:var(--size-xxs)}.gap-xs{gap:var(--size-xs)}.gap-sm{gap:var(--size-sm)}.gap-md{gap:var(--size-md)}.gap-lg{gap:var(--size-lg)}.gap-xl{gap:var(--size-xl)}.gap-xxl{gap:var(--size-xxl)}@media (max-width:750px){.justify-content-space-between-mobile{justify-content:space-between}}.flex-direction-column{flex-direction:column}@media (min-width:750px){.flex-direction-row-medium-up-devices{flex-direction:row}.align-items-center-medium-up-devices{align-items:center}}@media (min-width:992px){.flex-direction-row-large-up-devices{flex-direction:row}.flex-direction-row-reverse-large-up-devices{flex-direction:row-reverse}.gap-xxxl-large-up-devices{gap:var(--size-xxxl)!important}.gap-lg-large-up-devices{gap:var(--size-lg)}}@media (max-width:992px){.flex-direction-row-medium-down-devices{flex-direction:row}.flex-direction-column-medium-down-devices{flex-direction:column}}@media (max-width:750px){.flex-direction-column-mobile-down-devices{flex-direction:column}.flex-direction-row-mobile-down-devices{flex-direction:row}.gap-md-mobile-down-devices{gap:var(--size-md)}}.flex-direction-row{flex-direction:row}.flex-grow-1{flex-grow:1}.flex-grow-2{flex-grow:2}.flex-grow-3,.flex-grow-4{flex-grow:3}.flex-shrink-0{flex-shrink:0}.flex-basis-0{flex-basis:0}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.align-self-flex-end{align-self:flex-end}.position-fixed{position:fixed}.position-absolute{position:absolute}.position-relative{position:relative}.position-center{top:50%;left:50%;transform:translate(-50%,-50%)}.position-h-center{left:50%;transform:translateX(-50%)}.position-center-left{top:50%;left:0;transform:translateY(-50%)}.position-center-right{top:50%;right:0;transform:translateY(-50%)}.position-center-bottom{bottom:0;left:50%;transform:translateX(-50%)}.position-top{top:0}.position-top-layout-control-height{top:var(--layout-control-height)}.position-bottom{bottom:0}.position-top-xl{top:var(--size-xl)}.position-right{right:0}.position-left{left:0}@media (max-width:750px){.position-h-center-small-down-dev{left:50%;transform:translateX(-50%)}.hidden-mobile-devices{display:none}}@media (min-width:750px){.hidden-medium-up-devices{display:none}}@media (min-width:992px){.hidden-large-up-devices{display:none}}@media (max-width:992px){.hidden-medium-down-devices{display:none}}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.transition-opacity-hover{opacity:0;transition:opacity .3s ease-in}.transition-opacity-hover:hover{opacity:1;transition:opacity .3s ease-in}.dynamic-layout{position:fixed;top:calc(var(--menu-size) + 10px);transform:translateY(calc(100dvh - 160px));width:100%;height:calc(100dvh - (var(--menu-size) + 10px));transition:all .3s ease-in}@media (max-width:992px){.dynamic-layout.is-expanded-panel{transform:translateY(0)}}@media (min-width:992px){.dynamic-layout{width:440px;height:calc(100vh - var(--menu-size) - (2 * var(--size-md)));transform:none;top:calc(var(--menu-size) + var(--size-md));left:var(--size-md)}}.grid-4fr{display:grid;grid-template-columns:repeat(4,minmax(20%,1fr))}