@font-face{font-family:GuidePoppins;font-weight:400;font-style:normal;font-display:swap;src:url('./guide-poppins-400.woff2') format('woff2');}
@font-face{font-family:GuidePoppins;font-weight:600;font-style:normal;font-display:swap;src:url('./guide-poppins-600.woff2') format('woff2');}
@font-face{font-family:GuidePoppins;font-weight:800;font-style:normal;font-display:swap;src:url('./guide-poppins-800.woff2') format('woff2');}
@font-face{font-family:GuideUrbanist;font-weight:300;font-style:normal;font-display:swap;src:url('./guide-urbanist-300.woff2') format('woff2');}
@font-face{font-family:GuideUrbanist;font-weight:500;font-style:normal;font-display:swap;src:url('./guide-urbanist-500.woff2') format('woff2');}
@font-face{font-family:GuideUrbanist;font-weight:700;font-style:normal;font-display:swap;src:url('./guide-urbanist-700.woff2') format('woff2');}
@font-face{font-family:GuidePoppins;font-weight:300;font-style:normal;font-display:swap;src:url('./guide-poppins-300.woff2') format('woff2');}
@font-face{font-family:GuidePoppins;font-weight:500;font-style:normal;font-display:swap;src:url('./guide-poppins-500.woff2') format('woff2');}
@font-face{font-family:GuidePoppins;font-weight:700;font-style:normal;font-display:swap;src:url('./guide-poppins-700.woff2') format('woff2');}
.meson-size-guide-modal{--font-body-family:GuidePoppins,sans-serif;--font-heading-family:GuideUrbanist,sans-serif;--font-body-weight:300;--font-heading-weight:300;--font-button-family:GuidePoppins,sans-serif;--font-button-weight:400;font-family:GuidePoppins,sans-serif;font-weight:300;font-size:16px;line-height:normal;}
.meson-size-guide-modal .drawer__title{font-family:GuideUrbanist,sans-serif;font-weight:300;font-size:clamp(32px,3.368vw,64px);letter-spacing:normal;line-height:1;}
.meson-size-guide__wall{background:var(--guide-background,#f2f0eb);}
.meson-size-guide__art i{background:var(--guide-art,linear-gradient(145deg,#f2ede5,#d7e1e3 28%,#88a9b5 58%,#38566a));}
.meson-size-guide [hidden]{display:none!important;}
@media(max-width:749px){.meson-size-guide-modal .drawer__title{font-size:30px;}}
html:has(.meson-size-guide-modal[open]){overflow:hidden;scrollbar-gutter:auto;}
.js .meson-size-guide-modal[open] .drawer__close{opacity:1;pointer-events:auto;}