.vvb.vvb .routine-planner ol.routine-cards{display:grid;grid-template-columns:1fr;gap:14px;list-style:none;margin:28px 0;padding:0;counter-reset:none}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card{position:relative;display:grid;grid-template-columns:104px minmax(0,1fr);grid-template-areas:"head head" "photo name" "photo how";column-gap:16px;row-gap:6px;align-content:start;flex:none;min-width:0;padding:18px;background:#fffdf8;border:1px solid #dde4d3;border-radius:18px}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card.is-current{background:#fff;border:2px solid var(--green,#275b42);padding:17px;box-shadow:0 10px 28px -16px #275b428c}.vvb.vvb .routine-card-head{grid-area:head;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-bottom:6px}.vvb.vvb .routine-card-num{font-family:Manrope,Arial,sans-serif;font-size:30px;line-height:1;color:#719075;letter-spacing:-.06em}.vvb.vvb .routine-card.is-current .routine-card-num{color:var(--green,#275b42)}.vvb.vvb .routine-card-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#66665b);line-height:1.4}.vvb.vvb .routine-card-badge{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1;padding:6px 10px;border-radius:30px;background:var(--green,#275b42);color:#fff}.vvb.vvb .routine-card-photo{grid-area:photo;display:block;align-self:start;aspect-ratio:1/1;width:100%;background:#eef2e6;border-radius:12px;overflow:hidden}.vvb.vvb .routine-card-photo img{width:100%;height:100%;object-fit:contain;padding:8%}.vvb.vvb .routine-card.is-current .routine-card-photo{background:#e4eddc}.vvb.vvb .routine-planner .routine-card-name{grid-area:name;margin:0;font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.02em;align-self:center;overflow-wrap:anywhere}.vvb.vvb .routine-card-name a{text-decoration:underline;text-decoration-color:#27292140;text-underline-offset:3px}.vvb.vvb .routine-card-name a:hover{text-decoration-color:currentColor}.vvb.vvb .routine-planner .routine-card-how{grid-area:how;margin:0;font-size:14px;line-height:1.6;color:var(--ink,#272921);overflow-wrap:anywhere}@media(max-width:560px){.vvb.vvb .routine-planner ol.routine-cards>li.routine-card{grid-template-columns:84px minmax(0,1fr);grid-template-areas:"head head" "photo name" "how how";padding:16px}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card.is-current{padding:15px}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card .routine-card-how{margin-top:6px}}@media(min-width:701px){.vvb.vvb .routine-planner ol.routine-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1001px){.vvb.vvb .routine-planner ol.routine-cards{grid-template-columns:repeat(min(var(--steps,5),5),minmax(0,1fr));gap:16px}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card{display:flex;flex-direction:column;gap:0;padding:20px}.vvb.vvb .routine-planner ol.routine-cards>li.routine-card.is-current{padding:19px}.vvb.vvb .routine-card-head,.vvb.vvb .routine-card-photo{margin-bottom:14px}.vvb.vvb .routine-planner .routine-card-name{margin-bottom:10px;align-self:auto}.vvb.vvb .routine-planner .routine-card-badge{margin-left:auto}}.vvb.vvb .routine-feature .routine-daily{margin:26px 0 8px;padding:0;border-top:1px solid #b5bda7}.vvb.vvb .routine-daily-row{display:grid;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:4px 20px;padding:16px 0;border-bottom:1px solid #b5bda7}.vvb.vvb .routine-daily dt{margin:0;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1.7;color:var(--green,#275b42)}.vvb.vvb .routine-feature .routine-daily dd{margin:0;font-size:15px;line-height:1.65;overflow-wrap:anywhere}@media(max-width:560px){.vvb.vvb .routine-daily-row{grid-template-columns:1fr;padding:14px 0}.vvb.vvb .routine-feature .routine-daily dd{font-size:14px}}.vvb.vvb .routine-feature .routine-daily+.text-link{display:inline-block;margin:18px 0 0}
/*# sourceMappingURL=/cdn/shop/t/47/assets/vvb-pdp-routine.css.map */