:root{--wcwy-drawer-bg: #0B0B0D;--wcwy-drawer-peek-width: var(--wcwy-drawer-edge, 52px)}.kith-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--wcwy-drawer-scrim, rgba(0, 0, 0, .5));opacity:0;visibility:hidden;transition:opacity var(--wcwy-drawer-scrim-duration-out, .22s) ease,visibility 0s linear var(--wcwy-drawer-duration-out, .26s);z-index:calc(var(--wcwy-drawer-z, 20000000) - 1);-webkit-backdrop-filter:blur(var(--wcwy-drawer-gap-blur, 8px));backdrop-filter:blur(var(--wcwy-drawer-gap-blur, 8px))}.kith-drawer-overlay.is-mounted{will-change:opacity}.kith-drawer-overlay.is-visible,.kith-drawer-overlay.is-open{opacity:1;visibility:visible;transition:opacity var(--wcwy-drawer-scrim-duration, .3s) ease,visibility 0s}.kith-drawer{position:fixed;top:0;left:0;bottom:0;width:calc(100vw - var(--wcwy-drawer-peek-width));max-width:calc(100vw - var(--wcwy-drawer-peek-width));background:var(--wcwy-drawer-bg);transform:translate3d(-100%,0,0);transition:transform var(--wcwy-drawer-duration-out, .26s) var(--wcwy-drawer-ease-out, cubic-bezier(.3, 0, .8, .15));z-index:var(--wcwy-drawer-z, 20000000);overflow:hidden;backface-visibility:hidden}.kith-drawer.is-mounted{will-change:transform}.kith-drawer.is-open{transform:translateZ(0);transition:transform var(--wcwy-drawer-duration, .36s) var(--wcwy-drawer-ease, cubic-bezier(.2, 0, 0, 1))}@media(max-width:600px){.kith-drawer{width:calc(100vw - var(--wcwy-drawer-peek-width));max-width:calc(100vw - var(--wcwy-drawer-peek-width))}}.kith-drawer__inner{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.kith-drawer__header{display:flex;align-items:center;justify-content:center;padding:24px;background:var(--wcwy-drawer-bg);position:relative;z-index:20;min-height:80px}.kith-drawer__logo{text-align:center}.kith-drawer__logo img{height:24px;width:auto}.kith-drawer__close{background:none;border:1px solid #333;padding:8px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;position:absolute;right:20px;top:50%;transform:translateY(-50%);width:40px;height:40px}.kith-drawer__close svg{width:16px;height:16px}.wcwy-drawer__category-band{border-bottom:1px solid #1a1a1a;background:var(--wcwy-drawer-bg);position:sticky;top:0;z-index:9;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth}.wcwy-drawer__category-band::-webkit-scrollbar{display:none}.wcwy-drawer__categories{display:flex;gap:32px;padding:8px 24px 16px;min-width:min-content}.wcwy-drawer__category{background:transparent;border:none;padding:0;color:#fff;font-size:11px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;white-space:nowrap;transition:opacity .2s ease;flex-shrink:0;opacity:.5;position:relative}.wcwy-drawer__category:hover{opacity:1}.wcwy-drawer__category.is-active{opacity:1;font-weight:700;color:#fff;text-shadow:none}.wcwy-drawer__category.is-active:after{content:"";position:absolute;bottom:-16px;left:0;right:0;height:1px;background:#fff;box-shadow:0 0 5px #ffffff80;display:block!important}.wcwy-drawer__content{flex:1;padding:24px;overflow-y:auto;background:var(--wcwy-drawer-bg)}.wcwy-drawer__children{display:none;animation:fadeIn .3s ease}.wcwy-drawer__children.is-active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.wcwy-drawer__child-item{border-bottom:1px solid #111}.wcwy-drawer__child-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;text-decoration:none;color:#e0e0e0;font-size:13px;font-weight:500;letter-spacing:.02em;transition:color .2s ease}.wcwy-drawer__child-link svg{flex-shrink:0;opacity:.5;transition:opacity .2s ease,transform .2s ease}.wcwy-drawer__child-link:hover{color:#fff}.wcwy-drawer__child-link:hover svg{opacity:1;transform:translate(2px)}.wcwy-drawer__expand-btn{background:none;border:none;padding:16px 0;width:100%;display:flex;align-items:center;justify-content:space-between;color:#e0e0e0;font-size:13px;font-weight:500;letter-spacing:.02em;cursor:pointer;text-align:left;transition:color .2s ease}.wcwy-drawer__expand-btn:hover{color:#fff}.wcwy-drawer__expand-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#666;transition:transform .3s ease,color .2s ease;font-size:18px;line-height:1}.wcwy-drawer__expand-btn:hover .wcwy-drawer__expand-icon{color:#fff}.wcwy-drawer__expand-btn.is-expanded .wcwy-drawer__expand-icon{transform:rotate(45deg);color:#fff}.wcwy-drawer__sub-items{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1);padding-left:20px}.wcwy-drawer__sub-items.is-expanded{max-height:500px}.wcwy-drawer__sub-item{border-bottom:1px solid #0a0a0a}.wcwy-drawer__sub-link{display:block;padding:12px 0;text-decoration:none;color:#999;font-size:12px;font-weight:400;letter-spacing:.01em;transition:color .2s ease,padding-left .2s ease}.wcwy-drawer__sub-link:hover{color:#fff;padding-left:8px}.wcwy-drawer__empty{text-align:center;padding:60px 20px;color:#666;font-size:13px}body.drawer-open{overflow:hidden}@media only screen and (max-width:480px){.kith-drawer{width:calc(100vw - var(--wcwy-drawer-peek-width));max-width:calc(100vw - var(--wcwy-drawer-peek-width))}.wcwy-drawer__categories{padding:12px 20px;gap:6px}.wcwy-drawer__category{padding:8px 16px;font-size:10px}.wcwy-drawer__content{padding:20px}}.samstyle-drawer{position:fixed;top:0;left:0;width:min(var(--wcwy-drawer-width, 400px),calc(100vw - var(--wcwy-drawer-edge, 52px)));height:100vh;height:100dvh;z-index:var(--wcwy-drawer-z, 20000000);background:#fbfbfb;color:#1c1b1b;display:flex;flex-direction:column;overflow:hidden;font-family:inherit;-webkit-font-smoothing:antialiased;transform:translate3d(-100%,0,0);visibility:hidden;pointer-events:none;transition:transform var(--wcwy-drawer-duration-out, .26s) var(--wcwy-drawer-ease-out, cubic-bezier(.3, 0, .8, .15)),visibility 0s linear var(--wcwy-drawer-duration-out, .26s);backface-visibility:hidden;contain:layout paint}.samstyle-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--wcwy-drawer-z, 20000000) - 1);background:var(--wcwy-drawer-scrim, rgba(0, 0, 0, .5));-webkit-backdrop-filter:blur(var(--wcwy-drawer-gap-blur, 8px));backdrop-filter:blur(var(--wcwy-drawer-gap-blur, 8px));opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--wcwy-drawer-scrim-duration-out, .22s) ease,visibility 0s linear var(--wcwy-drawer-duration-out, .26s)}.samstyle-drawer.is-primed,.samstyle-drawer.is-mounted,.samstyle-drawer-overlay.is-primed,.samstyle-drawer-overlay.is-mounted{visibility:visible}.samstyle-drawer.is-mounted{will-change:transform}.samstyle-drawer-overlay.is-mounted{will-change:opacity}.samstyle-drawer.is-open{transform:translateZ(0);pointer-events:auto;transition:transform var(--wcwy-drawer-duration, .36s) var(--wcwy-drawer-ease, cubic-bezier(.2, 0, 0, 1)),visibility 0s}.samstyle-drawer-overlay.is-open{opacity:1;pointer-events:auto;transition:opacity var(--wcwy-drawer-scrim-duration, .3s) ease,visibility 0s}@media(max-width:600px){.samstyle-drawer{width:calc(100vw - var(--wcwy-drawer-edge, 52px))}}@media(prefers-reduced-motion:reduce){.samstyle-drawer,.samstyle-drawer-overlay{transition:none!important}}.ssp-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:var(--wcwy-drawer-header-height, 56px);border-bottom:.57px solid #1c1b1b;background:#fbfbfb;flex-shrink:0}.ssp-header__logo{display:flex;align-items:center;min-width:0}.ssp-header__logo-img{height:20px;width:auto;display:block}.ssp-header__wordmark{font-size:13px;font-weight:400;letter-spacing:.08em;color:#1c1b1b;font-family:inherit}.ssp-header__close{background:none;background-color:transparent;border:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin-right:-12px;cursor:pointer;color:#1c1b1b;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease;font-family:inherit;-webkit-appearance:none;appearance:none}.ssp-header__close:hover{opacity:.72}.ssp-header__close:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.ssp-header__close svg{width:18px;height:18px;stroke-width:1.5}.ssp-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:max(env(safe-area-inset-bottom,0px),24px)}.ssp-scroll::-webkit-scrollbar{display:none}.samstyle-drawer .ssp-hero,.ssp-hero{position:relative;width:100%;height:260px;overflow:hidden;flex-shrink:0;background:#e9e9e7}.ssp-hero__track{display:flex;height:100%;will-change:transform;transition:transform .5s cubic-bezier(.22,1,.36,1)}.ssp-hero__slide{flex:0 0 100%;width:100%;height:100%;overflow:hidden}.ssp-hero__slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.samstyle-drawer .ssp-hero__arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important;cursor:pointer!important;color:#fbfbfb!important;font-size:16px!important;font-weight:300!important;line-height:1!important;opacity:.5!important;transition:opacity .2s ease!important;z-index:2!important;font-family:inherit!important;-webkit-appearance:none!important;appearance:none!important;text-shadow:none!important}.samstyle-drawer .ssp-hero__arrow:hover,.samstyle-drawer .ssp-hero__arrow:focus,.samstyle-drawer .ssp-hero__arrow:active,.samstyle-drawer .ssp-hero__arrow:focus-visible{opacity:1!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;outline:none!important;border:none!important}.samstyle-drawer .ssp-hero__arrow--prev{left:10px!important;right:auto!important}.samstyle-drawer .ssp-hero__arrow--next{right:10px!important;left:auto!important}.samstyle-drawer .ssp-hero__dots{position:absolute!important;bottom:10px!important;left:50%!important;transform:translate(-50%)!important;display:flex!important;align-items:center!important;gap:5px!important;pointer-events:auto!important;background:transparent!important;padding:0!important;margin:0!important}.samstyle-drawer .ssp-hero__dot{width:4px!important;height:4px!important;min-width:4px!important;min-height:4px!important;max-width:4px!important;max-height:4px!important;flex-shrink:0!important;border-radius:50%!important;border:none!important;outline:none!important;box-shadow:none!important;padding:0!important;margin:0!important;font-size:0!important;line-height:0!important;background:#fbfbfb66!important;cursor:pointer!important;transition:background .2s ease!important;-webkit-appearance:none!important;appearance:none!important;display:block!important}.samstyle-drawer .ssp-hero__dot.is-active{background:#fbfbfb!important}.ssp-carousel-section{border-top:1px solid #1c1b1b;padding:20px 0}.ssp-section-row{display:flex;align-items:center;justify-content:space-between;padding:0 16px 12px}.ssp-section-label{font-size:11px;font-weight:400;letter-spacing:normal;color:#1c1b1b;margin:0;font-family:inherit}.ssp-viewall{font-size:11px;font-weight:400;color:#1c1b1b;text-decoration:underline;font-family:inherit;transition:opacity .18s ease}.ssp-viewall:hover{opacity:.6}.ssp-carousel{display:flex;gap:1px;overflow-x:auto;padding:0 16px 4px;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-left:16px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;touch-action:pan-x;overscroll-behavior-x:contain}.ssp-carousel::-webkit-scrollbar{display:none}.ssp-card{flex:0 0 var(--ssp-card-w, 152px);min-width:0;overflow:hidden;scroll-snap-align:start;text-decoration:none;color:#1c1b1b;display:flex;flex-direction:column;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}.ssp-card__image{position:relative;width:100%;aspect-ratio:3 / 4;background:var(--wcwn-sam-media-bg, #e5e7e6);overflow:hidden;flex-shrink:0}.ssp-card__img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.ssp-card__placeholder{width:100%;height:100%;background:var(--wcwn-sam-media-bg, #e5e7e6)}.ssp-card__name{font-size:13px;font-weight:500;color:#1c1b1b;margin:0;padding:10px 0 0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;max-width:100%;font-family:inherit}.ssp-card__price{font-size:12px;font-weight:400;color:#1c1b1b9e;margin:0;padding:3px 0 0;line-height:1.3;font-family:inherit}.ssp-card__price.is-empty{visibility:hidden}@media(hover:hover){.ssp-card:hover .ssp-card__name{text-decoration:underline;text-underline-offset:3px}}@media(max-width:480px){.ssp-card{--ssp-card-w: 40vw}}.ssp-cta{border-top:1px solid #1c1b1b;padding:24px 16px;display:flex;flex-direction:column;align-items:flex-start}.ssp-cta__headline{font-size:20px;font-weight:400;color:#1c1b1b;margin:0 0 8px;font-family:inherit;line-height:1.2}.ssp-cta__subtext{font-size:13px;color:#555;margin:0 0 16px;line-height:1.5;font-family:inherit}.ssp-cta__btn{display:block;width:100%;background:#1c1b1b;color:#fbfbfb;text-decoration:none;padding:14px 24px;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.1em;border:none;border-radius:0;cursor:pointer;text-align:center;transition:opacity .18s ease;-webkit-tap-highlight-color:transparent;font-family:inherit;box-sizing:border-box}.ssp-cta__btn:hover,.ssp-cta__btn:focus{opacity:.88;color:#fbfbfb}@media(prefers-reduced-motion:reduce){.ssp-hero__track,.ssp-hero__arrow,.ssp-hero__dot,.ssp-card__img,.ssp-cta__btn{transition:none!important;animation:none!important}}.ssp-header__dest{display:inline-flex;align-items:center;gap:5px;margin-left:auto;margin-right:12px;padding:4px 2px;font-size:11px;font-weight:400;letter-spacing:.02em;color:#1c1b1b9e;font-family:inherit;white-space:nowrap;text-decoration:none;border-bottom:1px solid rgba(28,27,27,.28);transition:color .18s ease,border-color .18s ease}.ssp-header__dest:hover,.ssp-header__dest:focus-visible{color:#1c1b1b;border-bottom-color:#1c1b1b}.ssp-header__dest:focus-visible{outline:2px solid #1c1b1b;outline-offset:3px}.ssp-header__dest svg{width:11px;height:11px;flex-shrink:0}@media(max-width:380px){.ssp-header__dest{font-size:10px;margin-right:8px}}.samstyle-drawer .ssp-header__dest{visibility:visible!important;opacity:1!important;font-size:11px;text-indent:0!important;overflow:visible!important;width:auto!important;height:auto!important;clip:auto!important;clip-path:none!important}.ssp-rail{position:relative}.samstyle-drawer .ssp-rail__arrow{display:none}@media(hover:hover)and (pointer:fine){.samstyle-drawer .ssp-rail__arrow{position:absolute;top:calc((100% - 42px)/2);transform:translateY(-50%);z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffffd1;color:#1c1b1b9e;cursor:pointer;box-shadow:none;transition:opacity .18s ease,color .18s ease,background-color .18s ease}.samstyle-drawer .ssp-rail__arrow:after{content:"";position:absolute;top:50%;left:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.samstyle-drawer .ssp-rail__arrow--prev{left:8px}.samstyle-drawer .ssp-rail__arrow--next{right:8px}.samstyle-drawer .ssp-rail__arrow svg{width:15px;height:15px;display:block;stroke-width:1.4}.samstyle-drawer .ssp-rail__arrow:hover{background-color:#fff!important;color:#1c1b1b}.samstyle-drawer .ssp-rail__arrow:focus-visible{outline:2px solid #1c1b1b!important;outline-offset:2px;background-color:#fff!important;color:#1c1b1b}.samstyle-drawer .ssp-rail__arrow[disabled]{opacity:.34;cursor:default}.samstyle-drawer .ssp-rail__arrow[disabled]:hover{background-color:#ffffffd1!important;color:#1c1b1b9e}}@media(prefers-reduced-motion:reduce){.samstyle-drawer .ssp-carousel{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/kith-drawer.css.map */