.features-rocko{--fr-gap: 12px;--fr-per-view: 1.2;background:var(--fr-bg, var(--c-bg));color:var(--c-text);overflow:hidden}.features-rocko__slider{display:block}.features-rocko__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.features-rocko__intro{display:flex;flex-direction:column;gap:12px;min-width:0;max-width:720px}.features-rocko__title{color:var(--fr-heading, var(--c-text));overflow-wrap:break-word;font-size:clamp(38px,4.6vw,64px)}.features-rocko__subtitle{margin:0;color:var(--fr-subtitle, var(--c-muted));font-size:1rem;line-height:1.6}.features-rocko__buttons{display:none;flex:none;gap:8px}.features-rocko__arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--fr-nav, var(--c-text));border-radius:50%;color:var(--fr-nav, var(--c-text));transition:background-color var(--dur-fast) ease-in-out,color var(--dur-fast) ease-in-out,opacity var(--dur-fast)}@media(hover:hover){.features-rocko__arrow:not([disabled]):hover{background:var(--fr-nav, var(--c-text));color:var(--fr-bg, var(--c-bg))}}.features-rocko__arrow[disabled]{opacity:.3;cursor:default}.features-rocko__track{position:relative;display:flex;gap:var(--fr-gap);margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scroll-behavior:smooth}.features-rocko__track:focus-visible{outline-offset:-2px}.features-rocko__slide{display:flex;flex-direction:column;flex:0 0 calc((100% - var(--fr-gap) * (var(--fr-per-view) - 1)) / var(--fr-per-view));min-width:0;scroll-snap-align:start;border-radius:var(--radius);background:color-mix(in srgb,var(--fr-bg, #111) 93%,#fff);overflow:hidden}.features-rocko__image-wrap{aspect-ratio:var(--fr-ratio, 1);border-radius:var(--radius) var(--radius) 0 0}.features-rocko__image-wrap--has-image{background:transparent}.features-rocko__image-wrap>img{transition:transform .6s var(--ease),opacity .45s var(--ease)}@media(hover:hover){.features-rocko__slide:hover .features-rocko__image-wrap>img{transform:none}}.features-rocko__content{display:flex;flex-direction:column;gap:8px;padding:18px 16px 22px}.features-rocko .features-rocko__slide-title{margin:0;font-family:var(--font-body);font-weight:900;font-size:19px;letter-spacing:-1px;text-transform:uppercase;line-height:1.2;overflow-wrap:break-word}.features-rocko__slide-text{margin:0;font-size:16px;line-height:1.5;opacity:.8}.features-rocko__dots{display:flex;justify-content:center;gap:4px;margin-top:16px}.features-rocko__dot{position:relative;width:24px;height:24px}.features-rocko__dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:8px;height:8px;border:1.5px solid var(--fr-nav, var(--c-text));border-radius:50%;opacity:.5;transition:background-color var(--dur-fast),opacity var(--dur-fast),width var(--dur-fast)}.features-rocko__dot[aria-current=true]:before{width:20px;border-radius:4px;background:var(--fr-nav, var(--c-text));opacity:1}.features-rocko__slider.is-static .features-rocko__dots,.features-rocko__slider.is-static .features-rocko__buttons{visibility:hidden}@media(min-width:750px){.features-rocko{--fr-gap: 20px;--fr-per-view: 2.2}.features-rocko__header{margin-bottom:32px}.features-rocko__buttons{display:flex}.features-rocko__dots{display:none}.features-rocko__subtitle{font-size:1.0625rem}.features-rocko__content{padding:22px 22px 26px}.features-rocko .features-rocko__slide-title{font-size:22px}.features-rocko__slide-text{font-size:17px}}@media(min-width:990px){.features-rocko{--fr-gap: 24px;--fr-per-view: 3.2}.features-rocko__header{margin-bottom:40px}}.features-rocko{--fr-gap: 15px;--fr-per-view: 1.25}@media(min-width:768px){.features-rocko{--fr-gap: 20px;--fr-per-view: 2.3}}@media(min-width:1024px){.features-rocko{--fr-gap: 30px;--fr-per-view: 3.3}}@media(min-width:1280px){.features-rocko{--fr-per-view: 4}}.features-rocko .features-rocko__slide{flex:0 0 calc((100% - var(--fr-gap) * (var(--fr-per-view) - 1)) / var(--fr-per-view));border-radius:12px;background:#111}.features-rocko .features-rocko__track{gap:var(--fr-gap)}.features-rocko .features-rocko__image-wrap{aspect-ratio:auto;margin-bottom:20px;overflow:hidden;border-radius:8px 8px 0 0;background:none}.features-rocko .features-rocko__image-wrap>img{position:static;display:block;width:100%;height:auto;object-fit:initial;transform:none;transition:opacity .45s var(--ease)}.features-rocko .features-rocko__content{padding:0 15px 15px}.features-rocko .features-rocko__slide-text{opacity:1}.features-rocko__dot{position:relative}.features-rocko__dot:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}
/*# sourceMappingURL=/cdn/shop/t/81/assets/section-features-slider-rocko.css.map */