.collection-tab-content{background:var(--blue-50);border-radius:2.4rem;padding-bottom:5.2rem;overflow:hidden}.collection-tab-container .tab-trigger{display:flex;justify-content:center;align-items:center;gap:6.3rem}.tab-trigger .tab-item-wrapper{background-color:var(--neutral-0);padding:.8rem;border-radius:40rem;display:flex;justify-content:center;align-items:center;gap:.8rem}.collection-tab-container .tab-trigger .tab-item{position:relative;height:5.6rem;width:16rem;font-size:2.4rem;color:var(--neutral-600);font-weight:800;display:flex;justify-content:center;align-items:center;background-color:transparent;overflow:hidden;border-radius:55px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;will-change:auto;min-width:23.8rem}.collection-tab-heading-image img{width:100%;height:100%;object-fit:cover}.collection-tab-heading-image img.mobile-image{display:none}.collection-tab-container .tab-trigger .tab-item:hover{background-color:var(--orange-2);color:var(--neutral-60)}.collection-tab-container .tab-trigger .tab-item.active,.collection-tab-container .tab-trigger .tab-item:active{background-color:var(--orange-1);color:var(--neutral-0)}.tab-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.tab-content .product-grid{margin-top:2.4rem;display:grid;grid-template-columns:repeat(4,26.8rem);justify-content:center;align-items:center;justify-items:center;grid-gap:2rem}.pagination-grid{margin-top:2.4rem;display:grid;grid-template-columns:repeat(4,26.8rem);grid-gap:2rem}.pagination-btn-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:2rem;width:100%;grid-column:1 / -1;justify-self:end}.pagination-btn{position:relative;height:4.9rem;width:4.9rem;border-radius:100%;border:0;background:var(--blue-500);display:flex;justify-content:center;align-items:center;text-align:center;transition:background .3s;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn:hover{background:var(--neutral-800)}.pagination-btn:active{background:var(--neutral-700)}.pagination-btn .iconfont{font-size:3.2rem;font-weight:600;color:var(--neutral-50)}.prev-btn .iconfont{transform:translate(-.05em)}.next-btn .iconfont{transform:translate(.05em)}@media screen and (max-width: 1300px){.tab-content .product-grid,.pagination-grid{grid-template-columns:repeat(3,26.8rem)}}@media screen and (max-width: 900px){.tab-content .product-grid,.pagination-grid{grid-template-columns:repeat(2,26.8rem)}}@media screen and (max-width: 820px){.tab-trigger .tab-item-wrapper{padding:.4rem;gap:0}.collection-tab-container .tab-trigger .tab-item{height:3.4rem;font-size:1.4rem;min-width:11.8rem}.tab-content .product-grid{grid-gap:.7rem}}@media screen and (max-width: 620px){.tab-content .product-grid,.pagination-grid{grid-template-columns:repeat(2,16.8rem)}}@media screen and (max-width: 500px){.collection-tab-container{padding:0}.collection-tab-content{border-radius:0}.tab-trigger .tab-item-wrapper{padding:.4rem;gap:0}.collection-tab-container .tab-trigger .tab-item{height:3.4rem;font-size:1.4rem;width:10rem;min-width:10rem}.pagination-btn-wrapper{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/section-office-activity-page-collection-tab.css.map */