.drawer-component__link{text-decoration:underline;text-underline-offset:2px}.drawer-component{position:relative;margin:0}.drawer-component__summary{cursor:pointer;display:block;margin:0;padding:0;color:inherit;font:inherit;background:none;border:none;text-align:left}.drawer-component__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:60;display:block!important}.drawer-component__overlay.is-open{opacity:1;pointer-events:auto}.drawer-component__panel{position:fixed;right:0;top:0;bottom:0;background:#fff;width:min(90vw,520px);height:100%;transform:translate3d(100%,0,0);transition:transform .35s ease;display:flex;flex-direction:column;pointer-events:none;overflow:hidden;z-index:70}.drawer-component__panel.is-open{transform:translateZ(0);pointer-events:auto}.drawer-component__overlay.is-closing{pointer-events:none}.drawer-component__panel.is-closing{transform:translate3d(100%,0,0);pointer-events:none}.drawer-component__panel--with-media{display:grid;grid-template-columns:minmax(0,40%) minmax(0,60%)}.drawer-component__media{background:#f7f7f7;display:none;overflow:hidden}.drawer-component__media img{width:100%;height:100%;object-fit:cover}.drawer-component__content{padding:20px;display:flex;flex-direction:column;height:100%;gap:24px}.drawer-component__header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.drawer-component__title{font-size:24px;font-weight:600;margin:0}.drawer-component__close{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;color:inherit}.drawer-component__body{overflow-y:auto;padding-right:.4rem}.drawer-component__body p:first-child{margin-top:0}.drawer-component.is-open{pointer-events:auto}.drawer-component.is-closing .drawer-component__summary{pointer-events:none}.drawer-component__close svg{width:24px}.drawer-component__close svg,.drawer-component__close use,.drawer-component__close path{pointer-events:none}.drawer-component__close:hover{opacity:.7}.drawer-component__close:focus-visible{outline:2px solid rgba(18,18,18,.4);outline-offset:2px}body.drawer-component-open{overflow:hidden}@media screen and (min-width: 750px){.drawer-component__content{padding:20px 30px}}@media (min-width: 990px){.drawer-component__panel--with-media .drawer-component__media{display:block}}@media (max-width: 989px){.drawer-component__panel{left:auto;width:min(100vw,480px)}.drawer-component__panel--with-media{display:flex;flex-direction:column}.drawer-component__media{display:block;max-height:220px}}@media (max-width: 749px){.drawer-component__panel{left:0;width:100%;top:auto;bottom:0;height:calc(100vh - 34px);max-height:calc(100vh - 34px);transform:translate3d(0,100%,0);border-radius:6px 6px 0 0}.drawer-component__panel.is-open{transform:translateZ(0)}.drawer-component__panel.is-closing{transform:translate3d(0,100%,0)}@supports (height: 100dvh){.drawer-component__panel{height:calc(100dvh - 34px);max-height:calc(100dvh - 34px)}}.drawer-component__panel--with-media{flex-direction:column}.drawer-component__media{max-height:220px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/drawer-component.css.map */