@keyframes ptt-search-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.ptt-search-backdrop{position:fixed;z-index:48;top:0;right:0;bottom:0;left:0;background:#0f0f1161}.ptt-search-lock{overflow:hidden}.ptt-search-panel-anchor{position:absolute;z-index:61;inset-block-start:calc(100% + 8px);inset-inline:0}.ptt-search-panel{overflow:hidden;border:var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);box-shadow:0 18px 48px #14141438,0 2px 6px #14141414;color:var(--text-body);animation:ptt-search-panel-in .16s cubic-bezier(.2,0,.1,1)}.ptt-search-panel__body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);overflow:auto;max-block-size:min(640px,calc(100vh - 140px))}.ptt-search-panel.is-compact .ptt-search-panel__body,.ptt-search-panel.is-left-empty .ptt-search-panel__body,.ptt-search-panel.is-right-empty .ptt-search-panel__body{grid-template-columns:minmax(0,1fr)}.ptt-search-panel__col{display:flex;min-inline-size:0;flex-direction:column;gap:18px;padding:16px 10px}.ptt-search-panel__col--left{border-inline-end:var(--border-hairline)}.ptt-search-panel.is-compact.is-results .ptt-search-panel__col--left{order:2;border-block-start:var(--border-hairline);border-inline-end:0}.ptt-search-panel__clear-recent{border:0;padding:0;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:0;text-transform:none;cursor:pointer}.ptt-search-panel__remove{margin-inline-start:auto;border:0;padding:2px;background:transparent;color:var(--text-faint);cursor:pointer}.ptt-search-panel__section{display:flex;min-inline-size:0;flex-direction:column}.ptt-search-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-block-end:6px;padding-inline:10px;color:var(--text-muted);font-family:var(--font-display-condensed);font-size:11.5px;font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase}.ptt-search-panel__head small{color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:var(--fw-regular);letter-spacing:0;text-transform:none}.ptt-search-panel__row,.ptt-search-panel__brand,.ptt-search-panel__category,.ptt-search-panel__product{display:flex;position:relative;inline-size:100%;min-block-size:36px;align-items:center;justify-content:flex-start;gap:10px;border:0;border-radius:var(--radius-sm);padding:7px 10px;background:transparent;color:var(--text-body);font-family:var(--font-body);font-size:var(--fs-sm);text-align:start;cursor:pointer}.ptt-search-panel__row.is-active,.ptt-search-panel__brand.is-active,.ptt-search-panel__category.is-active,.ptt-search-panel__product.is-active{background:var(--surface-sunken)}.ptt-search-panel__icon{display:inline-grid;inline-size:16px;block-size:16px;flex:0 0 16px;place-items:center;color:var(--text-faint)}.ptt-search-panel__icon .ptt-icon{inline-size:16px;block-size:16px}.ptt-search-panel__rank{inline-size:18px;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center}.ptt-search-panel__rank.is-hot,.ptt-search-panel__trend{color:var(--brand)}.ptt-search-panel mark{padding:0;background:var(--brand-tint);color:var(--brand)}.ptt-search-panel mark.ptt-search-panel__mark--strong{background:transparent;color:inherit;font-weight:var(--fw-regular)}.ptt-search-panel__completion{font-weight:var(--fw-bold)}.ptt-search-panel__brand-logo,.ptt-search-panel__category-image{display:grid;flex-shrink:0;place-items:center;border:var(--border-hairline);border-radius:3px;background:var(--surface-card)}.ptt-search-panel__brand-logo{inline-size:64px;block-size:28px;padding:3px 6px}.ptt-search-panel__brand-logo img,.ptt-search-brand-grid img{max-inline-size:100%;max-block-size:100%;object-fit:contain}.ptt-search-panel__brand-name,.ptt-search-panel__product-vendor{color:var(--text-strong);font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:.02em;text-transform:uppercase}.ptt-search-panel__product-vendor{color:var(--brand);font-size:11px}.ptt-search-panel__brand small,.ptt-search-panel__category small{display:block;color:var(--text-muted);font-size:var(--fs-xs)}.ptt-search-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-2);padding-inline:10px}.ptt-search-brand-grid button{display:grid;block-size:52px;place-items:center;border:var(--border-hairline);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-card);cursor:pointer}.ptt-search-brand-grid button.is-active{border-color:var(--brand)}.ptt-search-category-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-inline:10px}.ptt-search-category-chips button{display:inline-flex;align-items:center;gap:var(--sp-2);block-size:36px;border:var(--border-hairline);border-radius:var(--radius-sm);padding:0 12px 0 4px;background:var(--surface-card);color:var(--text-body);cursor:pointer}.ptt-search-category-chips button.is-active{border-color:var(--brand);background:var(--brand-tint);color:var(--brand)}.ptt-search-panel__category-image{inline-size:28px;block-size:28px;overflow:hidden}.ptt-search-panel__category-image img{inline-size:100%;block-size:100%;object-fit:contain}.ptt-search-panel__product{align-items:flex-start;gap:14px;padding:9px 10px}.ptt-search-panel__product.is-sku{border:var(--border-hairline);padding:12px;background:var(--surface-page)}.ptt-search-panel__product-image{display:grid;inline-size:60px;block-size:60px;flex:0 0 60px;place-items:center;overflow:hidden;border:var(--border-hairline);border-radius:3px;background:var(--surface-card)}.ptt-search-panel__product.is-sku .ptt-search-panel__product-image{inline-size:76px;block-size:76px;flex-basis:76px}.ptt-search-panel__product-image img{inline-size:100%;block-size:100%;object-fit:contain}.ptt-search-panel__product-info{display:flex;min-inline-size:0;flex:1;flex-direction:column;gap:4px}.ptt-search-panel__product-kicker,.ptt-search-panel__product-price-row,.ptt-search-panel__stock{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.ptt-search-panel__sku{border-radius:2px;padding:1px 5px;background:var(--surface-sunken);color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.ptt-search-panel__new,.ptt-search-panel__discount{display:inline-flex;align-items:center;border-radius:2px;background:var(--brand);color:var(--text-on-brand);font-family:var(--font-display);font-size:10px;font-weight:var(--fw-extrabold);line-height:16px;padding-inline:5px;letter-spacing:.1em;text-transform:uppercase}.ptt-search-panel__title{display:-webkit-box;overflow:hidden;color:var(--text-strong);font-size:13.5px;font-weight:var(--fw-semibold);line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ptt-search-panel__price{color:var(--brand);font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-extrabold)}.ptt-search-panel__product.is-sku .ptt-search-panel__price{font-size:18px}.ptt-search-panel__compare{color:var(--text-faint);font-size:var(--fs-xs)}.ptt-search-panel__stock{margin-inline-start:auto;color:var(--success);font-size:var(--fs-xs);white-space:nowrap}.ptt-search-panel__stock:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}.ptt-search-panel__stock[data-state=sold-out]{color:var(--text-faint)}.ptt-search-panel__stock[data-state=preorder]{color:var(--text-strong)}.ptt-search-panel__empty-title{margin:0;color:var(--text-strong);font-family:var(--font-display);font-size:18px;font-weight:var(--fw-extrabold);line-height:1.2;text-transform:uppercase}.ptt-search-panel__tips{margin:0;padding-inline-start:18px;color:var(--text-muted);font-size:13.5px;line-height:1.7}.ptt-search-sourcing{display:flex;flex-direction:column;gap:10px;border-radius:var(--radius-sm);padding:14px;background:var(--surface-dark);color:var(--text-on-dark);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%)}.ptt-search-sourcing strong{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-extrabold);letter-spacing:.02em;text-transform:uppercase}.ptt-search-sourcing p{margin:0;color:#ffffffbf;font-size:var(--fs-sm);line-height:1.5}.ptt-search-sourcing__actions{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.ptt-search-sourcing__actions a,.ptt-search-sourcing__actions button{display:inline-flex;align-items:center;min-block-size:36px;gap:6px;border-radius:var(--radius-sm);padding:8px 14px;color:var(--text-on-brand);font-family:var(--font-display);font-size:12.5px;font-weight:var(--fw-bold);letter-spacing:.03em;text-decoration:none;text-transform:uppercase;cursor:pointer}.ptt-search-sourcing__actions button{border:0;background:var(--brand)}.ptt-search-sourcing__actions a{border:1px solid rgb(255 255 255 / .35);background:transparent}.ptt-search-panel__footer{display:flex;align-items:center;gap:var(--sp-4);border-block-start:var(--border-hairline);padding:10px 16px;background:var(--surface-page)}.ptt-search-panel__keys{display:flex;align-items:center;gap:14px;color:var(--text-muted);font-size:var(--fs-xs)}.ptt-search-panel kbd{display:inline-flex;min-inline-size:18px;block-size:18px;align-items:center;justify-content:center;border:1px solid var(--border-default);border-block-end-width:2px;border-radius:3px;padding-inline:4px;background:var(--surface-card);color:var(--text-body);font-family:var(--font-mono);font-size:10.5px}.ptt-search-panel__see-all{display:inline-flex;block-size:40px;align-items:center;justify-content:center;gap:var(--sp-2);margin-inline-start:auto;border:0;border-radius:var(--radius-sm);padding-inline:18px;background:var(--brand);color:var(--text-on-brand);font-family:var(--font-display);font-size:13px;font-weight:var(--fw-bold);letter-spacing:.03em;text-transform:uppercase;cursor:pointer}.ptt-header-search__clear{display:grid;inline-size:2rem;block-size:2rem;flex-shrink:0;place-items:center;border:0;background:transparent;color:var(--text-faint);cursor:pointer}.ptt-header-search__clear svg{inline-size:1rem;block-size:1rem}.ptt-header-search__input::-webkit-search-cancel-button,.ptt-search-sheet__input input::-webkit-search-cancel-button,.ptt-header-search__input::-webkit-search-decoration,.ptt-search-sheet__input input::-webkit-search-decoration{display:none;-webkit-appearance:none}.ptt-header-search__input::-ms-clear,.ptt-search-sheet__input input::-ms-clear{display:none;inline-size:0;block-size:0}.snize-sticky-searchbox{display:none!important}.ptt-search-sheet{position:fixed;z-index:300;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--surface-page)}.ptt-search-sheet__bar{display:flex;flex-shrink:0;align-items:center;gap:4px;padding:10px 10px 10px 4px;background:var(--brand)}.ptt-search-sheet__back,.ptt-search-sheet__cancel{border:0;background:transparent;color:var(--text-on-brand);cursor:pointer}.ptt-search-sheet__back{display:grid;inline-size:44px;block-size:44px;flex-shrink:0;place-items:center}.ptt-search-sheet__input{display:flex;min-inline-size:0;block-size:42px;flex:1;align-items:center;gap:var(--sp-2);border-radius:var(--radius-pill);padding:0 6px 0 14px;background:var(--surface-card)}.ptt-search-sheet__input input{min-inline-size:0;min-block-size:0;flex:1;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;color:var(--text-strong);font-family:var(--font-body);font-size:16px;outline:none;-webkit-appearance:none;appearance:none}.ptt-search-sheet__clear{display:grid;inline-size:32px;block-size:32px;place-items:center;border:0;background:transparent;color:var(--text-faint);cursor:pointer}.ptt-search-sheet__cancel{block-size:44px;flex-shrink:0;padding-inline:10px 8px;font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.ptt-search-sheet__scopes{display:flex;flex-shrink:0;gap:6px;overflow-x:auto;border-block-end:var(--border-hairline);padding:10px 12px;background:var(--surface-card);scrollbar-width:none}.ptt-search-sheet__scopes button{flex-shrink:0;block-size:32px;border:var(--border-hairline);border-radius:var(--radius-pill);padding-inline:12px;background:var(--surface-card);color:var(--text-body);font-family:var(--font-body);font-size:12.5px;white-space:nowrap;cursor:pointer}.ptt-search-sheet__scopes button.is-active{border-color:var(--brand);background:var(--brand-tint);color:var(--brand);font-weight:var(--fw-bold)}.ptt-search-sheet .ptt-search-panel{display:flex;min-block-size:0;flex:1;flex-direction:column;border:0;border-radius:0;box-shadow:none;animation:none}.ptt-search-sheet .ptt-search-panel__body{max-block-size:none;flex:1;grid-template-columns:minmax(0,1fr)}.ptt-search-sheet .ptt-search-panel__footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--surface-card)}.ptt-search-sheet .ptt-search-panel__see-all{flex:1;block-size:46px}.ptt-search-sheet .ptt-search-panel__keys{display:none}@media(max-width:39.99rem){.ptt-header-search{border-radius:var(--radius-pill)}.ptt-header-search__scope{display:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/search-panel.css.map */
