.content-wrapper{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:0;transition:gap .3s ease-in-out}@media (min-width:1024px){.content-wrapper.filter-open{flex-direction:row;align-items:flex-start;gap:24px}.content-wrapper:not(.filter-open){align-items:flex-start}}.right-content{width:100%;display:flex;flex-direction:column;gap:0;transition:width .3s ease-in-out,flex .3s ease-in-out;align-self:flex-start}@media (min-width:1024px){.right-content.filter-open{flex:1;width:auto;animation:slideInFromLeft .5s ease-in-out}.right-content:not(.filter-open){align-self:flex-start;margin-top:0;animation:slideOutToLeft .5s ease-in-out}}.filter-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-top:0;padding-top:0;padding-left:1rem;padding-right:1rem;gap:1rem;min-height:48px}@media (min-width:640px){.filter-section{flex-direction:column;padding-left:1.5rem;padding-right:1.5rem;gap:1rem}}@media (min-width:768px){.filter-section{flex-direction:row;align-items:flex-start;justify-content:space-between;padding-left:2rem;padding-right:2rem;gap:2rem}}@media (min-width:1024px){.filter-section{flex-direction:row;padding-left:0;padding-right:0;gap:0;justify-content:space-between;align-items:flex-start}.right-content.filter-open .filter-section{justify-content:flex-end}}.filter-button{position:relative;width:100%;max-width:288px;height:48px;background:#1a1a1a;box-shadow:0 5px 9px #0000000f;border-radius:16px;border:none;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.filter-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transition:left .5s}.filter-button:hover:before{left:100%}.filter-button:hover{background:#2a2a2a;transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}@keyframes slideInFromLeft{0%{transform:translateX(-80px)}to{transform:translateX(0)}}@keyframes slideOutToLeft{0%{transform:translateX(150px)}to{transform:translateX(0)}}@media (min-width:1024px){.filter-button{width:288px;height:48px;padding:0 20px}}.filter-button-text{text-align:left;font:normal normal 700 16px/19px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#fff;width:100%;height:19px}.filter-button-icon{flex-shrink:0;stroke:#fff}.filter-result{display:flex;flex-direction:row;align-items:baseline;gap:.5rem;width:100%;justify-content:flex-start}@media (min-width:640px){.filter-result{gap:.5rem;justify-content:flex-start}}@media (min-width:768px){.filter-result{flex-direction:row;align-items:baseline;gap:8px;width:auto;justify-content:flex-end}}@media (min-width:1024px){.filter-result{flex-direction:row;align-items:baseline;gap:8px;width:auto;justify-content:flex-end}}.filter-result-text{text-align:left;font:normal normal 700 24px/29px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#1a1a1a;width:auto;min-width:142px;height:28px}@media (min-width:640px){.filter-result-text{font-size:clamp(1.25rem,calc(1.25rem + (1.5rem - 1.25rem) * ((100vw - 640px) / (768 - 640))),1.5rem);line-height:clamp(1.5rem,calc(1.5rem + (1.75rem - 1.5rem) * ((100vw - 640px) / (768 - 640))),1.75rem)}}@media (min-width:768px){.filter-result-text{font-size:clamp(1.5rem,calc(1.5rem + (1.75rem - 1.5rem) * ((100vw - 768px) / (1024 - 768))),1.75rem);line-height:clamp(1.75rem,calc(1.75rem + (2rem - 1.75rem) * ((100vw - 768px) / (1024 - 768))),2rem)}}@media (min-width:1024px){.filter-result-text{font-size:24px;line-height:29px;width:142px;height:28px}}.filter-result-value{text-align:right;font:normal normal normal 16px/18px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#1a1a1a;width:auto;min-width:36px;height:18px}@media (min-width:1024px){.filter-result-value{width:36px;height:18px}}.filter-result-pagination-section{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;padding-left:1rem;padding-right:1rem;padding-bottom:2rem}@media (min-width:640px){.filter-result-pagination-section{flex-direction:row;justify-content:center;align-items:center;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.filter-result-pagination-section{padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.filter-result-pagination-section{flex-direction:row;justify-content:center;align-items:center;padding-left:0;padding-right:0;margin-top:3rem}}.filter-result-next-button{position:relative;width:179px;height:43px;background:#7344e4;border-radius:14px;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:opacity .2s;padding:0 1rem}.filter-result-next-button:hover{opacity:.9}@media (min-width:1024px){.filter-result-next-button{width:179px;height:43px}}.filter-result-next-button-text{text-align:left;font:normal normal 700 16px/19px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#fff;height:19px}.filter-result-next-arrow{width:16px;height:14px;flex-shrink:0}.filter-result-next-arrow path{stroke:#fff}.filter-result-page-info{position:relative;display:flex;flex-direction:row;align-items:center;gap:.5rem;justify-content:center}@media (min-width:640px){.filter-result-page-info{position:absolute;right:1.5rem;justify-content:flex-start}}@media (min-width:768px){.filter-result-page-info{right:2rem}}@media (min-width:1024px){.filter-result-page-info{right:0}}.filter-result-page{text-align:left;font:normal normal normal 14px/16px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#636363;width:32px;height:16px}.filter-result-pagenumber-input{position:relative;width:48px;height:32px;background:#fff;border-radius:14px;border:none;text-align:center;font:normal normal 700 14px/17px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#1a1a1a;padding:0;outline:none;-moz-appearance:textfield}.filter-result-pagenumber-input::-webkit-inner-spin-button,.filter-result-pagenumber-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (min-width:1024px){.filter-result-pagenumber-input{width:48px;height:32px}}.filter-result-totalpage{text-align:left;font:normal normal normal 14px/16px Helvetica Neue,Arial,sans-serif;letter-spacing:0;color:#636363;width:27px;height:16px;white-space:nowrap}