@layer molecules{.uo-video-tile{--uo-video-tile-badge-size: 6rem;container-type:inline-size;position:relative;display:block;width:100%;isolation:isolate;text-decoration:none;color:var(--uo-color-white);transition:transform 200ms cubic-bezier(0.2, 0.7, 0.2, 1)}.uo-video-tile:hover,.uo-video-tile:focus-visible{transform:scale(1.04);z-index:2}.uo-video-tile:focus-visible{outline:var(--uo-border-size-3) solid var(--uo-focus-ring-color-default);outline-offset:2px}.uo-video-tile--static:hover,.uo-video-tile--static:focus-visible{transform:none;z-index:auto}.uo-video-tile__media{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;isolation:isolate;background:var(--uo-color-surface-skeleton);border-radius:var(--uo-radius-structural)}.uo-video-tile--square .uo-video-tile__media{aspect-ratio:1/1}.uo-video-tile--16x9 .uo-video-tile__media{aspect-ratio:16/9}.uo-video-tile--9x16 .uo-video-tile__media{aspect-ratio:9/16}.uo-video-tile__poster{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:var(--uo-color-surface-skeleton)}.uo-video-tile__overlay{position:absolute;inset:0;background:linear-gradient(to bottom, transparent 50%, var(--uo-color-black) 100%);mix-blend-mode:multiply;pointer-events:none}.uo-video-tile__badge{--uo-video-tile-fill: linear-gradient(135deg, #4a4a4a, #1f1f1f);--uo-video-tile-ring: linear-gradient(135deg, #4a4a4a, #1f1f1f);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:var(--uo-video-tile-badge-size);height:var(--uo-video-tile-badge-size);display:grid;place-items:center;border-radius:50%;background:var(--uo-video-tile-fill);color:var(--uo-color-white);z-index:3;pointer-events:none}.uo-video-tile__badge svg{display:block;width:52%;height:52%;fill:currentColor}.uo-video-tile__badge::before,.uo-video-tile__badge::after{content:"";position:absolute;inset:0;border-radius:50%;border:var(--uo-hayward-ring-width) solid rgba(0,0,0,0);background:var(--uo-video-tile-ring) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--uo-hayward-fade-duration) ease,inset var(--uo-hayward-duration) var(--uo-hayward-easing);pointer-events:none}.uo-video-tile__badge::after{transition-delay:var(--uo-hayward-delay)}.uo-video-tile:hover .uo-video-tile__badge::before,.uo-video-tile:focus-visible .uo-video-tile__badge::before{opacity:.7;inset:-12px}.uo-video-tile:hover .uo-video-tile__badge::after,.uo-video-tile:focus-visible .uo-video-tile__badge::after{opacity:.4;inset:-24px}.uo-video-tile__caption{position:absolute;left:0;right:0;bottom:var(--uo-space-7);display:flex;flex-direction:column;align-items:center;gap:var(--uo-space-2);padding-inline:var(--uo-space-5);text-align:center;color:var(--uo-color-white);pointer-events:none}.uo-video-tile__caption-eyebrow{margin:0;font-family:var(--uo-font-family-source-sans);font-size:clamp(.75rem,3.5cqi,.8125rem);font-variation-settings:var(--uo-font-settings-med);font-weight:var(--uo-font-weight-med);text-transform:uppercase;letter-spacing:var(--uo-letter-spacing-wider);color:var(--uo-color-white);opacity:.85}.uo-video-tile__caption-title{margin:0;font-family:var(--uo-font-family-agitat-rotalic);font-variation-settings:var(--uo-font-settings-reg);font-weight:var(--uo-font-weight-reg);font-size:clamp(1.125rem,11cqi,3rem);line-height:1.05;letter-spacing:var(--uo-letter-spacing-tight);text-transform:uppercase;padding-right:.22em;color:var(--uo-color-white)}.uo-video-tile--9x16 .uo-video-tile__caption{flex-direction:column-reverse}.uo-video-tile--9x16{max-width:25rem;margin-inline:auto}.uo-video-tile--instagram .uo-video-tile__badge{--uo-video-tile-fill: radial-gradient( circle at 35% 108%, #fcb045 0%, #fd1d1d 50%, #833ab4 100% );--uo-video-tile-ring: radial-gradient( circle at 35% 108%, #fcb045 0%, #fd1d1d 50%, #833ab4 100% )}.uo-video-tile--vimeo .uo-video-tile__badge{--uo-video-tile-fill: linear-gradient(135deg, #1ab7ea, #0b84af);--uo-video-tile-ring: linear-gradient(135deg, #1ab7ea, #0b84af)}.uo-video-tile--youtube .uo-video-tile__badge{--uo-video-tile-fill: linear-gradient(135deg, #ff4e45, #cc0000);--uo-video-tile-ring: linear-gradient(135deg, #ff4e45, #cc0000)}.uo-video-tile--tiktok .uo-video-tile__badge{--uo-video-tile-fill: #010101;--uo-video-tile-ring: linear-gradient(135deg, #25f4ee, #fe2c55)}.uo-video-tile--9x16 .uo-video-tile__badge{--uo-video-tile-badge-size: 4rem;top:auto;bottom:var(--uo-space-16);transform:translateX(-50%)}@media(prefers-reduced-motion: reduce){.uo-video-tile{transition:none}.uo-video-tile:hover,.uo-video-tile:focus-visible{transform:none}.uo-video-tile__badge::before,.uo-video-tile__badge::after{transition:opacity 200ms ease}}.uo-reduce-motion .uo-video-tile{transition:none}.uo-reduce-motion .uo-video-tile:hover,.uo-reduce-motion .uo-video-tile:focus-visible{transform:none}@container (max-width: 130px){.uo-video-tile__overlay{display:none}.uo-video-tile__caption{position:static;bottom:auto;margin-top:var(--uo-space-4);padding-inline:var(--uo-space-3);align-items:flex-start;text-align:left;color:var(--uo-color-text-default)}.uo-video-tile__caption-eyebrow{color:var(--uo-color-text-muted)}.uo-video-tile__caption-title{color:var(--uo-color-text-default)}}.uo-prose .uo-video-tile{max-width:28rem;margin-inline:auto}.uo-prose .uo-video-tile--9x16{max-width:25rem}}

/*# sourceMappingURL=uo-video-tile.css.map */