.tittli-circles{max-width:var(--tittli-page-width, 1400px);margin-inline:auto;padding:clamp(28px,3.4vw,48px) 0 0}@media screen and (min-width:750px){.tittli-circles{padding-inline:clamp(16px,2vw,24px)}}.tittli-circles__heading{margin-bottom:clamp(18px,2vw,28px);padding-inline:16px}.tittli-circles__track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 28px 4px 16px;-webkit-mask-image:linear-gradient(to right,#000 90%,transparent 100%);mask-image:linear-gradient(to right,#000 90%,transparent 100%)}.tittli-circles__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.tittli-circles__track{justify-content:center;flex-wrap:wrap;gap:clamp(20px,2.4vw,40px);overflow-x:visible;padding:4px 0;-webkit-mask-image:none;mask-image:none}}.tittli-circles__item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:10px;width:92px;color:var(--tittli-ink, #1c1c1c);text-align:center;text-decoration:none}@media screen and (min-width:990px){.tittli-circles__item{width:124px}}.tittli-circles__item:hover{color:var(--tittli-maroon, #5a1a2e);text-decoration:none}.tittli-circles__circle{display:block;width:84px;height:84px;overflow:hidden;border:4px solid var(--tittli-white, #fff);border-radius:50%;background:var(--tittli-gold-light, #f3e7c9);box-shadow:0 2px 12px #1c1c1c1f;transition:box-shadow var(--tittli-duration-fast, .16s) ease-out,transform var(--tittli-duration-fast, .16s) ease-out}@media screen and (min-width:990px){.tittli-circles__circle{width:110px;height:110px}}@media(hover:hover){.tittli-circles__item:hover .tittli-circles__circle{box-shadow:0 8px 24px #1c1c1c29;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.tittli-circles__circle{transition:none}.tittli-circles__item:hover .tittli-circles__circle{transform:none}}.tittli-circles__item.is-active .tittli-circles__circle{box-shadow:0 0 0 2px var(--tittli-maroon, #5a1a2e),0 2px 12px #1c1c1c1f}.tittli-circles__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.tittli-circles__title{max-width:100%;font-size:clamp(12px,1vw,14px);font-weight:500;line-height:1.3}.tittli-circles__item.is-active .tittli-circles__title{font-weight:700;color:var(--tittli-maroon, #5a1a2e)}
/*# sourceMappingURL=/cdn/shop/t/33/assets/tittli-collection-circles.css.map */