.zyma-range{--range-nav-h: 44px;--range-gap: clamp(.75rem, 1.2vw, 1rem);--range-breathing: 2rem;padding-block:calc(var(--range-pad-top, 48px) * var(--zyma-section-scale, 1)) calc(var(--range-pad-bottom, 48px) * var(--zyma-section-scale, 1));background:var(--color-background);color:var(--color-foreground)}.zyma-range__inner{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,2rem);min-width:0}.zyma-range__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem}.zyma-range__intro{max-width:64rem;min-width:0}.zyma-range .zyma-range__eyebrow{margin:0 0 .5rem;font-family:var(--zyma-font-body, var(--font-body--family));font-size:.75rem;font-weight:500;line-height:1.2;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .68)}.zyma-range .zyma-range__heading{margin:0;font-family:var(--zyma-font-display, var(--font-heading--family));font-size:clamp(1.875rem,1.1rem + 2.2vw,3rem);font-weight:400;line-height:1;letter-spacing:-.035em;color:var(--color-foreground-heading, var(--color-foreground));text-wrap:balance}.zyma-range .zyma-range__subheading{max-width:44rem;margin:.6rem 0 0;font-size:1rem;line-height:1.5;color:rgb(var(--color-foreground-rgb) / .72)}.zyma-range .zyma-range__link{display:inline-flex;align-items:center;min-height:44px;padding-inline:.25rem;color:inherit;font-size:.875rem;font-weight:500;white-space:nowrap;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.zyma-range .zyma-range__link:hover{text-decoration-thickness:2px}.zyma-range__slider{display:flex;flex-direction:column;gap:var(--range-gap)}.zyma-range__viewport{position:relative;overflow:hidden;border:1px solid rgb(var(--color-foreground-rgb) / .08);border-radius:var(--range-radius, 24px);background:rgb(var(--color-foreground-rgb) / .04);height:clamp(24rem,calc(100vh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)),var(--range-max-h, 720px));height:clamp(24rem,calc(100svh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)),var(--range-max-h, 720px))}.zyma-range__slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,var(--range-media, 58%));grid-template-rows:minmax(0,1fr);min-width:0;height:100%;overflow:hidden;background:var(--color-background);color:var(--color-foreground)}.zyma-range__media{grid-column:2;grid-row:1}.zyma-range__content{grid-column:1;grid-row:1}.zyma-range--media-left .zyma-range__slide{grid-template-columns:minmax(0,var(--range-media, 58%)) minmax(0,1fr)}.zyma-range--media-left .zyma-range__media{grid-column:1}.zyma-range--media-left .zyma-range__content{grid-column:2}.zyma-range__media{position:relative;min-width:0;min-height:0;overflow:hidden;background:color-mix(in srgb,var(--range-accent, rgb(var(--color-foreground-rgb))) 10%,var(--color-background))}.zyma-range__media picture{display:block;height:100%}.zyma-range__media :is(img,svg){position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--range-focal, center);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zyma-range__placeholder{fill:rgb(var(--color-foreground-rgb) / .22)}.zyma-range .zyma-range__count{position:absolute;inset-inline-end:1rem;bottom:1rem;padding:.4rem .7rem;border-radius:999px;background:rgb(var(--color-background-rgb) / .74);color:var(--color-foreground);font-size:.6875rem;font-weight:500;letter-spacing:.08em;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zyma-range__content{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.75rem,1.4vw,1.25rem);min-width:0;min-height:0;padding:clamp(1.5rem,4vw,4rem);overflow:hidden}.zyma-range__content:before{content:"";position:absolute;inset-block:clamp(1.5rem,4vw,4rem);inset-inline-start:0;width:3px;border-start-end-radius:3px;border-end-end-radius:3px;background:var(--range-accent, transparent)}.zyma-range .zyma-range__category{display:inline-flex;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:500;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / .72)}.zyma-range__category:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--range-accent, currentColor)}.zyma-range .zyma-range__title{margin:0;font-family:var(--zyma-font-display, var(--font-heading--family));font-size:clamp(2.5rem,1rem + 4vw,4.75rem);font-weight:400;line-height:.92;letter-spacing:-.045em;color:var(--color-foreground-heading, var(--color-foreground));overflow-wrap:anywhere}.zyma-range .zyma-range__description{display:-webkit-box;max-width:34rem;margin:0;overflow:hidden;font-size:clamp(.95rem,.9rem + .2vw,1.0625rem);line-height:1.6;color:rgb(var(--color-foreground-rgb) / .74);-webkit-box-orient:vertical;-webkit-line-clamp:4}.zyma-range .zyma-range__detail{display:-webkit-box;max-width:34rem;margin:0;padding-top:.9rem;overflow:hidden;border-top:1px solid rgb(var(--color-foreground-rgb) / .12);font-size:.875rem;line-height:1.55;color:rgb(var(--color-foreground-rgb) / .62);-webkit-box-orient:vertical;-webkit-line-clamp:2}.zyma-range .zyma-range__button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:48px;margin-top:.25rem;padding:0 1.5rem;border:1px solid var(--color-primary-button-border);border-radius:var(--range-button-radius, 40px);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.zyma-range .zyma-range__button:hover{border-color:var(--color-primary-button-hover-border);background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text)}.zyma-range__button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.zyma-range__nav{display:flex;align-items:center;gap:1rem;min-width:0;min-height:var(--range-nav-h)}.zyma-range__switcher{display:flex;flex:1 1 auto;align-items:center;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none;scroll-padding-inline:1rem}.zyma-range__switcher::-webkit-scrollbar{display:none}.zyma-range__switcher--mobile{display:none}.zyma-range .zyma-range__switch{display:inline-flex;flex:none;align-items:center;gap:.6rem;min-height:44px;padding:0 1.1rem;border:1px solid rgb(var(--color-foreground-rgb) / .14);border-radius:999px;background:transparent;color:rgb(var(--color-foreground-rgb) / .78);font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.zyma-range .zyma-range__switch:hover{border-color:rgb(var(--color-foreground-rgb) / .4);color:var(--color-foreground)}.zyma-range .zyma-range__switch[aria-current=true]{border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background)}.zyma-range__switch-accent{flex:none;width:8px;height:8px;border-radius:50%;background:var(--range-accent, currentColor)}.zyma-range--switch-numbers .zyma-range__switcher--desktop{gap:clamp(1rem,2vw,2rem)}.zyma-range--switch-numbers .zyma-range__switcher--desktop .zyma-range__switch{padding-inline:.1rem;border:0;border-radius:0;box-shadow:inset 0 -1px rgb(var(--color-foreground-rgb) / .14)}.zyma-range--switch-numbers .zyma-range__switcher--desktop .zyma-range__switch[aria-current=true]{background:transparent;color:var(--color-foreground);box-shadow:inset 0 -2px 0 currentColor}.zyma-range__switch-number{font-size:.75rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-foreground-rgb) / .64)}.zyma-range--switch-thumbnails .zyma-range__switcher--desktop .zyma-range__switch{padding-inline:.25rem 1rem}.zyma-range--switch-thumbnails .zyma-range__switcher--desktop .zyma-range__switch[aria-current=true]{background:rgb(var(--color-foreground-rgb) / .06);color:var(--color-foreground)}.zyma-range__switch-thumb{flex:none;width:34px;height:34px;overflow:hidden;border-radius:50%;background:rgb(var(--color-foreground-rgb) / .08)}.zyma-range__switch-thumb :is(img,svg){display:block;width:100%;height:100%;object-fit:cover}.zyma-range .zyma-range__dot{position:relative;flex:none;width:32px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:width .3s ease}.zyma-range .zyma-range__dot:after{content:"";position:absolute;inset-inline:8px;top:50%;height:4px;margin-top:-2px;border-radius:4px;background:rgb(var(--color-foreground-rgb) / .22);transition:background-color .2s ease}.zyma-range .zyma-range__dot[aria-current=true]{width:48px}.zyma-range .zyma-range__dot[aria-current=true]:after{background:var(--color-foreground)}.zyma-range__buttons{display:flex;flex:none;align-items:center;gap:.5rem}.zyma-range__counter{padding-inline:.25rem;font-size:.8125rem;font-variant-numeric:tabular-nums;color:rgb(var(--color-foreground-rgb) / .64)}.zyma-range .zyma-range__icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .16);border-radius:999px;background:transparent;color:inherit;cursor:pointer;transition:background-color .2s ease}.zyma-range .zyma-range__icon-button:hover{background:rgb(var(--color-foreground-rgb) / .06)}.zyma-range__icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.zyma-range__icon-button .zyma-range__icon-play{display:none}.zyma-range__icon-button.is-paused .zyma-range__icon-play{display:block}.zyma-range__icon-button.is-paused .zyma-range__icon-pause{display:none}[dir=rtl] .zyma-range__arrow svg{transform:scaleX(-1)}.zyma-range :is(a,button):focus-visible{outline:2px solid currentColor;outline-offset:3px}.zyma-range__empty{position:relative;display:grid;place-items:center;min-height:20rem;overflow:hidden;border-radius:var(--range-radius, 24px);background:rgb(var(--color-foreground-rgb) / .04)}.zyma-range__empty svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:rgb(var(--color-foreground-rgb) / .15)}.zyma-range__empty p{position:relative;margin:0;padding:.75rem 1rem;border-radius:8px;background:var(--color-background);font-size:.875rem}@media(min-width:750px)and (max-height:820px){.zyma-range .zyma-range__description{-webkit-line-clamp:3}.zyma-range .zyma-range__detail{display:none}.zyma-range .zyma-range__title{font-size:clamp(2.25rem,1rem + 3vw,3.75rem)}}@media(max-width:989px){.zyma-range{--range-nav-h: 48px}}@media(min-width:750px)and (max-width:989px){.zyma-range__slide,.zyma-range--media-left .zyma-range__slide{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.zyma-range__content{padding:2rem}}@media(max-width:749px){.zyma-range{--range-breathing: 1.25rem}.zyma-range__header{grid-template-columns:minmax(0,1fr)}.zyma-range__header .zyma-range__link{justify-self:start}.zyma-range__viewport{border-radius:min(var(--range-radius, 24px),20px);height:clamp(26rem,calc(100vh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)),46rem);height:clamp(26rem,calc(100svh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)),46rem)}.zyma-range__slide,.zyma-range--media-left .zyma-range__slide{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(8rem,1fr) auto}.zyma-range__media,.zyma-range--media-left .zyma-range__media{grid-column:1;grid-row:1}.zyma-range__content,.zyma-range--media-left .zyma-range__content{grid-column:1;grid-row:2}.zyma-range__media :is(img,svg){object-position:var(--range-focal-mobile, center)}.zyma-range__content{justify-content:flex-start;gap:.6rem;padding:1.1rem 1.25rem 1.25rem}.zyma-range__content:before{inset-block:1.1rem auto;height:calc(100% - 2.35rem)}.zyma-range .zyma-range__title{font-size:clamp(2rem,9vw,2.75rem)}.zyma-range .zyma-range__description{font-size:.9375rem;-webkit-line-clamp:3}.zyma-range .zyma-range__detail{display:none}.zyma-range .zyma-range__button{width:100%;margin-top:.35rem}.zyma-range .zyma-range__count{inset-inline-end:.75rem;bottom:.75rem}.zyma-range__switcher--desktop{display:none}.zyma-range__switcher--mobile{display:flex}.zyma-range__arrow,.zyma-range--mswitch-chips .zyma-range__counter{display:none}.zyma-range--mswitch-dots .zyma-range__switcher--mobile{gap:0}}@media(max-width:749px)and (max-height:700px){.zyma-range .zyma-range__description{-webkit-line-clamp:2}.zyma-range .zyma-range__title{font-size:clamp(1.75rem,8vw,2.25rem)}}@media(max-height:480px)and (orientation:landscape){.zyma-range{--range-breathing: .75rem}.zyma-range__viewport,.zyma-range .zyma-range__viewport{height:max(11rem,calc(100vh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)));height:max(11rem,calc(100svh - var(--header-group-height, 0px) - var(--range-nav-h) - var(--range-gap) - var(--range-breathing)))}.zyma-range__slide,.zyma-range--media-left .zyma-range__slide{grid-template-columns:minmax(0,1fr) minmax(0,42%);grid-template-rows:minmax(0,1fr)}.zyma-range__media,.zyma-range--media-left .zyma-range__media{grid-column:2;grid-row:1}.zyma-range__content,.zyma-range--media-left .zyma-range__content{grid-column:1;grid-row:1;justify-content:center;gap:.4rem;padding:.75rem 1rem}.zyma-range__content:before{display:none}.zyma-range .zyma-range__title{font-size:1.5rem}.zyma-range .zyma-range__description,.zyma-range .zyma-range__detail{display:none}.zyma-range .zyma-range__button{width:auto;min-height:44px;margin-top:0}}@media(prefers-reduced-motion:reduce){.zyma-range .zyma-range__switch,.zyma-range .zyma-range__dot,.zyma-range .zyma-range__dot:after,.zyma-range .zyma-range__button,.zyma-range .zyma-range__icon-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/90/assets/zyma-range.css.map */