.cyr-section{padding:var(--cyr-padding-top, 60px) 0 var(--cyr-padding-bottom, 60px);overflow-x:hidden;max-width:100vw;--cyr-container-pad: 50px}.cyr-section,.cyr-section *,.cyr-section *:before,.cyr-section *:after{box-sizing:border-box}.cyr-container.container{margin-bottom:3rem}.cyr-title{margin:0 0 28px}.cyr-wrapper.container{display:grid;grid-template-columns:.5fr 1.5fr;gap:24px;align-items:stretch;width:100%;max-width:none;margin-left:auto!important;margin-right:0!important;padding-left:max(var(--cyr-container-pad),calc((100vw - var(--container-width)) / 2 + var(--cyr-container-pad)))!important;padding-right:0!important}.cyr-left{display:flex;flex-direction:column;gap:16px;height:100%}.cyr-routine-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;flex:1 1 0;min-height:140px;isolation:isolate}.cyr-routine-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cyr-routine-card:hover .cyr-routine-img{transform:scale(1.05)}.cyr-placeholder{background:#d8cfc0}.cyr-routine-pill{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;background:var(--secondary-bg-color);border:none;border-radius:16px;padding:20px;color:var(--text-color);cursor:pointer}.cyr-routine-heading{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cyr-dot{width:19px;height:19px;border-radius:50%;border:6px solid #c8c0b2;flex-shrink:0;margin-left:8px}.cyr-routine-card.active .cyr-dot{border-color:#b5651d}.cyr-right{position:relative;display:grid}.cyr-collection-track{grid-column:1;grid-row:1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease}.cyr-collection-track.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.cyr-collection-track.is-leaving{opacity:0;visibility:visible;z-index:1}.cyr-slider{position:relative}.cyr-slider-track{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none}.cyr-slider-track::-webkit-scrollbar{display:none}.cyr-slide{flex:0 0 auto;width:calc((100% - (20px * (var(--cyr-visible-slides, 4.3) - 1))) / var(--cyr-visible-slides, 4.3));scroll-snap-align:start}.cyr-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:4.7rem;height:4.7rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .2s ease,background-color .2s ease,color .2s ease;z-index:3;border:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0;margin:0;font:inherit}.cyr-slider-arrow:focus,.cyr-slider-arrow:focus-visible{outline:none;box-shadow:none}.cyr-slider-prev{left:-19px;background:var(--preview-bg)}.cyr-slider-prev svg path{stroke:var(--preview-text)}.cyr-slider-prev:hover{background:var(--preview-bg-hover)}.cyr-slider-prev:hover svg path{stroke:var(--preview-text-hover)}.cyr-slider-next{right:16px;background:var(--next-bg)}.cyr-slider-next svg path{stroke:var(--next-text)}.cyr-slider-next:hover{background:var(--next-bg-hover)}.cyr-slider-next:hover svg path{stroke:var(--next-text-hover)}@media(max-width:1441px){.cyr-section{--cyr-container-pad: 30px}}@media(max-width:1399px){.cyr-slider-arrow{width:4.2rem;height:4.2rem}}@media(max-width:1200px){.cyr-slide{width:calc((100% - 30px)*.4)}}@media(max-width:990px){.cyr-wrapper.container{grid-template-columns:1fr;gap:16px;padding-left:24px!important;padding-right:24px!important;width:100%;max-width:100%}.cyr-left{display:flex;flex-direction:row;gap:16px;width:100%;height:auto}.cyr-routine-card{width:100%;height:140px;min-height:140px;flex:1 1 0}.cyr-right{width:100%;min-width:0;overflow:hidden}.cyr-collection-track,.cyr-slider,.cyr-slider-track{width:100%;min-width:0}.cyr-slider-arrow{display:none}}@media(max-width:749px){.cyr-routine-card{width:100%;height:140px;min-height:140px;flex:none}.cyr-left{width:49%}}@media(max-width:640px){.cyr-routine-pill{border-radius:10px;padding:10px}.cyr-wrapper.container{padding-left:16px!important;padding-right:16px!important}.cyr-left{flex-direction:column;gap:12px;width:100%}.cyr-slide{width:calc((100% - (16px * (var(--cyr-visible-slides-mobile, 1.15) - 1))) / var(--cyr-visible-slides-mobile, 1.15))}.cyr-section{--cyr-container-pad: 15px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/tab-collection.css.map */