.archive-svg{-webkit-mask:url("/content/image-site/svg/header/grid-icon.svg");mask:url("/content/image-site/svg/header/grid-icon.svg")}.archive-overlay{position:absolute;top:calc(100% + 12px);left:0;z-index:9999;visibility:hidden;opacity:0;visibility:hidden;transition:opacity 1s ease,visibility 1s ease}.archive-overlay.archive-open{opacity:1;visibility:visible;transition:opacity 1s ease,visibility 1s ease}.archive-wrapper{position:relative}.archive-modal{width:261px;overflow:hidden;padding:8px;box-sizing:border-box;border-radius:5px;background-color:#fff;box-sizing:border-box;box-shadow:0 0 10px rgb(0 0 0 / 25%);transform:translateY(-6%);transition:transform 1s ease;display:flex;gap:8px;flex-direction:column}.archive-open .archive-modal{transform:translateY(0);opacity:1}.darkTheme .archive-modal{background-color:#555555}.archive-menu-item{cursor:pointer;display:flex;gap:8px;align-items:center;flex-direction:column}.archive-menu-wrapper{display:flex;gap:12px;padding:16px 8px;border-radius:25px;justify-content:space-between;flex-direction:column;align-items:self-start;background:rgb(234 234 234 / 100%)}.darkTheme .archive-menu-wrapper{background:rgb(234 234 234 / 5%)}.archive-title{color:#282828;font-size:14px;font-weight:bold;padding-bottom:4px}.item-wrapper{display:flex;gap:8px;align-items:center;flex-direction:column;justify-content:center}.items-wrapper{display:flex;align-items:center;gap:16px}.item-wrapper:hover .archive-menu-title{color:#000}.darkTheme .item-wrapper:hover .archive-menu-title{color:#f1cf18}.darkTheme .archive-title,.darkTheme .archive-menu-title{color:#fff}.archive-list .archive-menu-img{width:64px;height:49px}.menu-list .archive-menu-img{width:36px;height:36px}.archive-menu-title{color:#555;font-weight:bold;font-size:13px;transition:all 500ms ease}.menu-item{padding:12px 16px;cursor:pointer}@media(max-width:768px){.item-wrapper{gap:16px;justify-content:space-between}.archive-menu-title{font-size:14px}.archive-list .archive-menu-item{width:33%}.archive-list .archive-menu-img{width:93px;height:72px}.archive-overlay{position:fixed;inset:0;background:#00000066;display:flex;align-items:flex-end;visibility:hidden}.archive-modal{width:100%;height:auto;transform:translateY(100%);transition:all .8s ease}.archive-open .archive-modal{width:100%;padding:18px 10px;border-radius:8px 8px 0 0;transform:translateY(0%)}}