.step-flow-tabs__tab-radio{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.step-flow-tabs__tablist{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);gap:0;align-items:stretch;margin:0 0 52px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff;box-shadow:inset 0 1px 2px #0000000a;overflow:hidden}.step-flow-tabs__tab-label{position:relative;z-index:1;display:block;padding:2.8rem 1rem;text-align:center;font-weight:700;cursor:pointer;font-size:2rem;line-height:1;color:#4b5563;-webkit-user-select:none;user-select:none;transition:color .2s ease,opacity .2s ease}@media screen and (max-width:736px){.step-flow-tabs__tablist{margin-bottom:24px}.step-flow-tabs__tab-label{font-size:1.5rem;padding:2.3rem .8rem}}.step-flow-tabs__panels>div{display:none}.step-flow-tabs__panels__list{list-style:none;margin:0;padding:0}.step-flow-tabs__panels__item{--panels-badge-size--pc: 80px;--panels-badge-size--sc: 60px;display:grid;grid-template-rows:var(--panels-badge-size--pc) auto auto;grid-template-columns:var(--panels-badge-size--pc) auto auto;margin-bottom:100px;position:relative;background:#f7f7fa;border:2px solid var(--brand-color);border-radius:12px;padding:20px}.panel__badge{grid-row:1 / 2;grid-column:1 / 2;height:var(--panels-badge-size--pc);border-radius:50%;background:var(--brand-color);color:#f7f7fa;font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column}.panel__badge--step{line-height:1;font-size:12px;margin-bottom:4px;padding-top:8px}.panel__badge--num{font-size:40px;line-height:1}.step-flow-tabs__panels__item:after{content:"";position:absolute;bottom:-72px;left:50%;transform:translate(-50%);border:24px solid transparent;border-top-color:var(--brand-color)}.step-flow-tabs__panels__item:last-child:after{display:none}.panel__body-title{grid-row:1 / 2;grid-column:2 / 3;margin:auto 0 auto 20px;padding:12px 16px;font-size:24px;color:var(--brand-color);font-weight:700}.panel__body-img{grid-row:1 / 3;grid-column:3 / 4;width:160px;object-fit:contain;align-self:center;justify-self:end;margin:0 40px 0 0}.panel__body-text{grid-row:2 / 3;grid-column:2 / 3;font-size:16px;margin:auto 0 auto 20px;padding:4px 16px}.panel__body-text a{display:block;color:inherit;text-decoration:none}@media(hover:hover){.panel__body-text a:hover{text-decoration:underline}}@media screen and (max-width:736px){.step-flow-tabs__panels__item{grid-template-rows:var(--panels-badge-size--sc) auto auto;grid-template-columns:var(--panels-badge-size--sc) auto auto}.panel__badge{height:var(--panels-badge-size--sc)}.panel__badge--step{font-size:10px}.panel__badge--num{font-size:20px}.panel__body-title{grid-column:2 / 4;font-size:20px;margin:auto 0}.panel__body-text{grid-row:3 / 4;grid-column:1 / 4;margin:auto 0;padding:16px 0}.panel__body-img{margin:20px 0;grid-row:2 / 3;grid-column:1 / 4;justify-self:center}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/add_component-step-flow-tabs.css.map */