.device-fit-2026{position:relative;width:100%;min-height:clamp(640px,60vw,850px);overflow:hidden;background-image:var(--df-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--color-nuface-blue, #84abfc);color:var(--color-black, #010101);isolation:isolate}.device-fit-2026__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:clamp(40px,5vw,64px);max-width:1440px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(24px,5vw,80px)}.device-fit-2026__heading{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;margin:0;font-weight:400;text-transform:uppercase;color:var(--color-black, #010101);text-align:center}.device-fit-2026__heading-major{font-family:var(--h2-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:clamp(28px,3vw,var(--h2-font-size, 40px));letter-spacing:var(--h2-letter-spacing, 1px);line-height:1}.device-fit-2026__heading-minor{font-family:Mabry Pro,Helvetica,sans-serif;font-weight:400;font-size:clamp(16px,1.7vw,var(--x-large-font-size, 24px));letter-spacing:0;line-height:1}.device-fit-2026__track{position:relative;width:100%;min-height:clamp(420px,40vw,520px)}.device-fit-2026__slides{display:contents}.device-fit-2026__slide.is-clone{display:none}.device-fit-2026__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(0,345fr) minmax(0,1100fr);gap:clamp(32px,5vw,80px);align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility 0s linear .4s}.device-fit-2026__slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .4s ease,visibility 0s linear 0s}.device-fit-2026__text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;color:var(--color-black, #010101)}.device-fit-2026__device-name{margin:0 0 8px;font-family:var(--h4-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:clamp(22px,2.4vw,var(--h4-font-size, 32px));letter-spacing:var(--h4-letter-spacing, 0);line-height:1.05;text-transform:uppercase;color:var(--color-black, #010101)}.device-fit-2026__device-name-link{color:inherit;text-decoration:none}.device-fit-2026__device-name-link:hover,.device-fit-2026__device-name-link:focus-visible{text-decoration:underline}.device-fit-2026__device-name-link:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:4px}.device-fit-2026__body p{margin:0 0 8px;font-family:var(--regular-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:var(--regular-font-size, 16px);letter-spacing:var(--regular-letter-spacing, 0);line-height:var(--regular-line-height, 20px);color:var(--color-black, #010101)}.device-fit-2026__features{list-style:none;margin:8px 0 16px;padding:0;display:flex;flex-direction:column;gap:4px}.device-fit-2026__features li{display:flex;align-items:baseline;gap:8px;font-family:var(--regular-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:var(--regular-font-size, 16px);letter-spacing:var(--regular-letter-spacing, 0);line-height:var(--regular-line-height, 20px);color:var(--color-black, #010101)}.device-fit-2026__feature-label{font-family:var(--regular-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:20px;line-height:20px;letter-spacing:0;color:var(--color-black, #010101);white-space:nowrap}.device-fit-2026__usage{margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:4px}.device-fit-2026__usage-row{display:flex;align-items:baseline;gap:8px}.device-fit-2026__usage-label,.device-fit-2026__usage-value{margin:0;font-family:var(--regular-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:20px;line-height:20px;letter-spacing:0;color:var(--color-black, #010101)}.device-fit-2026__usage-label{white-space:nowrap}.device-fit-2026__shop-btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;max-width:240px;height:40px;padding:10px 32px;background-color:var(--color-black, #010101);color:var(--color-white, #ffffff);border:1px solid var(--color-black, #010101);text-decoration:none;font-family:Mabry Pro,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.32px;text-align:center;text-transform:uppercase;white-space:nowrap;margin-top:8px;transition:background-color .2s ease,color .2s ease}.device-fit-2026__shop-btn:hover,.device-fit-2026__shop-btn:focus-visible{background-color:transparent;color:var(--color-black, #010101)}.device-fit-2026__shop-btn:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:4px}.device-fit-2026__media{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(16px,3vw,48px);width:100%;min-height:480px}.device-fit-2026__product{display:block;object-fit:contain;height:auto;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;max-height:none}.device-fit-2026__product--primary{width:clamp(280px,35vw,550px);aspect-ratio:1 / 1}.device-fit-2026__product--secondary{width:clamp(180px,22vw,320px);align-self:center}.device-fit-2026__product--clickable{cursor:pointer;transform-origin:center center;transition:transform .2s ease,opacity .2s ease}.device-fit-2026__product--clickable:hover,.device-fit-2026__product--clickable:focus-visible{transform:scale(1.05);opacity:.9}.device-fit-2026__product--clickable:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:4px}@media(prefers-reduced-motion:reduce){.device-fit-2026__product--clickable{transition:none}.device-fit-2026__product--clickable:hover,.device-fit-2026__product--clickable:focus-visible{transform:none}}.device-fit-2026__quiz{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:8px}.device-fit-2026__quiz-prompt{margin:0;font-family:var(--regular-font-family, "Mabry Pro", Helvetica, sans-serif);font-weight:400;font-size:var(--regular-font-size, 16px);letter-spacing:var(--regular-letter-spacing, 0);line-height:var(--regular-line-height, 20px);color:var(--color-black, #010101);text-align:center}.device-fit-2026__quiz-btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;max-width:240px;height:40px;padding:10px 32px;background:transparent;border:1px solid var(--color-black, #010101);color:var(--color-black, #010101);text-decoration:none;font-family:Mabry Pro,Helvetica,sans-serif;font-weight:400;font-size:14px;line-height:18px;letter-spacing:.32px;text-align:center;text-transform:uppercase;white-space:nowrap;transition:background-color .2s ease,color .2s ease}.device-fit-2026__quiz-btn:hover,.device-fit-2026__quiz-btn:focus-visible{background-color:var(--color-black, #010101);color:var(--color-white, #ffffff)}.device-fit-2026__quiz-btn:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:4px}.device-fit-2026__shop-btn.is-disabled,.device-fit-2026__quiz-btn.is-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.device-fit-2026__arrow.carousel-arrow-2026.device-fit-2026__arrow--mobile{display:none}.device-fit-2026__arrow,.device-fit-2026__arrow.carousel-arrow-2026{position:absolute;top:50%;margin-top:-22px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer}.device-fit-2026__arrow--prev{left:max(10px,calc((100% - 1420px)/2))}.device-fit-2026__arrow--next{right:max(10px,calc((100% - 1420px)/2))}.device-fit-2026__arrow:hover,.device-fit-2026__arrow:focus-visible{background-color:var(--color-black, #010101);color:var(--color-white, #ffffff)}.device-fit-2026__arrow:focus-visible{outline:2px solid var(--color-white, #ffffff);outline-offset:2px}@media(max-width:1023px){.device-fit-2026{overflow-x:clip;overflow-y:visible;min-height:auto}.device-fit-2026__heading-major{font-size:36px;line-height:36px;letter-spacing:0}.device-fit-2026__heading-minor{font-size:24px;line-height:24px}.device-fit-2026__quiz-prompt{font-size:20px;line-height:24px}.device-fit-2026__slides{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:0;scroll-padding-right:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.device-fit-2026__slides::-webkit-scrollbar{display:none}.device-fit-2026__slide{position:relative;inset:auto;flex:0 0 100%;min-width:0;width:100%;grid-template-columns:1fr;gap:32px;opacity:1;visibility:visible;pointer-events:auto;scroll-snap-align:start;transition:none}.device-fit-2026__slide.is-clone{display:grid}.device-fit-2026__track{min-height:auto}.device-fit-2026__media{order:1}.device-fit-2026__text{order:2}.device-fit-2026__product--secondary{display:none}.device-fit-2026__inner{align-items:flex-start}.device-fit-2026__heading{justify-content:flex-start;text-align:left;align-self:stretch}.device-fit-2026__text{align-items:flex-start;text-align:left;align-self:stretch}.device-fit-2026__features{align-self:stretch;align-items:flex-start;text-align:left}.device-fit-2026__usage-row,.device-fit-2026__features li{justify-content:flex-start}.device-fit-2026__shop-btn{align-self:flex-start}.device-fit-2026__quiz{align-items:flex-start;align-self:stretch}.device-fit-2026__quiz-prompt{text-align:left}.device-fit-2026__quiz-btn{align-self:flex-start}.device-fit-2026__media{min-height:auto}.device-fit-2026__slide{padding-bottom:8px}.device-fit-2026__product--primary{width:clamp(260px,80vw,300px)}.device-fit-2026__product--secondary{width:clamp(140px,30vw,220px)}.device-fit-2026__features li{font-size:18px;line-height:24px}.device-fit-2026__arrow.carousel-arrow-2026.device-fit-2026__arrow--desktop{display:none}.device-fit-2026__arrow.carousel-arrow-2026.device-fit-2026__arrow--mobile{display:inline-flex;position:absolute;top:clamp(120px,40vw,160px);transform:translateY(-50%);margin-top:0}.device-fit-2026__arrow--mobile.device-fit-2026__arrow--prev{left:0}.device-fit-2026__arrow--mobile.device-fit-2026__arrow--next{right:0}}@media(max-width:599px){.device-fit-2026__device-name{font-size:30px}.device-fit-2026__media{gap:12px}}@media(min-width:1024px){.device-fit-2026__inner{flex:1;width:100%;justify-content:space-between;padding:48px clamp(24px,5vw,80px) 48px 100px;gap:0}.device-fit-2026{--df-avail-h: calc(100vh - var(--header-offset, 0px) - var(--header-height, 0px));--df-device-size: max(360px, min(550px, calc(max(640px, var(--df-avail-h)) - 212px) ));min-height:max(640px,var(--df-avail-h));display:flex;flex-direction:column}.device-fit-2026__track{min-height:var(--df-device-size)}.device-fit-2026__heading-minor{font-size:24px}.device-fit-2026__slide{margin-right:calc((100vw - 100%)/-2);grid-template-columns:390px minmax(0,1fr);gap:40px}.device-fit-2026__media{justify-content:flex-start;gap:24px}.device-fit-2026__product--secondary{width:335px;height:335px;align-self:center}.device-fit-2026__product--primary{width:var(--df-device-size);height:auto;aspect-ratio:1 / 1}.device-fit-2026__body p,.device-fit-2026__features li{font-size:20px;line-height:24px}.device-fit-2026__features{gap:18px;margin:0 0 27px}}@media(prefers-reduced-motion:reduce){.device-fit-2026__slide,.device-fit-2026__shop-btn,.device-fit-2026__quiz-btn,.device-fit-2026__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/934/assets/find-device-fit-2026.css.map */