.media-controls{display:inline-flex;align-items:center;gap:8px;z-index:2;opacity:1;visibility:visible;transition:opacity .55s ease-out .4s,visibility 0s linear 0s}.media-controls[data-visible=false]{opacity:0;visibility:hidden;transition:opacity .55s ease-out .4s,visibility 0s linear .95s;pointer-events:none}.media-controls__btn{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;min-height:36px}.media-controls__btn:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max(100%,44px);height:max(100%,44px)}.media-controls__icon{flex:none;display:block}.media-controls__btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.media-controls[data-variant=whisper] .media-controls__btn{padding:6px 4px;background:none;border:0;color:var(--bone-bright);font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(14px,1.15vw,17px);letter-spacing:.02em;line-height:1;text-shadow:0 1px 2px rgba(20,28,22,.7),0 0 18px rgba(20,25,20,.55),0 0 42px rgba(20,25,20,.35)}.media-controls[data-variant=whisper] .media-controls__icon{width:13px;height:13px;opacity:.85;filter:drop-shadow(0 1px 1px rgba(20,28,22,.7)) drop-shadow(0 0 8px rgba(20,25,20,.55))}.media-controls[data-variant=whisper] .media-controls__label{position:relative;padding-bottom:2px;background-image:linear-gradient(var(--champagne),var(--champagne));background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s var(--ease-phoenix)}@media(hover:hover){.media-controls[data-variant=whisper] .media-controls__btn:hover .media-controls__label{background-size:100% 1px}}.media-controls[data-variant=whisper] .media-controls__btn:focus-visible{outline:2px solid var(--champagne);outline-offset:3px;border-radius:2px;box-shadow:0 0 0 6px #141c1673}@media(prefers-reduced-motion:reduce){.media-controls[data-variant=whisper] .media-controls__label{transition:none!important}}@media(prefers-reduced-motion:reduce){.media-controls{transition:visibility 0s linear 0s;opacity:1}.media-controls[data-visible=false]{transition:visibility 0s linear 0s}.media-controls__btn{transition:none!important}.media-controls__btn:hover{transform:none!important}}