.collection-header-troches{display:flex;flex-wrap:wrap;gap:var(--collection-header-troche-set-gap);width:fit-content;margin-bottom:.8rem}.collection-header-troches__set{display:grid;grid-template-columns:repeat(2,var(--collection-header-troche-size));gap:var(--collection-header-troche-gap)}.collection-header-troches--mobile-left{margin-inline:0 auto}.collection-header-troches--mobile-center{margin-inline:auto}.collection-header-troches--mobile-right{margin-inline:auto 0}.collection-header-troches__item{display:block;width:var(--collection-header-troche-size);height:var(--collection-header-troche-size);border:max(2px,calc(var(--collection-header-troche-size) * .08)) solid var(--collection-header-troche-color);border-radius:calc(var(--collection-header-troche-size) * .12);background:var(--collection-header-troche-color);box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--collection-header-troche-color) 18%,transparent);opacity:0;transform:translate3d(0,1.2rem,0) rotate(-120deg) scale(.7);animation:collection-header-troche-enter var(--collection-header-troche-animation-duration) cubic-bezier(.22,1,.36,1) forwards;animation-delay:var(--collection-header-troche-animation-delay)}.collection-header-troches__set--hollow .collection-header-troches__item{background:transparent;box-shadow:none}@keyframes collection-header-troche-enter{to{opacity:1;transform:translateZ(0) rotate(0) scale(1)}}@media screen and (min-width:750px){.collection-header-troches--desktop-left{margin-inline:0 auto}.collection-header-troches--desktop-center{margin-inline:auto}.collection-header-troches--desktop-right{margin-inline:auto 0}}@media(prefers-reduced-motion:reduce){.collection-header-troches__item{animation:none;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/111/assets/component-collection-header-troches.css.map */