.collection-tabs{margin-top:2rem;padding:0;width:100%;box-sizing:border-box}.nav-collection{position:relative;width:100%;max-width:100%;margin-top:2rem;margin-bottom:2rem;box-sizing:border-box;display:flex;align-items:center;gap:.5rem}.collection-tabs__container{flex:1;overflow:hidden;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.collection-tabs__list{display:flex;list-style:none;padding:0;margin:0;justify-content:center;gap:1rem;max-width:100%;width:100%;min-width:max-content;justify-content:flex-start;transition:transform .3s ease;cursor:grab}.collection-tabs__list:active{cursor:grabbing}.collection-tabs__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #ddd5c0;background:transparent;color:rgba(var(--color-foreground),.75);cursor:pointer;border-radius:50%;transition:all .3s ease;flex-shrink:0}.collection-tabs__arrow:hover{border-color:#76726b;color:rgba(var(--color-foreground),1)}.collection-tabs__arrow:disabled{opacity:.3;cursor:not-allowed}.collection-tabs__arrow[style*="display: none"]{display:none!important}.collection-tabs__arrow svg{width:12px;height:12px}.collection-tabs__item{flex:0 0 auto;white-space:nowrap}.collection-tabs__link{display:inline-block;padding:13px 20px;text-decoration:none;color:rgba(var(--color-foreground),.75);font-size:12px;font-weight:500;letter-spacing:.06rem;transition:color .15s ease-in-out;border:1px solid #ddd5c0;outline:none;line-height:normal;transition:all .3s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media screen and (min-width:1051px){.collection-tabs__link{font-size:14px;padding:15px 25px}}.collection-tabs__link:hover{color:rgba(var(--color-foreground),1);text-decoration:none;border:1px solid #76726b}.collection-tabs__link:focus{border:1px solid rgba(var(--color-foreground),.9);outline:none}@media screen and (min-width:751px){.collection-tabs__list{justify-content:center}}@media screen and (max-width:750px){.collection-tabs__list{justify-content:flex-start}}@media screen and (max-width:749px){.collection-tabs__link{padding:.8rem 1.5rem;font-size:1.3rem}.collection-tabs{margin-top:1.5rem}.collection-tabs__arrow{width:28px;height:28px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-collection-tabs.css.map */