.search-input-wrapper{position:relative;width:100%;display:flex;justify-content:center}.search-input-wrapper .search-input-container{position:relative;width:100%;display:flex;align-items:flex-start;background-color:#444;height:12vh;border-radius:8px;padding:0 15px}.search-input-wrapper .search-input-container .search-input{width:100%;padding:15px 50px 15px 0;font-size:1em;border:none;outline:none;background-color:rgba(0,0,0,0);color:#fff}@media(max-width:768px){.search-input-wrapper .search-input-container .search-input{padding:15px 45px 15px 0;font-size:.95em}}@media(max-width:480px){.search-input-wrapper .search-input-container .search-input{padding:15px 40px 15px 0;font-size:.9em}}.search-input-wrapper .search-input-container .search-input::placeholder{color:#999}.search-input-wrapper .search-input-container .typewriter-overlay{position:absolute;left:15px;top:15px;pointer-events:none;color:#999;font-size:1em}@media(max-width:768px){.search-input-wrapper .search-input-container .typewriter-overlay{font-size:.95em}}@media(max-width:480px){.search-input-wrapper .search-input-container .typewriter-overlay{font-size:.9em}}.search-input-wrapper .search-input-container .typewriter-overlay span{opacity:1;transition:opacity .2s ease}.search-input-wrapper .search-input-container .search-button{position:absolute;right:10px;bottom:10px;width:28px;height:28px;background-color:#3282b8;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease;flex-shrink:0}@media(max-width:768px){.search-input-wrapper .search-input-container .search-button{width:30px;height:30px;right:8px;bottom:8px}}@media(max-width:480px){.search-input-wrapper .search-input-container .search-button{width:28px;height:28px;right:6px;bottom:6px}}.search-input-wrapper .search-input-container .search-button svg{color:#fff}.search-input-wrapper .search-input-container .search-button:hover:not(:disabled){background-color:rgb(39.1025641026,101.6666666667,143.8974358974);transform:scale(1.05)}.search-input-wrapper .search-input-container .search-button:active:not(:disabled){background-color:rgb(33.6538461538,87.5,123.8461538462);transform:scale(.98)}.search-input-wrapper .search-input-container .search-button:disabled{background-color:rgb(28.2051282051,73.3333333333,103.7948717949);cursor:not-allowed;transform:none}.error-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.error-popup-container{background-color:#444;border:1px solid hsl(0,0%,41.6666666667%);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);width:90%;max-width:400px;min-width:300px;display:flex;flex-direction:column}.error-popup-container .error-popup-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgb(93.5,93.5,93.5)}.error-popup-container .error-popup-header h3{margin:0;color:#ff6b6b;font-size:1.1rem;font-weight:600}.error-popup-container .error-popup-header .error-popup-close-button{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.error-popup-container .error-popup-header .error-popup-close-button:hover{background-color:rgb(93.5,93.5,93.5)}.error-popup-container .error-popup-content{padding:1.5rem}.error-popup-container .error-popup-content p{margin:0;color:#fff;line-height:1.5;font-size:.95rem}.error-popup-container .error-popup-actions{display:flex;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid rgb(93.5,93.5,93.5)}.error-popup-container .error-popup-actions .error-popup-ok-button{background-color:#3282b8;color:#fff;border:none;padding:8px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.error-popup-container .error-popup-actions .error-popup-ok-button:hover{background-color:rgb(39.1025641026,101.6666666667,143.8974358974)}.error-popup-container .error-popup-actions .error-popup-ok-button:active{transform:translateY(1px)}.community-library-page{width:100%;min-height:100vh;background-color:#1e1e1e;position:relative;padding-bottom:70px}.community-library-page .navbar-container{width:90%;margin:0 auto;padding:20px 0}.community-library-page .library-header-section{width:90%;margin:3vh auto 5vh;text-align:center}.community-library-page .library-header-section .library-main-title{font-size:45px;font-weight:600;color:#fff;margin:0 0 15px;line-height:1.2}@media(max-width:768px){.community-library-page .library-header-section .library-main-title{font-size:36px}}@media(max-width:480px){.community-library-page .library-header-section .library-main-title{font-size:30px}}.community-library-page .library-header-section .accent-text{color:#3282b8}.community-library-page .library-header-section .library-subtitle{font-size:17px;font-weight:400;color:#ccc;margin:0;line-height:1.3}@media(max-width:768px){.community-library-page .library-header-section .library-subtitle{font-size:16px}}@media(max-width:480px){.community-library-page .library-header-section .library-subtitle{font-size:15px;padding:0 10px}}.community-library-page .library-main-content{width:90%;margin:0 auto 2vh;display:flex;flex-direction:column}.community-library-page .library-main-content .library-content-area{width:100%;display:flex;flex-direction:column;min-width:0}.community-library-page .search-bar-container{width:70%;max-width:700px;margin:0 auto 8vh;display:flex;justify-content:center}@media(max-width:768px){.community-library-page .search-bar-container{width:80%}}@media(max-width:480px){.community-library-page .search-bar-container{width:95%}}.community-library-page .search-bar-container .library-search-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center;height:60px;border-radius:8px}.community-library-page .library-item-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px;width:100%}.community-library-page .library-item-list.loading{position:relative}.community-library-page .library-item-list.loading .community-grid-item{opacity:.5;pointer-events:none}.community-library-page .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10;border-radius:8px}.community-library-page .library-page-empty,.community-library-page .library-page-error,.community-library-page .library-page-loading{text-align:center;font-size:1.2em;color:#555;padding:40px 20px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.community-library-page .library-page-error{color:#d8000c;background-color:#ffd2d2;border:1px solid #d8000c;border-radius:8px}.community-library-page .library-page-error button{margin-top:15px;padding:8px 15px;border:1px solid #d8000c;background-color:#fff;color:#d8000c;border-radius:5px;cursor:pointer;transition:background-color .2s,color .2s}.community-library-page .library-page-error button:hover{background-color:#d8000c;color:#fff}.community-library-page .library-page-error button+button{margin-left:10px}.community-library-page .local-storage-notification{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:1200px;background-color:#444;color:#fff;padding:15px 20px;border-top-left-radius:8px;border-top-right-radius:8px;box-shadow:0 -2px 10px rgba(0,0,0,.2);display:flex;justify-content:space-between;align-items:center;z-index:1000;animation:slideUp .5s ease-out forwards}.community-library-page .local-storage-notification .notification-content{display:flex;align-items:center;gap:2vw;flex-grow:1}.community-library-page .local-storage-notification .notification-content p{margin:0;font-size:.9em}.community-library-page .local-storage-notification .notification-content .signup-button{padding:8px 15px;font-size:.9em;background-color:#3282b8;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s;font-weight:500;white-space:nowrap}.community-library-page .local-storage-notification .notification-content .signup-button:hover{background-color:rgb(39.1025641026,101.6666666667,143.8974358974)}.community-library-page .local-storage-notification .close-notification-button{background:none;border:none;color:#ccc;font-size:1.5em;cursor:pointer;padding:0 5px;margin-left:15px}.community-library-page .local-storage-notification .close-notification-button:hover{color:#fff}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media(max-width:1200px){.community-library-page .community-library-page .library-item-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.community-library-page .community-library-page .library-main-content{width:95%}.community-library-page .community-library-page .library-item-list{padding:15px 0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.community-library-page .community-library-page .library-item-list .community-grid-item{padding:12px;height:260px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-header .item-icon{font-size:1.4em;margin-right:10px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-header .item-name{font-size:1.15em}.community-library-page .community-library-page .library-item-list .community-grid-item .item-tags{font-size:.75em;margin-bottom:8px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-content-preview{font-size:.85em;-webkit-line-clamp:4;margin-bottom:5px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-children-preview{font-size:.8em;gap:5px;margin-bottom:10px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-children-preview .child-preview-item .child-icon{font-size:1em;margin-right:5px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-meta-actions-footer{padding-top:10px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-meta-actions-footer .item-counts{font-size:.75em;margin-bottom:8px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-meta-actions-footer .item-actions button{padding:6px 10px;font-size:.85em}.community-library-page .community-library-page .library-item-list .community-grid-item .item-meta-actions-footer .item-actions .login-prompt{font-size:.8em}}@media(max-width:480px){.community-library-page .community-library-page .navbar-container{width:95%}.community-library-page .community-library-page .library-item-list{padding:10px 0;grid-template-columns:1fr;gap:12px}.community-library-page .community-library-page .library-item-list .community-grid-item{height:240px;padding:10px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-header{margin-bottom:8px}.community-library-page .community-library-page .library-item-list .community-grid-item .item-header .item-icon{font-size:1.3em}.community-library-page .community-library-page .library-item-list .community-grid-item .item-header .item-name{font-size:1.1em}.community-library-page .community-library-page .library-item-list .community-grid-item .item-content-preview{-webkit-line-clamp:3}}.community-library-page .list-item-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid rgb(55.25,55.25,55.25)}.community-library-page .list-item-footer .creator-info{font-size:.8rem;color:#ccc}.community-library-page .list-item-footer .item-actions{display:flex;gap:.5rem}.community-library-page .item-main-content .component-tags{display:flex;flex-wrap:nowrap;overflow:hidden;gap:.5rem;margin-top:.75rem;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.community-library-page .item-main-content .component-tags::-webkit-scrollbar{display:none}.community-library-page .item-main-content .component-tags .tag-pill{background-color:rgb(80.75,80.75,80.75);color:#ccc;padding:.25rem .6rem;border-radius:1rem;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0;border:1px solid rgba(0,0,0,0)}.community-library-page .item-main-content .component-tags .tag-pill:hover{border-color:hsl(0,0%,41.6666666667%)}