.collection-highlight{--ch-inset: 50px;--ch-gap: 10px;--ch-radius: 20px;--ch-height: 770px;--ch-word-size: 68px;--ch-heading-size: 44px;--ch-panel-bg: #f1f3c0}.collection-highlight__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ch-gap);padding:0 var(--ch-inset)}.collection-highlight__media{position:relative;height:var(--ch-height);overflow:hidden;border-radius:var(--ch-radius);background-color:rgba(var(--color-foreground),.04)}.collection-highlight__view{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.collection-highlight__view.is-active{opacity:1;visibility:visible}.collection-highlight__view>img,.collection-highlight__view>svg{display:block;width:100%;height:100%;object-fit:cover}.collection-highlight__overlay{position:absolute;right:4rem;bottom:4rem;left:4rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;color:#fff}.collection-highlight__view-label{margin:0;font-size:1.5rem;font-weight:700;text-transform:uppercase}.collection-highlight__view-heading{max-width:16ch;margin:0;color:inherit;font-size:var(--ch-heading-size);font-weight:700;line-height:1.2}.collection-highlight__button{display:inline-flex;align-items:center;gap:.8rem;margin-top:1.2rem;padding:1rem 1.1rem 1rem 2.4rem;border-radius:999px;background:#fff;color:#1c1b18;font-size:1.5rem;font-weight:700;line-height:2.4rem;text-decoration:none}.collection-highlight__button-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#1c1b18;color:#fff;transition:transform .2s ease}.collection-highlight__button-icon svg{width:1rem;height:1rem;transform:rotate(-90deg)}.collection-highlight__button:hover .collection-highlight__button-icon{transform:translate(2px)}.collection-highlight__panel{display:flex;flex-direction:column;align-items:center;height:var(--ch-height);padding:8rem 4rem;border-radius:var(--ch-radius);background-color:var(--ch-panel-bg);color:#1c1b18;text-align:center}.collection-highlight__label{margin:0;font-size:1.5rem;font-weight:700;text-transform:uppercase}.collection-highlight__words{display:flex;flex-direction:column;align-items:center;gap:1.2rem;margin:3.2rem 0 0;padding:0;list-style:none}.collection-highlight__word{position:relative;display:inline-flex;align-items:center;gap:1.2rem;padding:0 0 1rem;border:none;background:none;color:#0006;font-family:inherit;font-size:var(--ch-word-size);font-weight:700;line-height:1.2;cursor:pointer;transition:color .25s ease}.collection-highlight__word.is-active{color:#000}.collection-highlight__thumb{display:block;width:6rem;height:6rem;overflow:hidden;border-radius:999px;background-color:var(--ch-thumb-bg, rgba(0, 0, 0, .06));opacity:0;transform:scale(.7);transition:opacity .25s ease,transform .25s ease}.collection-highlight__word.is-active .collection-highlight__thumb{opacity:1;transform:scale(1)}.collection-highlight__thumb img{width:100%;height:100%;object-fit:contain}.collection-highlight__word-text{position:relative;display:inline-block}.collection-highlight__wave{position:absolute;top:100%;left:0;width:100%;height:.8rem;opacity:0;transition:opacity .25s ease}.collection-highlight__word.is-active .collection-highlight__wave{opacity:1}.collection-highlight__texts{position:relative;width:100%;margin-top:auto}.collection-highlight__text{position:absolute;inset:auto 0 0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.collection-highlight__text.is-active{position:relative;opacity:1;visibility:visible}.collection-highlight__name{margin:0 0 .8rem;font-size:1.8rem;font-weight:700}.collection-highlight__description{max-width:36ch;margin:0 auto;font-size:1.5rem;line-height:2.4rem;color:#0009}.collection-highlight__description p{margin:0}@media screen and (max-width:989px){.collection-highlight__grid{grid-template-columns:minmax(0,1fr)}.collection-highlight__panel{order:-1;height:auto;padding:4.8rem 2.4rem}.collection-highlight__media{height:auto;aspect-ratio:var(--ch-ratio-m, .75)}.collection-highlight__overlay{right:2rem;bottom:2.4rem;left:2rem;gap:1.6rem}.collection-highlight__view-heading{max-width:none;line-height:1.357}.collection-highlight__button{width:100%;justify-content:space-between;margin-top:.8rem}.collection-highlight__words{gap:1.2rem;margin-top:2.4rem}.collection-highlight__word{min-height:4.8rem;padding:0}.collection-highlight__thumb{width:4.8rem;height:4.8rem}.collection-highlight__texts{margin-top:2.4rem}.collection-highlight__name{margin-bottom:1.2rem;font-size:1.6rem;line-height:1.555}.collection-highlight__description{max-width:34rem;color:#000000b3}}@media(prefers-reduced-motion:reduce){.collection-highlight__view,.collection-highlight__word,.collection-highlight__thumb,.collection-highlight__wave,.collection-highlight__text,.collection-highlight__button-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/beetles-collection-highlight.css.map */