floating-video-component{--floating-video-width: 360px;--floating-video-expanded-width: 760px;--floating-video-ease: cubic-bezier(.4, 0, .2, 1);--floating-video-glass-button-background: linear-gradient( 180deg, rgba(255, 255, 255, .12) 0%, rgba(10, 10, 12, .62) 150%, rgba(0, 0, 0, .74) 100% );--floating-video-glass-blur: blur(18px) saturate(160%);--floating-video-glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .55), inset 0 -6px 10px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .08), 0 10px 30px rgba(0, 0, 0, .35);--floating-video-glass-shadow-hover: inset 0 1px 1px rgba(255, 255, 255, .65), inset 0 -6px 10px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .1), 0 14px 34px rgba(0, 0, 0, .4);--floating-video-glass-rim: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .08) 25%, rgba(255, 255, 255, 0) 60% );position:fixed;left:var(--floating-video-offset-x, 16px);bottom:var(--floating-video-offset-y, 16px);z-index:90;display:block;color:#fff;font-family:Satoshi,Plus Jakarta Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.floating-video__trigger:before,.floating-video__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--floating-video-glass-rim);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.floating-video__trigger{-webkit-appearance:none;appearance:none;border:0;position:relative;display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:var(--floating-video-glass-button-background);backdrop-filter:var(--floating-video-glass-blur);-webkit-backdrop-filter:var(--floating-video-glass-blur);box-shadow:var(--floating-video-glass-shadow);color:#fff;font-family:inherit;font-size:14px;font-weight:400;line-height:19.2px;white-space:nowrap;cursor:pointer;transform-origin:0 100%;transition:transform .15s ease,box-shadow .15s ease,opacity .24s var(--floating-video-ease)}.floating-video__trigger:hover{transform:translateY(-1px);box-shadow:var(--floating-video-glass-shadow-hover)}.floating-video__trigger-icon{display:inline-block;flex-shrink:0;width:10px;height:12px;background:#fff;clip-path:polygon(0% 0%,100% 50%,0% 100%)}floating-video-component[data-open] .floating-video__trigger{opacity:0;transform:scale(.9);pointer-events:none;visibility:hidden;transition:transform .15s ease,box-shadow .15s ease,opacity .24s var(--floating-video-ease),visibility 0s linear .24s}.floating-video__trigger:focus-visible,.floating-video__icon-button:focus-visible,.floating-video__sound:focus-visible{outline:2px solid #fff;outline-offset:2px;opacity:1}.floating-video__card{position:absolute;left:0;bottom:0;box-sizing:border-box;width:min(var(--floating-video-width),calc(100vw - 2 * var(--floating-video-offset-x, 16px)));padding:8px;border:1px solid rgba(255,255,255,.22);border-radius:26px;background:linear-gradient(#ffffff24,#ffffff08 45%,#ffffff05),#141418b8;backdrop-filter:blur(28px) saturate(1.6);-webkit-backdrop-filter:blur(28px) saturate(1.6);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff0f,0 24px 60px -18px #0009;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;transform-origin:0 100%;opacity:0;transform:scale(.6);visibility:hidden;transition:transform .34s var(--floating-video-ease),opacity .24s var(--floating-video-ease),visibility 0s linear .34s}.floating-video__card[hidden]{display:none}floating-video-component[data-open] .floating-video__card{opacity:1;transform:scale(1);visibility:visible;transition:transform .34s var(--floating-video-ease),opacity .24s var(--floating-video-ease),visibility 0s linear 0s}.floating-video__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:18px;background:#000;box-shadow:inset 0 0 0 1px #ffffff14}.floating-video__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.floating-video__shade{position:absolute;inset:0 0 auto;height:48%;background:linear-gradient(#0000009e,#00000057 45%,#0000);pointer-events:none}.floating-video__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}floating-video-component[data-expanded] .floating-video__backdrop{opacity:1;pointer-events:auto}floating-video-component[data-expanded] .floating-video__card{position:fixed;left:50%;top:50%;bottom:auto;width:min(var(--floating-video-expanded-width),calc(100vw - 32px));transform:translate(-50%,-50%);transform-origin:50% 50%;animation:floating-video-pop .34s var(--floating-video-ease)}@keyframes floating-video-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}}.floating-video__collapse-icon,floating-video-component[data-expanded] .floating-video__expand-icon{display:none}floating-video-component[data-expanded] .floating-video__collapse-icon{display:block}.floating-video__toolbar{position:absolute;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 8px 0 14px}.floating-video__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-video__actions{display:flex;gap:6px;margin-left:auto}.floating-video__icon-button,.floating-video__sound{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;opacity:.85;cursor:pointer;transition:opacity .15s ease,background .15s ease}.floating-video__icon-button{flex:0 0 auto;width:28px;height:28px;padding:0}.floating-video__sound{position:absolute;left:8px;bottom:8px;gap:6px;height:28px;padding:0 12px 0 10px;font-family:inherit;font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.floating-video__icon-button:hover,.floating-video__sound:hover{opacity:1;background:#0006}.floating-video__sound-icon--on,floating-video-component[data-sound-on] .floating-video__sound-icon--muted{display:none}floating-video-component[data-sound-on] .floating-video__sound-icon--on{display:block}.floating-video__play{position:absolute;right:8px;bottom:8px}.floating-video__play-icon,floating-video-component[data-paused] .floating-video__pause-icon{display:none}floating-video-component[data-paused] .floating-video__play-icon{display:block}@media(prefers-reduced-motion:reduce){.floating-video__trigger,.floating-video__card,.floating-video__backdrop{transition:none}floating-video-component[data-expanded] .floating-video__card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/856/assets/floating-video.css.map */