.style-steps{--ss-inset: 50px;--ss-heading-size: 40px;--ss-step-size: 28px;--ss-panel-bg: #f5f5f5;--ss-panel-radius: 10px;--ss-card-width: 326px;--ss-card-gap: 24px;--ss-card-radius: 10px;--ss-ratio: .75}.style-steps__inner{padding:0 var(--ss-inset)}.style-steps__head{margin-bottom:4.8rem;text-align:center}.style-steps__label{margin:0 0 1.6rem;font-size:1.5rem;font-weight:700;text-transform:uppercase}.style-steps__heading{margin:0;font-size:var(--ss-heading-size);font-weight:700;line-height:1.2}.style-steps__list{display:flex;flex-direction:column;gap:1.2rem}.style-steps__panel{border-radius:var(--ss-panel-radius);background-color:var(--ss-panel-bg)}.style-steps{interpolate-size:allow-keywords}.style-steps__panel::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .35s ease,opacity .3s ease,content-visibility .35s ease allow-discrete}.style-steps__panel[open]::details-content{block-size:auto;opacity:1}.style-steps__summary{display:flex;align-items:center;gap:2rem;padding:4rem;cursor:pointer;list-style:none}.style-steps__summary::-webkit-details-marker{display:none}.style-steps__number{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#000;color:var(--ss-panel-bg);font-size:1.5rem;font-weight:500}.style-steps__title{flex:1 1 auto;font-size:var(--ss-step-size);font-weight:700;line-height:1.35}.style-steps__features{display:flex;flex-wrap:wrap;gap:.8rem}.style-steps__feature{display:inline-flex;align-items:center;gap:.8rem;padding:.5rem 1.1rem;border:1px solid rgba(0,0,0,.15);border-radius:60px;font-size:1.5rem;font-weight:500;line-height:2.4rem;white-space:nowrap}.style-steps__feature svg{width:1.6rem;height:1.6rem;flex:0 0 auto}.style-steps__body{padding:0 4rem 4rem}.style-steps__features--body{display:none}.style-steps__track{display:flex;gap:var(--ss-card-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.style-steps__track::-webkit-scrollbar{display:none}.style-steps__item{flex:0 0 var(--ss-card-width)}.style-steps__media{position:relative;display:block;aspect-ratio:var(--ss-ratio);overflow:hidden;border-radius:var(--ss-card-radius);background-color:#0000000a}.style-steps__media img,.style-steps__media svg{display:block;width:100%;height:100%;object-fit:cover}.style-steps__badge{position:absolute;top:1.6rem;left:1.6rem;padding:.4rem 1rem;border-radius:60px;background-color:var(--ss-badge, #c4301c);color:#fff;font-size:1.3rem;font-weight:700;line-height:1.6}.style-steps__name{display:block;margin-top:1.6rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:700;text-decoration:none}.style-steps__price{display:flex;align-items:center;gap:.8rem;margin:.6rem 0 0;font-size:1.5rem;font-weight:500}.style-steps__price--sale>span:first-child{color:#c4301c}.style-steps__price s{color:#00000080;font-weight:400}.style-steps__chevron{display:flex;flex:0 0 auto;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border:1px solid rgba(0,0,0,.15);border-radius:50%}.style-steps__chevron svg{width:1.4rem;height:1.4rem;transition:rotate .3s ease}.style-steps__panel[open] .style-steps__chevron svg{rotate:180deg}@media(prefers-reduced-motion:reduce){.style-steps__panel::details-content,.style-steps__chevron svg{transition:none}}@media screen and (max-width:749px){.style-steps__head{margin-bottom:2.4rem}.style-steps__label{line-height:2.4rem}.style-steps__list{gap:.8rem}.style-steps__summary{gap:1.2rem;padding:var(--ss-panel-pad, 24px) var(--ss-panel-inset, 12px)}.style-steps__panel[open]>.style-steps__summary{padding-bottom:1.6rem}.style-steps__number{width:2.4rem;height:2.4rem}.style-steps__title{line-height:1.357}.style-steps__features--summary,.style-steps__chevron{display:none}.style-steps__body{display:flex;flex-direction:column;gap:2.4rem;padding:0 var(--ss-panel-inset, 12px) var(--ss-panel-pad, 24px)}.style-steps__features--body{display:flex;flex-wrap:wrap;gap:.8rem}.style-steps__track{display:grid;grid-template-columns:repeat(var(--ss-cols, 2),minmax(0,1fr));gap:var(--ss-row-gap, 24px) var(--ss-card-gap, 8px);overflow:visible}.style-steps__item{flex:none;min-width:0}.style-steps__badge{top:1rem;left:1rem}.style-steps__name{line-height:2.4rem}.style-steps__price{margin-top:.4rem;line-height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/beetles-style-steps.css.map */