@layer components{.ads-module__NTFb_a__tile{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.8);background:var(--card);min-width:0;color:var(--card-foreground);flex-direction:column;gap:1rem;padding:1rem;transition:border-color .15s cubic-bezier(.4,0,.2,1);display:flex}.ads-module__NTFb_a__tile[data-open=true]{border-color:var(--active)}.ads-module__NTFb_a__tile:has([data-preview=playing]){border-color:var(--active)}.ads-module__NTFb_a__tile>div:first-child{border:1px solid var(--border);border-radius:calc(var(--radius) * 1.4);background:color-mix(in oklab, var(--background) 60%, transparent);justify-content:center;align-items:center;height:5.5rem;padding:.75rem 1rem;display:flex;overflow:hidden}.ads-module__NTFb_a__tile>div[data-plate=light]{color:#0b0d0e;background:#f2f3ef;border-color:#0000}.ads-module__NTFb_a__tile>div:first-child>img{object-fit:contain;width:auto;max-width:100%;height:100%}.ads-module__NTFb_a__tile>div:first-child>[role=img]{background-color:var(--foreground);max-width:100%;height:100%;-webkit-mask:var(--logo) center / contain no-repeat;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat;display:block}.ads-module__NTFb_a__tile>div:first-child>span:not([role]){-webkit-line-clamp:2;letter-spacing:.06em;text-align:center;text-transform:uppercase;color:color-mix(in oklab, var(--foreground) 80%, transparent);-webkit-box-orient:vertical;font-size:1.125rem;font-weight:700;line-height:1.5rem;display:-webkit-box;overflow:hidden}.ads-module__NTFb_a__tile>div:nth-child(2){align-items:flex-start;gap:.75rem;display:flex}.ads-module__NTFb_a__tile>div:nth-child(2)>div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.ads-module__NTFb_a__tile>div:nth-child(2)>div>p:first-child{font-weight:600;line-height:1.5rem}.ads-module__NTFb_a__tile>button{color:var(--active);cursor:pointer;align-self:flex-start;align-items:center;gap:.25rem;margin-top:auto;font-weight:700;display:inline-flex;position:relative}.ads-module__NTFb_a__tile>button:before{content:"";width:.875rem;height:.875rem;-webkit-mask:var(--chevron) center / contain no-repeat;-webkit-mask:var(--chevron) center / contain no-repeat;mask:var(--chevron) center / contain no-repeat;background:currentColor;order:1;transition:rotate .15s cubic-bezier(.4,0,.2,1)}.ads-module__NTFb_a__tile>button[aria-expanded=true]:before{rotate:180deg}.ads-module__NTFb_a__tile>button:after{content:"";position:absolute;inset:-.875rem -.25rem}@media (hover:hover){.ads-module__NTFb_a__tile>button:hover{text-decoration-line:underline}}.ads-module__NTFb_a__tile>button:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);outline:none}.ads-module__NTFb_a__panel{border:1px solid color-mix(in oklab, var(--foreground) 60%, transparent);border-radius:calc(var(--radius) * 1.8);background:var(--card);color:var(--card-foreground);grid-column:1/-1;padding:1rem;position:relative}.ads-module__NTFb_a__panel[data-open=false]{display:none}.ads-module__NTFb_a__panel>div:first-child{align-items:center;gap:.75rem;display:flex;position:absolute;top:.75rem;right:.75rem}.ads-module__NTFb_a__panel>div:first-child>button:last-child{border-radius:calc(var(--radius) * .8);cursor:pointer;-webkit-user-select:none;user-select:none;background-clip:padding-box;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.ads-module__NTFb_a__panel>div:first-child>button:last-child:before{content:"";width:1.25rem;height:1.25rem;-webkit-mask:var(--close) center / contain no-repeat;-webkit-mask:var(--close) center / contain no-repeat;mask:var(--close) center / contain no-repeat;background:currentColor}.ads-module__NTFb_a__panel>div:first-child>button:last-child:after{content:"";position:absolute;inset:-.125rem}@media (hover:hover){.ads-module__NTFb_a__panel>div:first-child>button:last-child:hover{background-color:var(--muted);color:var(--foreground)}:where([data-theme=dark],[data-theme=dark] *) .ads-module__NTFb_a__panel>div:first-child>button:last-child:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.ads-module__NTFb_a__panel>div:first-child>button:last-child:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);outline:none}.ads-module__NTFb_a__panel>div:first-child>button:last-child:active{translate:0 1px}.ads-module__NTFb_a__panel>div:nth-child(2){padding-right:7rem}.ads-module__NTFb_a__panel>div:nth-child(2)>p:first-child{font-size:1.125rem;font-weight:600;line-height:1.75rem}.ads-module__NTFb_a__panel>div:nth-child(2)>p:last-child{margin-top:.25rem}.ads-module__NTFb_a__panel>div:nth-child(3){gap:1.5rem;margin-top:1.25rem;display:grid}.ads-module__NTFb_a__panel>div:nth-child(3)>div{flex-direction:column;gap:.5rem;display:flex}.ads-module__NTFb_a__panel>div:nth-child(3)>div>div{flex-direction:column;gap:.25rem;line-height:1.75rem;display:flex}.ads-module__NTFb_a__tile>div:nth-child(2)>div>p:last-child,.ads-module__NTFb_a__tile>button,.ads-module__NTFb_a__panel>div:nth-child(2)>p:last-child,.ads-module__NTFb_a__panel>div:nth-child(3)>div>p{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;line-height:1rem}.ads-module__NTFb_a__tile>div:nth-child(2)>div>p:last-child,.ads-module__NTFb_a__panel>div:nth-child(2)>p:last-child,.ads-module__NTFb_a__panel>div:nth-child(3)>div>p{color:var(--muted-foreground)}@media (min-width:48rem){.ads-module__NTFb_a__tile{padding:1.25rem}.ads-module__NTFb_a__tile>div:nth-child(2)>div>p:first-child{font-size:1.125rem}.ads-module__NTFb_a__panel{padding:1.5rem}.ads-module__NTFb_a__panel>div:first-child{top:1.25rem;right:1.25rem}.ads-module__NTFb_a__panel>div:nth-child(2){padding-right:8rem}.ads-module__NTFb_a__panel>div:nth-child(2)>p:first-child{font-size:1.25rem}.ads-module__NTFb_a__panel>div:nth-child(3){gap:2.5rem}.ads-module__NTFb_a__panel>div:nth-child(3):has(>div+div){grid-template-columns:repeat(2,minmax(0,1fr))}}}.ads-module__NTFb_a__tile,.ads-module__NTFb_a__panel{--chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E")}