.styles-module__Fu4taq__card{flex-direction:column;gap:8px;display:flex}.styles-module__Fu4taq__preview{background:var(--color-a2);border-radius:var(--radius-medium);justify-content:center;align-items:center;width:100%;padding-block:48px;transition:background .2s;display:flex;position:relative;overflow:hidden}.styles-module__Fu4taq__preview[data-playing]{background:var(--color-a3)}.styles-module__Fu4taq__canvas{--vis-color-low:var(--color-7);--vis-color-mid:var(--color-9);--vis-color-high:var(--color-11);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.styles-module__Fu4taq__play{color:#fff;cursor:pointer;background:var(--color-a8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:transform .15s,background .15s;display:flex}.styles-module__Fu4taq__play:hover{background:var(--color-a10);transform:scale(1.08)}.styles-module__Fu4taq__play:active{transform:scale(.95)}.styles-module__Fu4taq__play[data-playing]{background:var(--color-a10)}.styles-module__Fu4taq__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.styles-module__Fu4taq__details{flex-direction:column;gap:2px;display:flex}.styles-module__Fu4taq__details .styles-module__Fu4taq__name{color:var(--ds-gray-12);text-transform:capitalize;letter-spacing:.0059px;font-variation-settings:"wght" 550;font-size:12px;line-height:1.5}.styles-module__Fu4taq__details .styles-module__Fu4taq__author{color:var(--ds-gray-10);text-transform:capitalize;letter-spacing:.0059px;font-size:12px;line-height:1.5}.styles-module__Fu4taq__button{color:var(--ds-gray-12);box-shadow:var(--shadow-2);letter-spacing:-.0411px;font-variation-settings:"wght" 550;border-radius:8px;flex-shrink:0;padding:4px 12px;font-size:13px;line-height:1.5;text-decoration:none;transition:all .2s}.styles-module__Fu4taq__button:hover{opacity:.85}.styles-module__Fu4taq__button:active{transform:translateY(1px)}
.styles-module__Ua8i9G__container{width:100%;padding:0 var(--page-padding);padding-bottom:48px}.styles-module__Ua8i9G__header{flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;display:flex}.styles-module__Ua8i9G__header .styles-module__Ua8i9G__title{color:var(--ds-gray-12);letter-spacing:-.3331px;font-variation-settings:"wght" 550;font-size:20px;line-height:1.5}.styles-module__Ua8i9G__header .styles-module__Ua8i9G__description{color:var(--ds-gray-11);letter-spacing:-.1754px;font-variation-settings:"wght" 400;font-size:16px;line-height:1.5}.styles-module__Ua8i9G__search{width:100%;color:var(--ds-gray-8);flex-shrink:0;align-items:center;margin-bottom:24px;display:flex;position:relative}.styles-module__Ua8i9G__search .styles-module__Ua8i9G__icon{color:currentColor;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.styles-module__Ua8i9G__search .styles-module__Ua8i9G__control{width:100%;height:40px;color:var(--ds-gray-12);background:var(--ds-gray-2);border:0px solid var(--ds-gray-4);border-radius:var(--radius-medium);letter-spacing:-.0871px;font-variation-settings:"wght" 500;outline:2px solid #0000;padding:0 12px 0 36px;font-size:14px;line-height:1.5;transition:all .2s}.styles-module__Ua8i9G__search .styles-module__Ua8i9G__control::placeholder{color:var(--ds-gray-8)}.styles-module__Ua8i9G__search .styles-module__Ua8i9G__control:focus{outline:2px solid var(--ds-gray-4);border-color:var(--ds-gray-a8)}.styles-module__Ua8i9G__grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}@media (max-width:1024px){.styles-module__Ua8i9G__grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.styles-module__Ua8i9G__grid{grid-template-columns:repeat(2,1fr)}}.styles-module__Ua8i9G__empty{color:var(--ds-gray-8);text-align:center;background:var(--ds-gray-2);border-radius:var(--radius-medium);flex-direction:column;justify-content:center;align-items:center;padding:48px 0;display:flex}.styles-module__Ua8i9G__empty .styles-module__Ua8i9G__icon{color:var(--ds-gray-11);background:var(--ds-gray-1);border-radius:var(--radius-medium);box-shadow:var(--shadow-2);justify-content:center;align-items:center;margin-bottom:16px;padding:8px;display:flex}.styles-module__Ua8i9G__empty .styles-module__Ua8i9G__title{color:var(--ds-gray-12);letter-spacing:-.1754px;font-variation-settings:"wght" 600;margin-bottom:4px;font-size:16px;line-height:1.5}.styles-module__Ua8i9G__empty .styles-module__Ua8i9G__description{color:var(--ds-gray-10);letter-spacing:-.0871px;font-variation-settings:"wght" 550;font-size:14px;line-height:1.5}