.theme-card{cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex-shrink:0;width:340px;transition:all .2s ease-out}.theme-card:hover{background:#202020;border-color:#404040;box-shadow:0 4px 16px #00000080}.theme-card:active{transform:translateY(0)}.theme-card{flex-direction:column;display:flex;overflow:hidden}.theme-card__colors{flex-shrink:0;height:80px;display:flex}.theme-card__color-strip{flex:1;transition:all .2s ease-out}.theme-card__color-strip:hover{transform:scaleY(1.1)}.theme-card__content{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.theme-card__name{color:#fff;margin:0;font-size:1.125rem;font-weight:700}.theme-card__description{color:#a0a0a0;flex:1;margin:0;font-size:.875rem;font-weight:500;line-height:1.4}.theme-card__stats{letter-spacing:.02em;color:#a0a0a0;border-top:1px solid #2a2a2a;gap:2rem;padding-top:.5rem;font-size:.875rem;font-weight:500;line-height:1.6;display:flex}.theme-card__stat{align-items:center;gap:4px;display:flex}.theme-card__tags{flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.theme-card__tag{color:#a0a0a0;background:#141414;border-radius:4px;padding:3px 8px;font-size:.6875rem;font-weight:500}
.theme-carousel{margin-bottom:2rem}.theme-carousel__header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.theme-carousel__title{color:#fff;font-size:1.125rem;font-weight:700}.theme-carousel__count{color:#a0a0a0;font-size:.875rem}.theme-carousel__container{position:relative}.theme-carousel__container:before{content:"";pointer-events:none;z-index:5;opacity:0;background:linear-gradient(270deg,#0000,#0a0a0a);width:150px;height:89%;transition:opacity .2s ease-out;position:absolute;top:0;left:0}.theme-carousel__container--scrolled:before{opacity:1}.theme-carousel__container:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(90deg,#0000,#0a0a0a);width:150px;height:89%;position:absolute;top:0;right:0}.theme-carousel__scroll{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2rem;overflow:auto hidden}.theme-carousel__scroll::-webkit-scrollbar{display:none}.theme-carousel__items{gap:2rem;min-width:max-content;display:flex}.theme-carousel__arrow{z-index:10;color:#0a0a0a;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s ease-out;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px #ffffff4d}.theme-carousel__arrow:hover{background:#fff;border-color:#fff;transform:translateY(-50%)scale(1.15);box-shadow:0 6px 20px #ffffff80}.theme-carousel__arrow:active{transform:translateY(-50%)scale(1.05)}.theme-carousel__arrow--left{left:-24px}.theme-carousel__arrow--right{right:-24px}.theme-carousel__empty{text-align:center;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:5rem;transition:all .2s ease-out}.theme-carousel__empty p{color:#a0a0a0;font-size:1.125rem;font-weight:500}
.search-bar{width:100%;max-width:270px;position:relative}.search-bar__icon{color:#a0a0a0;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar__input{color:#fff;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.5rem 1rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:500;transition:all .2s ease-out}.search-bar__input::placeholder{color:#a0a0a0}.search-bar__input:focus{border-color:#404040;outline:none;box-shadow:0 0 0 3px #ffffff0d}.search-bar__input:disabled{cursor:not-allowed;opacity:.6;background:#2a2a2a}.search-bar__input{width:100%;padding:5px 0 5px 34px!important}.search-bar__clear{color:#a0a0a0;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s ease-out;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-bar__clear:hover{color:#fff;background:#ffffff0d}
.filter-bar{flex-wrap:wrap;align-items:center;gap:2rem;display:flex}.filter-bar__label{color:#fff;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.filter-bar__controls{flex-wrap:wrap;flex:1;gap:1rem;display:flex}.filter-bar__select{color:#fff;cursor:pointer;background:#0a0a0a;border:1px solid #2a2a2a;border-radius:4px;padding:.5rem 1rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s ease-out}.filter-bar__select:hover{border-color:#404040}.filter-bar__select:focus{border-color:#404040;outline:none;box-shadow:0 0 0 3px #ffffff0d}.filter-bar__select option{color:#fff;background:#0a0a0a}.filter-bar__clear{color:#a0a0a0;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:.5rem 1rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:600;transition:all .2s ease-out;display:flex}.filter-bar__clear:hover{color:#fff;background:#ffffff0d;border-color:#404040}
.themes-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.themes-page__header{z-index:10;background:#0a0a0a;border-bottom:1px solid #2a2a2a;flex-shrink:0;align-items:center;height:3.5rem;padding:0 2rem;display:flex;position:relative}.themes-page__header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.themes-page__header-left{flex-shrink:0;align-items:center;gap:2rem;display:flex}.themes-page__header-info{flex-direction:column;gap:2px;display:flex}.themes-page__header-right{flex:1;justify-content:flex-end;align-items:center;gap:2rem;display:flex}.themes-page__back-button{color:#a0a0a0;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:8rem;height:2rem;font-size:.875rem;transition:all .2s ease-out;display:flex}.themes-page__back-button:hover{color:#fff;background:#202020;border-color:#404040}.themes-page__title{color:#fff;margin:0;font-size:1.125rem;font-weight:800}.themes-page__subtitle{color:#a0a0a0;margin:0;font-size:.875rem}.themes-page__content{flex:1;padding:2rem 2.5rem;overflow:visible auto}.themes-page__content::-webkit-scrollbar{width:8px;height:8px}.themes-page__content::-webkit-scrollbar-track{background:#1a1a1a;border-radius:4px}.themes-page__content::-webkit-scrollbar-thumb{background:#404040;border-radius:4px}.themes-page__content::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.themes-page__content{scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a}.themes-page__filters{flex-flow:wrap;gap:1rem;margin-top:2rem;display:flex}.themes-page__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:5rem;display:flex}.themes-page__empty p{color:#a0a0a0;font-size:1.125rem}.themes-page__empty button{cursor:pointer;text-align:center;white-space:nowrap;color:#0a0a0a;background:#fff;border:none;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Manrope,Inter,Helvetica,Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.125rem;font-weight:600;transition:all .2s ease-out;display:inline-flex}.themes-page__empty button:hover:not(:disabled){color:#fff;background:#2a2a2a}.themes-page__empty button:active:not(:disabled){transform:scale(.98)}.themes-page__empty button:disabled{opacity:.5;cursor:not-allowed}