.ob-routine{padding:48px 16px;background:var(--ob-routine-bg, var(--ob-bg));color:var(--ob-ink);overflow-wrap:break-word}.ob-routine :where(h1,h2,h3,.ob-h2,.ob-lead,.ob-kicker){overflow-wrap:anywhere}.ob-routine__inner{max-width:var(--ob-page);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:24px}.ob-routine__title{font-size:calc(34px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.15);font-weight:var(--ob-tw, var(--ob-heading-weight));letter-spacing:calc(-.03em + var(--ob-track, 0em));text-align:var(--ob-ta, center);align-self:var(--ob-tj, auto);text-wrap:balance}.ob-routine__tabs{position:relative;display:inline-flex;align-items:center;max-width:100%;height:52px;padding:4px;border-radius:var(--ob-radius);background:var(--ob-paper);box-shadow:inset 0 0 0 1px var(--ob-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;align-self:var(--ob-tj, auto)}.ob-routine__tabs::-webkit-scrollbar{display:none}.ob-routine__pill{position:absolute;top:4px;left:0;z-index:0;width:var(--pill-w, 0px);height:calc(100% - 8px);border-radius:max(0px,calc(var(--ob-radius) - 3px));background:var(--ob-card);opacity:0;pointer-events:none;transform:translate(var(--pill-x, 0px));transition:transform .32s var(--ob-ease),width .32s var(--ob-ease),opacity .2s}.ob-routine__pill.is-ready{opacity:1}.ob-kit--ink .ob-routine__tabs{background:var(--ob-card)}.ob-kit--ink .ob-routine__pill{background:var(--ob-card-2)}.ob-routine__tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;align-self:stretch;flex:0 0 auto;min-width:44px;min-height:44px;padding:9px 12px;border-radius:max(0px,calc(var(--ob-radius) - 3px));font-size:calc(13px * var(--ob-fs, 1));line-height:1.2;color:var(--ob-mist);white-space:nowrap;transition:color .18s}.ob-routine__tab:hover,.ob-routine__tab.is-active{color:var(--ob-ink)}.ob-routine__tab:focus-visible{outline-offset:-2px}.ob-routine__panel{display:flex;flex-direction:column;width:100%}.ob-routine__panel[hidden]{display:none}.ob-routine__track{display:flex;gap:calc(12px * var(--ob-gap, 1));width:calc(100% + 32px);margin-inline:-16px;padding-inline:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px}.ob-routine__track>.ob-card{flex:0 0 var(--ob-routine-cw, calc(66.6667% - 8px) );scroll-snap-align:start}.ob-routine__track>.ob-card:only-child{flex-basis:100%;max-width:420px;margin-inline:auto}.ob-routine__scrollbar{margin-top:28px}.ob-routine__empty{padding:24px 0;font-size:calc(14px * var(--ob-fs, 1));line-height:calc(20px * var(--ob-fs, 1));color:var(--ob-mist);text-align:center}.ob-btn.is-loading{opacity:.6;pointer-events:none}@media(min-width:750px)and (max-width:1023px){.ob-routine__track>.ob-card{flex-basis:calc((100% - 24px * var(--ob-gap, 1)) / 3)}.ob-routine__track>.ob-card:first-child{margin-left:auto}.ob-routine__track>.ob-card:last-child{margin-right:auto}}@media(min-width:1024px){.ob-routine{padding:60px var(--ob-gutter)}.ob-routine__title{font-size:calc(48px * var(--ob-ts, 1));line-height:var(--ob-tlh, 1.1);letter-spacing:calc(-.035em + var(--ob-track, 0em))}.ob-routine__tabs{height:54px;padding:5px}.ob-routine__pill{top:5px;height:calc(100% - 10px)}.ob-routine__tab{padding:12px 15px;font-size:calc(17px * var(--ob-fs, 1))}.ob-routine__panel{margin-top:24px}.ob-routine__track{display:grid;grid-template-columns:repeat(var(--ob-routine-n, 4),minmax(0,calc((100% - (var(--ob-routine-cols, 4) - 1) * 15px * var(--ob-gap, 1)) / var(--ob-routine-cols, 4))));justify-content:center;gap:calc(15px * var(--ob-gap, 1));width:100%;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none;cursor:default}.ob-routine__track>.ob-card,.ob-routine__track>.ob-card:only-child{flex:initial;max-width:none;margin-inline:0}.ob-routine__scrollbar{display:none}}.ob-card__batch{display:flex;flex-direction:column;gap:8px;margin:10px 0}.ob-card__batch[hidden]{display:none}.ob-card__batch-check{display:flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:calc(14px * var(--ob-fs, 1));line-height:calc(19px * var(--ob-fs, 1));color:var(--ob-ink)}.ob-card__batch-check input{width:18px;height:18px;margin:0;flex:0 0 auto;accent-color:var(--ob-ink)}.ob-card__batch-pick{position:relative;display:block}.ob-root .ob-card__batch-pick .ob-std__input{padding:10px 12px;font-size:max(16px,calc(14px * var(--ob-fs, 1)))}.ob-routine__batch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 16px;margin:calc(20px * var(--ob-gap, 1)) auto 0;max-width:var(--ob-page)}.ob-routine__batch[hidden]{display:none}.ob-routine__batch-total{font-size:calc(18px * var(--ob-fs, 1));color:var(--ob-ink);font-variant-numeric:tabular-nums}.ob-routine__batch-total:empty{display:none}.ob-routine__batch-msg{flex-basis:100%;margin:0;text-align:center;font-size:calc(14px * var(--ob-fs, 1));color:var(--ob-muted)}.ob-routine__batch-msg:empty{display:none}
/*# sourceMappingURL=/cdn/shop/t/36/assets/ob-s-complete-routine.css.map */