.sounds-page{max-width:860px;margin:0 auto;padding:8rem 2rem 4rem}.sounds-heading{font-family:var(--font-cormorant);letter-spacing:1px;color:var(--foreground);margin-bottom:3rem;font-size:48px;font-style:italic;font-weight:700}.sounds-description{font-family:var(--font-cormorant);color:color-mix(in srgb, var(--foreground) 55%, transparent);max-width:600px;margin-bottom:2.5rem;font-size:20px;font-style:italic;font-weight:400}.sounds-list{flex-direction:column;display:flex}.sound-row{border-bottom:1px solid color-mix(in srgb, var(--foreground) 8%, transparent);grid-template-columns:48px 1fr auto auto auto auto;align-items:center;gap:1.25rem;padding:1.1rem 0;transition:background .15s;display:grid}.sound-row:first-child{border-top:1px solid color-mix(in srgb, var(--foreground) 8%, transparent)}.sound-row--active{background:color-mix(in srgb, var(--foreground) 3%, transparent)}.sound-play{border:1.5px solid var(--foreground);cursor:pointer;width:40px;height:40px;color:var(--foreground);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding-left:2px;transition:background .2s,color .2s;display:flex}.sound-play:hover,.sound-row--active .sound-play{background:var(--foreground);color:#fff}.sound-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sound-title{font-family:var(--font-cormorant);color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-style:italic;font-weight:600;overflow:hidden}.sound-row--active .sound-title{color:var(--foreground)}.sound-description{font-family:var(--font-cormorant);color:color-mix(in srgb, var(--foreground) 50%, transparent);margin-top:2px;font-size:13px;font-style:italic;font-weight:400}.sound-meta{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.sound-recorded{font-family:var(--font-cormorant);letter-spacing:1px;color:color-mix(in srgb, var(--foreground) 40%, transparent);font-size:12px;font-weight:400}.sound-artist{font-family:var(--font-cormorant);letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 45%, transparent);font-size:14px;font-weight:400}.sound-duration{font-family:var(--font-cormorant);letter-spacing:1px;color:color-mix(in srgb, var(--foreground) 40%, transparent);text-align:right;min-width:40px;font-size:15px;font-weight:400}.sound-action{cursor:pointer;color:color-mix(in srgb, var(--foreground) 35%, transparent);background:0 0;border:none;align-items:center;padding:4px;text-decoration:none;transition:color .2s;display:flex}.sound-action:hover{color:var(--foreground)}.sound-progress-wrap{background:color-mix(in srgb, var(--foreground) 10%, transparent);cursor:pointer;border-radius:2px;grid-column:2/-1;height:2px;margin-top:-.5rem;margin-bottom:.25rem}.sound-progress-fill{background:var(--foreground);border-radius:2px;height:100%;transition:width .1s linear}.sound-toast{background:var(--foreground);color:#fff;font-family:var(--font-cormorant);letter-spacing:1.5px;opacity:0;pointer-events:none;z-index:100;border-radius:4px;padding:10px 24px;font-size:15px;transition:opacity .25s,transform .25s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(12px)}.sound-toast--visible{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:600px){.sounds-page{padding:2rem 1rem 3rem}.sounds-heading{margin-bottom:2rem;font-size:36px}.sound-row{grid-template-columns:40px 1fr auto auto;gap:.75rem}.sound-meta{display:none}.sound-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sound-title{font-size:18px}}