.account-info-container.svelte-1nv300g{container-type:inline-size;container-name:account-info-container}.account.svelte-1nv300g{display:grid;gap:1rem;padding:1.5rem;padding-block-start:0;margin-block-start:-1rem;@container account-info-container (inline-size <= 550px){padding:1rem;margin-block-start:0}}header.svelte-1nv300g{height:4rem;background:var(--avatar-color);mask-image:linear-gradient(45deg,#000c,#0006);@container account-info-container (inline-size <= 550px){height:1rem}}.name-avatar.svelte-1nv300g{display:flex;align-items:center;gap:1rem}.avatar.svelte-1nv300g{position:relative;width:4.5rem;height:4.5rem;color:var(--avatar-color);background-color:var(--shade9);border:4px solid var(--shade9);border-radius:50%;@container account-info-container (inline-size <= 550px){width:3rem;height:3rem;border:none}&:after{content:"";position:absolute;inset:0;background:var(--avatar-color);border-radius:50%;mask:linear-gradient(45deg,hsla(0,0%,0%,.4),hsla(0,0%,0%,.2))}svg{position:absolute;width:65%;height:65%;top:50%;left:50%;translate:-50% -50%;z-index:1}}.account-details.svelte-1nv300g{display:grid;grid-template-columns:1fr 1fr 1fr;padding-block:.75rem;background:var(--shade6-50);border-radius:var(--br-lg);@container account-info-container (inline-size <= 800px){grid-template-columns:1fr 1fr}@container account-info-container (inline-size <= 550px){grid-template-columns:1fr}.detail-item:where(.svelte-1nv300g){display:grid;padding:.5rem 1.25rem;.actions:where(.svelte-1nv300g){padding-block-start:.25rem}}.label:where(.svelte-1nv300g){color:var(--shade2)}.roles:where(.svelte-1nv300g){display:flex;flex-wrap:wrap;gap:.25rem;>:where(.svelte-1nv300g){width:fit-content;padding:.25rem .5rem;background:var(--shade3-15);color:var(--shade2);border-radius:var(--br)}}}.account-actions.svelte-1nv300g{display:flex;gap:.5rem;@container account-info-container (inline-size <= 550px){flex-direction:column}.button.signout{background:var(--primary);color:var(--white)}.button.signin{background:color-mix(in hsl,var(--blue) 15%,transparent);color:var(--blue);&:hover{outline-color:color-mix(in hsl,var(--blue) 35%,transparent)}}}.card-body.svelte-tf79s4{padding:1.25rem}.error-message.svelte-tf79s4{padding:.75rem;background:color-mix(in hsl,var(--red) 15%,transparent);border:1px solid color-mix(in hsl,var(--red) 30%,transparent);border-radius:var(--br-lg);color:var(--red);margin-bottom:1rem}.empty-state.svelte-tf79s4{padding:1.5rem;text-align:center;color:var(--shade3)}.sessions-list.svelte-tf79s4{display:grid;grid-auto-rows:min-content;gap:.75rem}.session-item-container.svelte-tf79s4{container-type:inline-size;container-name:session-item-container}.session-item.svelte-tf79s4{padding:1rem;background:var(--shade7);border:1px solid var(--shade6);border-radius:var(--br-xl);.button.btn-remove{background:color-mix(in hsl,var(--red) 15%,transparent);color:var(--red);&:hover,&:focus{outline-color:color-mix(in hsl,var(--red) 30%,transparent)}&:disabled{opacity:.6;cursor:not-allowed}}}.session-item.current.svelte-tf79s4{background:color-mix(in hsl,var(--blue) 5%,transparent);border-color:color-mix(in hsl,var(--blue) 15%,transparent)}.session-header.svelte-tf79s4{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;@container session-item-container (inline-size <= 550px){flex-direction:column;align-items:flex-start}}.session-info.svelte-tf79s4{flex:1}.device-info.svelte-tf79s4{display:flex;align-items:center;gap:.5rem;color:var(--shade0)}.badge.svelte-tf79s4{display:inline-block;padding:.25rem .5rem;background:color-mix(in hsl,var(--blue) 20%,transparent);color:var(--blue);border-radius:var(--br)}.ip-address.svelte-tf79s4{color:var(--shade3)}.session-dates.svelte-tf79s4{display:flex;flex-direction:column;gap:.5rem;color:var(--shade3)}.date-row.svelte-tf79s4{display:flex;gap:.5rem}.value.svelte-tf79s4{color:var(--shade2)}.wallet-container.svelte-zl4klz{container-type:inline-size;container-name:wallet-container}.cards.svelte-zl4klz{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.25rem;@container wallet-container (inline-size <= 800px){grid-template-columns:1fr 1fr}@container wallet-container (inline-size <= 550px){grid-template-columns:1fr}}.error.svelte-zl4klz{grid-column:1 / -1;padding:1rem;background:color-mix(in hsl,var(--red) 15%,transparent);color:var(--red);border-radius:var(--br)}.card.svelte-zl4klz{--bg: var(--shade4);position:relative;display:grid;grid-auto-rows:min-content;gap:5rem;padding:1.5rem;text-align:left;line-height:inherit;background:radial-gradient(60% 60% at top center,color-mix(in hsl,var(--bg) 50%,transparent),color-mix(in hsl,var(--bg) 15%,transparent));box-shadow:inset 0 0 0 1px var(--shade3-15);border-radius:var(--br-xl);overflow:clip;&:hover{--bg: var(--shade3)}&.premium{--bg: color-mix(in hsl, var(--subscriber) 50%, transparent);box-shadow:inset 0 0 0 1px color-mix(in hsl,var(--subscriber) 15%,transparent)}&.removing{opacity:.38}>:where(.svelte-zl4klz){position:relative}}.premium-pass.svelte-zl4klz{position:absolute;top:0;right:0;height:100%;width:auto;translate:10% 0%;filter:grayscale(1);opacity:.38;pointer-events:none;&.playing{filter:grayscale(0);opacity:1}}.top.svelte-zl4klz{display:flex;align-items:center;justify-content:space-between;height:2rem}.actions.svelte-zl4klz{display:flex;align-items:center;gap:.5rem}.default-badge.svelte-zl4klz{color:var(--turq);background:color-mix(in hsl,var(--turq) 15%,transparent);padding:.25rem .5rem;border-radius:var(--br)}.remove-btn.svelte-zl4klz{padding:.25rem;color:var(--shade1);border-radius:var(--br);background:var(--shade3-15);svg{width:1.25rem;height:1.25rem}&:disabled{opacity:.38;cursor:not-allowed}}.bottom.svelte-zl4klz{display:grid;grid-auto-rows:min-content;gap:.25rem;.sub-info:where(.svelte-zl4klz){display:grid;grid-auto-rows:min-content}}.tooltip-content.svelte-zl4klz{display:grid;grid-auto-rows:min-content;gap:.25rem}