.image-tabs-with-text{display:grid;grid-template-columns:50% 50%;padding:40px}@media screen and (max-width: 768px){.image-tabs-with-text{grid-template-columns:100%;padding:15px}}.image-tabs-with-text__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;padding:var(--page-margin)}@media screen and (max-width: 768px){.image-tabs-with-text__header{width:100%;padding:15px}}.image-tabs-with-text__caption{font-weight:200;line-height:105%;text-transform:uppercase}.image-tabs-with-text__title{letter-spacing:-.03em;font-size:2.5rem;font-weight:600;line-height:105%}@media screen and (max-width: 768px){.image-tabs-with-text__title{font-size:1.5rem}.image-tabs-with-text__description{font-size:14px}}.image-tabs-with-text__tabs-image-border{position:relative;width:52px;height:52px;border-radius:50%;display:flex;justify-content:center;align-items:center;padding:2px;background:#1a1b1f}.image-tabs-with-text__tabs-image-border:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:#fff;z-index:0}.image-tabs-with-text__tabs-image-border:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:1;pointer-events:none;background:conic-gradient(from 0deg,#4e5a6d 0%,#dcd8cf var(--progress, 0%),transparent var(--progress, 0%));mask:radial-gradient(transparent 55%,black 56%);-webkit-mask:radial-gradient(transparent 55%,black 56%);opacity:0;transition:opacity .3s ease}.image-tabs-with-text__tabs-image-border[active=true]:after{opacity:1}.image-tabs-with-text__tabs-image{position:relative;cursor:pointer;width:45px;height:45px;border-radius:50%;z-index:2;background:#fff}.image-tabs-with-text__tabs-image img{width:100%;height:100%;border-radius:50%;position:relative;display:block;object-fit:cover}.image-tabs-with-text__tabs{display:flex;gap:15px}.image-tabs-with-text__image{border-radius:20px;object-fit:cover;height:100%;width:100%;max-height:600px}.image-tabs-with-text__image img{border-radius:20px;object-fit:cover;height:100%;width:100%}.image-tabs-with-text__content{padding:var(--page-margin);width:90%;display:flex;justify-content:center;margin:0 auto}.image-tabs-with-text__pause-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00000047;border:none;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease;color:#fff;font-size:12px;padding:0;z-index:3}.image-tabs-with-text__tabs-image-border[active=true] .image-tabs-with-text__pause-btn{opacity:1}.image-tabs-with-text__pause-btn .pause-icon,.image-tabs-with-text__pause-btn .play-icon{line-height:1;position:relative;left:0%}.image-tabs-with-text__button{box-shadow:0 4px 6px #0000003d;border-radius:8px;position:relative;display:inline-block;padding:5px 20px;background-color:transparent;border:2px solid #1a1b1f;cursor:pointer;overflow:hidden;transition:color .4s ease;color:#24252b}.image-tabs-with-text__button a{color:#24252b}.image-tabs-with-text__button:before{content:"";position:absolute;top:0;left:0;width:100%;height:0%;background-color:#24252b;z-index:-1;transition:height .4s ease;text-decoration:none;cursor:pointer}.image-tabs-with-text__button:hover:before{height:100%;color:#fff}.image-tabs-with-text__button:hover a,.image-tabs-with-text__button:hover{color:#fff}.image-tabs-with-text__button a{text-decoration:none}
/*# sourceMappingURL=/cdn/shop/t/14/assets/image-with-text.css.map */