/* An intentional reveal, never a looping motion or a transformed food photograph. */
.pause-body{display:flow-root}
.menu-section:has(.pause-finder[data-animating=true]){overflow-anchor:none}
.pause-finder[data-animating=true]{will-change:height}
.pause-finder[data-expanded=false] .pause-chevron{transform:rotate(0deg)}
.pause-finder[data-expanded=true] .pause-chevron{transform:rotate(180deg)}
.pause-finder .pause-chevron{transition:transform 320ms cubic-bezier(.2,.75,.2,1)}
.pause-options button{transition:background-color 180ms,border-color 180ms,box-shadow 180ms,transform 220ms cubic-bezier(.2,.75,.2,1)}
.pause-options button .ui-icon{transition:transform 220ms cubic-bezier(.2,.75,.2,1)}
.pause-options button:active{background:#f1dfd0;border-color:#9b6452}
.pause-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.pause-options [data-pause=favorito]{background:#f7e9cb;border-color:#bb925553}
.pause-options [data-pause=favorito][aria-pressed=true]{background:#eddbc1;border-color:#733145}
.pause-options .pause-favorite-art{position:relative;display:block;flex:0 0 78px;width:78px;height:66px}
.pause-favorite-art img{position:absolute!important;width:64px;height:64px;left:-4px;top:0;margin:0;object-fit:contain}
.pause-favorite-art img+img{width:50px;height:50px;left:auto;top:auto;right:-2px;bottom:0;filter:drop-shadow(0 3px 2px #5d392c24)}
@media(max-width:800px){.pause-options{grid-template-columns:repeat(2,minmax(0,1fr))}.pause-options .pause-favorite-art{margin-bottom:5px}}
@media(max-width:560px){.pause-options{grid-template-columns:1fr}.pause-options .pause-favorite-art{flex-basis:69px;width:69px;height:59px;margin-bottom:0}.pause-favorite-art img{width:58px;height:58px}.pause-favorite-art img+img{width:45px;height:45px}}
@media(hover:hover) and (pointer:fine){
 .pause-options button:hover,.pause-options button:focus-visible{transform:translateY(-2px);box-shadow:0 7px 16px #603b2410}
 .pause-options button:hover .ui-icon,.pause-options button:focus-visible .ui-icon{transform:translate(2px,-2px)}
}
@media(prefers-reduced-motion:reduce){
 .pause-finder .pause-chevron,.pause-options button,.pause-options button .ui-icon{transition:none!important;transform:none!important}
 .pause-finder[data-expanded=true] .pause-chevron{transform:rotate(180deg)!important}
}