.library-modal{--bg-color-light:rgb(var(--primary-white-rgb));--font-color-light:rgb(var(--primary-gray-rgb));--secondary-font-color-light:rgba(var(--primary-gray-rgb),0.6);--placeholder-font-color-light:rgba(var(--primary-gray-rgb),0.4);--border-color-light:rgba(var(--primary-gray-rgb),0.08);--divider-color-light:rgba(var(--primary-gray-rgb),0.04);--bg-color-dark:rgb(var(--primary-gray-rgb));--font-color-dark:rgb(var(--primary-white-rgb));--secondary-font-color-dark:rgba(var(--primary-white-rgb),0.6);--placeholder-font-color-dark:rgba(var(--primary-white-rgb),0.4);--border-color-dark:rgba(var(--primary-white-rgb),0.08);--divider-color-dark:rgba(var(--primary-white-rgb),0.04);position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));padding:40px 0 24px 24px;width:932px;height:628px;border-radius:16px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal{color:var(--font-color-dark)}}:where(html.is-dark) .library-modal{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal{color:var(--font-color-light)}}:where(html.is-light) .library-modal{color:var(--font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal{background-color:var(--bg-color-dark)}}:where(html.is-dark) .library-modal{background-color:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal{background-color:var(--bg-color-light)}}:where(html.is-light) .library-modal{background-color:var(--bg-color-light)}.library-modal-close{position:absolute;display:flex;cursor:pointer;align-items:center;justify-content:center;top:24px;right:24px;width:20px;height:20px;border-radius:4px}.library-modal-close svg{width:14px;height:14px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-close:hover{background:var(--divider-color-dark)}}:where(html.is-dark) .library-modal-close:hover{background:var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-close:hover{background:var(--divider-color-light)}}:where(html.is-light) .library-modal-close:hover{background:var(--divider-color-light)}.library-modal-top{--list-card-width:300px;padding-right:24px}.library-modal-top-title{width:111px;height:60px}.library-modal-content{padding-top:16px;height:528px}.library-modal-content-left{flex-shrink:0;flex-grow:0;width:140px;height:100%}.library-modal-content-left-title{padding-bottom:8px;font-weight:500;opacity:.4}.library-modal-content-left-item,.library-modal-content-left-title{text-align:left;font-size:12px;line-height:18px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.library-modal-content-left-item{margin-bottom:8px;padding:7px 8px;font-weight:400}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-content-left-item-title{color:var(--secondary-font-color-dark)}}:where(html.is-dark) .library-modal-content-left-item-title{color:var(--secondary-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-content-left-item-title{color:var(--secondary-font-color-light)}}:where(html.is-light) .library-modal-content-left-item-title{color:var(--secondary-font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-content-left-item-count{color:var(--placeholder-font-color-dark)}}:where(html.is-dark) .library-modal-content-left-item-count{color:var(--placeholder-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-content-left-item-count{color:var(--placeholder-font-color-light)}}:where(html.is-light) .library-modal-content-left-item-count{color:var(--placeholder-font-color-light)}.library-modal-content-left-item:hover{border-radius:8px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-content-left-item:hover{background-color:var(--divider-color-dark)}}:where(html.is-dark) .library-modal-content-left-item:hover{background-color:var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-content-left-item:hover{background-color:var(--divider-color-light)}}:where(html.is-light) .library-modal-content-left-item:hover{background-color:var(--divider-color-light)}.library-modal-content-left-item.active{border-radius:8px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-content-left-item.active{background-color:var(--divider-color-dark)}}:where(html.is-dark) .library-modal-content-left-item.active{background-color:var(--divider-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-content-left-item.active{background-color:var(--divider-color-light)}}:where(html.is-light) .library-modal-content-left-item.active{background-color:var(--divider-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .library-modal-content-left-item.active .library-modal-content-left-item-title{color:var(--font-color-dark)}}:where(html.is-dark) .library-modal-content-left-item.active .library-modal-content-left-item-title{color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .library-modal-content-left-item.active .library-modal-content-left-item-title{color:var(--font-color-light)}}:where(html.is-light) .library-modal-content-left-item.active .library-modal-content-left-item-title{color:var(--font-color-light)}.library-modal-content-left-progress{position:absolute;bottom:24px;left:24px;width:140px}.library-modal-content-left-progress-view{margin-top:16px;color:rgb(var(--primary-yellow-rgb));text-align:left;font-weight:500;font-size:12px;font-family:Poppins;line-height:18px;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.library-modal-content-right{flex-shrink:1;flex-grow:1;padding-right:4px;padding-left:20px;height:100%}.LibraryActionBar{position:absolute;bottom:0;left:0;right:1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;z-index:100;padding-left:20px;height:64px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar{background-color:var(--bg-color-dark)}}:where(html.is-dark) .LibraryActionBar{background-color:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar{background-color:var(--bg-color-light)}}:where(html.is-light) .LibraryActionBar{background-color:var(--bg-color-light)}.LibraryActionBar-btn{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:108px;height:32px;border-radius:8px;text-align:center;font-weight:500;font-size:12px;font-family:Poppins;line-height:32px;cursor:pointer;text-underline-position:from-font;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;flex-shrink:0}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-cancel{color:var(--placeholder-font-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-cancel{color:var(--placeholder-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-cancel{color:var(--placeholder-font-color-light)}}:where(html.is-light) .LibraryActionBar-btn-cancel{color:var(--placeholder-font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-cancel{background-color:var(--border-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-cancel{background-color:var(--border-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-cancel{background-color:var(--border-color-light)}}:where(html.is-light) .LibraryActionBar-btn-cancel{background-color:var(--border-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-cancel:active,:where(html:not(.is-light)) .LibraryActionBar-btn-cancel:hover{color:var(--secondary-font-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-cancel:active,:where(html.is-dark) .LibraryActionBar-btn-cancel:hover{color:var(--secondary-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-cancel:active,:where(html:not(.is-dark)) .LibraryActionBar-btn-cancel:hover{color:var(--secondary-font-color-light)}}:where(html.is-light) .LibraryActionBar-btn-cancel:active,:where(html.is-light) .LibraryActionBar-btn-cancel:hover{color:var(--secondary-font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-add{color:var(--bg-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-add{color:var(--bg-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-add{color:var(--bg-color-light)}}:where(html.is-light) .LibraryActionBar-btn-add{color:var(--bg-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-add{background-color:var(--font-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-add{background-color:var(--font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-add{background-color:var(--font-color-light)}}:where(html.is-light) .LibraryActionBar-btn-add{background-color:var(--font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-add:hover{background-color:var(--secondary-font-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-add:hover{background-color:var(--secondary-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-add:hover{background-color:var(--secondary-font-color-light)}}:where(html.is-light) .LibraryActionBar-btn-add:hover{background-color:var(--secondary-font-color-light)}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryActionBar-btn-add:active{background-color:var(--placeholder-font-color-dark)}}:where(html.is-dark) .LibraryActionBar-btn-add:active{background-color:var(--placeholder-font-color-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryActionBar-btn-add:active{background-color:var(--placeholder-font-color-light)}}:where(html.is-light) .LibraryActionBar-btn-add:active{background-color:var(--placeholder-font-color-light)}.LibraryModal-content{--scrollbar-thumb-light:rgba(var(--primary-gray-rgb),0.4);--scrollbar-thumb-dark:rgba(var(--primary-white-rgb),0.4)}.LibraryModal-content::-webkit-scrollbar{width:4px}.LibraryModal-content::-webkit-scrollbar,.LibraryModal-content::-webkit-scrollbar-track{background:transparent}.LibraryModal-content::-webkit-scrollbar-thumb{border-radius:2px}@media (prefers-color-scheme:dark){:where(html:not(.is-light)) .LibraryModal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}}:where(html.is-dark) .LibraryModal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-dark)}@media (prefers-color-scheme:light){:where(html:not(.is-dark)) .LibraryModal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}}:where(html.is-light) .LibraryModal-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-light)}.LibraryModal-content::-webkit-scrollbar-button,.LibraryModal-content::-webkit-scrollbar-corner,.LibraryModal-content::-webkit-scrollbar-resizer{display:none}