@import './e1dec9af9204-f9e2527881b5.css';

/* Small warm metal medallions, with familiar symbols and no visible captions. */
button.journey-control{width:46px;height:46px;padding:11px;gap:0;grid-template-rows:1fr;border-radius:50%;color:#f1e3c4;border:1px solid #e7d5ad40;background:linear-gradient(145deg,#3b4032b8,#18272cd6);box-shadow:inset 0 1px 0 #fff0ce13,0 2px 8px #0b171925;backdrop-filter:blur(8px)}
button.journey-control:hover{color:#fff3d7;background:linear-gradient(145deg,#515440d6,#243337eb);box-shadow:inset 0 1px 0 #fff0ce21,0 2px 10px #1019193b}
button.journey-control:active{background:#28332eeb}
button.journey-control:focus-visible{outline:2px solid #f1d8a0;outline-offset:3px}
button.journey-control svg{width:24px;height:24px;stroke-width:1.7;overflow:visible}
#pause .pause{stroke-width:2.5}#pause .play{fill:currentColor;stroke-width:.7}
#sound .speaker{stroke-width:1.7}#sound .waves{stroke-width:1.55}#sound .off{stroke-width:1.9}
#sound,#pause,#resume,#replay{bottom:max(18px,env(safe-area-inset-bottom))}
#sound{right:max(18px,env(safe-area-inset-right))}
#pause{right:calc(max(18px,env(safe-area-inset-right)) + 56px)}
#resume{right:calc(max(18px,env(safe-area-inset-right)) + 112px)}
#replay{left:max(18px,env(safe-area-inset-left))}
#sound-panel{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 58px);border-radius:18px}