.search-modal{box-sizing:border-box;padding:16px 0;position:fixed;top:0;width:100vw;height:100vh;visibility:hidden;transition:visibility .25s ease-in-out;z-index:9992}.search-modal--active{visibility:visible}.search-modal__overlay{position:absolute;width:100vw;height:100vh;top:0;left:0;background-color:#0006;opacity:0;visibility:hidden;transition:opacity .35s ease-in-out,visibility .35s ease-in-out}.search-modal--active .search-modal__overlay{opacity:1;visibility:visible}.search-modal__inner{box-sizing:border-box;padding:16px;position:absolute;right:0;top:0;width:336px;height:100vh;background-color:#fff;overflow-y:auto;transform-origin:right;transform:translate(100%);transition:transform .35s ease-in-out}.search-modal--active .search-modal__inner{transform:translate(0)}.search-modal__heading-wrap{display:flex;align-items:center;justify-content:space-between}.search-modal__heading{margin:0;padding:0;font-size:24px;font-weight:400;line-height:28px}.search-modal__form-wrap{width:100%}.search-modal__button-close{display:block;width:24px;height:24px;border:none;outline:none;background-color:transparent;padding:0;cursor:pointer}@media only screen and (max-width: 768px){.search-modal__button-close{margin-top:5px;margin-left:8px}}.search-modal__button-close svg{display:block;width:24px;height:24px}.search-modal__form{padding:22px 0 0}.search-modal__form-content{position:relative;border-bottom:1px solid #ccc;padding:0 16px 16px;margin:0 -16px;width:auto}.search-modal__form div{position:relative}.search-modal__label{position:absolute;left:32px;top:12px;font-size:14px;font-weight:400;color:#999;z-index:1}@media only screen and (max-width: 768px){.search-modal__label{top:7px;font-size:14px}}.search-modal__form--focus .search-modal__label{font-size:12px;top:6px;display:none}@media only screen and (max-width: 768px){.search-modal__form--focus .search-modal__label{font-size:10px}}.search-modal__input{display:block;padding:12px 16px;width:100%;height:40px;background-color:transparent;border:1px solid #ccc;border-radius:4px;font-size:14px;position:relative;z-index:2}@media only screen and (max-width: 768px){.search-modal__input{height:35px;font-size:14px}}.search-modal__form--focus .search-modal__input{padding-top:14px}.search-modal__input:focus{outline:none}.search-modal__input::-webkit-search-cancel-button{display:none}.search-modal__button{position:absolute;right:24px;width:24px;height:24px;top:8px;border:none;outline:none;background-color:transparent;padding:0;cursor:pointer;z-index:3}@media only screen and (max-width: 768px){.search-modal__button{top:5px;right:28px}}.search-modal__button svg{display:block;width:24px;height:24px}.search-modal__popular{padding:32px 0 16px;text-align:left}.search-modal__popular-list{list-style:none;padding:0;margin:0;box-sizing:border-box}.search-modal__popular-heading{display:block;margin:0 0 16px;padding:0 0 16px;font-size:16px;line-height:19px;border-bottom:1px solid #ccc}@media only screen and (max-width: 768px){.search-modal__popular-heading{font-size:16px}}.search-modal__popular-product-item{display:flex;align-items:center;margin-bottom:16px}.search-modal__popular-product-link{display:block;color:#000;font-size:16px;line-height:19px;text-decoration:none}.search-modal__popular-product-link:hover{text-decoration:none}.search-modal__popular-product-image{flex:none;width:90px;height:112px;margin-right:10px;background-color:#ccc}.search-modal__popular-product-image a{height:100%}.search-modal__popular-product-image img{display:block;width:100%;height:100%;object-fit:cover}.search-modal__popular-product-title{box-sizing:border-box;margin:8px 0 16px;padding:0;font-size:16px;font-weight:400;line-height:19px}.search-modal__popular-product-brand{font-size:14px;line-height:16px;color:#999}.search-modal__popular-product-price{font-size:20px;line-height:23px}.search-modal__popular-product-price span{margin-right:16px;font-size:14px;line-height:16px;color:#999;text-decoration:line-through}.search-modal__popular-button{font-size:16px;font-weight:400;background-color:transparent;color:#000;border-radius:4px;border:none;outline:none;text-decoration:underline;cursor:pointer}@media only screen and (min-width: 769px){.search-modal__popular-button:hover{text-decoration:none}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-search-modal.css.map */