.search-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#4d1c7d0d!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;z-index:9000!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.search-modal.spotify-search{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9001!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;padding-top:15vh!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}details[open] .search-modal.spotify-search{opacity:1!important;visibility:visible!important;pointer-events:auto!important}.search-modal__container{position:relative;width:90%;max-width:680px;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 60px #00000026;padding:32px;animation:searchSlideIn .3s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal__close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.search-modal__close:hover{background:#0000001a;transform:scale(1.05)}.search-modal__close .svg-wrapper{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.search-modal__close svg{width:100%;height:100%}.search-modal__content,.search-modal__form,.spotify-search .search{width:100%}.spotify-search .field{position:relative;margin-bottom:0}.spotify-search .search__input.field__input{width:100%;height:56px;padding:0 120px 0 24px;font-size:16px;border:2px solid rgba(68,56,155,.15);border-radius:12px;background:#fff;transition:all .2s ease}.spotify-search .search__input.field__input:focus{outline:none;border-color:#44389b;box-shadow:0 0 0 4px #44389b1a}.spotify-search .field__label{display:none}.spotify-search .search__button{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:#44389b;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.spotify-search .search__button:hover{background:#7069bc;transform:translateY(-50%) scale(1.05)}.spotify-search .search__button .svg-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.spotify-search .search__button svg{width:100%;height:100%;stroke:#fff;fill:#fff}.spotify-search .reset__button{position:absolute;right:56px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:#0000000d;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.spotify-search .reset__button:hover{background:#0000001a;transform:translateY(-50%) scale(1.05)}.spotify-search .reset__button.hidden{display:none}.spotify-search .reset__button .svg-wrapper{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.spotify-search .reset__button svg{width:100%;height:100%}.spotify-search .reset__button:after{display:none}.spotify-search .predictive-search{margin-top:16px;background:#fff;border-radius:12px;border:2px solid rgba(68,56,155,.1);max-height:60vh;overflow-y:auto}.spotify-search .predictive-search:empty{display:none}input::-webkit-search-decoration{-webkit-appearance:none}.template-search__results{position:relative}@media screen and (max-width:749px){.search-modal.spotify-search{padding-top:10vh!important}.search-modal__container{width:95%;padding:24px}.spotify-search .search__input.field__input{height:52px;font-size:15px;padding:0 110px 0 20px}.search-modal__close{width:32px;height:32px;top:12px;right:12px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-search.css.map */