@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}.spotify-import__header{padding-inline-end:2.5rem}.spotify-import__heading{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-outline-style:none;color:var(--text-primary);line-height:var(--leading-heading,1.25);outline-style:none}.spotify-import__body{gap:calc(var(--spacing,.25rem) * 5);color:var(--text-secondary);flex-direction:column;margin-inline:-.5rem;padding-inline:.5rem;display:flex}.spotify-import__lede{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-primary);line-height:var(--leading-body)}.spotify-import__intro{gap:calc(var(--spacing,.25rem) * 4);border-block-end:1px solid var(--border-hairline);flex-direction:column;padding-block-end:1.25rem;display:flex}.spotify-import__terms{column-gap:calc(var(--spacing,.25rem) * 5);row-gap:calc(var(--spacing,.25rem) * 2);grid-template-columns:max-content minmax(0,1fr);display:grid}.spotify-import__term{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.spotify-import__term dt{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-secondary);line-height:var(--leading-body)}.spotify-import__term dd{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-primary);line-height:var(--leading-body)}.spotify-import__methods .tabs__tab{flex:1}.spotify-import__tab-panel{margin-block-start:1.25rem;padding:0}.spotify-import__panel{gap:calc(var(--spacing,.25rem) * 5);flex-direction:column;display:flex}.spotify-import__form{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:.25rem .5rem;display:grid}.spotify-import__form .spotify-import__field{grid-row:span 2;grid-template-rows:subgrid;width:100%;display:grid}.spotify-import__form--described .spotify-import__field{grid-row:span 3}.spotify-import__submit{grid-area:2/2}.spotify-import__code-input{font-variant-numeric:tabular-nums;letter-spacing:.04em}.spotify-import__results{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}.spotify-import__results-head{justify-content:space-between;align-items:center;column-gap:calc(var(--spacing,.25rem) * 4);row-gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;display:flex}.spotify-import__results-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-outline-style:none;color:var(--text-primary);outline-style:none}.spotify-import__list{gap:var(--spacing,.25rem);flex-direction:column;list-style-type:none;display:flex}.spotify-import__row{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem) * 3);border-style:var(--tw-border-style);width:100%;padding:calc(var(--spacing,.25rem) * 3);text-align:start;border-radius:var(--radius-inner);color:inherit;transition:background-color var(--motion-duration-fast) var(--ease-enter);background-color:#0000;border-width:0;text-decoration-line:none;display:flex}.spotify-import__row:hover{background:var(--surface-card-section)}.spotify-import__row:focus-visible{background:var(--surface-card-section);outline:2px solid var(--color-focus-ring);outline-offset:2px}.spotify-import__row-art{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);flex-shrink:0}.spotify-import__row-photo{flex-shrink:0}.spotify-import__row-body{gap:var(--spacing,.25rem);flex-direction:column;flex:1;min-width:0;display:flex}.spotify-import__row-title{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);row-gap:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--text-primary);flex-wrap:wrap;display:flex}.spotify-import__row-title bdi[data-untitled=true]{color:var(--text-secondary);font-style:italic}.spotify-import__row-flag{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--text-warning)}.spotify-import__row-meta{align-items:center;column-gap:calc(var(--spacing,.25rem) * 2);row-gap:var(--spacing,.25rem);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-secondary);flex-wrap:wrap;display:flex}.spotify-import__row-already{color:var(--text-primary)}.spotify-import__row-open{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--text-primary);flex-shrink:0}.spotify-import__row-chevron{width:calc(var(--spacing,.25rem) * 4);height:calc(var(--spacing,.25rem) * 4);--chevron-lean:var(--motion-nudge-distance);color:var(--text-secondary);transition:translate var(--motion-duration-fast) var(--ease-enter);flex-shrink:0}@media (hover:hover){.spotify-import__row:hover .spotify-import__row-chevron{translate:var(--chevron-lean) 0}}[dir=rtl] .spotify-import__row-chevron{--chevron-lean:calc(var(--motion-nudge-distance) * -1);transform:scaleX(-1)}.spotify-import__isrc{font-variant-numeric:tabular-nums}.spotify-import__identity{align-items:center;gap:calc(var(--spacing,.25rem) * 3);display:flex}.spotify-import__identity-art{width:calc(var(--spacing,.25rem) * 14);height:calc(var(--spacing,.25rem) * 14);flex-shrink:0}.spotify-import__fields{gap:calc(var(--spacing,.25rem) * 4);display:grid}@media (min-width:40rem){.spotify-import__fields{grid-template-columns:repeat(2,minmax(0,1fr))}}.spotify-import__provenance{margin-top:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-secondary);line-height:var(--leading-body);overflow-wrap:anywhere;display:block}.spotify-import__damage{margin-top:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--text-warning);line-height:var(--leading-body);display:block}.spotify-import__facts{column-gap:calc(var(--spacing,.25rem) * 6);row-gap:calc(var(--spacing,.25rem) * 4);border-top-style:var(--tw-border-style);padding-top:calc(var(--spacing,.25rem) * 5);border-top-width:1px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:40rem){.spotify-import__facts{grid-template-columns:repeat(3,minmax(0,1fr))}}.spotify-import__facts{border-color:var(--border-hairline)}.spotify-import__fact{gap:var(--spacing,.25rem);flex-direction:column;min-width:0;display:flex}.spotify-import__fact dt{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-secondary)}.spotify-import__fact dd{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-primary);overflow-wrap:anywhere;flex-direction:column;display:flex}.spotify-import__fact-note{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-secondary)}.spotify-import__note{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-secondary);line-height:var(--leading-body)}.spotify-import__footer{flex-wrap:wrap}.spotify-import__attribution{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1 / .75)));color:var(--text-secondary);margin-inline-end:auto}.spotify-import__deadend{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.spotify-import__deadend-line{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--text-secondary);line-height:var(--leading-body)}.spotify-import__retry{margin-top:calc(var(--spacing,.25rem) * 3)}.spotify-import__skeleton-row{align-items:center;gap:calc(var(--spacing,.25rem) * 3);padding:calc(var(--spacing,.25rem) * 3);display:flex}.spotify-import__skeleton-art{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-inner);flex-shrink:0}.spotify-import__skeleton-photo{width:calc(var(--spacing,.25rem) * 12);height:calc(var(--spacing,.25rem) * 12);border-radius:var(--radius-control);flex-shrink:0}.spotify-import__skeleton-lines{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;flex:1;min-width:0;display:flex}.spotify-import__skeleton-line{height:calc(var(--spacing,.25rem) * 3);border-radius:var(--radius-control)}.spotify-import__skeleton-line--title{inline-size:42%}.spotify-import__skeleton-line--meta{inline-size:68%}@media (prefers-reduced-motion:reduce){.spotify-import__row{transition:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}