.product-offcanvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;background:#00000073;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility 0s linear .35s}.product-offcanvas[open]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s ease,visibility 0s linear 0s}.product-offcanvas__panel{position:fixed;top:0;bottom:0;width:100%;height:100%;height:100dvh;display:flex;flex-direction:column;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden;transition:transform .35s cubic-bezier(.4,0,.2,1)}.product-offcanvas--right .product-offcanvas__panel{right:0;transform:translate(100%);box-shadow:-.4rem 0 2.4rem #0000001f}.product-offcanvas--left .product-offcanvas__panel{left:0;transform:translate(-100%);box-shadow:.4rem 0 2.4rem #0000001f}.product-offcanvas[open] .product-offcanvas__panel{transform:translate(0)}@media screen and (min-width:750px){.product-offcanvas__panel{width:50vw}}.product-offcanvas__header{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);flex-shrink:0}.product-offcanvas__title{margin:0;flex:1}.product-offcanvas__close{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin-left:auto;padding:0;background:transparent;border:none;cursor:pointer;color:rgb(var(--color-foreground));opacity:.7;transition:opacity .2s ease;flex-shrink:0}.product-offcanvas__close:hover{opacity:1}.product-offcanvas__close svg{width:2rem;height:2rem}.product-offcanvas__body{padding:2rem;flex:1;overflow-y:auto;overscroll-behavior:contain}.product-offcanvas__body>:first-child{margin-top:0}.product__short-description{margin-bottom:.8rem}.product-offcanvas__trigger{font-size:1.4rem}.product-offcanvas__trigger--link,.product-offcanvas__trigger--plus{display:inline-flex;align-items:center;gap:.4rem;padding:0;background:none;border:none;cursor:pointer;color:rgb(var(--color-foreground));text-decoration:underline;text-underline-offset:.3rem}.product-offcanvas__trigger--link:hover,.product-offcanvas__trigger--plus:hover{text-decoration-thickness:.2rem}.product-offcanvas__trigger-plus{font-size:1.8rem;line-height:1;text-decoration:none}.product-offcanvas__trigger--button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;background-color:rgba(var(--color-button),var(--alpha-button-background));color:rgb(var(--color-button-text));border:var(--buttons-border-width) solid rgba(var(--color-button),var(--alpha-button-border));border-radius:var(--buttons-radius);cursor:pointer;transition:opacity .2s ease}.product-offcanvas__trigger--button:hover{opacity:.85}@media(prefers-reduced-motion:reduce){.product-offcanvas,.product-offcanvas__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-product-offcanvas.css.map */