.c-routine{--routine-bg-color: #fff !important;background-color:var(--routine-bg-color);padding:4rem 1.5rem}.c-routine__inner{max-width:1200px;margin:0 auto}.c-routine__header{text-align:center;margin-bottom:2rem}.c-routine__title{font-family:Elza;font-weight:600;font-size:24px;text-align:center;margin-bottom:.75rem}.c-routine__subtitle{font-family:Elza;font-weight:400;font-size:12px;line-height:22.04px;vertical-align:middle}.c-routine__step-label{font-size:11px;text-transform:uppercase}.c-routine__groups{display:flex;gap:1.5rem;align-items:stretch}.c-routine__group{position:relative;flex:1 1 0}.c-routine__accordion{position:relative;overflow:hidden;box-shadow:0 10px 30px #00000014;background:#fff;display:flex;flex-direction:column;height:100%}.c-routine__accordion:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--routine-bg-image);background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:0}.c-routine__accordion-header,.c-routine__panel{position:relative;z-index:1}.c-routine__accordion-header{width:100%;padding:1.2rem 1.5rem;border:none;background:#ffffff80;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.c-routine__period{display:flex;align-items:center;gap:.75rem}.c-routine__period-icon{font-size:1.8rem}.c-routine__period-label{font-family:Elza;font-weight:500;font-size:24px;line-height:100%;vertical-align:middle;color:#000}.c-routine__period-message{font-family:Elza;font-weight:400;font-size:12px;line-height:22.04px;vertical-align:middle;margin:0 0 0 20px;color:#1d1d1b}.c-routine__accordion-indicator{font-size:1.6rem;line-height:1}.c-routine__panel{border-top:1px solid rgba(0,0,0,.06);flex:1 1 auto}.c-routine__panel-inner{width:100%;min-height:260px;height:100%}.c-routine__vis{position:relative;overflow:hidden;height:500px;width:100%}.c-routine__vis-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff73,#ffffffe6);pointer-events:none}.c-routine__columns{display:flex;width:100%;gap:30px;justify-content:center;height:100%;align-items:center;margin:2rem 0 0}.c-routine__list{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start;width:100%;max-width:170px}.c-routine__steps{width:100%;max-width:170px;display:flex;gap:15px;flex-direction:column;list-style:none;margin:0;padding:0}.c-routine__step+.c-routine__step{margin-top:.5rem}.c-routine__step-button{display:inline-flex;align-items:center;justify-content:center;width:127px;min-height:51px;padding:0 16px;border-radius:300px;border:1px solid #fff;background:#ffffffc7;text-overflow:ellipsis;overflow:hidden;color:#111;font-size:.95rem;font-weight:500;text-align:center;white-space:nowrap;cursor:pointer}.c-routine__step-button:hover{opacity:.96}.c-routine__step.is-active .c-routine__step-button{background:var(--step-bg, #ff1654);color:#000}.c-routine__step-image-source[hidden]{display:none!important}.c-routine__visual-area{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem}.c-routine__bubbles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:1.75rem;width:100%;max-width:175px;margin:0 auto}.c-routine__bubble{width:89px;height:89px;border-radius:999px;border:1px solid #111;background:#fffffff2;display:flex;align-items:center;justify-content:center;padding:.25rem;font-size:1.2rem;font-weight:500;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;position:relative;perspective:900px;justify-self:center}.c-routine__bubble--wide{width:240px;height:94px;grid-column:1 / span 3}.c-routine__bubble[data-step-pos="1"]{grid-column:1;grid-row:1}.c-routine__bubble[data-step-pos="2"]{grid-column:3;grid-row:1}.c-routine__bubble[data-step-pos="3"]{grid-row:2}.c-routine__bubble[data-step-pos="4"]{grid-column:1;grid-row:3}.c-routine__bubble[data-step-pos="5"]{grid-column:3;grid-row:3}.c-routine__bubble-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s ease}.c-routine__bubble-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;padding:.25rem;text-align:center}.c-routine__bubble-face--back{transform:rotateY(180deg);border:1px solid #1d1d1b;border-radius:45px;background:#fff}.c-routine__bubble-img{width:89px;height:auto;object-fit:cover;border-radius:50%;max-width:initial!important}.c-routine__bubble-img:not([src]),.c-routine__bubble-img[src=""]{display:none}.c-routine__bubble-back-text{font-family:Elza;font-weight:400;font-size:13px;line-height:100%;text-align:center}.c-routine__bubble.is-active{background-color:transparent;border:none}.c-routine__bubble.is-active .c-routine__bubble-inner{transform:rotateY(180deg)}@keyframes routine-bubble-pulse{0%{transform:scale(1);box-shadow:0 0 #00000040}60%{transform:scale(1.07);box-shadow:0 0 0 8px #0000}to{transform:scale(1.04);box-shadow:0 0 #0000}}.c-routine__bubble.is-pulse{animation:routine-bubble-pulse .35s ease-out}.c-routine__empty{font-size:.9rem;color:#000000b3}.c-routine__accordion.is-collapsed .c-routine__panel{display:none}.c-routine__accordion.is-collapsed [data-routine-indicator]{transform:rotate(0)}.c-routine__bubble-icon{width:36px;height:36px;border-radius:999px;object-fit:cover}.c-routine__bubble-label{font-size:14px;font-weight:500}@media (max-width: 768px){.c-routine{padding:3rem 1rem}.c-routine__groups{flex-direction:column}.c-routine__visual-area{margin-top:.75rem}}@media screen and (max-width: 480px){.c-routine__inner.page-width{padding:0 10px!important}.c-routine__accordion{border-radius:0}.c-routine__bubble{width:60px;height:60px}.c-routine__bubble--wide{width:180px;height:60px}.c-routine__list{width:initial;max-width:initial}.c-routine__bubble-img{width:60px}.c-routine__step-button{height:34px}.c-routine__steps{gap:10px}.c-routine__vis{height:383px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/bd-school-rotina.css.map */