.ip-routine{background:var(--gradient-ink);margin-left:calc(50% - 50vw);overflow:hidden;position:relative;width:100vw}.ip-routine__inner{display:block}.ip-routine__inner.content-wrapper{padding-inline:var(--ip-section-pad-x)!important}.ip-routine__head{margin:0 auto var(--ip-space-12);max-width:52rem;text-align:center}.ip-routine__tag{background:hsla(0,0%,100%,.06);border-radius:var(--badge-radius);box-shadow:inset 0 0 0 1px var(--color-border-inverse);color:var(--ip-neutral-300);display:inline-block;font-family:var(--badge-font);font-size:var(--ip-text-xs);font-weight:var(--badge-weight);letter-spacing:var(--ip-tracking-wide);margin-bottom:var(--ip-space-6);padding:var(--badge-padding-y) var(--ip-space-4)}.ip-routine .ip-routine__title{color:var(--color-text-inverse-muted);font-family:var(--heading_font);font-size:var(--ip-text-2xl);font-weight:var(--ip-weight-light);letter-spacing:var(--ip-tracking-tight);line-height:var(--ip-leading-snug);margin:0}.ip-routine__title p{font:inherit;margin:0}.ip-routine__title p:where(:not(.ip-section-ink p:not(:where(.ip-modal__dialog *)))){color:inherit}.ip-routine__title strong{color:var(--ip-white);font-weight:var(--ip-weight-bold)}.ip-routine__body{align-items:center;display:grid;gap:20px;grid-template-columns:.8fr 1fr .9fr;margin-inline:auto;max-width:1280px}.ip-routine--wide .ip-routine__body{grid-template-columns:.7fr 1.2fr .8fr}.ip-routine__nav{display:flex;flex-direction:column;gap:var(--ip-space-5)}.ip-routine__nav--center,.ip-routine__nav--left,.ip-routine__nav--right{align-items:stretch}.ip-routine__nav--left .ip-routine__tab{text-align:left}.ip-routine__nav--center .ip-routine__tab{text-align:center}.ip-routine__nav--right .ip-routine__tab{text-align:right}.ip-routine__tab,.ip-routine__tab:active,.ip-routine__tab:focus,.ip-routine__tab:hover{background:none;background-color:transparent;border:0;border-radius:0;box-shadow:none}.ip-routine__tab{color:var(--ip-neutral-500);cursor:pointer;display:block;font-family:var(--heading_font);font-size:var(--ip-routine-tab-size,var(--ip-text-xl));font-weight:var(--ip-weight-regular);letter-spacing:var(--ip-tracking-tight);line-height:var(--ip-leading-snug);margin:0;min-height:44px;padding:10px 0 10px var(--ip-space-5);position:relative;text-align:left;text-transform:none;transition:color .2s ease;width:100%}.ip-routine__tab:before{background:linear-gradient(180deg,var(--ip-sage-500) 0,var(--ip-sage-300) 100%);border-radius:var(--ip-radius-full);bottom:3px;content:"";left:0;opacity:.35;position:absolute;top:3px;transition:opacity .2s ease;width:5px}.ip-routine__tab:hover{color:var(--ip-neutral-300)}.ip-routine__tab.is-active{color:var(--ip-white);font-weight:var(--ip-weight-bold)}.ip-routine__tab.is-active:before{opacity:1}.ip-routine__tab:focus-visible{border-radius:var(--ip-radius-xs);outline:2px solid var(--color-focus-ring);outline-offset:3px}.ip-routine__panel,.ip-routine__panels{display:contents}.ip-routine__panel[hidden]{display:none}.ip-routine__panel .ip-routine__media{grid-column:2}.ip-routine__panel .ip-routine__info{grid-column:3}.ip-routine__media{aspect-ratio:438/670;background:var(--ip-neutral-900);border-radius:var(--ip-radius-xl);box-shadow:var(--ip-shadow-lg);margin:0 auto;max-width:438px;overflow:hidden;position:relative;width:100%}.ip-routine__poster{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.ip-routine__poster--empty{background:radial-gradient(120% 80% at 50% 0,var(--ip-neutral-700),var(--ip-neutral-900))}.ip-routine__play{background:hsla(0,0%,100%,.92);border:0;border-radius:var(--ip-radius-full);box-shadow:var(--ip-shadow-md);color:var(--ip-neutral-900);cursor:pointer;display:grid;height:64px;left:50%;padding:0;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease;width:64px}.ip-routine__play svg{margin-left:3px}.ip-routine__play:hover{background:var(--ip-white);transform:translate(-50%,-50%) scale(1.06)}.ip-routine__play:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.ip-routine__media.is-playing .ip-routine__play,.ip-routine__media.is-playing .ip-routine__poster{display:none}.ip-routine__frame{background:#000;border:0;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.ip-routine__arrow{display:none}.ip-routine__arrow,.ip-routine__arrow:focus,.ip-routine__arrow:hover{background:rgba(0,0,0,.45);box-shadow:none}.ip-routine__arrow:hover{background:rgba(0,0,0,.62)}.ip-routine__media.is-playing .ip-routine__arrow{display:none}.ip-routine__info{align-self:stretch;display:flex;flex-direction:column}.ip-routine__mark{background:linear-gradient(90deg,var(--ip-sage-500) 0,var(--ip-sage-300) 100%);border-radius:var(--ip-radius-full);display:block;height:3px;margin:70% 0 var(--ip-space-4);width:40px}.ip-routine__info-title{color:var(--ip-neutral-300);font-family:var(--heading_font);font-size:var(--ip-text-2xl);font-weight:var(--ip-weight-light);line-height:var(--ip-leading-tight);margin-bottom:var(--ip-space-6)}.ip-routine__info-title p{font:inherit;margin:0}.ip-routine__info-title p:where(:not(.ip-section-ink p:not(:where(.ip-modal__dialog *)))){color:inherit}.ip-routine__info-title strong{color:var(--ip-white);font-weight:var(--ip-weight-bold)}.ip-routine__student{display:flex;flex-direction:column;gap:2px;margin-top:25%}.ip-routine__student-name{color:var(--color-text-inverse-muted);font-size:var(--ip-text-sm)}.ip-routine__student-course{color:var(--ip-neutral-200);font-size:var(--ip-text-sm);font-weight:var(--ip-weight-bold)}.ip-routine__actions{display:flex;justify-content:center;margin-top:var(--ip-space-12)}.ip-routine .button--secondary:where(:not(.button:disabled,.button[disabled])){background:var(--ip-neutral-800);color:var(--ip-neutral-100)}.ip-routine .button--secondary:where(:not(.button--secondary:hover,.button--secondary:focus,.button:active,.button:disabled,.button[disabled])){box-shadow:inset 0 0 0 1px var(--color-border-inverse)}.ip-routine .button--secondary:focus,.ip-routine .button--secondary:hover{background:var(--ip-neutral-700);color:var(--ip-white);filter:none}@media (max-width:900px){.ip-routine__head{margin-bottom:var(--ip-space-8)}.ip-routine__body{gap:var(--ip-space-6)}.ip-routine--wide .ip-routine__body,.ip-routine__body{grid-template-columns:1fr}.ip-routine__media{max-width:300px}.ip-routine__panel{display:block}.ip-routine__panel[hidden]{display:none}.ip-routine__panel .ip-routine__info,.ip-routine__panel .ip-routine__media{grid-column:auto}.ip-routine__info{margin-top:var(--ip-space-6);text-align:center}.ip-routine__student{align-items:center;margin:0 0 var(--ip-space-6);order:1}.ip-routine__mark{margin:0 auto var(--ip-space-5);order:2}.ip-routine__info-title{margin:0;order:3}.ip-routine__arrow{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;border-radius:var(--ip-radius-full);color:var(--ip-white);cursor:pointer;display:grid;height:44px;padding:0;place-items:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;z-index:3}.ip-routine__arrow--prev{left:var(--ip-space-2)}.ip-routine__arrow--next{right:var(--ip-space-2)}.ip-routine__nav,.ip-routine__nav--center,.ip-routine__nav--left,.ip-routine__nav--right{align-items:stretch;flex-direction:row;flex-wrap:nowrap;gap:var(--ip-space-6);overflow-x:auto;padding:0 50% var(--ip-space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ip-routine__nav::-webkit-scrollbar{display:none}.ip-routine__tab{display:inline-block;font-size:var(--ip-text-lg);min-height:44px;scroll-snap-align:center;text-align:left;white-space:nowrap;width:auto}}