.tab-list-wrapper{display:block}.tab-list__labels{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.tab-list__labels .tab-item>span{display:flex;align-items:center;justify-content:center;border-radius:5px;border:3px solid var(--tab-border-color);background-color:var(--tab-backgrond);text-transform:uppercase;font-weight:300;transition:.3s all ease-in-out;cursor:pointer}.tab-list__labels .tab-item>span:hover{background-color:var(--tab-hover-background);color:var(--tab-hover-color);border-color:var(--tab-hover-background)}.tab-list__labels .tab-item{color:var(--text-color)}.tab-list__labels .tab-item.active span{background-color:var(--tab-active-background);color:var(--tab-active-color);border-color:var(--tab-active-background);transition:.3s all ease-in-out}.tab-item__content{display:grid;gap:30px}.tab-item__content .tab-item__content-image{width:100%;max-width:70%;margin:0 auto}.tab-item__content-image{position:relative;padding-top:calc(100% * var(--aspect-ratio) - 30%);border:3px solid var(--tab-border-color);border-radius:5px}.tab-item__content-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.tab-item__content-inner{display:flex;flex-direction:column;align-items:center}.tab-item__content-title{font-weight:900;color:var(--text-color)}.tab-item__info p{margin:0}@media screen and (max-width:999px){.tab-description+.tab-list-wrapper{margin-block-start:20px}.tab-list__labels .tab-item{width:50%}.tab-list__labels .tab-item>span{min-height:40px;min-width:170px;padding:3px 15px;font-size:14px;margin:3px}.tab-item__contents{padding:10px 0}.tab-item__info+.tab-item__content{padding-top:10px}.tab-item__content{grid-template-columns:repeat(var(--per-row-mobile),1fr)}}@media screen and (min-width:1000px){.tab-description+.tab-list-wrapper{margin-block-start:40px}.tab-list__labels{column-gap:25px}.tab-list__labels .tab-item>span{min-height:78px;min-width:232px;padding:10px 35px;font-size:24px}.tab-item__contents{padding:20px 0}.tab-item__content{grid-template-columns:repeat(var(--per-row-desk),1fr)}.tab-item__info+.tab-item__content{padding-top:20px}.tab-item__content-inner{gap:20px}.tab-item__content-title{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/tab-list.css.map */
