.drawer:open{opacity:1;transform:translate(0)}.drawer[open]{opacity:1;transform:translate(0)}.drawer{width:90%;max-width:390px;margin:0 0 0 auto;height:100dvh;background:#fff;max-height:none;opacity:0;transform:translate(100%);transition:opacity .2s ease-in-out allow-discrete,transform .2s ease-in-out allow-discrete}.drawer::backdrop{background:#00000080;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:opacity .2s ease-in-out allow-discrete}@starting-style{.drawer{opacity:1;transform:translate(0)}.drawer:open{opacity:0;transform:translate(100%)}.drawer[open]{opacity:0;transform:translate(100%)}.drawer:open::backdrop{opacity:0}.drawer[open]::backdrop{opacity:0}}.drawer:open{display:flex;flex-direction:column}.drawer[open]{display:flex;flex-direction:column}.drawer__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;border-bottom:1px solid #e5e5e5}.drawer__title{font-family:var(--font-body-family);font-size:18px;line-height:1.3;color:#272727}.drawer__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin-right:-8px;color:#272727}.drawer__close .icon{width:18px;height:18px}.drawer__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drawer__media img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.drawer__content{padding:24px;font-family:var(--font-body-family);font-size:14px;line-height:1.5;color:#717179}.drawer__content>*+*{margin-top:12px}.drawer__content h2,.drawer__content h3,.drawer__content h4,.drawer__content h5,.drawer__content h6{font-family:var(--font-body-family);font-size:16px;line-height:1.3;color:#272727}.drawer__content h2+*,.drawer__content h3+*,.drawer__content h4+*,.drawer__content h5+*,.drawer__content h6+*{margin-top:8px}.drawer__content p,.drawer__content li{font-size:inherit;line-height:inherit;padding-bottom:8px}.drawer__content p+p,.drawer__content p+ul,.drawer__content p+ol,.drawer__content ul+p,.drawer__content ol+p{margin-top:4px}.drawer__content strong,.drawer__content b{font-weight:inherit;color:#272727}.drawer__content a{color:#272727;text-decoration:underline;text-underline-offset:2px}.drawer__content ul{padding-left:20px;list-style:disc}.drawer__content ol{padding-left:20px;list-style:decimal}.drawer__content li::marker{color:#272727;font-size:.8em}@media screen and (min-width:768px){.drawer__header{padding:16px 24px}.drawer__title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/380/assets/component-drawer.css.map */