.black-friday-style-navigation{position:relative;width:100%;overflow:hidden;container-type:inline-size;-webkit-user-select:none;user-select:none}.black-friday-style-navigation-stage{--navigation-motion:500ms cubic-bezier(0.22,1,0.36,1);--navigation-unit:min(1.96875px,calc((min(100vw, 1920px) - 8px) / var(--navigation-design-width)));position:relative;width:100%;height:calc(var(--navigation-unit) * 320);touch-action:pan-y;cursor:grab}@supports (width:1cqw){.black-friday-style-navigation-stage{--navigation-unit:min(1.96875px,calc((min(100cqw, 1920px) - 8px) / var(--navigation-design-width)))}}.black-friday-style-navigation-frame{position:absolute;top:50%;transform:translate(-50%,-50%) perspective(calc(var(--navigation-unit) * 800)) rotateY(var(--navigation-card-angle));transition:left var(--navigation-motion),width var(--navigation-motion),height var(--navigation-motion),transform var(--navigation-motion)}.black-friday-style-navigation-card{--navigation-card-expansion:30px;position:relative;left:0;display:block;width:100%;height:100%;padding:0;overflow:hidden;border:0;border-radius:6px;background:transparent;color:white;cursor:pointer;text-align:left;transition:left var(--navigation-motion),width var(--navigation-motion)}.black-friday-style-navigation-card[data-style-expanded=true]{left:calc(-1 * var(--navigation-card-expansion));width:calc(100% + var(--navigation-card-expansion) * 2)}.black-friday-style-navigation-caption,.black-friday-style-navigation-card img{pointer-events:none}.black-friday-style-navigation-caption{position:absolute;inset:auto 0 0;display:flex;min-height:70px;flex-direction:column;gap:0;justify-content:center;padding:23px 24px;background:linear-gradient(180deg,transparent,rgb(0 0 0/40%));overflow-wrap:anywhere;text-align:left;white-space:pre-wrap;transition:gap var(--navigation-motion),padding var(--navigation-motion)}.black-friday-style-navigation-title{font-size:20px;font-weight:600;line-height:24px}.black-friday-style-navigation-subtitle{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:0fr;font-size:16px;font-weight:400;line-height:24px;opacity:0;transition:grid-template-rows var(--navigation-motion),opacity var(--navigation-motion)}.black-friday-style-navigation-subtitle>span{width:calc(var(--navigation-unit) * 320 + var(--navigation-card-expansion) * 2 - 24px);min-height:0;overflow:hidden}.black-friday-style-navigation-card[data-style-expanded=true] .black-friday-style-navigation-subtitle{grid-template-rows:1fr;opacity:1}.black-friday-style-navigation-card[data-style-expanded=true] .black-friday-style-navigation-caption{gap:12px;padding:24px 12px;background:linear-gradient(180deg,transparent,rgb(0 0 0/90%))}.black-friday-style-navigation-card:focus-visible{outline:2px solid white;outline-offset:-4px}.black-friday-style-navigation--wap .black-friday-style-navigation-stage{--navigation-mobile-unit:calc(100vw / 750);--navigation-motion:620ms cubic-bezier(0.2,0.68,0.18,1);left:50%;width:calc(var(--navigation-mobile-unit) * 926);height:calc(var(--navigation-mobile-unit) * 440);perspective:calc(var(--navigation-mobile-unit) * 820);perspective-origin:50% 50%;pointer-events:none;transform:translateX(-50%);transform-style:preserve-3d}@supports (width:1cqw){.black-friday-style-navigation--wap .black-friday-style-navigation-stage{--navigation-mobile-unit:calc(100cqw / 750)}}.black-friday-style-navigation--wap .black-friday-style-navigation-frame{top:0;left:0;width:calc(var(--navigation-mobile-unit) * 440);height:calc(var(--navigation-mobile-unit) * 440);pointer-events:auto;transform-style:preserve-3d}.black-friday-style-navigation--wap .black-friday-style-navigation-card{--navigation-card-expansion:10px}.black-friday-style-navigation--wap .black-friday-style-navigation-caption{min-height:0;padding:8px}.black-friday-style-navigation--wap .black-friday-style-navigation-title{font-size:14px;font-weight:700;line-height:17px}.black-friday-style-navigation--wap .black-friday-style-navigation-subtitle{font-size:10px;line-height:12px}.black-friday-style-navigation--wap .black-friday-style-navigation-subtitle>span{width:calc(var(--navigation-mobile-unit) * 440 + var(--navigation-card-expansion) * 2 - 16px)}.black-friday-style-navigation--wap .black-friday-style-navigation-card[data-style-expanded=true] .black-friday-style-navigation-caption{gap:6px;padding:8px;background:linear-gradient(180deg,transparent,rgb(0 0 0/50%));text-align:left}.black-friday-style-navigation--wap .black-friday-style-navigation-frame:after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgb(0 0 0/50%),transparent);opacity:var(--navigation-inactive-opacity);content:"";pointer-events:none}.black-friday-style-navigation-stage[data-dragging=true]{cursor:grabbing}.black-friday-style-navigation-stage[data-dragging=true] .black-friday-style-navigation-frame{transition:none}@media (prefers-reduced-motion:reduce){.black-friday-style-navigation-caption,.black-friday-style-navigation-card,.black-friday-style-navigation-frame,.black-friday-style-navigation-subtitle{transition:none}}