.filter-modal{z-index:1001;background:#fff;flex-direction:column;width:100%;max-width:800px;height:100dvh;display:flex;position:fixed;top:0;right:0}.filter-modal.in{animation:.8s forwards moveInLeftJump}.filter-modal.out{animation:.3s forwards moveOutRight}.filter-modal .filter-modal-title{justify-content:space-between;align-items:center;padding:25px 40px;display:flex}@media (width<=767px){.filter-modal .filter-modal-title{padding:15px}}.filter-modal .filter-modal-title h2{color:#282828;margin:0;font-family:Roboto Condensed,sans-serif;font-size:18px;font-weight:700;line-height:normal}.filter-modal .filter-modal-title .close-mini-cart img{width:20px;height:20px}.filter-modal-alert{border-bottom:1px solid #e3e3e2}.filter-modal-alert .alert{border-radius:0;margin-top:0;padding:20px 40px}.filter-modal-body{flex-direction:column;flex:1;width:100%;padding:0 40px;display:flex;overflow-y:auto}@media (width<=767px){.filter-modal-body{padding:0 15px}}.filter-modal-body .parameter-option-wrap{border-top:1px solid #d9d9d9;width:100%}.filter-modal-body a{color:#282828;align-items:center;gap:10px;padding:28px 0;font-size:18px;font-weight:700;line-height:24px;text-decoration:none;display:flex;position:relative}.filter-modal-body a:before{content:"";background-color:#282828;width:16px;height:2px;transition:background-image .3s cubic-bezier(.33,1,.68,1);position:absolute;top:50%;right:0}.filter-modal-body a.collapsed:before{background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M7.99974%201.06665V14.9333M1.06641%207.99998H14.9331'%20stroke='%23000000'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:16px;height:16px;transition:background-image .3s cubic-bezier(.33,1,.68,1);top:calc(50% - 8px)}.filter-modal-body a .count{color:#fff;background:#282828;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;font-size:12px;line-height:16px;display:flex}.filter-modal-body .parameter-option-body-list{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0 0 20px;list-style:none;display:grid}@media (width<=767px){.filter-modal-body .parameter-option-body-list{grid-template-columns:repeat(1,1fr);gap:10px}}.filter-modal-body .parameter-option-body-list li{min-width:0}.filter-modal-body .parameter-option-body-list .filter-checkbox{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;height:100%;padding:10px;transition:background .3s cubic-bezier(.33,1,.68,1);display:flex}.filter-modal-body .parameter-option-body-list .filter-checkbox img{flex-shrink:0}.filter-modal-body .parameter-option-body-list .filter-checkbox.disabled{cursor:not-allowed;pointer-events:none}.filter-modal-body .parameter-option-body-list .filter-checkbox.disabled *{opacity:.5}.filter-modal-body .parameter-option-body-list .filter-checkbox.active{border-color:#046737}@media (hover:hover) and (pointer:fine){.filter-modal-body .parameter-option-body-list .filter-checkbox:hover:not(.disabled){background:#f6f6f6;transition:background .3s cubic-bezier(.33,1,.68,1)}}.filter-modal-body .parameter-option-body-list .filter-checkbox input{display:none}.filter-modal-body .parameter-option-body-list .filter-checkbox span:not(.count){flex-wrap:wrap;align-items:center;gap:10px;min-width:0;display:flex}.filter-modal-body .parameter-option-body-list .filter-checkbox .count{color:#525252;background:#ebebeb;border-radius:50%;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;min-height:22px;font-size:12px;font-weight:700;line-height:100%;display:flex}.filter-modal-total{border-top:1px solid #e3e3e2;flex-direction:column;row-gap:20px;width:100%;padding:20px 40px;display:flex}@media (width<=767px){.filter-modal-total{padding:15px}}.filter-modal-total-actions{-moz-column-gap:10px;grid-template-columns:1fr 1fr;column-gap:10px;display:grid}.filter-modal-backdrop{z-index:1000;background:#00000080;width:100vw;height:100vh;position:fixed;top:0;left:0}.filter-modal-backdrop.in{animation:.8s forwards fadeIn}.filter-modal-backdrop.out{animation:.3s forwards fadeOut}
