.header-drawer{--sp-w: 124px;--sp-bg: #fff;--sp-spine: #f2f3f5;--sp-ink: #111114;--sp-mut: #6b6b76;--sp-rule: #e6e7eb;--sp-soft: #f5f6f8;--sp-brand: #d01f1f;--sp-ease: cubic-bezier(.32, .72, 0, 1);--sp-out: cubic-bezier(.16, 1, .3, 1);--sp-origin: calc(100% - 34px) 34px}.header-drawer .menu-drawer{width:min(100vw,26rem);background:linear-gradient(90deg,var(--sp-spine) 0 var(--sp-w),var(--sp-bg) var(--sp-w));border:0;border-radius:0;box-shadow:0 0 60px -10px #00000059;color:var(--sp-ink);transform:none;clip-path:circle(0% at var(--sp-origin));transition:clip-path .7s var(--sp-out),visibility 0s linear .7s}.header-drawer .menu-open>.menu-drawer{clip-path:circle(150% at var(--sp-origin));transition:clip-path .9s var(--sp-out),visibility 0s}.header-drawer .menu-drawer:before{content:"";position:absolute;inset:0 auto 0 var(--sp-w);width:1px;background:var(--sp-rule);pointer-events:none}.header-drawer .menu-drawer>.menu-drawer__close-button,.header-drawer .pag-drawer-sub .menu-drawer__close-button{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));right:12px;z-index:6;width:44px;height:44px;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:var(--sp-ink);color:#fff;display:grid;place-items:center;transition:transform .35s var(--sp-out),background .2s ease}.header-drawer .menu-drawer__close-button .svg-wrapper,.header-drawer .menu-drawer__close-button .svg-wrapper>svg{width:1.35rem;height:1.35rem}.header-drawer .menu-drawer__close-button svg,.header-drawer .menu-drawer__close-button svg path{color:#fff;stroke:currentcolor}@media(hover:hover){.header-drawer .menu-drawer__close-button:hover{transform:rotate(90deg)}}.header-drawer .menu-drawer__navigation{display:block;position:static;padding:calc(76px + env(safe-area-inset-top,0px)) 22px 16px calc(var(--sp-w) + 24px)}.header-drawer .menu-drawer__wordmark{position:absolute;inset:0 auto 0 0;width:var(--sp-w);display:block;overflow:hidden;z-index:1;pointer-events:none}.header-drawer .menu-drawer__wordmark-image{position:absolute;top:50%;left:50%;width:min(560px,76dvh);max-width:none;height:auto;translate:-50% -50%;rotate:-90deg}.header-drawer .menu-drawer__menu.has-submenu{position:static;padding-inline:0}.header-drawer .menu-drawer__menu.has-submenu:before{content:"Menu";display:block;margin:0 0 8px;font:600 12px/1 var(--font-body--family, Inter, sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--sp-mut)}.header-drawer .menu-drawer__menu.has-submenu>li,.header-drawer .menu-drawer__menu-container{position:static}.header-drawer .menu-drawer__menu.has-submenu>li{display:block;min-height:0;margin:0;border-block-end:1px solid var(--sp-rule)}.header-drawer .menu-drawer--has-submenu-opened .menu-drawer__wordmark{opacity:1}.header-drawer .menu-drawer .menu-drawer__menu .menu-drawer__menu-item.menu-drawer__menu-item--mainlist{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--sp-ink);font:700 16px/20px var(--font-heading--family, "Neue Einstellung", sans-serif);letter-spacing:-.01em;text-transform:none;transform:none}.header-drawer .menu-drawer__menu-item--mainlist .menu-drawer__menu-item-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-drawer a.menu-drawer__menu-item--mainlist>.menu-drawer__pill-chevron{display:none}.header-drawer .menu-drawer__menu-item--mainlist>.svg-wrapper{margin-inline-start:auto;color:var(--sp-mut);opacity:1;transition:transform .3s var(--sp-out),color .2s ease}.header-drawer .menu-drawer__menu-item--mainlist:after,.header-drawer .pag-drawer-pill:after{content:"";position:absolute;inset:auto auto -1px 0;height:2px;width:0;background:var(--sp-brand);transition:width .4s var(--sp-out)}@media(hover:hover){.header-drawer .menu-drawer__menu-item--mainlist:hover:after,.header-drawer .pag-drawer-pill:hover:after{width:100%}.header-drawer .menu-drawer__menu-item--mainlist:hover>.svg-wrapper{transform:translate(4px);color:var(--sp-ink)}}.header-drawer .menu-drawer .menu-drawer__menu .menu-drawer__menu-item--mainlist:active{background:none;transform:scale(.985)}.header-drawer .menu-drawer__submenu.pag-drawer-sub{inset:0 0 0 var(--sp-w);width:auto;height:100%;border:0;border-radius:0;background:var(--sp-bg);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translate(26%);z-index:3}.header-drawer .menu-open>.menu-drawer__submenu.pag-drawer-sub{transform:none}.header-drawer .pag-drawer-sub .menu-drawer__inner-submenu{display:flex;flex-direction:column;height:100%;padding:0 22px 22px 24px;background:none;overflow:auto}.header-drawer .pag-drawer-sub .menu-drawer__nav-buttons{position:static;display:flex;align-items:center;justify-content:flex-start;min-height:44px;margin:calc(12px + env(safe-area-inset-top,0px)) 0 0;padding:0;border:0;background:none}.header-drawer .pag-drawer-sub .menu-drawer__back-button{display:flex;align-items:center;gap:2px;height:44px;margin-inline-start:-8px;padding:0 10px 0 4px;border:0;border-radius:12px;background:none;color:var(--sp-ink);font:600 14px/1 var(--font-body--family, Inter, sans-serif)}.header-drawer .pag-drawer-sub .menu-drawer__back-button>.svg-wrapper{margin:0;width:20px;height:20px}.header-drawer .pag-drawer-sub .menu-drawer__back-button .menu-drawer__menu-item-text{font:inherit}@media(hover:hover){.header-drawer .pag-drawer-sub .menu-drawer__back-button:hover{background:var(--sp-soft)}}.header-drawer .pag-drawer-title{margin:18px 0 6px;font:600 20px/24px var(--font-heading--family, "Neue Einstellung", sans-serif);letter-spacing:-.01em;color:var(--sp-ink)}.header-drawer .pag-drawer-sub .pag-drawer-list{display:flex;flex-direction:column;gap:0;padding:0;overflow:visible}.header-drawer .pag-drawer-sub .menu-drawer__list-item{position:relative;min-height:0;margin:0;border:0}.header-drawer .pag-drawer-sub .menu-drawer__list-item:has(.pag-drawer-pill--all){order:-1}.header-drawer .pag-drawer-sub .pag-group-label{padding:22px 0 8px;font:800 18px/1.1 var(--font-body--family, Inter, sans-serif);letter-spacing:.08em;text-transform:uppercase;color:#000}.header-drawer .pag-drawer-sub .pag-group-label~.menu-drawer__list-item .pag-drawer-pill:not(.pag-drawer-pill--all){color:#2e2e2e}.header-drawer .menu-drawer__menu .menu-drawer__menu-item.menu-drawer__menu-item--child.pag-drawer-pill{position:relative;display:flex;align-items:center;min-height:52px;padding:0;border:0;border-bottom:1px solid var(--sp-rule);border-radius:0;background:none;box-shadow:none;color:var(--sp-ink);font:700 16px/20px var(--font-heading--family, "Neue Einstellung", sans-serif);letter-spacing:-.01em}.header-drawer .menu-drawer__menu .menu-drawer__menu-item.menu-drawer__menu-item--child.pag-drawer-pill:active{background:none;transform:scale(.985)}.header-drawer .menu-drawer__menu .menu-drawer__menu-item.menu-drawer__menu-item--child.pag-drawer-pill--all{justify-content:flex-start;min-height:46px;margin:10px 0 6px;padding:0 14px;border:0;border-radius:12px;background:var(--sp-ink);color:#fff;font:700 16px/20px var(--font-heading--family, "Neue Einstellung", sans-serif);letter-spacing:-.01em}.header-drawer .pag-drawer-pill .menu-drawer__menu-item-text{display:block;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap!important;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}.header-drawer .pag-drawer-pill .menu-drawer__menu-item-text>span{display:inline-block;white-space:nowrap}.header-drawer .pag-drawer-pill.is-marquee .menu-drawer__menu-item-text>span{animation:pag-marquee 6s ease-in-out .8s infinite alternate}@keyframes pag-marquee{to{transform:translate(calc(var(--mq, 0px) * -1))}}@media(prefers-reduced-motion:reduce){.header-drawer .pag-drawer-pill.is-marquee .menu-drawer__menu-item-text>span{animation:none}}.header-drawer .menu-drawer__utility-links{margin-block:auto 0;margin-inline:calc(var(--sp-w) + 24px) 22px;padding:14px 0 calc(16px + env(safe-area-inset-bottom,0px));border:0;color:var(--sp-mut)}.header-drawer .menu-drawer__account{padding-inline:0;font:500 14px/22px var(--font-body--family, Inter, sans-serif);color:var(--sp-ink)}@keyframes pag-spine-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pag-spine-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes pag-spine-slide{0%{opacity:0;translate:-14% 0}to{opacity:1;translate:0 0}}@keyframes pag-spine-out{to{opacity:0}}.header-drawer .menu-drawer-container[open] .menu-drawer .menu-drawer__animated-element,.header-drawer .menu-drawer-container[open] .menu-drawer__menu.has-submenu:before{animation:pag-spine-rise .65s var(--sp-out) backwards;animation-delay:calc(.14s + (var(--menu-drawer-animation-index, 0) - 1) * 55ms);will-change:auto}.header-drawer .menu-drawer-container[open] .menu-drawer__wordmark{animation:pag-spine-slide .7s var(--sp-out) .05s backwards}.header-drawer .menu-drawer-container[open] .menu-drawer__wordmark-image{animation:pag-spine-draw 1.1s var(--sp-out) .25s backwards}@keyframes pag-spine-rule{0%{border-color:transparent}}.header-drawer .menu-drawer-container[open] .menu-drawer__menu.has-submenu>li{animation:pag-spine-rule .65s var(--sp-out) backwards;animation-delay:calc(.14s + (var(--menu-drawer-animation-index, 0) - 1) * 55ms)}.header-drawer .menu-drawer-container.menu-closing:not(.menu-open)[open] .menu-drawer .menu-drawer__animated-element,.header-drawer .menu-drawer-container.menu-closing:not(.menu-open)[open] .menu-drawer__wordmark{animation:pag-spine-out .25s ease forwards;animation-delay:0s}.header-drawer .menu-drawer-container.menu-closing[open] .menu-drawer>.menu-drawer__close-button{opacity:0;transform:scale(.5) rotate(-90deg);transition:opacity .2s ease,transform .3s ease}.header-drawer .menu-open>.pag-drawer-sub .pag-drawer-list>li,.header-drawer .menu-open>.pag-drawer-sub .pag-drawer-title{animation:pag-spine-rise .6s var(--sp-out) backwards;animation-delay:calc(.12s + var(--i, 0) * .04s)}.header-drawer .menu-drawer-container.menu-closing .menu-drawer__backdrop{transition:opacity .25s ease}@media(prefers-reduced-motion:reduce){.header-drawer .menu-drawer,.header-drawer .menu-drawer *{animation:none!important;transition-duration:.01ms!important}}.header-drawer .pag-drawer-sub .pag-drawer-sub{top:0;right:0;bottom:0;left:0}.header-drawer .pag-drawer-sub .pag-drawer-nest{position:static}.header-drawer .pag-drawer-pill>.svg-wrapper{margin-inline-start:auto;color:var(--sp-mut);transition:transform .3s var(--sp-out),color .2s ease}@media(hover:hover){.header-drawer .pag-drawer-pill:hover>.svg-wrapper{transform:translate(4px);color:var(--sp-ink)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/pag-drawer-spine.css.map */