.civb{position:relative;background:var(--civb-section-bg);padding-top:var(--civb-pad-top-m);padding-bottom:var(--civb-pad-bottom-m);overflow:hidden}.civb,.civb *{box-sizing:border-box}.civb *{-webkit-tap-highlight-color:transparent}.civb__outer{width:100%;padding-left:var(--civb-side-pad-m);padding-right:var(--civb-side-pad-m)}.civb__inner{width:100%;margin-left:auto;margin-right:auto}.civb:not(.civb--fullscreen-desktop) .civb__inner{max-width:var(--civb-max-width)}.civb__media-stage{position:relative;width:100%;isolation:isolate;overflow:hidden;background:var(--civb-section-bg);touch-action:pan-y;-webkit-user-select:none;user-select:none}.civb__ratio-spacer{display:block;width:100%;pointer-events:none}.civb__ratio-spacer:before{content:"";display:block;width:100%;padding-top:calc(100% / var(--civb-ar-m))}.civb__slides{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%}.civb__slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--civb-transition-ms) ease,visibility 0s linear var(--civb-transition-ms)}.civb__slide.is-active{z-index:2;opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--civb-transition-ms) ease,visibility 0s linear 0s}.civb--no-transition .civb__slide,.civb[data-civb-effect=instant] .civb__slide{transition:none!important}.civb__slide-inner{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.civb__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden}.civb__media--desktop{display:block}.civb__media--mobile{display:none}.civb__media-el,.civb__media img,.civb__media video,.civb__media svg{display:block;width:100%;height:100%}.civb__media-image,.civb__media-video,.civb__media img,.civb__media video{width:100%;height:100%;object-fit:cover;object-position:center center;transform:none!important}.civb__media img,.civb__media picture,.civb__media video,.civb__media svg{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.civb__media img,.civb__media video,.civb__media svg{pointer-events:none}.civb__media--placeholder{background:#0000000a}.civb__placeholder-svg{width:100%;height:100%}.civb__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:var(--civb-overlay-color);opacity:var(--civb-overlay-opacity);pointer-events:none}.civb__content-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;pointer-events:none}.civb__content-box{position:relative;display:flex;flex-direction:column;pointer-events:none;opacity:0;transform:translate3d(0,8px,0);transition:opacity .36s ease,transform .42s cubic-bezier(.22,1,.36,1)}.civb__slide.is-active .civb__content-box{opacity:1;transform:translateZ(0)}.civb--no-transition .civb__content-box,.civb[data-civb-effect=instant] .civb__content-box{transition:none!important}.civb__content-box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:var(--civb-content-bg);opacity:var(--civb-content-bg-opacity);pointer-events:none}.civb__content-box>*{position:relative;z-index:1}.civb__heading,.civb__body{margin:0}.civb__heading{color:var(--civb-heading-color);font-size:var(--civb-heading-size-m);line-height:1.12;font-weight:500;letter-spacing:-.02em;-webkit-user-select:none;user-select:none}.civb__heading p{margin:0}.civb__body{color:var(--civb-body-color);font-size:var(--civb-body-size-m);line-height:1.6;-webkit-user-select:none;user-select:none}.civb__body.rte,.civb__body.rte *{font-size:inherit!important;line-height:inherit!important;color:inherit!important}.civb__body.rte p:first-child,.civb__body.rte h1:first-child,.civb__body.rte h2:first-child,.civb__body.rte h3:first-child,.civb__body.rte h4:first-child,.civb__body.rte h5:first-child,.civb__body.rte h6:first-child,.civb__body.rte ul:first-child,.civb__body.rte ol:first-child{margin-top:0}.civb__body.rte p:last-child,.civb__body.rte h1:last-child,.civb__body.rte h2:last-child,.civb__body.rte h3:last-child,.civb__body.rte h4:last-child,.civb__body.rte h5:last-child,.civb__body.rte h6:last-child,.civb__body.rte ul:last-child,.civb__body.rte ol:last-child{margin-bottom:0}.civb__button-wrap{width:100%;display:flex;pointer-events:auto}.civb__button{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:auto;margin:0;border-radius:var(--civb-btn-radius);font-family:inherit;font-size:var(--civb-btn-font-size-m);font-weight:500;line-height:1.2;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;pointer-events:auto;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:color .22s ease,background-color .22s ease,border-color .22s ease,opacity .22s ease}.civb__button--solid{padding:var(--civb-btn-pad-y-m) var(--civb-btn-pad-x-m);color:var(--civb-btn-text);background:var(--civb-btn-bg);border:1px solid var(--civb-btn-border)}.civb__button--solid:hover{color:var(--civb-btn-hover-text);background:var(--civb-btn-hover-bg);border-color:var(--civb-btn-hover-border)}.civb__button--outline{padding:var(--civb-btn-pad-y-m) var(--civb-btn-pad-x-m);color:var(--civb-btn-text);background:transparent;border:1px solid var(--civb-btn-border)}.civb__button--outline:hover{color:var(--civb-btn-hover-text);background:var(--civb-btn-hover-bg);border-color:var(--civb-btn-hover-border)}.civb__button--link{padding:0;color:var(--civb-btn-text);background:transparent;border:0;border-radius:0;text-decoration:underline;text-underline-offset:.22em}.civb__button--link:hover{color:var(--civb-btn-hover-text);background:transparent}.civb__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.civb__arrows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none}.civb__arrow{position:absolute;top:50%;z-index:21;display:none;align-items:center;justify-content:center;padding:0;color:var(--civb-arrow-color);background:transparent;border:0;border-radius:999px;cursor:pointer;pointer-events:auto;transform:translateY(-50%);overflow:hidden;appearance:none;-webkit-appearance:none;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .22s cubic-bezier(.22,1,.36,1)}.civb__arrow:hover{transform:translateY(-50%) scale(1.04)}.civb__arrow:active{transform:translateY(-50%) scale(.98)}.civb__arrow:focus-visible{outline:2px solid currentColor;outline-offset:3px}.civb__arrow--prev{left:var(--civb-arrow-offset-x-m)}.civb__arrow--next{right:var(--civb-arrow-offset-x-m)}.civb__arrow-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:var(--civb-arrow-bg);opacity:var(--civb-arrow-bg-opacity);pointer-events:none}.civb__arrow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:1px solid var(--civb-arrow-border-color);border-radius:inherit;opacity:var(--civb-arrow-border-opacity);pointer-events:none}.civb__arrow-icon{position:relative;z-index:2;display:block;pointer-events:none}.civb__dots{position:absolute;left:50%;z-index:22;display:none;align-items:center;justify-content:center;width:auto;max-width:calc(100% - 40px);transform:translate(-50%);pointer-events:auto}.civb__dot{display:flex;align-items:center;justify-content:center;padding:7px;background:transparent;border:0;border-radius:999px;cursor:pointer;appearance:none;-webkit-appearance:none;pointer-events:auto;-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.civb__dot:focus-visible{outline:2px solid var(--civb-dot-active-color);outline-offset:2px}.civb__dot-inner{display:block;width:var(--civb-dot-size-m);height:var(--civb-dot-size-m);border-radius:999px;background:var(--civb-dot-color);opacity:var(--civb-dot-opacity);pointer-events:none;transition:width .24s cubic-bezier(.22,1,.36,1),background-color .24s cubic-bezier(.22,1,.36,1),opacity .24s cubic-bezier(.22,1,.36,1),transform .24s cubic-bezier(.22,1,.36,1)}.civb__dot:hover .civb__dot-inner{transform:scale(1.15)}.civb__dot.is-active .civb__dot-inner{width:var(--civb-dot-active-size-m);background:var(--civb-dot-active-color);opacity:var(--civb-dot-active-opacity)}.civb--drag-enabled .civb__media-stage{cursor:grab}.civb--drag-enabled.is-dragging .civb__media-stage{cursor:grabbing}.civb.is-dragging .civb__button-wrap,.civb.is-dragging .civb__button{pointer-events:none}@media screen and (min-width:750px){.civb{padding-top:var(--civb-pad-top-d);padding-bottom:var(--civb-pad-bottom-d)}.civb__outer{padding-left:var(--civb-side-pad-d);padding-right:var(--civb-side-pad-d)}.civb__ratio-spacer:before{padding-top:calc(100% / var(--civb-ar-d))}.civb__media--desktop{display:block}.civb__media--mobile{display:none}.civb__content-layer{justify-content:var(--civb-desktop-x);align-items:var(--civb-desktop-y);padding:48px}.civb__content-box{width:min(100%,var(--civb-content-max-d));padding:var(--civb-box-pad-y-d) var(--civb-box-pad-x-d);border-radius:var(--civb-box-radius);text-align:var(--civb-text-align-d);gap:var(--civb-content-gap-d)}.civb__heading{font-size:var(--civb-heading-size-d)}.civb__body{font-size:var(--civb-body-size-d)}.civb__heading--desktop,.civb__body--desktop{display:block}.civb__heading--mobile,.civb__body--mobile{display:none}.civb__button-wrap{justify-content:var(--civb-button-justify-d)}.civb__button{font-size:var(--civb-btn-font-size-d)}.civb__button--solid,.civb__button--outline{padding:var(--civb-btn-pad-y-d) var(--civb-btn-pad-x-d)}.civb__arrow{width:var(--civb-arrow-size-d);height:var(--civb-arrow-size-d)}.civb__arrow--prev{left:var(--civb-arrow-offset-x-d)}.civb__arrow--next{right:var(--civb-arrow-offset-x-d)}.civb__arrow-icon{width:var(--civb-arrow-icon-size-d);height:var(--civb-arrow-icon-size-d)}.civb--arrows-desktop .civb__arrow{display:flex}.civb__dots{bottom:var(--civb-dot-bottom-d);gap:var(--civb-dot-gap-d)}.civb--dots-desktop .civb__dots{display:flex}.civb__dot-inner{width:var(--civb-dot-size-d);height:var(--civb-dot-size-d)}.civb__dot.is-active .civb__dot-inner{width:var(--civb-dot-active-size-d)}}@media screen and (max-width:749px){.civb{padding-top:var(--civb-pad-top-m);padding-bottom:var(--civb-pad-bottom-m)}.civb__outer{padding-left:var(--civb-side-pad-m);padding-right:var(--civb-side-pad-m)}.civb__ratio-spacer:before{padding-top:calc(100% / var(--civb-ar-m))}.civb__slide--has-mobile-media .civb__media--desktop{display:none}.civb__slide--has-mobile-media .civb__media--mobile{display:block}.civb__content-layer{justify-content:center;align-items:var(--civb-mobile-y);padding:24px 18px}.civb__content-box{width:min(100%,var(--civb-content-max-m));padding:var(--civb-box-pad-y-m) var(--civb-box-pad-x-m);border-radius:var(--civb-box-radius);text-align:var(--civb-text-align-m);gap:var(--civb-content-gap-m)}.civb__heading{font-size:var(--civb-heading-size-m)}.civb__body{font-size:var(--civb-body-size-m)}.civb__heading--desktop,.civb__body--desktop{display:none}.civb__heading--mobile,.civb__body--mobile{display:block}.civb__button-wrap{justify-content:var(--civb-button-justify-m)}.civb__button{font-size:var(--civb-btn-font-size-m)}.civb__button--solid,.civb__button--outline{padding:var(--civb-btn-pad-y-m) var(--civb-btn-pad-x-m)}.civb__arrow{width:var(--civb-arrow-size-m);height:var(--civb-arrow-size-m)}.civb__arrow--prev{left:var(--civb-arrow-offset-x-m)}.civb__arrow--next{right:var(--civb-arrow-offset-x-m)}.civb__arrow-icon{width:var(--civb-arrow-icon-size-m);height:var(--civb-arrow-icon-size-m)}.civb--arrows-mobile .civb__arrow{display:flex}.civb__dots{bottom:var(--civb-dot-bottom-m);gap:var(--civb-dot-gap-m)}.civb--dots-mobile .civb__dots{display:flex}.civb__dot-inner{width:var(--civb-dot-size-m);height:var(--civb-dot-size-m)}.civb__dot.is-active .civb__dot-inner{width:var(--civb-dot-active-size-m)}}.civb button{font-family:inherit}.civb a{color:inherit}.civb [hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.civb,.civb *{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-image-video-banner.css.map */