.makc-search-takeover{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;height:100vh;height:100dvh;background-color:var(--makc-color-page-background)}.makc-search-takeover{--makc-panel-enter-translate: var(--makc-enter-translate-lg);opacity:1;transition:opacity var(--makc-duration-enter) var(--makc-ease-out),display var(--makc-duration-enter) allow-discrete}@starting-style{.makc-search-takeover{opacity:0}}.makc-search-takeover[hidden]{display:none;opacity:0}.makc-search-takeover__panel{transform:translateY(0);transition:transform var(--makc-duration-enter) var(--makc-ease-out)}@starting-style{.makc-search-takeover__panel{transform:translateY(var(--makc-panel-enter-translate))}}.makc-search-takeover[hidden] .makc-search-takeover__panel{transform:translateY(var(--makc-panel-enter-translate))}.makc-search-takeover__backdrop{display:none}.makc-search-takeover__panel{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.makc-search-takeover__nav{display:flex;flex-shrink:0;align-items:center;gap:var(--makc-space-8);height:56px;padding:var(--makc-space-12) var(--makc-space-16);border-bottom:.5px solid var(--makc-color-divider);background-color:var(--makc-color-page-background)}.dark .makc-search-takeover__nav{border-bottom-color:var(--makc-color-surface-raised)}.makc-search-takeover__field{display:flex;flex:1 0 0;align-items:center;justify-content:space-between;height:32px;padding:var(--makc-space-8) var(--makc-space-12);border-radius:var(--makc-radius-md);background-color:var(--makc-color-surface-raised)}.makc-search-takeover__field:focus-within{border:1px solid var(--makc-color-text-secondary)}.makc-search-takeover__input{width:100%;border:none;background:none;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-16);color:var(--makc-color-text-primary)}.makc-search-takeover__input::placeholder{color:var(--makc-color-text-tertiary)}.dark .makc-search-takeover__input::placeholder{color:var(--makc-color-text-secondary)}.makc-search-takeover__input:focus{outline:none}.makc-search-takeover__clear{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;cursor:pointer}.makc-search-takeover__clear[hidden]{display:none}.makc-search-takeover__clear-icon{width:16px;height:16px;color:var(--makc-color-text-tertiary)}.makc-search-takeover__close{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;cursor:pointer}.makc-search-takeover__close{transition:scale var(--makc-duration-press) var(--makc-ease-out)}.makc-search-takeover__close:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale-sm)}.makc-search-takeover__close-icon{width:32px;height:32px;color:var(--makc-color-text-tertiary)}.makc-search-takeover__results{flex:1 0 0;overflow-y:auto;background-color:var(--makc-color-page-background)}.makc-search-takeover__popular,.makc-search-takeover__typing,.makc-search-takeover__no-results{display:flex;flex-direction:column}.makc-search-takeover__popular[hidden],.makc-search-takeover__typing[hidden],.makc-search-takeover__no-results[hidden]{display:none}.makc-search-takeover__no-results-message{display:flex;flex-direction:column;align-items:center;gap:var(--makc-space-24);padding:var(--makc-space-24) var(--makc-space-16) var(--makc-space-4)}.makc-search-takeover__no-results-text{margin:0;width:100%;text-align:center;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-16);line-height:22px;color:var(--makc-color-text-tertiary)}.makc-search-takeover__no-results-label{margin:0;width:100%;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-12);color:var(--makc-color-text-tertiary)}.makc-search-takeover__row{display:flex;width:100%;align-items:center;gap:var(--makc-space-8);height:56px;padding:0 var(--makc-space-16);border:none;background:none;font:inherit;text-align:left;cursor:pointer}.makc-search-takeover__row:disabled{cursor:default}.makc-search-takeover__thumb{flex-shrink:0;width:44px;height:44px;border-radius:var(--makc-radius-sm);overflow:hidden;background-color:var(--makc-color-surface-raised)}.makc-search-takeover__thumb-image{display:block;width:100%;height:100%;object-fit:cover}.makc-search-takeover__info{display:flex;flex:1 0 0;flex-direction:column;gap:var(--makc-space-2);min-width:0}.makc-search-takeover__name{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-16);line-height:20px;color:var(--makc-color-text-primary)}.makc-search-takeover__category{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-14);line-height:20px;color:var(--makc-color-text-tertiary)}.makc-search-takeover__row--sold-out .makc-search-takeover__thumb,.makc-search-takeover__row--sold-out .makc-search-takeover__info{opacity:.5}.makc-search-takeover__sold-out-tag{flex-shrink:0;padding:var(--makc-space-6) var(--makc-space-8);border-radius:var(--makc-radius-xs);background-color:var(--makc-color-button-primary-fill);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-tag-9);line-height:12px;text-align:center;white-space:nowrap;color:var(--makc-color-button-primary-text)}.makc-search-takeover__show-all-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 var(--makc-space-16);border:none;border-top:.5px solid var(--makc-color-divider);background:none;cursor:pointer}.makc-search-takeover__show-all-text{flex:1 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);line-height:20px;text-align:left;color:var(--makc-color-brand-green)}.makc-search-takeover__show-all-icon-wrap{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:16px;height:16px}.makc-search-takeover__show-all-icon{width:16px;height:16px;color:var(--makc-color-text-tertiary);transform:rotate(90deg)}@media(min-width:768px){.makc-search-takeover{--makc-panel-enter-translate: 0px;background-color:transparent}.makc-search-takeover__backdrop{position:absolute;display:block;top:0;right:0;bottom:0;left:0;background-color:#0d0d0d73}.makc-search-takeover__panel{position:absolute;top:96px;left:50%;flex:0 1 auto;width:440px;max-height:calc(100vh - 160px);overflow:hidden;translate:-50%;border:.5px solid var(--makc-color-divider);border-radius:var(--makc-radius-lg);background-color:var(--makc-color-page-background)}@supports (max-height: 100dvh){.makc-search-takeover__panel{max-height:calc(100dvh - 160px)}}.makc-search-takeover__results{flex:0 1 auto}.dark .makc-search-takeover__panel,.dark .makc-search-takeover__nav,.dark .makc-search-takeover__results{background-color:var(--makc-color-surface-raised)}.dark .makc-search-takeover__field:not(:focus-within){border:.5px solid var(--makc-color-divider)}}@media(min-width:1024px){.makc-search-takeover__panel{width:560px}}.makc-search-takeover__close{transition:scale var(--makc-duration-press) var(--makc-ease-out),background-color var(--makc-duration-select) ease;border-radius:var(--makc-radius-full)}@media(hover:hover)and (pointer:fine){.makc-search-takeover__close:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--makc-color-divider)}}.makc-search-takeover__row{transition:background-color var(--makc-duration-select) ease}@media(hover:hover)and (pointer:fine){.makc-search-takeover__row:not(.makc-search-takeover__row--sold-out):hover{background-color:var(--makc-color-surface-raised)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/makc-search-takeover.css.map */