@layer atoms{.uo-button-play{-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;cursor:pointer;background:none;width:98.5px;height:98.5px;padding:0;gap:0;flex-shrink:0;background:rgba(0,0,0,0);border:0;border-radius:50%;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;--button-play-color: var(--uo-color-uo-yellow)}.uo-button-play:focus-visible{outline:none}.uo-button-play__icon{position:relative;width:100%;height:100%}.uo-button-play__icon::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg, var(--button-play-color), var(--uo-color-special-shoebox)) border-box;border:6px solid rgba(0,0,0,0);pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;-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}.uo-button-play__icon::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg, var(--button-play-color), var(--uo-color-special-shoebox));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Cpath fill='white' d='M73.27 50.47L36.27 69.83C35.35 70.31 34.25 69.64 34.25 68.61V29.9C34.25 28.87 35.35 28.2 36.27 28.68L73.27 48.03C74.26 48.54 74.26 49.95 73.27 50.47Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Cpath fill='white' d='M73.27 50.47L36.27 69.83C35.35 70.31 34.25 69.64 34.25 68.61V29.9C34.25 28.87 35.35 28.2 36.27 28.68L73.27 48.03C74.26 48.54 74.26 49.95 73.27 50.47Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}.uo-button-play::before,.uo-button-play::after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg, var(--button-play-color), var(--uo-color-special-shoebox)) border-box;border:6px solid rgba(0,0,0,0);box-shadow:none;pointer-events:none;z-index:-1;opacity:0;transition:var(--uo-hayward-transition);-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:xor;-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}.uo-button-play::after{transition-delay:60ms}.uo-button-play:hover::before,.uo-button-play:focus-visible::before{inset:-12px;opacity:.7}.uo-button-play:hover::after,.uo-button-play:focus-visible::after{inset:-24px;opacity:.4}@media(prefers-reduced-motion: reduce){.uo-button-play::before,.uo-button-play::after{transition:none}}.uo-reduce-motion .uo-button-play::before,.uo-reduce-motion .uo-button-play::after{transition:none}.uo-fork--software .uo-button-play::after{display:none}.uo-button-play[aria-pressed=true] .uo-button-play__icon::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Crect fill='white' x='28.75' y='24.25' width='14' height='50' rx='3'/%3E%3Crect fill='white' x='55.75' y='24.25' width='14' height='50' rx='3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Crect fill='white' x='28.75' y='24.25' width='14' height='50' rx='3'/%3E%3Crect fill='white' x='55.75' y='24.25' width='14' height='50' rx='3'/%3E%3C/svg%3E")}.uo-button-play[disabled]{pointer-events:none;opacity:.45;cursor:not-allowed}.uo-button-play[disabled]::before,.uo-button-play[disabled]::after{display:none}.uo-button-play--placeholder[aria-pressed=true] .uo-button-play__icon::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Cpath fill='white' d='M73.27 50.47L36.27 69.83C35.35 70.31 34.25 69.64 34.25 68.61V29.9C34.25 28.87 35.35 28.2 36.27 28.68L73.27 48.03C74.26 48.54 74.26 49.95 73.27 50.47Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 98.5 98.5'%3E%3Cpath fill='white' d='M73.27 50.47L36.27 69.83C35.35 70.31 34.25 69.64 34.25 68.61V29.9C34.25 28.87 35.35 28.2 36.27 28.68L73.27 48.03C74.26 48.54 74.26 49.95 73.27 50.47Z'/%3E%3C/svg%3E")}}

/*# sourceMappingURL=uo-button-play.css.map */