.nook-use-cases{width:100%;overflow-x:clip}.nook-use-cases__container{max-width:1400px;margin:0 auto;padding:0 2rem}.nook-use-cases__carousel-container{max-width:1600px;margin:0 auto;padding:0 2rem}@media (min-width: 768px){.nook-use-cases__container,.nook-use-cases__carousel-container{padding:0 4rem}}.nook-use-cases__header{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.nook-use-cases__header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:4rem}}.nook-use-cases__header-text{flex:1;text-align:var(--header-align, left)}.nook-use-cases__heading,.nook-use-cases__heading[class*=h]{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);line-height:1.2;letter-spacing:-.02em;margin:0 0 .8rem;color:var(--color-foreground)}.nook-use-cases__subheading{line-height:1.5;color:var(--color-foreground);opacity:.7;margin:0;max-width:500px}.nook-use-cases[style*="--header-align: center"] .nook-use-cases__subheading{margin-left:auto;margin-right:auto}.nook-use-cases[style*="--header-align: right"] .nook-use-cases__subheading{margin-left:auto;margin-right:0}.nook-use-cases__navigation{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:3rem;padding:0 2rem}@media (min-width: 768px){.nook-use-cases__navigation{gap:3rem;margin-top:4rem}}.nook-use-cases__nav-btn{display:none;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;min-width:4.8rem;border:2px solid var(--color-foreground);border-radius:50%;background:transparent;color:var(--color-foreground);cursor:pointer;transition:all .3s ease}@media (min-width: 768px){.nook-use-cases__nav-btn{display:flex}}.nook-use-cases__nav-btn:hover{background:var(--color-foreground);color:var(--color-background)}.nook-use-cases__nav-btn:focus-visible{outline:3px solid rgba(var(--color-button),1);outline-offset:2px}.nook-use-cases__nav-btn[disabled]{opacity:.3;cursor:not-allowed}.nook-use-cases__nav-btn[disabled]:hover{background:transparent;color:var(--color-foreground)}.nook-use-cases__dots{display:flex;align-items:center;justify-content:center;gap:.8rem}.nook-use-cases__dots xo-carousel-pagination-dot{width:1rem;height:1rem;border-radius:50%;background:var(--color-foreground);opacity:.25;cursor:pointer;transition:all .3s ease}.nook-use-cases__dots xo-carousel-pagination-dot:hover{opacity:.5}.nook-use-cases__dots xo-carousel-pagination-dot[aria-current=true],.nook-use-cases__dots xo-carousel-pagination-dot.active{opacity:1;transform:scale(1.2)}.nook-use-cases__slide{display:block;position:relative;border-radius:1.6rem;overflow:hidden;text-decoration:none;color:#fff;transition:transform .3s ease}.nook-use-cases__slide:hover{transform:translateY(-4px)}.nook-use-cases__slide-image{position:relative;aspect-ratio:4 / 3;overflow:hidden}@media (max-width: 767px){.nook-use-cases:not(.nook-use-cases--mobile-stacked)[style*="--mobile-aspect-ratio: 4-3"] .nook-use-cases__slide-image{aspect-ratio:4 / 3}.nook-use-cases:not(.nook-use-cases--mobile-stacked)[style*="--mobile-aspect-ratio: 1-1"] .nook-use-cases__slide-image{aspect-ratio:1 / 1}.nook-use-cases:not(.nook-use-cases--mobile-stacked)[style*="--mobile-aspect-ratio: 3-4"] .nook-use-cases__slide-image{aspect-ratio:3 / 4}.nook-use-cases:not(.nook-use-cases--mobile-stacked)[style*="--mobile-aspect-ratio: 9-16"] .nook-use-cases__slide-image,.nook-use-cases:not(.nook-use-cases--mobile-stacked):not([style*=--mobile-aspect-ratio]) .nook-use-cases__slide-image{aspect-ratio:9 / 16}}.nook-use-cases__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.nook-use-cases__slide:hover .nook-use-cases__image{transform:scale(1.05)}.nook-use-cases__image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#4a5d4b,#2d3a2e);display:flex;align-items:center;justify-content:center}.nook-use-cases__placeholder-svg{width:40%;opacity:.3}.nook-use-cases__slide-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);pointer-events:none}.nook-use-cases__slide-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2}@media (min-width: 768px){.nook-use-cases__slide-content{padding:2.5rem}}.nook-use-cases__slide-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight, 600);font-size:clamp(2rem,3vw,2.4rem);line-height:1.2;margin:0 0 .5rem;color:#fff}.nook-use-cases__slide-subtitle{font-family:var(--font-body-family);font-size:1.4rem;line-height:1.4;margin:0 0 1.5rem;opacity:.85;color:#fff}.nook-use-cases__slide-cta{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-body-family);font-size:1.4rem;font-weight:600;color:#fff;transition:gap .3s ease}.nook-use-cases__slide:hover .nook-use-cases__slide-cta{gap:1rem}.nook-use-cases__slide-cta svg{transition:transform .3s ease}.nook-use-cases__slide:hover .nook-use-cases__slide-cta svg{transform:translate(4px)}.nook-use-cases--style-funky xo-carousel-slide:nth-child(odd){transform:translateY(-1rem)}.nook-use-cases--style-funky xo-carousel-slide:nth-child(2n){transform:translateY(1rem)}.nook-use-cases--style-funky .nook-use-cases__slide:hover{transform:translateY(-4px)}@media (min-width: 768px){.nook-use-cases[style*="--desktop-aspect-ratio: 4-3"] .nook-use-cases__slide-image{aspect-ratio:4 / 3}.nook-use-cases[style*="--desktop-aspect-ratio: 1-1"] .nook-use-cases__slide-image{aspect-ratio:1 / 1}.nook-use-cases[style*="--desktop-aspect-ratio: 3-4"] .nook-use-cases__slide-image{aspect-ratio:3 / 4}.nook-use-cases[style*="--desktop-aspect-ratio: 9-16"] .nook-use-cases__slide-image{aspect-ratio:9 / 16}.nook-use-cases--desktop-stacked .nook-use-cases__slide{display:flex;flex-direction:column;color:var(--color-foreground);background:var(--color-background)}.nook-use-cases--desktop-stacked .nook-use-cases__slide-overlay{display:none}.nook-use-cases--desktop-stacked .nook-use-cases__slide-content{position:static;padding:1.5rem;background:var(--color-background)}.nook-use-cases--desktop-stacked .nook-use-cases__slide-title{color:var(--color-foreground);text-shadow:none}.nook-use-cases--desktop-stacked .nook-use-cases__slide-subtitle{color:var(--color-foreground);opacity:.7}.nook-use-cases--desktop-stacked .nook-use-cases__slide-cta{color:rgba(var(--color-button),1)}}@media (max-width: 767px){.nook-use-cases--mobile-stacked .nook-use-cases__slide{display:flex;flex-direction:column;color:var(--color-foreground);background:var(--color-background);border-radius:1.2rem;overflow:hidden}.nook-use-cases--mobile-stacked .nook-use-cases__slide:hover{transform:none}.nook-use-cases--mobile-stacked .nook-use-cases__slide-image{position:relative;width:100%;flex-shrink:0;border-radius:0}.nook-use-cases--mobile-stacked[style*="--mobile-aspect-ratio: 4-3"] .nook-use-cases__slide-image{aspect-ratio:4 / 3}.nook-use-cases--mobile-stacked[style*="--mobile-aspect-ratio: 1-1"] .nook-use-cases__slide-image{aspect-ratio:1 / 1}.nook-use-cases--mobile-stacked[style*="--mobile-aspect-ratio: 3-4"] .nook-use-cases__slide-image{aspect-ratio:3 / 4}.nook-use-cases--mobile-stacked[style*="--mobile-aspect-ratio: 9-16"] .nook-use-cases__slide-image,.nook-use-cases--mobile-stacked:not([style*=--mobile-aspect-ratio]) .nook-use-cases__slide-image{aspect-ratio:9 / 16}.nook-use-cases--mobile-stacked .nook-use-cases__slide-overlay{display:none}.nook-use-cases--mobile-stacked .nook-use-cases__slide-content{position:static;padding:1.2rem 1rem 1.5rem;background:var(--color-background)}.nook-use-cases--mobile-stacked .nook-use-cases__slide-title{color:var(--color-foreground);font-size:clamp(1.6rem,4vw,1.8rem);margin-bottom:.3rem;text-shadow:none}.nook-use-cases--mobile-stacked .nook-use-cases__slide-subtitle{color:var(--color-foreground);opacity:.7;font-size:1.3rem;margin-bottom:.8rem}.nook-use-cases--mobile-stacked .nook-use-cases__slide-cta{color:rgba(var(--color-button),1);font-size:1.3rem}.nook-use-cases--mobile-stacked .nook-use-cases__slide:hover .nook-use-cases__image{transform:none}}.nook-use-cases xo-carousel{--carousel-overflow: visible}.nook-use-cases xo-carousel-inner{overflow:visible}.nook-use-cases xo-carousel-slide{flex-shrink:0}.nook-use-cases__slide:focus-visible{outline:3px solid rgba(var(--color-button),1);outline-offset:4px}@media (prefers-reduced-motion: reduce){.nook-use-cases__slide,.nook-use-cases__image,.nook-use-cases__slide-cta,.nook-use-cases__slide-cta svg,.nook-use-cases__nav-btn{transition:none}.nook-use-cases__slide:hover,.nook-use-cases__slide:hover .nook-use-cases__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-nook-use-cases-carousel.css.map */