.custom-video-slider{display:flex;flex-direction:column;align-items:stretch;gap:var(--video-slider-section-gap);width:100%;padding-block:var(--video-slider-section-padding-block);background-color:var(--color-okuma-pearl);overflow-x:clip}.custom-video-slider__header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-md);width:100%;max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--content-gutter);text-align:start}.custom-video-slider__subtitle{font-family:var(--font-heading--family);font-weight:800;font-size:var(--font-size--lg);line-height:1;letter-spacing:var(--video-slider-eyebrow-tracking);text-transform:uppercase;color:var(--color-okuma-gold);white-space:nowrap}.custom-video-slider__title{font-family:var(--font-heading--family);font-weight:800;font-size:var(--video-slider-title-size);line-height:var(--video-slider-title-line-height);letter-spacing:var(--video-slider-title-tracking);color:var(--color-foreground-heading);text-transform:capitalize;margin:0}.custom-video-slider__warning{width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:var(--padding-2xl);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));border:var(--style-border-width) dashed var(--color-okuma-slate);border-radius:var(--style-border-radius-md);color:var(--color-okuma-slate);text-align:center}.custom-video-slider__stage{position:relative;width:100%;aspect-ratio:16 / 9;padding-inline:var(--content-gutter);cursor:default;touch-action:auto}.custom-video-slider__tile{position:absolute;inset:0 var(--content-gutter);width:auto;height:100%;top:0;left:var(--content-gutter);transform:none;border-radius:var(--video-slider-tile-radius);overflow:hidden;cursor:pointer;transform-origin:center center;will-change:transform;display:none}.custom-video-slider__tile.is-active-position{display:block}.custom-video-slider__tile:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-video-slider__tile-frame{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.custom-video-slider__tile-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;user-drag:none;pointer-events:none}.custom-video-slider__tile-image--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-okuma-blue-400) 0%,var(--color-okuma-navy) 100%)}.custom-video-slider__placeholder-svg{width:50%;height:50%;opacity:var(--opacity-30);filter:brightness(2)}.custom-video-slider__tile-shade{position:absolute;top:0;right:0;bottom:0;left:0;background-color:transparent;pointer-events:none;z-index:var(--layer-flat)}.custom-video-slider__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:var(--video-slider-play-width);height:var(--video-slider-play-height);padding:0;background:transparent;border:0;cursor:pointer;z-index:var(--layer-heightened);opacity:0;pointer-events:none;transition:opacity var(--animation-speed-slow) var(--ease-out-cubic)}.custom-video-slider__tile.is-active-position .custom-video-slider__play{opacity:1;pointer-events:auto}.custom-video-slider__tile.is-playing .custom-video-slider__play{opacity:0;pointer-events:none}.custom-video-slider__play:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-video-slider__play svg{display:block;width:100%;height:100%}.custom-video-slider__play-bg{fill:var(--color-white)}.custom-video-slider__play-fg{fill:var(--color-okuma-navy)}.custom-video-slider__tile-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;border-radius:inherit;z-index:var(--layer-overlay)}.custom-video-slider__nav{display:none}.custom-video-slider__cta-wrap{display:flex;justify-content:center;width:100%}.custom-video-slider__cta{--button-color: var(--color-okuma-navy);--button-background-color: var(--color-background);--button-border-color: var(--color-okuma-stone);--button-border-width: var(--video-slider-cta-border-width);--button-padding-block: var(--video-slider-cta-padding-block);--button-padding-inline: var(--video-slider-cta-padding-inline);display:inline-flex;align-items:center;gap:var(--gap-xs);border-radius:var(--style-border-radius-pills);font-family:var(--font-heading--family);font-size:var(--font-size--sm);letter-spacing:var(--letter-spacing-sm);white-space:nowrap}.custom-video-slider__cta:hover{--button-color: var(--color-white);--button-background-color: var(--color-okuma-navy);--button-border-color: var(--color-okuma-navy)}.custom-video-slider__cta:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-video-slider__cta-arrow{margin-inline-start:var(--margin-2xs)}.custom-video-slider__thumb-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-sm);padding-inline:var(--content-gutter)}.custom-video-slider__thumb{position:relative;display:block;padding:0;background:transparent;border:var(--video-slider-thumb-border-width) solid transparent;border-radius:var(--style-border-radius-sm);overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;transition:border-color var(--animation-speed) var(--ease-out-cubic)}.custom-video-slider__thumb.is-active{border-color:var(--color-okuma-gold)}.custom-video-slider__thumb:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset);border-color:transparent;box-shadow:none}.custom-video-slider__thumb-image{width:100%;height:100%;object-fit:cover;display:block}.custom-video-slider__thumb-image--placeholder{background:linear-gradient(135deg,var(--color-okuma-blue-400) 0%,var(--color-okuma-navy) 100%)}@media(min-width:750px){.custom-video-slider{align-items:center;gap:var(--video-slider-section-gap-desktop);padding-block:var(--video-slider-section-padding-block-desktop);padding-inline:0}.custom-video-slider__header{align-items:center;text-align:center;padding-inline:var(--content-gutter)}.custom-video-slider__title{white-space:nowrap}.custom-video-slider__stage{position:relative;aspect-ratio:auto;height:var(--video-slider-stage-height);display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;padding-inline:0;padding-block:var(--video-slider-stage-padding-block);--tile-w: var(--video-slider-side-tile-width);--tile-h: var(--video-slider-side-tile-height);--center-scale: var(--video-slider-center-scale);--slot-x: var(--video-slider-slot-x)}.custom-video-slider__stage.is-dragging{cursor:grabbing}.custom-video-slider__tile{position:absolute;inset:auto;top:50%;left:50%;right:auto;bottom:auto;width:var(--tile-w);height:var(--tile-h);border-radius:var(--video-slider-tile-radius);transform:translate(-50%,-50%);display:none}.custom-video-slider__tile[data-visible=true]{display:block}.custom-video-slider__stage:not(.is-dragging) .custom-video-slider__tile{transition:transform var(--animation-speed-slow) var(--ease-out-cubic),opacity var(--animation-speed-slow) var(--ease-out-cubic)}.custom-video-slider__tile-shade{background-color:var(--color-foreground)}.custom-video-slider__stage:not(.is-dragging) .custom-video-slider__tile-shade{transition:opacity var(--animation-speed-slow) var(--ease-out-cubic)}.custom-video-slider__thumb-rail{display:none}.custom-video-slider__nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--layer-heightened);display:flex;align-items:center;justify-content:center;width:3.125rem;height:3.125rem;padding:0;border:var(--style-border-width) solid var(--color-okuma-stone);border-radius:var(--style-border-radius-50);background-color:var(--color-white);color:var(--color-okuma-navy);cursor:pointer;transition:background-color var(--animation-speed) var(--ease-out-cubic),color var(--animation-speed) var(--ease-out-cubic),border-color var(--animation-speed) var(--ease-out-cubic)}.custom-video-slider__nav--prev{margin-left:calc(-1 * var(--video-slider-nav-offset))}.custom-video-slider__nav--next{margin-left:var(--video-slider-nav-offset)}.custom-video-slider__nav:hover{background-color:var(--color-okuma-navy);border-color:var(--color-okuma-navy);color:var(--color-white)}.custom-video-slider__nav:focus-visible{outline:var(--focus-outline-width) solid var(--color-focus);outline-offset:var(--focus-outline-offset)}.custom-video-slider__nav-icon{display:flex;width:1.25rem;height:1.25rem;--icon-stroke-width: 2px}.custom-video-slider__nav-icon svg{width:100%;height:100%}.custom-video-slider__nav--prev .custom-video-slider__nav-icon{transform:scaleX(-1)}.custom-video-slider__cta-wrap{padding-inline:var(--content-gutter)}}@media(min-width:750px)and (max-width:1023px){.custom-video-slider__stage{--video-slider-side-tile-width: 26.25rem;--video-slider-side-tile-height: 15rem;--video-slider-center-scale: 1.357;--video-slider-slot-x: 11.6875rem;--video-slider-stage-height: 21.25rem;--video-slider-nav-offset: 21rem}}@media(prefers-reduced-motion:reduce){.custom-video-slider__tile,.custom-video-slider__tile-shade,.custom-video-slider__play,.custom-video-slider__thumb,.custom-video-slider__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/custom-video-slider.css.map */