.starry-action-card__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:18px;background:#e8e2d9}.starry-action-card__media :is(img,video,svg){display:block;inline-size:100%;block-size:100%;object-fit:cover}.starry-action-card__player{position:relative;display:block;inline-size:100%;block-size:100%}.starry-action-card__play-button{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;display:block;inline-size:100%;block-size:100%;padding:0;overflow:hidden;border:0;background:transparent;color:var(--starry-black);cursor:pointer}.starry-action-card__play-button[hidden]{display:none}.starry-action-card__play-button:disabled{opacity:1}.starry-action-card__player[aria-busy=true] .starry-action-card__play-button{cursor:progress}.starry-action-card__play-button:focus-visible,.starry-action-card__video:focus-visible{outline:4px solid var(--starry-yellow);outline-offset:-7px}.starry-action-card__play-icon{position:absolute;top:50%;left:50%;display:grid;inline-size:clamp(64px,6vw,86px);aspect-ratio:1;border:3px solid var(--starry-black);border-radius:50%;background:var(--starry-cream);box-shadow:5px 6px 0 var(--starry-black);place-items:center;pointer-events:none;transform:translate(-50%,-50%);transition:transform .18s var(--starry-ease-enter),box-shadow .18s var(--starry-ease-enter)}.starry-action-card__play-icon svg{inline-size:44%;block-size:44%;margin-inline-start:4px}.starry-action-card__play-button:hover:not(:disabled) .starry-action-card__play-icon{box-shadow:7px 8px 0 var(--starry-black);transform:translate(-50%,calc(-50% - 3px))}.starry-action-card__play-button:active:not(:disabled) .starry-action-card__play-icon{box-shadow:2px 3px 0 var(--starry-black);transform:translate(-50%,calc(-50% + 2px))}.starry-action-card__unavailable{position:absolute;bottom:18px;left:50%;max-inline-size:calc(100% - 36px);padding:8px 14px;border:2px solid var(--starry-black);border-radius:999px;background:var(--starry-cream);color:var(--starry-black);font-family:var(--starry-heading-font);font-size:1rem;line-height:1;text-transform:uppercase;transform:translate(-50%)}.starry-action-card__video{position:absolute;top:0;right:0;bottom:0;left:0}@media(prefers-reduced-motion:reduce){.starry-action-card__play-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/starry-action-player.css.map */