body[data-vna-search-ready] :is(.search-modal,#search-form-mobile){display:none!important}body[data-vna-search-ready] [data-vna-search-toggle-close]{display:none}body.vna-search-open :is([data-search-menu],[data-search-mobile],[data-search-sticky-form])>:not([data-vna-search-toggle-close]){display:none!important}body.vna-search-open [data-vna-search-toggle-close]{display:inline-flex;align-items:center;justify-content:center}body[data-vna-search-ready] [data-search-mobile] .modal__toggle-close{display:none!important}[data-vna-search-toggle-close] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}.vna-search-panel,.vna-search-panel *,.vna-search-backdrop{box-sizing:border-box}.vna-search-backdrop{position:fixed;z-index:100001;inset:var(--vna-search-header-bottom, 92px) 0 0;width:100%;height:auto;margin:0;padding:0;border:0;border-radius:0;background:#00000052;opacity:0;visibility:hidden;cursor:default;transition:opacity .32s ease,visibility .46s}.vna-search-panel{--vna-search-ease:cubic-bezier(.22,1,.36,1);position:fixed;z-index:100002;top:var(--vna-search-header-bottom, 92px);left:50%;width:min(1480px,calc(100% - 100px));max-height:calc(100dvh - var(--vna-search-header-bottom,92px) - 18px);overflow:auto;overscroll-behavior:contain;padding:24px clamp(40px,5.4vw,104px) 78px;border:0;border-radius:0 0 16px 16px;margin:0;background:#fff;color:#141414;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;text-align:left;letter-spacing:normal;visibility:hidden;opacity:0;transform:translate(-50%,-12px);clip-path:inset(0 0 100% 0 round 0 0 16px 16px);transition:clip-path .46s var(--vna-search-ease),transform .46s var(--vna-search-ease),opacity .2s ease,visibility .46s}body.vna-search-open .vna-search-backdrop{opacity:1;visibility:visible}body.vna-search-open .vna-search-panel{visibility:visible;opacity:1;transform:translate(-50%);clip-path:inset(0 0 0 0 round 0 0 16px 16px)}body.vna-search-open.vna-search-suspended .vna-search-panel{visibility:hidden;opacity:0;transform:translate(-50%,-12px);clip-path:inset(0 0 100% 0 round 0 0 16px 16px);pointer-events:none;transition-duration:.2s}body.vna-search-open.vna-search-suspended .vna-search-backdrop{z-index:219;visibility:hidden;opacity:0;pointer-events:none;transition-duration:.2s}.vna-search-panel button{margin:0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;letter-spacing:normal;cursor:pointer}.vna-search-panel svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.vna-search-panel__form{width:min(100%,430px);display:flex;align-items:center;gap:13px;border:0;border-bottom:1px solid #171717;padding:0;margin:0 auto 35px;background:transparent}.vna-search-panel__form>button{display:grid;place-items:center;width:32px;flex:0 0 32px;height:42px;padding:0}.vna-search-panel__form>.vna-search-panel__close{width:26px;flex-basis:26px}.vna-search-panel__close svg{width:17px;height:17px;stroke-width:1.3}.vna-search-panel__form input[type=search]{display:block;width:0;flex:1;min-width:0;height:46px;border:0;outline:none;box-shadow:none;padding:0;margin:0;border-radius:0;background:transparent;color:#141414;font:inherit;font-size:15px;letter-spacing:normal;caret-color:#141414}.vna-search-panel__form input::placeholder{color:#777;opacity:1}.vna-search-panel__form input::-webkit-search-cancel-button{display:none}.vna-search-panel__content{display:grid;grid-template-columns:190px minmax(0,1fr);gap:44px;opacity:0;transform:translateY(-7px);transition:opacity .2s ease,transform .3s var(--vna-search-ease)}body.vna-search-open .vna-search-panel__content{opacity:1;transform:none;transition-delay:.11s}.vna-search-panel h2{margin:0 0 22px;padding:0;color:inherit;font:600 17px/1.4 Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;letter-spacing:.01em;text-transform:none}.vna-search-panel__keywords{display:flex;flex-direction:column;align-items:flex-start;gap:0}.vna-search-panel__keywords button{padding:5px 0;font-size:14px;line-height:1.55;text-align:left;text-decoration:none!important;transition:color .18s ease}.vna-search-panel__keywords button:hover{color:#858585;text-decoration:none!important}.vna-search-panel__keywords button:before,.vna-search-panel__keywords button:after{display:none!important}.vna-search-panel__categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.vna-search-panel a.vna-search-panel__category{display:block;min-width:0;color:inherit;text-decoration:none}.vna-search-panel__image{overflow:hidden;border-radius:6px;background:#f5f3f2;aspect-ratio:1}.vna-search-panel__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s var(--vna-search-ease)}.vna-search-panel__category:hover img{transform:scale(1.045)}.vna-search-panel__label{display:block;margin-top:10px;font-size:14px;line-height:1.5;font-weight:600}@media(max-width:1279px){.vna-search-panel{width:calc(100% - 48px);padding:24px 40px 50px}.vna-search-panel__content{grid-template-columns:170px minmax(0,1fr);gap:28px}.vna-search-panel__categories{gap:16px}.vna-search-panel__label{font-size:12px}}@media(min-width:750px)and (max-width:1100px){.vna-search-panel{padding-inline:32px}.vna-search-panel__categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}}@media(max-width:749px){.vna-search-panel{width:calc(100% - 24px);max-height:calc(86dvh - var(--vna-search-header-bottom,80px));padding:6px 16px 18px;border-radius:0 0 12px 12px}.vna-search-panel__form{margin-bottom:12px;gap:8px}.vna-search-panel__form input[type=search]{height:38px;font-size:16px}.vna-search-panel__form>button{height:40px}.vna-search-panel__form svg{width:20px;height:20px}.vna-search-panel__content{display:flex;flex-direction:column;gap:22px}.vna-search-panel h2{font-size:14px;margin-bottom:12px}.vna-search-panel__keywords{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;align-items:stretch}.vna-search-panel__keywords button{min-height:24px;padding:2px 0;font-size:12px;line-height:1.5}.vna-search-panel__categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.vna-search-panel__label{margin-top:5px;font-size:12px;line-height:1.4}}@media(prefers-reduced-motion:reduce){.vna-search-panel,.vna-search-panel *,.vna-search-backdrop{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/vna-search-panel.css.map */