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