.site-main{display:flex;flex-direction:column;row-gap:48px}.ad-archive .ad-list{display:grid;grid-template-columns:100%;row-gap:16px}@media screen and (min-width: 1025px)and (max-width: 1200px){.ad-archive .ad-list{gap:32px;grid-template-columns:repeat(2, 1fr)}}@media screen and (min-width: 1201px){.ad-archive .ad-list{grid-template-columns:repeat(3, 1fr);column-gap:32px}}.ad-archive .ad-list__wrapper{display:flex;flex-direction:column;row-gap:48px}.ad-archive .filter-box{display:flex;flex-direction:column;row-gap:16px;padding:24px}@media screen and (max-width: 1024px){.ad-archive .filter-box{max-width:480px;margin-inline:auto;max-height:80dvh;box-shadow:var(--box-shadow);border-radius:24px 24px 0 0;width:100%;height:100%;background-color:var(--site-bg-color);transform:translateY(100%);transition:transform .1s .1s}}@media screen and (min-width: 1025px){.ad-archive .filter-box__wrapper{box-shadow:var(--box-shadow);border-radius:24px}}@media screen and (max-width: 1024px){.ad-archive .filter-box__wrapper{position:fixed;inset:0;z-index:9;background-color:rgba(0,0,0,.1);display:flex;align-items:flex-end;transition:opacity .1s,backdrop-filter .1s}.ad-archive .filter-box__wrapper:not(.show){opacity:0;visibility:hidden}.ad-archive .filter-box__wrapper.show{opacity:1;visibility:visible;backdrop-filter:blur(4px)}.ad-archive .filter-box__wrapper.show .filter-box{transform:translateY(0)}}.ad-archive .filter-box .close-btn{display:none}@media screen and (max-width: 1024px){.ad-archive .filter-box .close-btn{background-color:rgba(0,0,0,0);color:var(--on-surface-low);padding:0;border:none;border-radius:50%;font-size:24px;margin-inline-start:auto;display:inline-flex}.ad-archive .filter-box .close-btn::before{font-family:"Font Awesome 6 Pro";content:""}}.ad-archive .filter-box__header{display:flex;justify-content:space-between;column-gap:16px}.ad-archive .filter-box__header .title{font-size:20px;line-height:24px}.ad-archive .filter-box__main{display:flex;flex-direction:column;row-gap:16px}@media screen and (max-width: 1024px){.ad-archive .filter-box__main{flex-grow:1;overflow-y:auto}}.ad-archive .open-filterbox{display:none}@media screen and (max-width: 1024px){.ad-archive .open-filterbox{display:inline-flex;position:sticky;bottom:16px;margin-top:48px}}.ad-archive .load-more__wrapper{text-align:center}/*# sourceMappingURL=advertising-archive.min.css.map */