.sound-board__layout{display:grid;grid-template-columns:minmax(0,1fr);gap:32px 48px;margin-top:40px}@media screen and (min-width:990px){.sound-board__layout--media-left{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.sound-board__layout--media-right{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.sound-board__layout--media-right .sound-board__media{order:2}}.sound-board__media{display:flex;flex-direction:column;gap:12px;margin:0;min-width:0}.sound-board__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:rgba(var(--dream-fg-rgb),.08)}.sound-board__frame video,.sound-board__frame iframe,.sound-board__frame img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;border:0;object-fit:cover}.sound-board__caption{font-size:13px;line-height:1.4;color:rgba(var(--dream-fg-rgb),.7)}.sound-board__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.sound-board__list--cards{gap:12px}.sound-board__list--rows{border-top:1px solid rgba(var(--dream-fg-rgb),.15)}.sound-board__item{min-width:0}.sbp{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:16px}.sound-board__list--cards .sbp{padding:14px 18px 14px 14px;border:1px solid rgba(var(--dream-fg-rgb),.14);border-radius:14px;background:rgba(var(--dream-fg-rgb),.04);transition:border-color .2s ease,background-color .2s ease}.sound-board__list--cards .sbp.is-active{border-color:rgba(var(--dream-fg-rgb),.32);background:rgba(var(--dream-fg-rgb),.07)}.sound-board__list--rows .sbp{padding:16px 0;border-bottom:1px solid rgba(var(--dream-fg-rgb),.15)}.sbp__play{width:48px;height:48px;background:var(--dream-accent, rgb(var(--dream-fg-rgb)))}.sbp__main{display:flex;flex-direction:column;gap:8px;min-width:0}.sbp__top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.sbp__title{overflow:hidden;margin:0;font-size:15px;font-weight:600;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.sbp__time{flex:none;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.3;color:rgba(var(--dream-fg-rgb),.7)}.sbp__wave{position:relative;height:36px;border-radius:4px;cursor:pointer;touch-action:manipulation}.sbp__wave:focus-visible{outline:2px solid rgb(var(--dream-fg-rgb));outline-offset:4px}.sbp__bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:2px;pointer-events:none}.sbp__bars span{flex:1 1 0;min-width:1px;height:max(2px,calc(var(--h, .14) * 100%));border-radius:2px;background:rgba(var(--dream-fg-rgb),.24);transition:height .4s ease}.sbp__bars--played{clip-path:inset(0 calc(100% - var(--p, 0%)) 0 0)}.sbp__bars--played span{background:var(--dream-accent, rgb(var(--dream-fg-rgb)))}.sbp__wave--line{height:20px}.sbp__wave--line:before,.sbp__wave--line:after{content:"";position:absolute;left:0;top:50%;height:4px;margin-top:-2px;border-radius:2px}.sbp__wave--line:before{right:0;background:rgba(var(--dream-fg-rgb),.2)}.sbp__wave--line:after{width:var(--p, 0%);background:var(--dream-accent, rgb(var(--dream-fg-rgb)))}.sbp__meta{display:flex;flex-direction:column;gap:6px;padding-top:2px}.sbp__text{margin:0;font-size:14px;line-height:1.5;color:rgba(var(--dream-fg-rgb),.7)}.sbp__tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.sbp__tag{padding:5px 9px;border:1px solid rgba(var(--dream-fg-rgb),.25);border-radius:999px;font-size:12px;font-weight:500;line-height:1}.sbp__link{width:fit-content;font-size:14px}.sound-board__editor-note{margin:0;padding:10px 14px;border:1px dashed rgba(var(--dream-fg-rgb),.35);border-radius:8px;font-size:13px;line-height:1.5;color:rgba(var(--dream-fg-rgb),.75)}@media(prefers-reduced-motion:reduce){.sbp__bars span,.sound-board__list--cards .sbp{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-sound-board.css.map */