.search-drawer.modal__content{position:fixed!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;width:100vw!important;height:100vh!important;background:#0000001a!important;z-index:9999!important;display:block!important;justify-content:unset!important;align-items:unset!important;pointer-events:none}body:has(.search-drawer.modal__content){overflow:visible!important}.search-drawer-open{overflow:visible!important}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .3s ease}.search-drawer__panel{position:absolute;top:3%;right:50%;transform:translate(50%);width:clamp(400px,45vw,600px);height:80vh;background:linear-gradient(135deg,#fff,#f8fafc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0000001f;border-left:1px solid rgba(255,255,255,.2);pointer-events:auto}.search-drawer__form{display:flex;flex-direction:column;height:100%}.search-drawer__header{display:flex;align-items:center;padding:32px 24px 24px;border-bottom:1px solid rgba(0,0,0,.08);gap:16px;flex-shrink:0;background:#fffc}.search-drawer__input-wrapper{flex:1;position:relative;display:flex;align-items:center}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search-drawer__input{width:100%;padding:18px 56px;border:2px solid rgba(0,0,0,.08);border-radius:16px;font-size:18px;font-weight:500;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);box-shadow:0 4px 12px #0000000d}.search-drawer__input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 4px rgba(var(--color-primary),.1),0 8px 24px #0000001a;background:#fff}.search-drawer__input::placeholder{color:#0006;font-weight:400}.search-drawer__icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;color:#0006;pointer-events:none;transition:color .2s ease}.search-drawer__input:focus+.search-drawer__icon{color:rgb(var(--color-primary))}.search-drawer__icon svg{width:24px;height:24px}.search-drawer__reset{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:32px;height:32px;border:none;background:#0000000d;border-radius:8px;cursor:pointer;color:#0006;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-drawer__reset:hover{background:#0000001a;color:#000000b3;transform:translateY(-50%) scale(1.05)}.search-drawer__reset:active{transform:translateY(-50%) scale(.95)}.search-drawer__reset.hidden{opacity:0;pointer-events:none}.search-drawer__reset svg{width:18px;height:18px}.search-drawer__close{width:48px;height:48px;border:none;background:#0000000d;border-radius:12px;cursor:pointer;color:#0009;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.search-drawer__close:hover{background:#0000001a;color:#000c;transform:scale(1.05)}.search-drawer__close:active{transform:scale(.95)}.search-drawer__close svg{width:22px;height:22px}.predictive-search-drawer{flex:1;overflow-y:auto;padding:24px;min-height:200px;background:#ffffff80}.predictive-search-drawer__loading{display:flex;justify-content:center;align-items:center;height:200px;color:#0006}.details[open] .modal-overlay{opacity:1}.details[open] .search-drawer__panel{transform:translate(0)}@media (max-width: 768px){.search-drawer__panel{width:80%;right:50%}.search-drawer__header{padding:24px 20px 20px}.search-drawer__input{padding:16px 48px;font-size:16px}}.search-drawer__panel{will-change:transform}.modal-overlay{will-change:opacity}.predictive-search-drawer::-webkit-scrollbar{width:6px}.predictive-search-drawer::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.predictive-search-drawer::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.predictive-search-drawer::-webkit-scrollbar-thumb:hover{background:#0000004d}
/*# sourceMappingURL=/cdn/shop/t/2/compiled_assets/styles.css.map */