.so-dl-collections{padding:var(--PT, 36px) var(--page-margin, 40px) var(--PB, 36px)}.so-dl-collections__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:990px){.so-dl-collections__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.so-dl-collections__grid{grid-template-columns:1fr}.so-dl-collections{padding-left:16px;padding-right:16px}}.so-dl-tile{border-radius:10px;overflow:hidden;border:.5px solid rgba(0,0,0,.12);background:#fff;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.so-dl-tile:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.so-dl-tile__img-wrap{position:relative;overflow:hidden;aspect-ratio:4 / 3;background:#1b3a5c;flex-shrink:0}.so-dl-tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.so-dl-tile:hover .so-dl-tile__img{transform:scale(1.04)}.so-dl-tile__img-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1b3a5c,#2a7d8e)}.so-dl-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 55%);pointer-events:none}.so-dl-tile__circles{position:absolute;bottom:10px;left:10px;display:flex;gap:7px;z-index:3}.so-dl-circle{position:relative;width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.9);overflow:hidden;cursor:pointer;padding:0;background:#2a7d8e;flex-shrink:0;transition:transform .18s,border-color .18s}.so-dl-circle:hover,.so-dl-circle.is-playing{transform:scale(1.2);border-color:#042e7e}.so-dl-circle__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.so-dl-circle__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1b3a5c,#3fbfad)}.so-dl-circle__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000052;opacity:0;transition:opacity .18s}.so-dl-circle:hover .so-dl-circle__overlay,.so-dl-circle.is-playing .so-dl-circle__overlay{opacity:1}.so-dl-circle.is-playing .so-dl-circle__overlay{background:#2a7d8e8c}.so-dl-circle__icon{color:#fff;font-size:13px;line-height:1}.so-dl-circle__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#1b3a5c;color:#fff;font-size:10px;font-family:sans-serif;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .18s;z-index:10;max-width:160px;overflow:hidden;text-overflow:ellipsis}.so-dl-circle__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1b3a5c}.so-dl-circle:hover .so-dl-circle__tooltip{opacity:1}.so-dl-tile__now-playing{display:none;align-items:center;gap:8px;background:#042e7e;color:#fff;font-size:11px;font-family:sans-serif;padding:7px 12px;min-height:34px}.so-dl-tile__now-playing.is-visible{display:flex}.so-dl-tile__now-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.so-dl-tile__stop{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:14px;padding:0 4px;line-height:1;flex-shrink:0}.so-dl-tile__stop:hover{color:#fff}.so-dl-tile__wave{display:flex;align-items:flex-end;gap:2px;height:14px;flex-shrink:0}.so-dl-tile__wave span{display:block;width:3px;background:#3fbfad;border-radius:2px;animation:so-wave .8s ease-in-out infinite}.so-dl-tile__wave span:nth-child(2){animation-delay:.15s}.so-dl-tile__wave span:nth-child(3){animation-delay:.3s}@keyframes so-wave{0%,to{height:3px}50%{height:12px}}.so-dl-tile__body{padding:12px 14px 0;flex:1}.so-dl-tile__name{font-size:13px;font-weight:600;color:#1a1a1a;line-height:1.35;margin:0 0 3px}.so-dl-tile__count{font-size:11px;color:#888;margin:0}.so-dl-tile__btn{display:block;margin-top:10px;background:#042e7e;color:#fff;text-align:center;font-size:12px;font-weight:600;font-family:sans-serif;letter-spacing:.04em;padding:11px 0;text-decoration:none;border-radius:0 0 9px 9px;transition:background .18s}.so-dl-tile__btn:hover{background:#2a7d8e;color:#fff}.so-dl-tile{position:relative}.so-dl-tile__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.so-dl-circle,.so-dl-tile__stop{position:relative;z-index:2}
/*# sourceMappingURL=/cdn/shop/t/4/assets/download-collections.css.map */