@import"https://db.onlinewebfonts.com/c/6fa591daa0aa2d0f845653486954aca5?family=Akira+Expanded";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&display=swap";.clothing-switcher{position:relative;background:#fff;font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.switcher-container{max-width:1440px;width:100%;margin:0 auto;box-sizing:border-box}.switcher-title_image{width:100%;height:auto;max-width:100%;display:inline-block;margin:0 auto}.switcher-content{display:flex;justify-content:space-between;width:100%;max-width:1440px;padding-top:120px}.clothing-types{width:50%}.clothing-types ul{list-style:none;margin:0;padding:0 45px}.clothing-types li{font-size:36px;font-family:Inter,sans-serif;font-weight:500;margin:16px 0;color:#ddd;padding-bottom:20px;border-bottom:1px solid #ddd;cursor:pointer;transition:color .3s}.clothing-types li:last-child{border-bottom:none}.clothing-types li.active{color:#2f2f2f}.clothing-preview{display:flex;flex-direction:row;position:relative;bottom:70px;border-radius:24px;overflow:hidden;width:50%}.clothing-preview img{height:100%;max-height:550px;width:95%;padding-left:10px}.preview-wrapper{position:relative;display:inline-block;width:100%}.preview-image{display:block;width:100%;height:auto;border-radius:20px}.switcher-button{display:none}.card-button img{width:100%;height:auto}.arrow-block{display:flex;height:100%;max-height:600px;width:80px;background-color:#f7f7f7;border-radius:16.62px;position:relative}.arrow-frime{display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%) translateY(0);transition:transform .1s linear;will-change:transform}.arrow-image{width:80px!important;height:75.18px!important;padding:10px!important}@media (max-width: 1100px){.switcher-content{padding-top:100px}.clothing-preview{bottom:0}}@media (max-width: 1000px){.switcher-button{display:block;position:absolute;bottom:15px;right:45px;width:50px;height:50px}.arrow-block{display:none}}@media (max-width: 768px){.clothing-types{width:40%}.clothing-preview{width:60%}.clothing-types ul{padding:0 0 0 20px}.clothing-types li{font-size:21px}.clothing-preview img{width:100%;padding-left:0}}@media (max-width: 500px){.switcher-content{padding-top:60px}.clothing-types ul{padding:0 0 0 10px}.clothing-types li{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/switcher-section.css.map */