.tag-input[data-astro-cid-oyy3tmfb]{font-family:var(--font-family);padding:var(--spacing-md) var(--spacing-lg);overflow:hidden;box-shadow:0 1px 2px #1018280d;border:1px solid var(--border-primary);background:var(--surface-solid);border-radius:var(--radius-md);text-overflow:ellipsis;font-size:var(--font-size-xs);font-weight:var(--font-weight-Regular);line-height:var(--font-height-md);letter-spacing:-.32px;transition:color,box-shadow,border var(--easing-normal);caret-color:var(--surface-brand-solid);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.tag-input[data-astro-cid-oyy3tmfb]:hover{opacity:1;border-radius:var(--radius-md);border:1px solid var(--border-brand-secondary);box-shadow:0 0 0 4px var(--surface-brand-primary)}.tag-input[data-astro-cid-oyy3tmfb]:hover::placeholder{color:var(--text-primary);opacity:1}.tag-input[data-astro-cid-oyy3tmfb]::placeholder{opacity:.4;color:var(--text-primary)}.tag-input[data-astro-cid-oyy3tmfb]:focus::placeholder{opacity:.2}.tag-input[data-astro-cid-oyy3tmfb]:focus{color:var(--text-primary);border:1px solid var(--surface-brand-solid);background:var(--surface-solid);box-shadow:0 0 0 6px var(--surface-brand-primary);outline:none;border-color:var(--surface-brand-solid)}.tag-input[data-astro-cid-oyy3tmfb]:active{color:var(--text-primary);border:1px solid var(--border-solid)}.tag-input-field[data-astro-cid-oyy3tmfb]{flex:1;min-width:160px;border:none;outline:none;background:transparent;padding:0;margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.tag-input-field[data-astro-cid-oyy3tmfb]::placeholder{color:var(--text-secondary)}.tag-input-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.tag-input-tag{color:var(--text-primary);font-size:var(--font-size-xs);display:flex;height:var(--spacing-4xl);padding:var(--spacing-sm) var(--spacing-md);justify-content:center;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-2xl);background:var(--surface-primary)}.tag-input-tag button{border:none;background:none;cursor:pointer;display:flex}.tag-input-tag button svg{color:var(--text-primary);width:16px;height:16px}h1,h2,h3,h4,h5,h6,p{color:var(--text-primary);margin:0}li p,li .p,li .new-playlist-section .input-select,.new-playlist-section li .input-select,li .p_bold{margin-bottom:var(--spacing-sm)}li .p_small,li .p_small_bold{margin-bottom:var(--spacing-2xs)}.display{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-3xl);line-height:1.1;text-decoration:none;letter-spacing:-.002rem;text-wrap:balance}@media screen and (width>=880px){.display{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-5xl);line-height:1.1;text-decoration:none;letter-spacing:-.002rem}}.display_large{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-7xl);line-height:1;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}h1,.h1{font-weight:var(--font-weight-Regular);font-size:var(--font-size-4xl);line-height:3.5rem;text-decoration:none}.h1_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-4xl);line-height:3.5rem;text-decoration:none}h2,.h2{font-weight:var(--font-weight-Regular);font-size:var(--font-size-3xl);line-height:3rem;text-decoration:none}.h2_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-3xl);line-height:3rem;text-decoration:none}h3,.h3{font-weight:var(--font-weight-Regular);font-size:var(--font-size-2xl);line-height:2.5rem;text-decoration:none}.h3_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-2xl);line-height:2.5rem;text-decoration:none}h4,.h4{font-weight:var(--font-weight-Regular);font-size:var(--font-size-xl);line-height:2.25rem;text-decoration:none}.h4_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-xl);line-height:2.25rem;text-decoration:none}h5,.h5{font-weight:var(--font-weight-Regular);font-size:var(--font-size-lg);line-height:1.75rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.h5_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-lg);line-height:1.75rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}h6,.h6{font-weight:var(--font-weight-Regular);font-size:var(--font-size-md);line-height:1.5rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.h6_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-md);line-height:1.5rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.p_large{font-weight:var(--font-weight-Regular);font-size:var(--font-size-sm);line-height:1.75rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.p_large_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-sm);line-height:1.75rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs);margin-bottom:var(--spacing-xl)}.p_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-xs);line-height:1.5rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}p,.p,.new-playlist-section .input-select{font-weight:var(--font-weight-Regular);font-size:var(--font-size-xs);line-height:1.5rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.p_small{font-weight:var(--font-weight-Regular);font-size:var(--font-size-2xs);line-height:1.25rem;text-decoration:none}.p_small_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-2xs);line-height:1.25rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.overline_large{font-weight:var(--font-weight-Regular);font-size:var(--font-size-xs);line-height:1.5;text-decoration:none;letter-spacing:var(--letter-spacing-xl);text-transform:uppercase}.overline{font-weight:var(--font-weight-Medium);font-size:var(--font-size-2xs);line-height:1.25rem;text-decoration:none;letter-spacing:var(--letter-spacing-xl);text-transform:uppercase}.overline_small{font-weight:var(--font-weight-Medium);font-size:var(--font-size-3xs);line-height:1rem;text-decoration:none;letter-spacing:var(--letter-spacing-xl);text-transform:uppercase}.caption{font-weight:var(--font-weight-Regular);font-size:var(--font-size-3xs);line-height:1rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.caption_bold{font-weight:var(--font-weight-Semibold);font-size:var(--font-size-3xs);line-height:1rem;text-decoration:none;letter-spacing:var(--letter-spacing-4xs)}.new-playlist-modal{position:fixed;inset:0;z-index:1000;display:none}.new-playlist-modal.active{display:block}.new-playlist-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg)}.new-playlist-modal-scroll{position:fixed;inset:0;padding:calc(var(--spacing-3xl) + 44px) var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;pointer-events:none}.new-playlist-modal-content{position:relative;border-radius:var(--radius-3xl);background:var(--surface-solid);padding:var(--spacing-6xl) var(--spacing-6xl) var(--spacing-6xl) var(--spacing-6xl);max-width:44.6rem;width:100%;animation:modalSlideIn var(--easing-normal);display:flex;flex-direction:column;pointer-events:auto;margin:auto;transition:var(--easing-normal);box-shadow:0 502px 141px #0000,0 321px 128px #00000003,0 181px 108px #0000000d,0 80px 80px #00000017,0 20px 44px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.new-playlist-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl)}.new-playlist-modal-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-Semibold);line-height:var(--font-height-lg);letter-spacing:-.03rem}.new-playlist-modal-close{padding:8px}.new-playlist-modal-close-box{display:flex;align-items:center;position:absolute;top:-44px;right:-8px;cursor:pointer}.new-playlist-modal-close-box:hover .new-playlist-modal-close-box-text:after{width:100%;opacity:1}.new-playlist-modal-close-box svg{display:flex}.new-playlist-modal-close-box-text{color:var(--text-on-dark-primary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-Medium);line-height:var(--font-height-xs);letter-spacing:var(--letter-spacing-md);text-transform:uppercase;position:relative}.new-playlist-modal-close-box-text:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;opacity:0;background-color:var(--text-on-dark-primary);transition:var(--easing-normal)}.new-playlist-modal-body{display:flex;flex-direction:column}.new-playlist-form{display:flex;flex-direction:column;width:100%}.new-playlist-name{margin-bottom:var(--spacing-xl)}.new-playlist-name input{width:100%}.new-playlist-keywords,.new-playlist-description{margin-bottom:var(--spacing-xl)}.new-playlist-description textarea{margin-bottom:var(--spacing-xs)}.new-playlist-description-counter{display:block;color:var(--text-tertiary);font-size:var(--font-size-3xs);font-weight:var(--font-weight-Regular);line-height:var(--font-height-xs);letter-spacing:var(--letter-spacing-3xs)}.new-playlist-section{margin-bottom:var(--spacing-2xl);display:flex;gap:var(--spacing-xs);flex-direction:column}.new-playlist-section .input-label{display:block}.new-playlist-section .input-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 1px 2px #1018280d;border:1px solid var(--border-primary);background:var(--surface-solid);border-radius:var(--radius-md);text-overflow:ellipsis;transition:color,box-shadow,border var(--easing-normal);caret-color:var(--surface-brand-solid);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23141312' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;background-size:24px 24px;padding-right:calc(var(--spacing-lg) + 24px + var(--spacing-md))}.new-playlist-section .input-select:hover{opacity:1;border-radius:var(--radius-md);border:1px solid var(--border-brand-secondary);box-shadow:0 0 0 4px var(--surface-brand-primary)}.new-playlist-section .input-select:focus{color:var(--text-primary);border:1px solid var(--surface-brand-solid);background:var(--surface-solid);box-shadow:0 0 0 6px var(--surface-brand-primary);outline:none;border-color:var(--surface-brand-solid)}.new-playlist-section .input-select:active{color:var(--text-primary);border:1px solid var(--border-solid)}.new-playlist-section .input-select option{color:var(--text-primary);background:var(--surface-solid)}.new-playlist-upload{margin-bottom:var(--spacing-3xl)}.new-playlist-bottom{display:flex;align-items:center;justify-content:space-between;width:100%}.new-playlist-scope{display:flex;flex-direction:column;gap:var(--spacing-xs)}.new-playlist-scope .input-label{display:block}.new-playlist-scope .new-playlist-scope-options{display:flex;flex-direction:row;gap:var(--spacing-xs);align-items:center;margin-bottom:var(--spacing-xl)}
