.whats-in-box{--whats-in-box-badge-included: #4a9ea6;--whats-in-box-cross-color: #9a9a9a;--whats-in-box-radius: 1.2rem;--whats-in-box-gap: .8rem;--whats-in-box-badge-size: 1.6rem;--whats-in-box-title-scale: .8;border-block-end:0}@media(min-width:768px){.whats-in-box{--whats-in-box-gap: 1.4rem;--whats-in-box-badge-size: 2rem;--whats-in-box-title-scale: .95}}.whats-in-box__summary{align-items:baseline;padding-block:1.2rem;border-block-end:.1rem solid rgb(var(--color-border));color:rgb(var(--color-foreground))}.whats-in-box__variant{font-size:calc(var(--font-body-size) * .9);color:var(--color-foreground-lighten-60)}.whats-in-box__caret{display:inline-flex;margin-inline-start:auto}.whats-in-box__content{padding-block:1.6rem 0}.whats-in-box__grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--whats-in-box-gap);margin:0}.whats-in-box__card{display:flex;flex-direction:column;gap:1rem;color:rgb(var(--color-foreground));text-decoration:none}.whats-in-box__media{position:relative;display:block;aspect-ratio:1;border-radius:var(--whats-in-box-radius);background-color:rgb(var(--color-secondary-background));overflow:hidden}.whats-in-box__image{width:100%;height:100%;object-fit:contain;object-position:center}.whats-in-box__badge{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;display:flex;align-items:center;justify-content:center;width:var(--whats-in-box-badge-size);height:var(--whats-in-box-badge-size);border-radius:50%;color:rgb(var(--color-background))}.whats-in-box__badge .icon{width:60%;height:60%}.whats-in-box__badge--included{background-color:var(--whats-in-box-badge-included)}.whats-in-box__badge--excluded{background-color:rgb(var(--color-primary))}.whats-in-box__cross{position:absolute;top:0;right:0;bottom:0;left:0}.whats-in-box__cross:before,.whats-in-box__cross:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:15%;width:70%;height:.3rem;border-radius:.3rem;background-color:var(--whats-in-box-cross-color)}.whats-in-box__cross:before{transform:translateY(-50%) rotate(45deg)}.whats-in-box__cross:after{transform:translateY(-50%) rotate(-45deg)}.whats-in-box__title{font-size:calc(var(--font-body-size) * var(--whats-in-box-title-scale));text-align:center}.whats-in-box__item--excluded .whats-in-box__image{opacity:.45}.whats-in-box__item--excluded .whats-in-box__title{color:var(--color-foreground-lighten-60);text-decoration:line-through}@media(hover:hover){a.whats-in-box__card:hover .whats-in-box__title{text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/component-whats-in-your-box.css.map */