power-viewer{display:block;width:100%;height:100%}.power-viewer{position:relative;width:100%;overflow:hidden;background-color:var(--power-viewer-bg, transparent)}.power-viewer--ratio{aspect-ratio:var(--power-viewer-ratio, 3 / 4)}.power-viewer__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.power-viewer__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease;pointer-events:none}.power-viewer__stage.is-loaded~.power-viewer__fallback{opacity:0}.power-viewer__diagnostic{position:absolute;z-index:4;inset-block-start:1rem;inset-inline:1rem;padding:1rem 1.2rem;border-radius:.4rem;background-color:#9a3412f0;color:#fff;font-size:1.2rem;line-height:1.5}.power-viewer__badge{position:absolute;inset-block-end:1rem;inset-inline-start:1rem;z-index:2;display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.2rem;border-radius:100px;background-color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;pointer-events:none}.power-viewer__badge svg{width:1.4rem;height:1.4rem}@media screen and (min-width:990px){.main-product__grid--media-grid .main-product__media-item--power-full{grid-column:1 / span 2}.main-product__grid--media-grid .main-product__media-item--power-full .power-viewer--ratio{aspect-ratio:var(--power-viewer-ratio-wide, 4 / 3)}}.main-product__media-thumbs-item .power-viewer-thumb{position:relative;display:block;width:100%}.main-product__media-thumbs-item .power-viewer-thumb__icon{position:absolute;inset-block-end:.6rem;inset-inline-end:.6rem;width:1.8rem;height:1.8rem}.power-story__container{background-color:var(--power-story-bg, #ffffff)}.power-story__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--power-story-gap, 2.4rem);align-items:center;margin-top:2rem}.power-story__panels{width:100%;min-width:0;display:grid}.power-story__panel{grid-area:1 / 1;opacity:0;visibility:hidden;pointer-events:none;height:0;overflow:hidden;transition:opacity .3s ease}.power-story__panel.is-active{opacity:1;visibility:visible;pointer-events:auto;height:auto;overflow:visible}.power-story__panel,.power-story__beat-inner{color:var(--power-story-text, #000000)}.power-story__text{font-size:1.5rem;line-height:1.6}.power-story__viewer{position:relative;width:var(--power-story-viewer-width, 100%);margin-inline-start:auto}.power-story--scroll .power-story__beat{display:flex;flex-direction:column;justify-content:center;padding-block:3.2rem;opacity:.3;transition:opacity .4s ease}.power-story--scroll .power-story__beat.is-active{opacity:1}.power-story__beat-title{margin:0 0 1.2rem}.power-story--split .power-story__body{display:block}.power-story--split .power-story__beats{background-color:var(--power-story-text-bg, transparent)}@media screen and (min-width:990px){.power-story--split .power-story__body{display:grid;grid-template-columns:var(--power-story-text-col, 40%) minmax(0,1fr);align-items:start;gap:var(--power-story-gap, 2.4rem)}.power-story--split .power-story__beats{grid-column:1;grid-row:1;align-self:stretch}.power-story--split .power-story__viewer{grid-column:2;grid-row:1;position:sticky;top:var(--power-story-sticky-offset, 0px);width:100%;height:var(--power-story-viewer-height, 90vh);margin-inline-start:0}.power-story--split .power-story__viewer .power-viewer--ratio{aspect-ratio:auto;height:100%}.power-story--split .power-story__beat{min-height:var(--power-story-viewer-height, 90vh);padding-block:0}}@media screen and (min-width:990px){.power-story--scroll .power-story__tabs{display:none}}@media screen and (max-width:989px){.power-story--mobile-tabs .power-story__body{display:flex;flex-direction:column;gap:1.5rem}.power-story--mobile-tabs .power-story__viewer{order:-1}.power-story--mobile-tabs .power-story__beat{display:none;min-height:0;padding-block:0;opacity:1}.power-story--mobile-tabs .power-story__beat.is-active{display:flex}.power-story--mobile-tabs .power-story__beats{position:static;pointer-events:auto;background-color:transparent}.power-story--mobile-tabs .power-story__beat:before{content:none}.power-story--mobile-tabs .power-story__beat-inner{max-width:none;padding:0;background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}.power-story--flush .power-story__body{gap:0;margin-top:0}.power-story--flush .power-story__beat{padding-inline:var(--page-padding-mobile, 2.4rem)}@media screen and (min-width:990px){.power-story--flush .power-story__beat{padding-inline:var(--page-padding-desktop, 5.6rem)}}.power-story--fullbleed .power-story__body{display:grid;grid-template-columns:minmax(0,1fr);margin-top:0}.power-story--fullbleed .power-story__viewer{grid-area:1 / 1;align-self:start;position:sticky;top:var(--power-story-sticky-offset, 0px);width:100%;height:var(--power-story-viewer-height, 90vh);margin-inline-start:0}.power-story--fullbleed .power-story__viewer .power-viewer--ratio{aspect-ratio:auto;height:100%}.power-story--fullbleed .power-story__beats{grid-area:1 / 1;z-index:2;pointer-events:none}.power-story--fullbleed .power-story__text a,.power-story--fullbleed .power-story__text button{pointer-events:auto}.power-story--fullbleed .power-story__beat{position:relative;min-height:var(--power-story-viewer-height, 90vh);display:flex;flex-direction:column;justify-content:center;padding:0 var(--page-padding-mobile, 2.4rem)}.power-story--fullbleed .power-story__beat-inner{position:relative;width:100%;max-width:var(--power-story-text-width, 45%)}.power-story--overlay.power-story--text-center .power-story__beat{align-items:center;text-align:center}.power-story--overlay.power-story--text-right .power-story__beat{align-items:flex-end;text-align:end}.power-story--fullbleed.power-story--scrim-gradient_bg .power-story__beat:before{content:"";background:linear-gradient(var(--power-story-scrim-angle, 90deg),var(--power-story-bg, #ffffff) 0%,color-mix(in srgb,var(--power-story-bg, #ffffff) 0%,transparent) var(--power-story-scrim-end, 70%))}.power-story--fullbleed.power-story--scrim-gradient_dark .power-story__beat:before,.power-story--fullbleed.power-story--scrim-gradient_light .power-story__beat:before,.power-story--fullbleed.power-story--scrim-gradient_bg .power-story__beat:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.power-story--fullbleed.power-story--scrim-gradient_dark .power-story__beat:before{background:linear-gradient(var(--power-story-scrim-angle, 90deg),rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 70%)}.power-story--fullbleed.power-story--scrim-gradient_light .power-story__beat:before{background:linear-gradient(var(--power-story-scrim-angle, 90deg),rgba(255,255,255,.85) 0%,rgba(255,255,255,0) 70%)}.power-story--fullbleed.power-story--scrim-panel .power-story__beat-inner{padding:2.4rem;border-radius:.4rem;background-color:color-mix(in srgb,var(--power-story-bg, #ffffff) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media screen and (min-width:990px){.power-story--fullbleed .power-story__beat{padding:0 var(--page-padding-desktop, 5.6rem)}}@media screen and (max-width:989px){.power-story--fullbleed .power-viewer__stage{pointer-events:none}}@media screen and (max-width:989px){.power-story__body{grid-template-columns:1fr;gap:1.5rem}.power-story__viewer{order:-1;width:100%;margin-inline-start:0}}.power-story--cinematic .power-story__viewer{container-type:size}.power-story--cinematic .power-story__viewer .power-viewer--ratio{width:var(--power-story-stage-width, 62%);transform:translate(calc((100cqw - 100%) * var(--power-beat-x, 1)),calc(var(--power-beat-y, 0) * 1%));transition:transform var(--power-story-travel, 1s) cubic-bezier(.22,.61,.36,1);will-change:transform}.power-story--cinematic.is-scrubbing .power-story__viewer .power-viewer--ratio{transition:none}.power-story--cinematic.is-scrubbing .power-viewer__stage{pointer-events:none}.power-story--cinematic.power-story--authoring .power-viewer__stage{pointer-events:auto}.power-story--cinematic .power-story__beat[data-text-side=left]{--power-story-scrim-angle: 90deg}.power-story--cinematic .power-story__beat[data-text-side=right]{--power-story-scrim-angle: 270deg;align-items:flex-end;text-align:end}.power-story--cinematic .power-story__beat[data-text-side=center]{--power-story-scrim-angle: 180deg;align-items:center;text-align:center}.power-story--fullbleed.power-story--cinematic .power-story__beat:before{inset:0 auto 0 0;width:calc((100% - var(--power-story-stage-width, 62%)) * var(--power-beat-x, 1))}.power-story--fullbleed.power-story--cinematic .power-story__beat[data-text-side=right]:before{inset:0 0 0 auto;width:calc((100% - var(--power-story-stage-width, 62%)) * (1 - var(--power-beat-x, 1)))}.power-story--fullbleed.power-story--cinematic .power-story__beat[data-text-side=center]:before{top:0;right:0;bottom:0;left:0;width:auto}.power-story--fullbleed.power-story--cinematic .power-story__beat-inner{max-width:min(var(--power-story-text-width, 45%),calc(100% - var(--power-story-stage-width, 62%)))}@supports not (width: 1cqw){.power-story--cinematic .power-story__viewer .power-viewer--ratio{width:100%;transform:none}}@media screen and (max-width:989px){.power-story--cinematic .power-story__viewer .power-viewer--ratio{width:100%;transform:translateY(calc(var(--power-beat-y, 0) * 1%))}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__viewer{height:var(--power-story-mobile-height, 52vh);z-index:1;background-color:var(--power-story-bg, #ffffff)}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__beats{z-index:0}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__beat{min-height:100vh;justify-content:flex-start;opacity:1}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__beat:before{content:none}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__beat-inner{position:sticky;top:calc(var(--power-story-sticky-offset, 0px) + var(--power-story-mobile-height, 52vh) + 1.2rem);bottom:1.6rem;max-width:none;padding:1.6rem 1.8rem;border-radius:.4rem;background-color:var(--power-story-bg, #ffffff);opacity:0;transition:opacity .35s ease}.power-story--fullbleed.power-story--cinematic:not(.power-story--mobile-tabs) .power-story__beat.is-active .power-story__beat-inner{opacity:1}}.power-story__hud{position:absolute;z-index:3;inset-block-start:1rem;inset-inline-end:1rem;padding:.6rem 1rem;border-radius:.4rem;background-color:#111111d1;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;line-height:1.4;letter-spacing:.02em;cursor:copy}.power-story__hud.is-copied{background-color:#1f7a3f}@media(prefers-reduced-motion:reduce){.power-story__panel,.power-story--scroll .power-story__beat,.power-story--cinematic .power-story__viewer .power-viewer--ratio,.power-viewer__fallback{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/power-viewer.css.map */