.l20-boost-video{display:block;position:relative;width:100%;max-width:100%;overflow:hidden;background:#d9d3c8}.l20-boost-video:before{display:block;width:100%;aspect-ratio:var(--l20-boost-ratio, 16 / 7);content:""}.l20-boost-video__media,.l20-boost-video__veil,.l20-boost-video__clip,.l20-boost-video__video,.l20-boost-video__poster,.l20-boost-video__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.l20-boost-video__media{z-index:0;background:#d9d3c8}.l20-boost-video__clip{z-index:1}.l20-boost-video__clip.is-active{z-index:2}.l20-boost-video video.l20-boost-video__video{z-index:1}.l20-boost-video__poster{z-index:2}.l20-boost-video__video,.l20-boost-video__poster,.l20-boost-video__placeholder{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.l20-boost-video__video--mobile{display:none}.l20-boost-video__clip{opacity:0;visibility:hidden;transition:opacity .36s ease,visibility .36s ease}.l20-boost-video__clip.is-active{opacity:1;visibility:visible}.l20-boost-video__clip.is-playing .l20-boost-video__poster{opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}.l20-boost-video__veil{z-index:1;background:rgb(0 0 0 / var(--l20-boost-overlay));pointer-events:none}.l20-boost-video__content{position:absolute;top:var(--l20-boost-text-top);left:50%;z-index:2;display:flex;width:min(100% - 48px,var(--l20-boost-title-max));flex-direction:column;align-items:center;text-align:center;pointer-events:none;transform:translate(-50%)}.l20-boost-video__title{margin:0;color:var(--l20-boost-title-color);font-family:var(--l20-boost-title-family);font-size:var(--l20-boost-title-size);font-style:var(--l20-boost-title-style);font-weight:var(--l20-boost-title-weight);line-height:var(--l20-boost-title-line-height);letter-spacing:-.03em}.l20-boost-video__subtitle{max-width:min(100%,var(--l20-boost-subtitle-max));margin:var(--l20-boost-text-gap) 0 0;color:var(--l20-boost-subtitle-color);font-family:var(--l20-boost-subtitle-family);font-size:var(--l20-boost-subtitle-size);font-style:var(--l20-boost-subtitle-style);font-weight:var(--l20-boost-subtitle-weight);line-height:var(--l20-boost-subtitle-line-height)}.l20-boost-video__subtitle>:first-child{margin-top:0}.l20-boost-video__subtitle>:last-child{margin-bottom:0}.l20-boost-video__subtitle p{margin:0}.l20-boost-video__hotspot{position:absolute;top:var(--l20-boost-hotspot-y);left:var(--l20-boost-hotspot-x);z-index:3;--l20-boost-leader-extend: 16px;--l20-boost-leader-gap: 18px;display:block;width:var(--l20-boost-hotspot-size);height:var(--l20-boost-hotspot-size);padding:0;border:0;overflow:visible;color:var(--l20-boost-label-color);background:transparent;cursor:pointer;transform:translate(-50%,-50%)}.l20-boost-video__pulse{position:relative;display:grid;width:var(--l20-boost-hotspot-size);height:var(--l20-boost-hotspot-size);flex:0 0 auto;place-items:center}.l20-boost-video__pulse-core{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:var(--l20-boost-hotspot-color);box-shadow:0 0 0 2px #ffffff6b,0 0 14px 3px #ffffff61,0 0 28px 8px #ffffff29}.l20-boost-video__pulse-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--l20-boost-hotspot-ring);border-radius:50%;opacity:0;animation:l20-boost-pulse 2.4s ease-out infinite}.l20-boost-video__pulse-ring--delay{animation-delay:1.05s}.l20-boost-video__hotspot-copy{position:absolute;left:calc(100% + var(--l20-boost-leader-gap, 18px));bottom:calc(50% + 4px);display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:0;padding:0 0 6px;color:var(--l20-boost-label-color);opacity:0;transform:translateY(-16px);white-space:nowrap}.l20-boost-video--label-left .l20-boost-video__hotspot-copy{left:auto;right:calc(100% + var(--l20-boost-leader-gap, 18px));align-items:flex-end}.l20-boost-video__hotspot-leader{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;color:var(--l20-boost-label-color)}.l20-boost-video__hotspot-leader path{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:var(--leader-len, 240);stroke-dashoffset:var(--leader-len, 240)}.l20-boost-video__hotspot-label{color:inherit;font-family:var(--l20-boost-label-family);font-size:var(--l20-boost-label-size);font-style:var(--l20-boost-label-style);font-weight:var(--l20-boost-label-weight);line-height:1.3;white-space:nowrap;text-shadow:0 1px 8px rgb(255 255 255 / 35%);opacity:0;transform:translateY(-6px);padding-left:10px}.l20-boost-video--label-left .l20-boost-video__hotspot-label{padding-left:0;padding-right:10px}.l20-boost-video.is-callout-in .l20-boost-video__hotspot-copy{animation:l20-boost-callout-drop .42s cubic-bezier(.22,1,.36,1) forwards}.l20-boost-video.is-callout-in .l20-boost-video__hotspot-leader path{animation:l20-boost-callout-line .55s cubic-bezier(.22,1,.36,1) .32s forwards}.l20-boost-video.is-callout-in .l20-boost-video__hotspot-label{animation:l20-boost-callout-text .42s ease .72s forwards}.l20-boost-video__hotspot:focus-visible{outline:0}.l20-boost-video__hotspot:focus-visible .l20-boost-video__pulse-core{outline:2px solid #fff;outline-offset:4px}.l20-boost-video.is-holding .l20-boost-video__pulse-core,.l20-boost-video__hotspot:hover .l20-boost-video__pulse-core{transform:scale(.92)}@keyframes l20-boost-pulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.55);opacity:0}}@keyframes l20-boost-callout-drop{to{opacity:1;transform:translateY(0)}}@keyframes l20-boost-callout-line{0%{stroke-dashoffset:var(--leader-len, 240)}to{stroke-dashoffset:0}}@keyframes l20-boost-callout-text{to{opacity:1;transform:translateY(0)}}@media(min-width:1920px){.l20-boost-video__content{width:min(100% - 2.5vw,calc(var(--l20-boost-title-max-raw) * 100vw / 1920))}.l20-boost-video__title{font-size:calc(var(--l20-boost-title-size-raw) * 100vw / 1920)}.l20-boost-video__subtitle{max-width:min(100%,calc(var(--l20-boost-subtitle-max-raw) * 100vw / 1920));margin-top:calc(var(--l20-boost-text-gap-raw) * 100vw / 1920);font-size:calc(var(--l20-boost-subtitle-size-raw) * 100vw / 1920)}.l20-boost-video__hotspot{width:calc(var(--l20-boost-hotspot-size-raw) * 100vw / 1920);height:calc(var(--l20-boost-hotspot-size-raw) * 100vw / 1920);--l20-boost-leader-extend: calc(16 * 100vw / 1920);--l20-boost-leader-gap: .9375vw }.l20-boost-video__pulse{width:calc(var(--l20-boost-hotspot-size-raw) * 100vw / 1920);height:calc(var(--l20-boost-hotspot-size-raw) * 100vw / 1920)}.l20-boost-video__hotspot-copy{bottom:calc(50% + (4 * 100vw / 1920));padding-bottom:.3125vw}.l20-boost-video__hotspot-label{font-size:calc(var(--l20-boost-label-size-raw) * 100vw / 1920);padding-left:calc(10 * 100vw / 1920)}.l20-boost-video--label-left .l20-boost-video__hotspot-label{padding-right:calc(10 * 100vw / 1920)}}@media(max-width:768.98px){.l20-boost-video:before{aspect-ratio:var(--l20-boost-mobile-ratio, 3 / 4)}.l20-boost-video__video--desktop{display:none}.l20-boost-video__video--mobile{display:block}.l20-boost-video__content{width:min(100% - 32px,var(--l20-boost-title-max))}.l20-boost-video__title{font-size:var(--l20-boost-mobile-title-size)}.l20-boost-video__subtitle{font-size:var(--l20-boost-mobile-subtitle-size)}.l20-boost-video__hotspot{top:var(--l20-boost-hotspot-mobile-y);left:var(--l20-boost-hotspot-mobile-x);width:var(--l20-boost-mobile-hotspot-size);height:var(--l20-boost-mobile-hotspot-size);--l20-boost-leader-extend: 12px;--l20-boost-leader-gap: 12px}.l20-boost-video__pulse{width:var(--l20-boost-mobile-hotspot-size);height:var(--l20-boost-mobile-hotspot-size)}.l20-boost-video__hotspot-copy{white-space:normal;min-width:148px;max-width:168px}.l20-boost-video__hotspot-label{display:block;overflow:visible;font-size:var(--l20-boost-mobile-label-size);white-space:normal;overflow-wrap:normal;word-break:normal;max-width:none;text-align:left;padding-left:8px;padding-right:0}.l20-boost-video--label-left .l20-boost-video__hotspot-label{padding-left:0;padding-right:8px}}@media(prefers-reduced-motion:reduce){.l20-boost-video__clip,.l20-boost-video__poster,.l20-boost-video__pulse-core{transition:none}.l20-boost-video__pulse-ring{animation:none;opacity:.28;transform:scale(1.35)}.l20-boost-video__hotspot-copy,.l20-boost-video__hotspot-label{animation:none;opacity:1;transform:none}.l20-boost-video__hotspot-leader path{animation:none;stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/l20-boost-video.css.map */