.content-drawers-root{display:contents}.content-drawer{padding:0;border:0;background:transparent;max-width:100vw;max-height:100dvh;width:100%;height:100%;margin:0;position:fixed;top:0;right:0;bottom:0;left:0;overflow:visible}.content-drawer::backdrop{background:#0006}.content-drawer__panel{position:absolute;left:0;right:0;bottom:0;background-color:#fff;color:var(--color-foreground, inherit);border-top-left-radius:20px;border-top-right-radius:20px;height:clamp(320px,55dvh,450px);display:flex;flex-direction:column;box-shadow:0 -10px 40px #0000002e;padding-bottom:env(safe-area-inset-bottom,0);transform:translateY(var(--drag-y, 0px));transition:transform .22s cubic-bezier(.32,.72,0,1);touch-action:none;will-change:transform}.content-drawer[data-dragging=true] .content-drawer__panel,.content-drawer[data-dragging=true] .content-drawer__panel *{user-select:none;-webkit-user-select:none}.content-drawer[data-dragging=true] .content-drawer__panel{transition:none}.content-drawer[open] .content-drawer__panel{animation:content-drawer-in .22s cubic-bezier(.32,.72,0,1)}.content-drawer[data-closing=true] .content-drawer__panel{animation:content-drawer-out .18s cubic-bezier(.4,0,1,1) forwards}.content-drawer[open]::backdrop{animation:content-drawer-backdrop-in .22s ease-out}.content-drawer[data-closing=true]::backdrop{animation:content-drawer-backdrop-out .18s ease-out forwards}@keyframes content-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes content-drawer-out{0%{transform:translateY(var(--drag-y, 0px))}to{transform:translateY(100%)}}@keyframes content-drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes content-drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.content-drawer[open] .content-drawer__panel,.content-drawer[data-closing=true] .content-drawer__panel,.content-drawer[open]::backdrop,.content-drawer[data-closing=true]::backdrop{animation:none!important}.content-drawer__panel{transition:none!important}}.content-drawer__grabber{padding:10px 0 4px;display:flex;justify-content:center;cursor:grab;flex-shrink:0}.content-drawer[data-dragging=true] .content-drawer__grabber{cursor:grabbing}.content-drawer__grabber-line{width:50px;height:4px;border-radius:9999px;background-color:#000;opacity:.15}.content-drawer__close{position:absolute;top:18px;right:15px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:#0000000f;border:0;border-radius:50%;color:inherit;cursor:pointer;transition:background-color .15s ease;z-index:2}.content-drawer__close:hover{background:#0000000f}.content-drawer__close:focus-visible{outline:2px solid var(--color-foreground, currentColor);outline-offset:2px}.content-drawer__close-icon{display:block}.content-drawer__content{flex:1;min-height:0;display:flex;justify-content:center;overflow:hidden;padding:8px 20px 28px}.content-drawer__body{width:100%;max-width:420px;display:flex;flex-direction:column;gap:14px}.content-drawer__logo-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:2px;max-width:120px;width:100%;margin-inline:auto}.content-drawer__logo{display:block;max-width:120px;max-height:64px;width:100%;height:auto;object-fit:contain}.content-drawer__headline{margin:0;font-size:20px;line-height:1.5;font-weight:500;text-wrap:balance;color:inherit}.content-drawer__text{margin:0;font-size:16px;line-height:1.5;color:inherit;opacity:.9;text-wrap:pretty}.content-drawer__link{margin-top:4px;font-weight:500;font-size:16px;color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.content-drawer__link:hover{text-decoration-thickness:2px}.content-drawer__link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}.content-drawers-root .visually-hidden,.content-drawer .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media(min-width:768px){.content-drawer__panel{position:absolute;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%) translateY(var(--drag-y, 0px));width:min(480px,calc(100vw - 48px));height:auto;max-height:min(60dvh,560px);min-height:280px;border-radius:16px}.content-drawer[open] .content-drawer__panel{animation:content-drawer-in-desktop .18s cubic-bezier(.32,.72,0,1)}.content-drawer[data-closing=true] .content-drawer__panel{animation:content-drawer-out-desktop .15s ease-in forwards}.content-drawer__grabber{display:none}@keyframes content-drawer-in-desktop{0%{opacity:0;transform:translate(-50%,-46%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes content-drawer-out-desktop{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-46%)}}}@media(min-width:1200px){.content-drawer__panel{width:min(700px,calc(100vw - 48px))}.content-drawer__content{padding-inline:50px}.content-drawer__body{max-width:100%}}@media(forced-colors:active){.content-drawer__panel{border:1px solid CanvasText}.content-drawer__grabber-line{background:CanvasText;opacity:1}.content-drawer__close{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/702/assets/section-content-drawers.css.map */