.floating-video-card__track{position:absolute;top:calc(var(--header-group-height, 140px) + var(--space-sm));left:0;right:0;bottom:var(--hero-floating-card-inset-bottom, 12rem);z-index:var(--z-floating-card, 8);display:flex;flex-direction:column;align-items:flex-end;padding-right:var(--space-page-padding);padding-bottom:var(--space-page-padding);pointer-events:none;box-sizing:border-box}.floating-video-card__track floating-video-card{pointer-events:auto}.floating-video-card-root{display:block;flex-shrink:0;position:sticky;top:calc(var(--header-group-height, 140px) + var(--space-sm));align-self:flex-end;max-width:min(380px,42vw);width:100%}.floating-video-card-root.has-preview-video:not(.is-preview-poster-fallback) .floating-video-card__preview--poster{display:none}.floating-video-card-root.is-preview-poster-fallback [data-floating-video-preview]{display:none}.floating-video-card-root .floating-video-card__shell{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.floating-video-card-root .floating-video-card__copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;width:100%}.floating-video-card-root .floating-video-card__copy-head{display:inline-flex;align-items:center;gap:.35rem;max-width:100%}.floating-video-card-root .floating-video-card__copy-toggle{flex:0 1 auto;width:auto;max-width:100%;display:block;margin:0;padding:0;border:none;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;text-align:left;font-family:var(--font-body);color:var(--color-white)}.floating-video-card-root .floating-video-card__copy-toggle--desc{width:100%;margin-top:-.1em}.floating-video-card-root .floating-video-card__copy-toggle:focus{outline:none}.floating-video-card-root .floating-video-card__copy-toggle:focus-visible{outline:2px solid var(--color-text-light);outline-offset:3px}.floating-video-card-root .floating-video-card__collapse-target[hidden]{display:none!important}.floating-video-card-root .floating-video-card__trigger--media{padding:0;perspective:900px}.floating-video-card-root .floating-video-card__preview-wrap{--tilt-x: 0deg;--tilt-y: 0deg;--pip-border: var(--color-on-dark-pip-border);--pip-border-soft: var(--color-on-dark-pip-border-soft);position:relative;display:block;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-dark-glass);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);border-radius:14px;box-shadow:var(--shadow-elevation-xl);transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transform-style:preserve-3d;will-change:transform;transition:transform var(--motion-base) var(--ease-snappy),box-shadow var(--motion-base) var(--ease-snappy)}.floating-video-card-root .floating-video-card__preview-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;box-shadow:var(--shadow-inset-on-dark-border)}.floating-video-card-root .floating-video-card__preview-wrap.is-tilting{transition:transform 80ms linear,box-shadow var(--motion-base) var(--ease-snappy)}.floating-video-card-root .floating-video-card__trigger--media:hover .floating-video-card__preview-wrap{box-shadow:var(--shadow-elevation-xl)}.floating-video-card-root .floating-video-card__collapse-target--desc{display:block;padding:0;margin:0}.floating-video-card-root .floating-video-card__collapse{position:static;flex:0 0 auto;z-index:1;width:1.75rem;height:1.75rem;margin:0;padding:0;border:none;border-radius:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-white);background:transparent;box-shadow:none;transition:opacity var(--transition-fast)}.floating-video-card-root .floating-video-card__collapse:hover{opacity:.72;background:transparent}.floating-video-card-root .floating-video-card__collapse:focus{outline:none}.floating-video-card-root .floating-video-card__collapse:focus-visible{outline:2px solid var(--color-text-light);outline-offset:2px}.floating-video-card-root .floating-video-card__chevron{width:.95rem;height:.95rem;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--transition-fast, .2s ease)}.floating-video-card-root .floating-video-card__collapse[aria-expanded=true] .floating-video-card__chevron{transform:rotate(180deg)}.floating-video-card-root .floating-video-card__trigger{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;margin:0;padding:0;text-align:left;cursor:pointer;font-family:var(--font-body);color:var(--color-white);background:transparent;border:none;border-radius:0;box-shadow:none}.floating-video-card-root .floating-video-card__trigger:focus{outline:2px solid var(--color-text-light);outline-offset:3px}.floating-video-card-root .floating-video-card__trigger:focus:not(:focus-visible){outline:none}.floating-video-card-root .floating-video-card__trigger:focus-visible{outline:2px solid var(--color-text-light);outline-offset:3px}.floating-video-card-root .floating-video-card__title{font-family:var(--font-body);font-size:var(--text-body-secondary);line-height:var(--leading-body-secondary);font-weight:400;letter-spacing:normal;text-transform:none;color:var(--color-white);margin:0;padding:0;min-width:0;text-align:left;display:block}.floating-video-card-root .floating-video-card__preview,.floating-video-card-root .floating-video-card__preview--poster{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.floating-video-card-root .floating-video-card__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;background:radial-gradient(circle at center,var(--color-overlay-radial) 0%,transparent 65%)}.floating-video-card-root .floating-video-card__play-circle{width:3.25rem;height:3.25rem;border-radius:50%;background:var(--color-on-dark-surface-glass);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border:1px solid var(--color-on-dark-border);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevation-md)}.floating-video-card-root .floating-video-card__play-circle svg{width:1.25rem;height:1.3125rem;fill:var(--color-text-light);transform:translate(10%,3%)}.floating-video-card-root .floating-video-card__description{font-family:var(--font-body);font-size:var(--text-body-secondary);line-height:var(--leading-body-secondary);color:var(--color-white);margin:-.1em 0 0;padding:0;opacity:.62;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.floating-video-card__modal-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10001;display:flex;align-items:center;justify-content:center;padding:var(--space-page-padding);box-sizing:border-box}.floating-video-card__modal-root[hidden]{display:none!important}.floating-video-card__modal-root .floating-video-card__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-overlay-heavy);cursor:pointer}@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.floating-video-card__modal-root .floating-video-card__backdrop{-webkit-backdrop-filter:blur(var(--cart-overlay-backdrop-blur));backdrop-filter:blur(var(--cart-overlay-backdrop-blur))}}.floating-video-card__modal-root .floating-video-card__panel{position:relative;z-index:1;width:min(1100px,100%);max-height:min(90vh,100%);display:flex;flex-direction:column;gap:.75rem;padding:0}.floating-video-card__modal-root .floating-video-card__close{position:absolute;top:-.25rem;right:-.7rem;z-index:2;width:2rem;height:2rem;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);transition:background var(--transition-fast, .2s ease)}.floating-video-card__modal-root .floating-video-card__close:hover{background:color-mix(in srgb,var(--color-background) 10%,var(--color-on-dark-glass-mix))}.floating-video-card__modal-root .floating-video-card__close:focus-visible{outline:2px solid var(--color-text-light);outline-offset:2px}.floating-video-card__modal-root .floating-video-card__close svg{width:1.15rem;height:1.15rem;stroke:currentColor;fill:none;stroke-width:2}.floating-video-card__modal-root .floating-video-card__modal-title{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--color-text-light);margin:0;padding-right:3rem;line-height:1.3}.floating-video-card__modal-root .floating-video-card__modal-video-wrap{position:relative;width:100%;border-radius:10px;overflow:hidden;background:var(--color-black);box-shadow:var(--shadow-elevation-md)}.floating-video-card__modal-root .floating-video-card__modal-video{width:100%;max-height:min(78vh,85dvh);display:block}.floating-video-card__modal-root .floating-video-card__modal-video--youtube{aspect-ratio:16 / 9;height:auto;border:0}@media(prefers-reduced-motion:reduce){.floating-video-card-root .floating-video-card__trigger--media{perspective:none}.floating-video-card-root .floating-video-card__preview-wrap{transform:none!important;transition:box-shadow var(--motion-base) var(--ease-snappy)}}.floating-video-card-root.is-collapsed .floating-video-card__shell{flex-direction:row;align-items:center;gap:var(--space-sm);width:fit-content;max-width:100%;padding:8px;border-radius:12px;background:var(--color-on-dark-surface-strong);backdrop-filter:blur(14px) saturate(1.25);-webkit-backdrop-filter:blur(14px) saturate(1.25);box-sizing:border-box}.floating-video-card-root.is-collapsed .floating-video-card__collapse-target:not(.floating-video-card__collapse-target--desc){flex:0 0 auto;width:auto;max-width:none;align-self:center}.floating-video-card-root.is-collapsed .floating-video-card__trigger--media{display:flex;align-items:center}.floating-video-card-root.is-collapsed .floating-video-card__copy{flex:0 1 auto;width:auto;align-self:center}.floating-video-card-root.is-collapsed .floating-video-card__copy-head{display:inline-flex;align-items:center}.floating-video-card-root.is-collapsed .floating-video-card__preview-wrap{width:3.75rem;height:auto;aspect-ratio:16 / 9;border-radius:6px;box-shadow:none;transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x))}.floating-video-card-root.is-collapsed .floating-video-card__preview-wrap:before{box-shadow:var(--shadow-inset-on-dark-border)}.floating-video-card-root.is-collapsed .floating-video-card__trigger--media:hover .floating-video-card__preview-wrap{box-shadow:none}.floating-video-card-root.is-collapsed .floating-video-card__play{display:none}@media screen and (max-width:989px){.floating-video-card__track{padding-left:var(--space-page-padding);align-items:stretch}.floating-video-card-root{max-width:none;width:100%;align-self:stretch}.floating-video-card-root .floating-video-card__shell{display:grid;grid-template-columns:minmax(0,40%) minmax(0,1fr);column-gap:var(--space-sm);align-items:center}.floating-video-card-root .floating-video-card__collapse-target:not(.floating-video-card__collapse-target--desc){grid-column:1;grid-row:1;width:100%;min-width:0}.floating-video-card-root .floating-video-card__trigger--media{width:100%}.floating-video-card-root .floating-video-card__preview-wrap{border-radius:10px;width:100%;height:auto;aspect-ratio:16 / 9}.floating-video-card-root .floating-video-card__copy{grid-column:2;grid-row:1;gap:0}.floating-video-card-root.is-collapsed .floating-video-card__shell{display:grid;grid-template-columns:auto auto;column-gap:var(--space-sm);align-items:center;width:fit-content;max-width:100%}.floating-video-card-root.is-collapsed .floating-video-card__collapse-target:not(.floating-video-card__collapse-target--desc){grid-column:1;grid-row:1}.floating-video-card-root.is-collapsed .floating-video-card__copy{grid-column:2;grid-row:1;width:auto;align-self:center}.floating-video-card-root.is-collapsed .floating-video-card__collapse-target:not(.floating-video-card__collapse-target--desc){align-self:center}.floating-video-card-root.is-collapsed .floating-video-card__preview-wrap{width:3.75rem;height:auto;aspect-ratio:16 / 9;border-radius:5px;box-shadow:none}.floating-video-card-root .floating-video-card__collapse{width:1.75rem;height:1.75rem}.floating-video-card-root .floating-video-card__description{-webkit-line-clamp:4;line-clamp:4}.floating-video-card-root .floating-video-card__play-circle{width:2.25rem;height:2.25rem}.floating-video-card-root .floating-video-card__play-circle svg{width:.9rem;height:.94rem}}@media screen and (max-width:749px){.floating-video-card__track,.floating-video-card-root{top:calc(var(--header-group-height, 140px) + env(safe-area-inset-top,0px) + var(--space-sm))}}.floating-video-card-root.is-collapsed{width:fit-content;max-width:100%;align-self:flex-end}@media screen and (max-width:989px){.floating-video-card__track:has(.floating-video-card-root.is-collapsed){align-items:center}.floating-video-card-root.is-collapsed{align-self:center}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-floating-video-card.css.map */