.purchase-interactive-video-color-switch{position:relative;display:block;overflow:hidden;background:var(--pivcs-background, #0a0b05);color:var(--pivcs-text-color, #fff)}.purchase-interactive-video-color-switch__stage{position:relative;min-height:var(--pivcs-stage-height, 800px);background-color:var(--pivcs-panel-background, #0a0b05);background-image:var(--pivcs-background-image, none);background-position:center;background-size:cover;background-repeat:no-repeat}.purchase-interactive-video-color-switch__panels,.purchase-interactive-video-color-switch__panel,.purchase-interactive-video-color-switch__media{position:absolute;top:0;right:0;bottom:0;left:0}.purchase-interactive-video-color-switch__panel[hidden],.purchase-interactive-video-color-switch__video[hidden],.purchase-interactive-video-color-switch__trigger[hidden]{display:none}.purchase-interactive-video-color-switch__panel{overflow:hidden;background:var(--pivcs-panel-background, #0a0b05);border-radius:var(--pivcs-stage-radius, 0px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.purchase-interactive-video-color-switch__panel.is-active{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}.purchase-interactive-video-color-switch__cover,.purchase-interactive-video-color-switch__cover-image,.purchase-interactive-video-color-switch__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.purchase-interactive-video-color-switch__cover,.purchase-interactive-video-color-switch__video{display:block}.purchase-interactive-video-color-switch__cover{z-index:1;opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s}.purchase-interactive-video-color-switch__cover-image,.purchase-interactive-video-color-switch__video{object-fit:cover}.purchase-interactive-video-color-switch__cover-image{display:block}.purchase-interactive-video-color-switch__video{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility 0s linear .25s}.purchase-interactive-video-color-switch__video.is-active{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}.purchase-interactive-video-color-switch__video--mobile{display:none}.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__panel,.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__cover,.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__video,.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__trigger,.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__color,.purchase-interactive-video-color-switch--no-transition .purchase-interactive-video-color-switch__color-name{transition:none}.purchase-interactive-video-color-switch__panel.is-playing .purchase-interactive-video-color-switch__cover{opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}.purchase-interactive-video-color-switch__copy{position:absolute;z-index:4;top:var(--pivcs-copy-top, 70px);left:var(--pivcs-copy-left, 58px);width:min(var(--pivcs-content-width, 520px),calc(100% - 116px));text-align:var(--pivcs-text-align, left);pointer-events:none}.purchase-interactive-video-color-switch__copy-item[hidden]{display:none}.purchase-interactive-video-color-switch__title,.purchase-interactive-video-color-switch__subtitle{margin:0}.purchase-interactive-video-color-switch__title{color:var(--pivcs-text-color, #fff);font-family:FT Terra,sans-serif;font-size:var(--pivcs-title-size, 56px);font-weight:var(--pivcs-title-weight, 500);line-height:1.1}.purchase-interactive-video-color-switch__subtitle{max-width:34ch;margin-top:16px;color:var(--pivcs-muted-color, #fff);font-family:FT Terra,sans-serif;font-size:var(--pivcs-body-size, 22px);font-weight:var(--pivcs-body-weight, 400);line-height:1.25;opacity:.6}.purchase-interactive-video-color-switch__title--mobile,.purchase-interactive-video-color-switch__subtitle--mobile{display:none}.purchase-interactive-video-color-switch__triggers{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;pointer-events:none}.purchase-interactive-video-color-switch__trigger{position:absolute;top:var(--pivcs-trigger-y, 65%);left:var(--pivcs-trigger-x, 58%);display:inline-flex;align-items:center;gap:16px;min-width:180px;min-height:50px;padding:9px 20px 9px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:#ffffff2e;color:var(--pivcs-text-color, #fff);font:inherit;font-size:20px;font-weight:500;line-height:1.2;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .25s ease,background-color .25s ease,transform .25s ease}.purchase-interactive-video-color-switch__trigger:hover{background:#ffffff4d;transform:translate(-50%,-50%) scale(1.02)}.purchase-interactive-video-color-switch__trigger:focus-visible,.purchase-interactive-video-color-switch__color:focus-visible{outline:2px solid currentColor;outline-offset:4px}.purchase-interactive-video-color-switch__trigger-dot{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#d9d9d9f2}.purchase-interactive-video-color-switch__trigger[hidden]{opacity:0;pointer-events:none}.purchase-interactive-video-color-switch__color-nav{position:absolute;z-index:8;bottom:var(--pivcs-nav-bottom, 30px);left:50%;display:flex;align-items:center;justify-content:center;gap:var(--pivcs-nav-gap, 12px);max-width:calc(100% - 32px);padding:10px 12px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:var(--pivcs-nav-background, rgba(255, 255, 255, .24));transform:translate(-50%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.purchase-interactive-video-color-switch__color{display:inline-flex;align-items:center;gap:0;min-width:50px;min-height:50px;padding:7px;border:0;border-radius:999px;background:transparent;color:var(--pivcs-nav-text-color, #fff);font:inherit;cursor:pointer;transition:min-width .3s ease,padding .3s ease,background-color .3s ease}.purchase-interactive-video-color-switch__color.is-active{min-width:210px;padding-right:22px;background:#ffffff1f}.purchase-interactive-video-color-switch__swatch-image,.purchase-interactive-video-color-switch__swatch-fallback{display:block;flex:0 0 36px;width:36px;height:36px;border-radius:50%;object-fit:cover;background:var(--pivcs-swatch-color, #d9d9d9);background-position:center;background-size:cover;background-repeat:no-repeat}.purchase-interactive-video-color-switch__color-name{max-width:0;overflow:hidden;padding-left:0;color:inherit;font-family:FT Terra,sans-serif;font-size:20px;font-weight:500;line-height:1.2;opacity:0;white-space:nowrap;transition:max-width .3s ease,opacity .25s ease,padding-left .3s ease}.purchase-interactive-video-color-switch__color.is-active .purchase-interactive-video-color-switch__color-name{max-width:180px;padding-left:16px;opacity:1}@media(max-width:749px){.purchase-interactive-video-color-switch__stage{min-height:var(--pivcs-stage-height-mobile, 620px);background-image:var(--pivcs-background-image-mobile, var(--pivcs-background-image, none))}.purchase-interactive-video-color-switch__copy{top:var(--pivcs-copy-top-mobile, 32px);left:var(--pivcs-copy-left-mobile, 20px);width:calc(100% - 40px);text-align:var(--pivcs-text-align-mobile, left)}.purchase-interactive-video-color-switch__title--desktop,.purchase-interactive-video-color-switch__subtitle--desktop{display:none}.purchase-interactive-video-color-switch__title--mobile,.purchase-interactive-video-color-switch__subtitle--mobile{display:block}.purchase-interactive-video-color-switch__title{font-size:var(--pivcs-title-size-mobile, 32px);font-weight:var(--pivcs-title-weight-mobile, 500)}.purchase-interactive-video-color-switch__subtitle{margin-top:10px;font-size:var(--pivcs-body-size-mobile, 16px);font-weight:var(--pivcs-body-weight-mobile, 400)}.purchase-interactive-video-color-switch__video--desktop{display:none}.purchase-interactive-video-color-switch__video--desktop.is-active,.purchase-interactive-video-color-switch__video--mobile{display:block}.purchase-interactive-video-color-switch__trigger{top:var(--pivcs-trigger-y-mobile, 74%);left:var(--pivcs-trigger-x-mobile, 50%);min-width:150px;min-height:44px;gap:10px;padding:7px 14px 7px 9px;font-size:16px}.purchase-interactive-video-color-switch__trigger-dot{flex-basis:26px;width:26px;height:26px}.purchase-interactive-video-color-switch__color-nav{right:16px;bottom:var(--pivcs-nav-bottom-mobile, 24px);left:16px;justify-content:flex-start;gap:var(--pivcs-nav-gap-mobile, 8px);max-width:none;overflow-x:auto;transform:none;scrollbar-width:none}.purchase-interactive-video-color-switch__color-nav::-webkit-scrollbar{display:none}.purchase-interactive-video-color-switch__color{flex:0 0 auto;min-width:38px;min-height:38px;padding:6px}.purchase-interactive-video-color-switch__color.is-active{min-width:132px;padding-right:14px}.purchase-interactive-video-color-switch__swatch-image,.purchase-interactive-video-color-switch__swatch-fallback{flex-basis:26px;width:26px;height:26px}.purchase-interactive-video-color-switch__color-name{font-size:16px}.purchase-interactive-video-color-switch__color.is-active .purchase-interactive-video-color-switch__color-name{max-width:100px;padding-left:10px}}@media(prefers-reduced-motion:reduce){.purchase-interactive-video-color-switch__panel,.purchase-interactive-video-color-switch__cover,.purchase-interactive-video-color-switch__video,.purchase-interactive-video-color-switch__trigger,.purchase-interactive-video-color-switch__color,.purchase-interactive-video-color-switch__color-name{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-purchase-interactive-video-color-switch.css.map */