.media-in-tabs{display:block}.media-in-tabs .snippet-section-header{margin-bottom:50px}@media screen and (max-width: 749px){.media-in-tabs .snippet-section-header{margin-bottom:38px}}.media-in-tabs__tab-content{display:none}.media-in-tabs__tab-content.active{display:flex;flex-direction:column;animation:change-tab .3s ease-out}@keyframes change-tab{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}.media-in-tabs__gif-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.media-in-tabs__gif-wrapper{position:relative;border-radius:20px;overflow:hidden}.media-in-tabs__label{position:absolute;inset:12px auto auto 8px;z-index:2;padding:11.5px 27px;font-size:18px;letter-spacing:-.03em;color:var(--primary-color);background-color:#9c9c9c;border-radius:56px}.media-in-tabs__text{margin-bottom:4.3rem;font-size:2.4rem}.media-in-tabs__nav-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.media-in-tabs__tab-button{display:flex;gap:16px;align-items:center;padding:0 15px;font-family:DMMono,DM Sans,serif;font-size:2rem;letter-spacing:-.02em;color:var(--primary-color);background-color:#1e1e1e;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s,color .3s ease}.media-in-tabs__tab-button.active{color:var(--color-secondary);background-color:var(--color-background2)}.media-in-tabs__tab-icon{display:flex;align-items:center;justify-content:center;width:75px;height:74px;margin-block:-3px;-webkit-mask-size:contain;mask-size:contain;background-color:currentcolor;transition:background-color .3s ease}@media screen and (max-width: 749px){.media-in-tabs__gif-grid{grid-template-columns:1fr;margin-bottom:2rem}.media-in-tabs__tab-button{gap:0;padding:0 14px;font-size:16px}.media-in-tabs__tab-icon{width:50px;height:51px}.media-in-tabs__text{margin-bottom:1rem;font-size:2rem;text-align:center}}@media screen and (min-width: 768px){.media-in-tabs__wrapper{display:grid;grid-template-columns:31.1rem 1fr;gap:6.5rem;align-items:end}.media-in-tabs__wrapper>:first-child{order:1}.media-in-tabs__nav-list{flex-direction:column;gap:3.4rem}}
/*# sourceMappingURL=/cdn/shop/t/360/assets/media-in-tabs.css.map */