.meson-size-guide-modal .drawer__inner{max-width:1180px;margin-left:auto;background:#fff}.meson-size-guide-modal .drawer__scrollable{padding:0 24px 28px}.meson-size-guide{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.75fr);gap:32px;min-height:600px}.meson-size-guide__scene{display:flex;flex-direction:column;justify-content:center;min-width:0}.meson-size-guide__wall{height:520px;background:#f2f0eb;position:relative;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:45px}.meson-size-guide__art{position:absolute;bottom:205px;display:flex;gap:3px;justify-content:center}.meson-size-guide__art i{display:block;flex:1;background:linear-gradient(135deg,#27221e,#b99772 45%,#eee0c7);border:5px solid #2a2927;box-shadow:0 3px 8px #0003}.meson-size-guide__art.is-round i{border-radius:50%}.meson-size-guide__wall svg{display:block;fill:#e1d8ce;stroke:#554e48;stroke-width:2;overflow:visible}.meson-size-guide__caption{text-align:center;margin:12px 0;color:#6a655f}.meson-size-guide__controls{display:flex;flex-direction:column;justify-content:center;gap:16px}.meson-size-guide__controls label{display:grid;gap:6px;font-weight:600}.meson-size-guide__controls select,.meson-size-guide__controls input{width:100%;border:1px solid #d2cec8;border-radius:2px;background:#fff;padding:11px 12px;font:inherit}.meson-size-guide__controls small{font-weight:400;color:#716b64}.meson-size-guide-modal .drawer__close{display:flex!important}@media(max-width:749px){.meson-size-guide-modal .drawer__inner{max-width:none}.meson-size-guide-modal .drawer__scrollable{padding:0 16px 24px}.meson-size-guide{grid-template-columns:1fr;gap:20px;min-height:0}.meson-size-guide__wall{height:360px}.meson-size-guide__art{bottom:150px}.meson-size-guide__controls{padding-bottom:30px}}.x-modal.meson-size-guide-modal{z-index:2147483647!important}.x-modal.meson-size-guide-modal .drawer__inner{position:fixed;top:0;right:0;bottom:0;left:0;max-width:none;max-height:100dvh;width:100vw;height:100dvh;margin:0;border-radius:0}.meson-size-guide-modal .drawer__header{padding-inline:clamp(18px,3vw,48px);border-bottom:1px solid #e8e5df}.meson-size-guide-modal .drawer__content{min-height:0}.meson-size-guide__mobile-title{display:none}.meson-size-guide-modal .drawer__scrollable{height:100%;overflow-y:auto;padding:16px clamp(12px,1.5vw,24px) 24px}.meson-size-guide{grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);width:100%;min-height:calc(100dvh - 150px);margin:0 auto;align-items:center}.meson-size-guide__wall{height:clamp(520px,70dvh,720px)}.meson-size-guide__group{min-width:0;margin:0;padding:0;border:0}.meson-size-guide__group legend,.meson-size-guide__field{font-weight:600;letter-spacing:.01em}.meson-size-guide__choices{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.meson-size-guide__choices button{-webkit-appearance:none;appearance:none;min-height:42px;padding:9px 15px;border:1px solid #cbc6bd;border-radius:999px;background:#fff;color:#272522;font:inherit;font-size:14px;line-height:1.2;cursor:pointer;transition:border-color .18s,background .18s,color .18s,box-shadow .18s}.meson-size-guide__choices button:hover{border-color:#2b2926}.meson-size-guide__choices button.is-active{border-color:#262421;background:#262421;color:#fff;box-shadow:0 0 0 1px #262421}.meson-size-guide__choices--furniture button{flex:1 1 calc(25% - 8px);border-radius:3px}.meson-size-guide__field{display:grid;gap:7px}.meson-size-guide__field small{line-height:1.45}.meson-size-guide__field [data-recommended]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;color:#625d56}.meson-size-guide__field [data-recommended] button{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px;border:1px solid #82725f;border-radius:999px;background:#f2ece3;color:#211f1c;font:inherit;font-size:13px;font-weight:750;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 2px #2d251d14;transition:background-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}.meson-size-guide__field [data-recommended] button:hover{background:#292520;color:#fff;box-shadow:0 3px 9px #2d251d2e;transform:translateY(-1px)}.meson-size-guide__field [data-recommended] button:focus-visible{outline:2px solid #292520;outline-offset:2px}.meson-size-guide__field [data-recommended] button span{font-size:12px;line-height:1}.meson-size-guide__field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-weight:600}.meson-size-guide__field-heading small{color:#777067;font-size:11px;font-weight:400}.meson-size-guide__width-stepper{display:grid;grid-template-columns:46px minmax(92px,1fr) 46px;align-items:stretch;width:100%;max-width:none;height:46px;overflow:hidden;border:1px solid #aaa096;border-radius:8px;background:#fff;box-shadow:0 1px 3px #2d251d14}.meson-size-guide__width-stepper>button{-webkit-appearance:none;appearance:none;border:0;background:#f2eee8;color:#292520;font:inherit;font-size:22px;font-weight:500;line-height:1;cursor:pointer;transition:background-color .18s ease,color .18s ease}.meson-size-guide__width-stepper>button:first-child{border-right:1px solid #d0c8be}.meson-size-guide__width-stepper>button:last-child{border-left:1px solid #d0c8be}.meson-size-guide__width-stepper>button:not(:hover){background:#f2eee8;color:#292520}.meson-size-guide__width-stepper>button:hover{background:#292520;color:#fff}.meson-size-guide__width-stepper>button:focus-visible{position:relative;z-index:1;outline:2px solid #292520;outline-offset:-3px}.meson-size-guide__width-value{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:#fff}.meson-size-guide__controls .meson-size-guide__width-value input{-webkit-appearance:textfield;appearance:textfield;width:100%;min-width:0;height:100%;padding:0 34px;border:0;border-radius:0;background:transparent;color:#211f1c;font:inherit;font-size:16px;font-weight:700;text-align:center;outline:0}.meson-size-guide__controls .meson-size-guide__width-value input::-webkit-inner-spin-button,.meson-size-guide__controls .meson-size-guide__width-value input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.meson-size-guide__width-value span{position:absolute;left:calc(50% + 22px);color:#625d56;font-size:13px;font-weight:600;pointer-events:none}.meson-size-guide__width-stepper:focus-within{border-color:#292520;box-shadow:0 0 0 2px #2925201f}.meson-size-guide__width-limits{color:#777067;font-size:11px;line-height:1.2}@media(max-width:749px){.meson-size-guide__width-stepper{grid-template-columns:48px minmax(90px,1fr) 48px;max-width:none;height:48px}.meson-size-guide__field-heading small{display:none}}@media(max-width:749px){.js .x-modal.meson-size-guide-modal .drawer__inner{top:0;right:0;bottom:0;left:0;max-height:100dvh;height:100dvh;border-radius:0}.meson-size-guide-modal .drawer__scrollable{padding:12px 12px 22px}.meson-size-guide{grid-template-columns:1fr;min-height:0}.meson-size-guide__scene{position:relative;top:auto;z-index:auto;align-self:start;width:calc(100% + 24px);min-width:0;margin:-12px -12px 0;padding:6px 0 4px;background:#fff;box-shadow:none}.meson-size-guide__choices--furniture button{flex-basis:calc(50% - 8px)}.meson-size-guide__wall{box-sizing:border-box;width:100%;max-width:none;height:clamp(260px,36dvh,300px);min-height:260px;margin:0;padding-bottom:0}.meson-size-guide__controls{padding-bottom:36px}}@media(max-width:749px){.meson-size-guide__controls{display:contents}.meson-size-guide__group--furniture{order:1}.meson-size-guide__field--width{order:2}.meson-size-guide__scene{order:3;margin:0 -12px}.meson-size-guide__field--size{order:4}.meson-size-guide__group--framing{order:5}.meson-size-guide__group--shape{order:6}.meson-size-guide__group--layout{order:7;margin-bottom:36px}}@media(max-width:749px){.meson-size-guide-modal .drawer__header{position:absolute;top:8px;right:8px;z-index:20;width:auto;padding:0;border:0;pointer-events:none}.js .meson-size-guide-modal .drawer__header:before{content:none;display:none}.meson-size-guide-modal .drawer__title{display:none}.meson-size-guide-modal .drawer__close{--buttons-border-width:1px;--border-opacity:.18;position:relative;border-radius:50%;pointer-events:auto}.meson-size-guide{font-size:13px}.meson-size-guide__mobile-title{display:block;order:0;margin:0;padding:3px 52px 0 4px;font-size:18px;font-weight:600;line-height:1.25}.meson-size-guide__choices button{min-height:38px;padding:7px 12px;font-size:13px}.meson-size-guide__controls select,.meson-size-guide__controls input{font-size:13px}.meson-size-guide__controls .meson-size-guide__width-value input{font-size:15px}.meson-size-guide__width-stepper>button{font-size:20px}.meson-size-guide__field [data-recommended] button,.meson-size-guide__caption{font-size:12px}}.meson-size-guide__art-wrap,.meson-size-guide__furniture-wrap{position:absolute;left:50%;transform:translate(-50%)}.meson-size-guide__art-wrap,.meson-size-guide__furniture-wrap{transition:width .28s ease,height .28s ease,bottom .28s ease}.meson-size-guide__art-wrap{z-index:2}.meson-size-guide__furniture-wrap{z-index:1}.meson-size-guide__art{position:relative;inset:auto;width:100%;height:100%;display:flex;justify-content:center}.meson-size-guide__art i{position:relative;box-sizing:border-box;min-width:0;overflow:hidden}.meson-size-guide__panel-size{position:absolute;left:50%;bottom:9px;z-index:2;transform:translate(-50%);max-width:calc(100% - 12px);padding:5px 8px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:#191e22c2;color:#fff;font-size:11px;font-style:normal;font-weight:700;line-height:1;white-space:nowrap;box-shadow:0 2px 7px #0003;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.meson-size-guide__art.is-framed i{border:3px solid #292724;outline:1px solid rgba(255,255,255,.24);outline-offset:-2px;box-shadow:0 4px 10px #00000038,inset 0 0 0 1px #0000002e}.meson-size-guide__art.is-unframed i{--canvas-edge:5px;border:0;background-clip:padding-box;box-shadow:0 9px 18px #231f1b2e,0 2px 5px #231f1b29;transform:translateZ(0)}.meson-size-guide__art.is-unframed i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid rgba(54,49,44,.18);border-radius:inherit;box-shadow:inset calc(-1 * var(--canvas-edge)) 0 #2b27231a,inset 0 calc(-1 * var(--canvas-edge)) #2b27231f,inset 1px 1px #ffffff6b;pointer-events:none}.meson-size-guide__art.is-unframed i:after{content:"";position:absolute;inset:1px var(--canvas-edge) var(--canvas-edge) 1px;z-index:1;border-top:1px solid rgba(255,255,255,.3);border-left:1px solid rgba(255,255,255,.22);border-radius:inherit;pointer-events:none}.meson-size-guide__furniture-wrap svg{display:block;width:100%;height:100%}.meson-size-guide__measure{position:absolute;display:flex;align-items:center;justify-content:center;color:#232220;font-family:var(--font-body-family,"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-size:18px;font-weight:400;line-height:1.15;white-space:nowrap;pointer-events:none;text-shadow:-1px 0 #f2f0eb,0 1px #f2f0eb,1px 0 #f2f0eb,0 -1px #f2f0eb}.meson-size-guide__measure:before,.meson-size-guide__measure:after{content:"";position:absolute;background:#78716a}.meson-size-guide__measure--art-width{left:0;bottom:-27px;width:100%;height:17px;border-top:1px solid #78716a}.meson-size-guide__measure--art-width:before,.meson-size-guide__measure--art-width:after,.meson-size-guide__measure--furniture-width:before,.meson-size-guide__measure--furniture-width:after{top:-4px;width:1px;height:7px}.meson-size-guide__measure--art-width:before,.meson-size-guide__measure--furniture-width:before{left:0}.meson-size-guide__measure--art-width:after,.meson-size-guide__measure--furniture-width:after{right:0}.meson-size-guide__measure--art-height{left:-56px;top:0;width:45px;height:100%;border-right:1px solid #78716a;font-size:18px;font-weight:400;writing-mode:vertical-rl;transform:rotate(180deg)}.meson-size-guide__measure--art-height:before,.meson-size-guide__measure--art-height:after{right:-4px;width:7px;height:1px}.meson-size-guide__measure--art-height:before{top:0}.meson-size-guide__measure--art-height:after{bottom:0}.meson-size-guide__measure--furniture-width{left:0;bottom:-27px;width:100%;height:17px;border-top:1px solid #78716a}@media(max-width:749px){.meson-size-guide__measure{font-size:17px;font-weight:400}.meson-size-guide__measure--art-height{left:-27px;width:21px;font-size:17px;font-weight:400}}@media(max-width:749px){.meson-size-guide__panel-size{bottom:6px;padding:4px 6px;font-size:9px}}@media(max-width:749px){.meson-size-guide__art.is-framed i{border-width:2px;outline-offset:-1px;box-shadow:0 3px 8px #0003}}@media(max-width:749px){.meson-size-guide__art.is-unframed i{--canvas-edge:3px;box-shadow:0 6px 12px #231f1b2b,0 2px 4px #231f1b24}}.meson-size-guide__art i{background:linear-gradient(145deg,#f2ede5,#d7e1e3 28%,#88a9b5 58%,#38566a)}.meson-size-guide__furniture-wrap .wall-guide{fill:none;stroke:#7c746d;stroke-width:2;stroke-dasharray:5 4;stroke-linecap:butt}.meson-size-guide__furniture-wrap svg *{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.meson-size-guide__furniture-wrap .furn-main{fill:#bca17d;stroke:#6e5945;stroke-width:1.6}.meson-size-guide__furniture-wrap .furn-soft{fill:#ddcdb8;stroke:#78634f;stroke-width:1.25}.meson-size-guide__furniture-wrap .furn-detail{fill:none;stroke:#695542;stroke-width:1.15}.meson-size-guide__furniture-wrap .furn-accent{fill:#9f8261;stroke:#654f3b;stroke-width:1.1}.meson-size-guide__furniture-wrap .furn-flame{fill:#c89b72;stroke:#755d49;stroke-width:1.1}.meson-size-guide__furniture-wrap .furn-shadow{fill:#4434262e;stroke:none}.meson-size-guide-trigger{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 16px;border:1px solid currentColor;border-radius:15px;background:transparent;color:rgb(var(--color-foreground, 38 36 33));font:inherit;font-size:13px;font-weight:600;line-height:1;letter-spacing:.02em;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}.meson-size-guide-trigger svg{flex:none;width:17px;height:17px}.meson-size-guide-trigger:hover{border-color:#262421;background:#262421;color:#fff}.meson-size-guide-trigger:active{transform:translateY(1px)}.meson-size-guide-trigger:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(max-width:749px){.meson-size-guide-trigger{min-height:30px;padding:3px 8px;font-weight:500}}@media(max-width:749px){body:has(.meson-size-guide-modal[open]) .mobile-dock{transform:translateY(100%)!important;pointer-events:none}.meson-size-guide-modal[open] .drawer__header,.meson-size-guide-modal[active] .drawer__header{position:fixed;z-index:50;opacity:1;visibility:visible}.meson-size-guide-modal .drawer__content{min-height:0;overflow:hidden}.meson-size-guide-modal .drawer__scrollable{flex:1 1 0;height:auto;min-height:0;max-height:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/meson-size-guide.css.map */