.routine-carousel{min-width:0;margin:24px 0}.routine-carousel-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.routine-carousel-heading h2{margin:0;font-size:1.2rem}.routine-carousel-arrows{gap:6px;display:flex}.routine-carousel-arrows button{border:1px solid #d9ded2;border-radius:50%;place-items:center;min-width:38px;min-height:38px;display:grid}.routine-carousel-track{overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:18px;padding:6px 2px 12px;display:flex;overflow-x:auto}.routine-period{flex:none}.routine-period h3{color:#423b27;background:#f4ead7;border-radius:999px;align-items:center;gap:6px;width:fit-content;margin:4px 0 10px;padding:6px 11px;font-size:.85rem;display:flex;position:sticky;left:2px}.routine-period+.routine-period h3{color:#393654;background:#e9e8f4}.routine-period>ol{gap:10px;margin:0;padding:0;list-style:none;display:flex}.routine-period>ol>li{scroll-snap-align:start;flex:0 0 clamp(286px,78vw,340px);width:clamp(286px,78vw,340px);min-width:0}.routine-step-copy{min-height:106px;line-height:1.35}.routine-step-copy small{color:#495745;display:block}.routine-carousel .routine-step-copy p,.routine-carousel .routine-missing{margin:5px 0;font-size:.82rem}.routine-missing{background:#eeefe9;border-radius:12px;padding:14px}.routine-heart{width:100%}.routine-heart[aria-pressed=true]{color:#643e48;background:#f4e8ed}.profile-saved-routines{margin:24px 0}@media (width<=360px){.routine-period>ol>li{flex-basis:270px;width:270px}}