.custom-chopstick-configurator-shell{--configurator-flat-hybrid-height: clamp(17rem, 34vh, 20rem);--configurator-product-secondary-height: clamp(10rem, 24vh, 13rem);--configurator-flat-narrow-height: clamp(9rem, 19dvh, 10.5rem)}.custom-chopstick-configurator-flat-view{position:absolute;z-index:1;top:calc(100% - var(--configurator-flat-hybrid-height));right:0;bottom:0;left:var(--configurator-control-width);display:flex;height:auto;min-width:0;padding:.75rem clamp(1.25rem,2.6vw,2.75rem) .55rem;flex-direction:column;border-top:1px solid rgba(23,63,58,.15);background:#f7f4edf7;opacity:0;pointer-events:none;transform:translateY(.5rem);transition:opacity .18s ease-out,transform .22s ease-out,top .26s ease-out,bottom .26s ease-out,visibility 0s linear .22s;visibility:hidden}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=hybrid] .custom-chopstick-configurator-flat-view,.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=design-primary] .custom-chopstick-configurator-flat-view{opacity:1;pointer-events:auto;transform:translateY(0);transition-delay:0s;visibility:visible}.custom-chopstick-configurator-flat-view__header{display:flex;align-items:center;flex:0 0 auto;justify-content:space-between;gap:1rem}.custom-chopstick-configurator-flat-view__header>div:first-child{min-width:0}.custom-chopstick-configurator-flat-view__eyebrow,.custom-chopstick-configurator-flat-view__inspection-label{display:block;color:#df4d35;font-size:.625rem;font-weight:700;letter-spacing:.09em;line-height:1.2;text-transform:uppercase}.custom-chopstick-configurator-flat-view__header h2{margin:.08rem 0 0;color:#173f3a;font-family:Georgia,Times New Roman,serif;font-size:1.15rem;font-weight:400;line-height:1.15}.custom-chopstick-configurator-flat-view__inspection{display:flex;align-items:center;gap:.5rem}.custom-chopstick-configurator-flat-view__inspection-label{color:#687571;font-size:.5625rem}.custom-chopstick-configurator-flat-view__tabs{display:flex;align-items:center;gap:.25rem}.custom-chopstick-configurator-flat-view__tabs button{min-height:2rem;padding:.35rem .65rem;border:1px solid transparent;border-radius:0;background:transparent;color:#53615d;font:inherit;font-size:.6875rem;cursor:pointer}.custom-chopstick-configurator-flat-view__tabs button[aria-pressed=true]{border-color:#173f3a73;color:#173f3a}.custom-chopstick-configurator-flat-view__tabs button:focus-visible,.custom-chopstick-configurator-flat-view__viewport:focus-visible{outline:2px solid #df4d35;outline-offset:2px}.custom-chopstick-configurator-flat-view__sides{display:flex;min-width:0;min-height:0;margin-top:.35rem;flex:1 1 auto;flex-direction:column;justify-content:center;gap:.25rem}.custom-chopstick-configurator-flat-view__side{display:grid;min-width:0;grid-template-columns:2.25rem minmax(0,1fr);align-items:center}.custom-chopstick-configurator-flat-view__side h3{margin:0;color:#173f3a;font-size:.625rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.custom-chopstick-configurator-flat-view__viewport{min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(23,63,58,.25) transparent}.custom-chopstick-configurator-flat-view__surface{position:relative;min-width:0;padding:.15rem 0 .75rem 2.15rem}.custom-chopstick-configurator-flat-view__artwork{position:relative;width:100%;overflow:hidden;background:#f7f4ed}.custom-chopstick-configurator-flat-view__artwork canvas{display:block;width:100%;height:auto;aspect-ratio:var(--flat-aspect-ratio);pointer-events:none}.custom-chopstick-configurator-flat-view__safe-area{position:absolute;top:var(--flat-safe-top);left:var(--flat-safe-left);width:var(--flat-safe-width);height:var(--flat-safe-height);border:1px dashed rgba(23,63,58,.46);pointer-events:none}.custom-chopstick-configurator-flat-view__safe-area span{position:absolute;top:100%;right:0;padding-top:.15rem;color:#687571;font-size:.5625rem;line-height:1;white-space:nowrap}.custom-chopstick-configurator-flat-view__height,.custom-chopstick-configurator-flat-view__length{color:#687571;font-size:.5625rem;letter-spacing:.04em;line-height:1;white-space:nowrap}.custom-chopstick-configurator-flat-view__height{position:absolute;top:50%;left:0;transform:translate(-38%,-50%) rotate(-90deg)}.custom-chopstick-configurator-flat-view__length{position:absolute;right:0;bottom:0;left:2.15rem;text-align:center}.custom-chopstick-configurator-flat-view__status{min-height:.8rem;margin:.2rem 0 0 4.4rem;color:#687571;font-size:.625rem;line-height:1.3}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=hybrid] .custom-chopstick-product-stage__canvas{bottom:var(--configurator-flat-hybrid-height)}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=design-primary] .custom-chopstick-configurator-flat-view{top:var(--configurator-frame-height);bottom:var(--configurator-product-secondary-height);justify-content:center;padding-block:clamp(1.25rem,4vh,2.5rem)}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=design-primary] .custom-chopstick-product-stage__canvas{top:calc(100% - var(--configurator-product-secondary-height));bottom:0;height:auto}.custom-chopstick-product-stage__canvas{transition:bottom .26s ease-out,height .26s ease-out,top .26s ease-out}@media(prefers-reduced-motion:reduce){.custom-chopstick-configurator-flat-view,.custom-chopstick-product-stage__canvas{transition:none}}@media(max-width:899px){.custom-chopstick-configurator-flat-view{top:calc(100% - var(--configurator-narrow-panel-height) - var(--configurator-flat-narrow-height));right:0;bottom:var(--configurator-narrow-panel-height);left:0;padding:.5rem 1rem .4rem}.custom-chopstick-configurator-flat-view__header h2{font-size:1rem}.custom-chopstick-configurator-flat-view__inspection-label{display:none}.custom-chopstick-configurator-flat-view__tabs button{min-height:1.8rem}.custom-chopstick-configurator-flat-view__sides{display:block;margin-top:.2rem}.custom-chopstick-configurator-flat-view__side{display:block}.custom-chopstick-configurator-flat-view__side[data-active=false]{display:none}.custom-chopstick-configurator-flat-view__side h3{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.custom-chopstick-configurator-flat-view__surface{min-width:32rem}.custom-chopstick-configurator-flat-view__status{display:none}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=hybrid] .custom-chopstick-product-stage__canvas,.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=design-primary] .custom-chopstick-product-stage__canvas{top:var(--configurator-frame-height);bottom:calc(var(--configurator-narrow-panel-height) + var(--configurator-flat-narrow-height));height:auto}.custom-chopstick-configurator-shell[data-configurator-flat-ready=true][data-configurator-presentation=design-primary] .custom-chopstick-configurator-flat-view{top:calc(100% - var(--configurator-narrow-panel-height) - var(--configurator-flat-narrow-height));bottom:var(--configurator-narrow-panel-height);justify-content:flex-start;padding-block:.5rem .4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/custom-chopstick-configurator-flat-view.css.map */