html.differ-canvas-on .differ-stage{position:relative;width:100%;overflow-x:clip;overflow-y:visible}:root{--dvw: 1vw;--dvh: 1vh}html.differ-canvas-on .differ-stage__canvas{width:var(--differ-canvas-w, 390px);transform:translate(var(--differ-canvas-tx, 0px)) scale(var(--differ-canvas-scale, 1));transform-origin:top left;--dvw: calc(var(--differ-canvas-w, 390px) / 100);--dvh: calc(var(--differ-canvas-h, 844px) / 100);container-type:inline-size;container-name:differ-canvas}html.differ-canvas-on .differ-chrome{position:fixed;top:0;left:0;width:100%;z-index:var(--z-header-fixed, 120);pointer-events:none}html.differ-canvas-on .differ-chrome__scale{width:var(--differ-canvas-w, 390px);transform:translate(var(--differ-canvas-tx, 0px)) scale(var(--differ-canvas-scale, 1));transform-origin:top left;pointer-events:auto;--dvw: calc(var(--differ-canvas-w, 390px) / 100);--dvh: calc(var(--differ-canvas-h, 844px) / 100)}html.differ-canvas-phone .site-header__nav{display:none}html.differ-canvas-phone .site-header__menu-toggle{display:block}html.differ-canvas-phone .site-footer__inner,html.differ-canvas-phone .site-footer__columns{grid-template-columns:1fr}html.differ-canvas-desk .site-header__nav{display:block}html.differ-canvas-desk .site-header__menu-toggle{display:none}html.differ-canvas-desk .site-footer__inner{grid-template-columns:1fr 2fr}html.differ-canvas-phone .differ-stage__canvas section,html.differ-canvas-phone .differ-stage__canvas .site-footer{padding-block:48px}html.differ-canvas-phone .differ-stage__canvas .differ-footer{padding:44px 20px 40px;gap:16px}html.differ-canvas-desk .differ-stage__canvas .differ-footer{padding:64px 24px 56px;gap:20px}html.differ-canvas-on .differ-chrome .site-header--home-reveal{position:static;inset:auto}html.differ-canvas-on .differ-portal{position:fixed;left:0;bottom:0;width:100%;height:0;z-index:var(--z-joinbar, 60);pointer-events:none}html.differ-canvas-on .differ-portal__scale{position:absolute;left:0;bottom:0;width:var(--differ-canvas-w, 390px);transform:translate(var(--differ-canvas-tx, 0px)) scale(var(--differ-canvas-scale, 1));transform-origin:bottom left}html.differ-canvas-on .differ-portal .differ-joinbar{position:absolute}html.differ-canvas-on .differ-stage__canvas input[type=email],html.differ-canvas-on .differ-stage__canvas input[type=text],html.differ-canvas-on .differ-stage__canvas textarea,html.differ-canvas-on .differ-stage__canvas select{font-size:16px}
/*# sourceMappingURL=/cdn/shop/t/10/assets/differ-canvas.css.map */