.apple-carousel{width:100%;position:relative;overflow:hidden}.apple-carousel__header{text-align:left;max-width:100%;margin:0 0 clamp(4rem,7vw,6rem);padding:0}.apple-carousel__heading{font-family:var(--font-heading--family);font-size:clamp(2.25rem,4.6vw,4.5rem);font-weight:700;line-height:1.1;color:var(--color-foreground);margin:0;white-space:nowrap}.apple-carousel__subtext{max-width:560px;margin-top:clamp(1.5rem,2.2vw,2.25rem);color:rgb(var(--color-foreground-rgb)/.72);font-family:var(--font-body--family);font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.45}.apple-carousel__subtext p{margin:0}.apple-carousel__track{display:flex;gap:8px;padding:0 var(--padding-xl, 1.5rem);height:500px;max-width:var(--page-width, 1400px);margin:0 auto;overflow:hidden}@media(min-width:750px){.apple-carousel__track{gap:var(--gap-md, 1rem);height:600px}}.apple-carousel__item{flex:1;min-width:0;position:relative;border-radius:var(--style-border-radius-lg, 1rem);overflow:hidden;background:#111;cursor:pointer;transition:flex .7s cubic-bezier(.34,1.4,.64,1),filter .5s ease;filter:blur(3px)}.apple-carousel__item.is-active{flex:6;filter:blur(0);cursor:default}@media(min-width:750px){.apple-carousel__item.is-active{flex:4}}.apple-carousel__item-inner{position:absolute;top:0;right:0;bottom:0;left:0}.apple-carousel__media-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.apple-carousel__media-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#0006,#00000040 40%,#0000);mix-blend-mode:multiply;z-index:2;pointer-events:none}.apple-carousel__image,.apple-carousel__video{width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.apple-carousel__content{position:absolute;bottom:0;left:0;width:100%;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--padding-2xl, 2rem);color:#fff;background:linear-gradient(to top,#000000d9,#0000 70%);opacity:0;pointer-events:none;transition:opacity .4s ease}.apple-carousel__item.is-active .apple-carousel__content{opacity:1;pointer-events:auto}.apple-carousel__content-inner{max-width:500px;transform:translateY(16px);opacity:0;transition:transform .6s cubic-bezier(.34,1.4,.64,1),opacity .5s ease}.apple-carousel__item.is-active .apple-carousel__content-inner{transform:translateY(0);opacity:1;transition-delay:.15s}.apple-carousel__item-subheading{font-family:var(--font-subheading--family);font-size:var(--font-size--sm);text-transform:uppercase;letter-spacing:var(--letter-spacing--heading-loose);font-weight:700;opacity:.9;margin:0 0 var(--margin-xs) 0}.apple-carousel__item-heading{font-family:var(--font-heading--family);font-size:var(--font-size--2xl);font-weight:700;margin:0 0 var(--margin-sm) 0;line-height:var(--line-height--heading-tight)}.apple-carousel__item-text{font-family:var(--font-body--family);font-size:var(--font-size--md);line-height:var(--line-height--body-loose);opacity:.9}.apple-carousel__button{margin-top:var(--margin-lg, 1.5rem);display:inline-flex;align-items:center;justify-content:center;padding:1.125rem 2.5rem;font-size:1.125rem;font-weight:500;letter-spacing:.02em;background:#ffffff1a!important;color:#fff!important;border:var(--unified-button-outline)!important;border-radius:var(--unified-button-radius);backdrop-filter:var(--unified-button-frost);-webkit-backdrop-filter:var(--unified-button-frost);box-shadow:var(--unified-button-shadow);transition:all .4s cubic-bezier(.16,1,.3,1);text-transform:none;position:relative;overflow:hidden;z-index:1}.apple-carousel__button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.08) 45%,transparent 60%);transform:translate(-120%);transition:transform .6s cubic-bezier(.16,1,.3,1)}.apple-carousel__button:hover,.apple-carousel__button:focus-visible{background:#fff3!important;border-color:#ffffffb8!important;box-shadow:0 18px 42px #00000057,0 0 0 1px #ffffff2e inset;transform:translateY(-2px)}.apple-carousel__button:hover:before,.apple-carousel__button:focus-visible:before{transform:translate(120%)}.apple-carousel__button:active{transform:translateY(0)}.apple-carousel__hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:1;transition:opacity .4s ease}.apple-carousel__item.is-active .apple-carousel__hint{opacity:0}.apple-carousel__hint-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-body--family);font-size:var(--font-size--sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.apple-carousel__controls{display:flex;align-items:center;justify-content:center;margin:var(--margin-3xl, 3rem) auto 0;gap:var(--gap-sm, .5rem);padding:10px 16px;background:rgb(var(--color-foreground-rgb)/.05);border-radius:20px;width:max-content}.apple-carousel__indicators{display:flex;gap:8px}.apple-carousel__indicator{padding:0;margin:0;border:none;background:rgb(var(--color-foreground-rgb)/.2);width:8px;height:8px;border-radius:4px;cursor:pointer;position:relative;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1)}.apple-carousel__indicator.is-active{width:32px}.apple-carousel__indicator-fill{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-foreground);transform-origin:left;transform:scaleX(0)}.apple-carousel__play-pause{background:none;border:none;padding:2px;margin-left:4px;cursor:pointer;color:var(--color-foreground);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .3s}.apple-carousel__play-pause:hover{opacity:1}.apple-carousel__play-pause svg{width:14px;height:14px;fill:currentColor}@media(max-width:749px){.apple-carousel{display:none}.apple-carousel__track{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:0 16px;height:340px;scrollbar-width:none;-ms-overflow-style:none}.apple-carousel__track::-webkit-scrollbar{display:none}.apple-carousel__item{flex:0 0 84vw;min-width:84vw;scroll-snap-align:start;filter:none;cursor:default;transition:none;border-radius:var(--style-border-radius-lg, 1rem)}.apple-carousel__content{opacity:1;pointer-events:auto}.apple-carousel__content-inner{transform:translateY(0);opacity:1;transition:none}.apple-carousel__hint,.apple-carousel__controls{display:none}}@media(max-width:420px){.apple-carousel__heading{white-space:normal}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/apple-carousel.css.map */