@property --glass-play-angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --glass-play-angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.glass-play-button-wrap{--glass-play-size:2rem;--glass-play-border-width:clamp(1px, .0625em, 4px);--glass-play-anim-time:.4s;--glass-play-anim-ease:cubic-bezier(.25, 1, .5, 1);--glass-play-shadow-cutoff:1.5em;z-index:2;pointer-events:none;font-size:var(--glass-play-size);transition:all var(--glass-play-anim-time) var(--glass-play-anim-ease);background:0 0;border-radius:999vw;position:relative}@media (min-width:640px){.glass-play-button-wrap{--glass-play-size:1.25rem}}@media (min-width:1024px){.glass-play-button-wrap{--glass-play-size:1.8rem}}.glass-play-button-shadow{width:calc(100% + var(--glass-play-shadow-cutoff));height:calc(100% + var(--glass-play-shadow-cutoff));top:calc(0% - var(--glass-play-shadow-cutoff) / 2);left:calc(0% - var(--glass-play-shadow-cutoff) / 2);filter:blur(clamp(2px,.125em,12px));pointer-events:none;position:absolute;overflow:visible}.glass-play-button-shadow:after{content:"";z-index:0;width:calc(100% - var(--glass-play-shadow-cutoff) - .25em);height:calc(100% - var(--glass-play-shadow-cutoff) - .25em);inset:0;top:calc(var(--glass-play-shadow-cutoff) - .5em);left:calc(var(--glass-play-shadow-cutoff) - .875em);box-sizing:border-box;transition:all var(--glass-play-anim-time) var(--glass-play-anim-ease);opacity:1;background:linear-gradient(#00000059,#00000026);border-radius:999vw;padding:.125em;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-play-button-wrap .glass-play-button{all:unset;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;z-index:3;-webkit-backdrop-filter:blur(clamp(1px,.125em,4px));transition:all var(--glass-play-anim-time) var(--glass-play-anim-ease);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);border-radius:999vw;display:block;position:relative;box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3}.glass-play-button-wrap .glass-play-button:hover{-webkit-backdrop-filter:blur(.01em);transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80}.glass-play-button-wrap .glass-play-button__content{-webkit-user-select:none;user-select:none;color:#fffffff2;transition:all var(--glass-play-anim-time) var(--glass-play-anim-ease);justify-content:center;align-items:center;padding:.65em;display:flex;position:relative}.glass-play-button-wrap .glass-play-button__content:after{content:"";width:calc(100% - var(--glass-play-border-width));height:calc(100% - var(--glass-play-border-width));top:calc(0% + var(--glass-play-border-width) / 2);left:calc(0% + var(--glass-play-border-width) / 2);box-sizing:border-box;background:linear-gradient(var(--glass-play-angle-2), #fff0 0%, #ffffff80 40% 50%, #fff0 55%);z-index:3;mix-blend-mode:screen;pointer-events:none;transition:background-position calc(var(--glass-play-anim-time) * 1.25) var(--glass-play-anim-ease), --glass-play-angle-2 calc(var(--glass-play-anim-time) * 1.25) var(--glass-play-anim-ease);background-position:0%;background-repeat:no-repeat;background-size:200% 200%;border-radius:999vw;display:block;position:absolute;overflow:clip}.glass-play-button-wrap .glass-play-button:hover .glass-play-button__content:after{background-position:25%}.glass-play-button-wrap .glass-play-button:active .glass-play-button__content:after{--glass-play-angle-2:-15deg;background-position:50% 15%}.glass-play-button-wrap .glass-play-button:after{content:"";z-index:1;width:calc(100% + var(--glass-play-border-width));height:calc(100% + var(--glass-play-border-width));inset:0;top:calc(0% - var(--glass-play-border-width) / 2);left:calc(0% - var(--glass-play-border-width) / 2);padding:var(--glass-play-border-width);box-sizing:border-box;background:conic-gradient(from var(--glass-play-angle-1) at 50% 50%, #00000080, #0000 5% 40%, #00000080 50%, #0000 60% 95%, #00000080), linear-gradient(180deg, #ffffff80, #ffffff80);transition:all var(--glass-play-anim-time) var(--glass-play-anim-ease), --glass-play-angle-1 .5s ease;box-shadow:inset 0 0 0 calc(var(--glass-play-border-width) / 2) #ffffff80;border-radius:999vw;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-play-button-wrap .glass-play-button:hover:after{--glass-play-angle-1:-125deg}.glass-play-button-wrap .glass-play-button:active:after{--glass-play-angle-1:-75deg}.glass-play-button-wrap:has(.glass-play-button:hover) .glass-play-button-shadow{filter:blur(clamp(2px,.0625em,6px))}.glass-play-button-wrap:has(.glass-play-button:hover) .glass-play-button-shadow:after{top:calc(var(--glass-play-shadow-cutoff) - .875em);opacity:1}.glass-play-button-wrap:has(.glass-play-button:active){transform:rotateX(25deg)}.glass-play-button-wrap:has(.glass-play-button:active) .glass-play-button{box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .125em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 .225em .05em #0000000d,0 .25em #ffffffbf,inset 0 .25em .05em #00000026}.glass-play-button-wrap:has(.glass-play-button:active) .glass-play-button-shadow{filter:blur(clamp(2px,.125em,12px))}.glass-play-button-wrap:has(.glass-play-button:active) .glass-play-button-shadow:after{top:calc(var(--glass-play-shadow-cutoff) - .5em);opacity:.75}@media (hover:none) and (pointer:coarse){.glass-play-button-wrap .glass-play-button__content:after,.glass-play-button-wrap .glass-play-button:active .glass-play-button__content:after{--glass-play-angle-2:-45deg}.glass-play-button-wrap .glass-play-button:after,.glass-play-button-wrap .glass-play-button:hover:after,.glass-play-button-wrap .glass-play-button:active:after{--glass-play-angle-1:-75deg}}