.complete-routine--root{--complete-routine--accent: color-mix(in srgb, var(--color--accent-1) 85%, #000);display:grid;gap:12px;container-type:inline-size}.complete-routine--heading{margin:0;padding:0}.complete-routine--grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:0;list-style:none}@container (min-width: 520px){.complete-routine--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.complete-routine--card{display:grid;min-width:0}.complete-routine--option{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;align-items:center;gap:12px;height:100%;padding:10px 12px 10px 10px;border:1px solid var(--bdr-color--general);border-radius:var(--input--radius);background-color:var(--bg-color--body);text-align:left;text-transform:none;cursor:pointer;transition:border-color .2s,box-shadow .2s,background-color .2s}.complete-routine--option[data-has-options]{grid-template-columns:60px minmax(0,1fr);cursor:default}.complete-routine--option:hover{border-color:var(--color--body--light)}.complete-routine--card[data-selected=true] .complete-routine--option:not([data-has-options]){border-color:var(--complete-routine--accent);box-shadow:inset 0 0 0 1px var(--complete-routine--accent);background-color:color-mix(in srgb,var(--color--accent-2) 18%,var(--bg-color--body))}.complete-routine--media{display:block;width:60px;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--image--radius);background-color:var(--bg-color--panel)}.complete-routine--media img,.complete-routine--media svg{display:block;width:100%;height:100%;object-fit:cover}.complete-routine--info{display:grid;align-content:center;gap:4px;min-width:0}.complete-routine--product-title{display:-webkit-box;overflow:hidden;font-family:var(--font--heading--family);font-size:13px;letter-spacing:1px;line-height:1.3;text-transform:var(--font--heading--uppercase);color:var(--color--body);-webkit-line-clamp:2;-webkit-box-orient:vertical}.complete-routine--price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;font-family:var(--font--accent--family);font-size:14px;letter-spacing:.5px;color:var(--color--body)}.complete-routine--compare{font-size:12px;color:color-mix(in srgb,var(--color--body) 80%,var(--bg-color--body))}.complete-routine--option .complete-routine--input{align-self:start;display:grid;place-content:center;width:22px;height:22px;margin:0;padding:0;border:1px solid var(--color--body--light);border-radius:4px;background-color:var(--bg-color--body);-webkit-appearance:none;appearance:none;cursor:pointer}.complete-routine--option .complete-routine--input:before{content:"";width:6px;height:11px;margin-top:-2px;border:solid var(--bg-color--body);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .15s ease-out}.complete-routine--option .complete-routine--input:checked{border-color:var(--complete-routine--accent);background-color:var(--complete-routine--accent)}.complete-routine--option .complete-routine--input:checked:before{transform:rotate(45deg) scale(1)}.complete-routine--option .complete-routine--input:focus-visible{outline:2px solid var(--complete-routine--accent);outline-offset:2px}.complete-routine--choose{justify-self:start;font-family:var(--font--accent--family);font-size:11px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.complete-routine--choose-button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:inherit;text-underline-offset:inherit;cursor:pointer}.complete-routine--choose[data-loading=true]{opacity:.5;pointer-events:none}.complete-routine--footer{display:grid;gap:8px}.complete-routine--button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.complete-routine--button[data-empty=true] .complete-routine--button-label,.complete-routine--button[data-empty=true] .complete-routine--button-total,.complete-routine--button:not([data-empty=true]) .complete-routine--button-empty{display:none}.complete-routine--button-total:before{content:"\b7";margin-right:8px}.complete-routine--button:disabled{opacity:.5;cursor:not-allowed}.complete-routine--button[aria-busy=true]{opacity:.6;cursor:progress}.complete-routine--error{margin:0;color:var(--color--fail)}
/*# sourceMappingURL=/cdn/shop/t/17/assets/complete-your-routine.css.map */