.sound-theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px;display:grid}.sound-theme-picker:not(:last-child){margin-bottom:20px}@media (width<=575.98px){.sound-theme-picker{gap:8px}}.sound-theme-tile{--tone:var(--primary);background:var(--main-glass-color);cursor:pointer;isolation:isolate;border-radius:12px;flex-direction:column;min-height:136px;padding:12px;transition:background-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.sound-theme-tile--eastern{--tone:var(--danger)}.sound-theme-tile--egypt{--tone:var(--gold)}.sound-theme-tile--pirate{--tone:var(--info)}.sound-theme-tile:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--tone) 22%, transparent), transparent 60%);opacity:.55;transition:opacity .25s;position:absolute;inset:0}.sound-theme-tile:hover{background:var(--main-glass-color-hover)}.sound-theme-tile:active{transform:scale(.98)}.sound-theme-tile.active{background:color-mix(in srgb, var(--tone) 12%, var(--card-bg-color))}.sound-theme-tile.active:before{opacity:1}.sound-theme-tile__input{opacity:0;pointer-events:none;position:absolute}.sound-theme-tile:has(.sound-theme-tile__input:focus-visible){outline:2px solid var(--tone);outline-offset:2px}.sound-theme-tile__bg{z-index:-1;width:96px;height:96px;color:var(--tone);opacity:.08;transition:opacity .25s,transform .4s;position:absolute;bottom:-10px;right:-14px}.sound-theme-tile.active .sound-theme-tile__bg{opacity:.16;transform:rotate(-6deg)scale(1.05)}.sound-theme-tile__head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sound-theme-tile__badge{width:38px;height:38px;color:var(--tone);background:color-mix(in srgb, var(--tone) 16%, transparent);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sound-theme-tile__listen{color:#fff;background:color-mix(in srgb, var(--tone) 35%, transparent);cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;padding:0;transition:background-color .2s,transform .2s}.sound-theme-tile__listen:hover{background:color-mix(in srgb, var(--tone) 60%, transparent);transform:scale(1.08)}.sound-theme-tile__name{color:#fff;font-weight:700;line-height:1.2}.sound-theme-tile__desc{color:var(--body-color);margin-top:2px;font-size:12px;line-height:1.3}.sound-theme-tile__eq{box-sizing:content-box;align-items:flex-end;gap:3px;height:16px;margin-top:auto;padding-top:10px;display:flex}.sound-theme-tile__eq i{background:var(--tone);opacity:.45;transform-origin:bottom;border-radius:2px;width:3px;height:30%}.sound-theme-tile__eq i:nth-child(2){height:60%}.sound-theme-tile__eq i:nth-child(3){height:90%}.sound-theme-tile__eq i:nth-child(4){height:50%}.sound-theme-tile__eq i:nth-child(5){height:75%}.sound-theme-tile__eq i:nth-child(6){height:40%}.sound-theme-tile__eq i:nth-child(7){height:65%}.sound-theme-tile.active .sound-theme-tile__eq i{opacity:1;animation:.9s ease-in-out infinite alternate sound-theme-eq}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(2){animation-delay:-.26s}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(3){animation-delay:-.39s}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(4){animation-delay:-.52s}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(5){animation-delay:-.65s}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(6){animation-delay:-.78s}.sound-theme-tile.active .sound-theme-tile__eq i:nth-child(7){animation-delay:-.91s}.sound-theme-tile__notes{pointer-events:none;position:absolute;bottom:26px;right:48px}.sound-theme-tile__notes i{color:var(--tone);opacity:0;font-size:13px;font-style:normal;position:absolute}.sound-theme-tile__notes i:nth-child(2){font-size:15px;left:14px}.sound-theme-tile__notes i:nth-child(3){font-size:11px;left:30px}.sound-theme-tile.active .sound-theme-tile__notes i{animation:2.4s ease-out infinite sound-theme-note}.sound-theme-tile.active .sound-theme-tile__notes i:nth-child(2){animation-delay:.8s}.sound-theme-tile.active .sound-theme-tile__notes i:nth-child(3){animation-delay:1.6s}.sound-theme-tile__check{color:#111;background:var(--tone);opacity:0;border-radius:50%;width:18px;height:18px;transition:opacity .2s,transform .25s cubic-bezier(.3,1.6,.5,1);position:absolute;bottom:12px;right:12px;transform:scale(.5)}.sound-theme-tile.active .sound-theme-tile__check{opacity:1;transform:scale(1)}.sound-theme-tile.anim-off .sound-theme-tile__eq i,.sound-theme-tile.anim-off .sound-theme-tile__notes i{animation:none!important}@media (prefers-reduced-motion:reduce){.sound-theme-tile__eq i,.sound-theme-tile__notes i{animation:none!important}}@keyframes sound-theme-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes sound-theme-note{0%{opacity:0;transform:translateY(6px)rotate(-8deg)}20%{opacity:.9}to{opacity:0;transform:translateY(-34px)rotate(10deg)}}