.hp-routine{display:block;width:100%;min-width:0;padding-top:20px;border-top:1px solid #d8d8d2;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:inherit;line-height:1.4}.hp-routine,.hp-routine *{box-sizing:border-box}.hp-routine [hidden]{display:none!important}.hp-routine__heading{margin-bottom:14px;font:inherit;line-height:1.3;letter-spacing:.04em;text-transform:uppercase}.hp-routine__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.hp-routine__grid--1{grid-template-columns:minmax(0,1fr) auto;align-items:center}.hp-routine__card{display:grid;grid-template-columns:62px minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:10px;row-gap:10px;min-width:0;min-height:108px;padding:12px;background:#fff;border:1px solid #e2e0da;border-radius:12px}.hp-routine__grid--1 .hp-routine__card{grid-column:1}.hp-routine__card:has(.hp-routine__checkbox:checked){border-color:#63675e}.hp-routine__photo{grid-column:1;grid-row:1 / 3;display:flex;width:62px;min-height:78px;align-items:center;justify-content:center}.hp-routine__photo img{display:block;max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}.hp-routine__content{grid-column:2;grid-row:1;min-width:0}.hp-routine__name{display:block;color:inherit;font-size:.875em;font-weight:700;line-height:1.25;text-decoration:none}.hp-routine__name:hover{text-decoration:underline;text-underline-offset:2px}.hp-routine__blurb{margin-top:4px;color:#676961;font-size:.8125em;line-height:1.3}.hp-routine__preorder-badge{display:inline-block;margin-top:5px;padding:3px 8px;background:#f3ebdc;color:#725329;border-radius:999px;font-size:.75em;line-height:1.3}.hp-routine__dispatch{display:block;margin-top:4px;font-size:.75em;color:#676961;line-height:1.35}.hp-routine__checkbox{grid-column:3;grid-row:1;width:19px;height:19px;margin:0;accent-color:rgb(var(--color-button));cursor:pointer}.hp-routine__bottom{grid-column:2 / 4;grid-row:2;display:flex;align-items:flex-end;justify-content:space-between;align-self:end;gap:10px;min-width:0}.hp-routine__card--no-purpose .hp-routine__bottom{justify-content:flex-end}.hp-routine__price{flex:0 0 auto;font-size:.875em;font-weight:700;white-space:nowrap}.hp-routine__price--under-title{display:block;margin-top:8px}.hp-routine__variant{display:block;width:auto;max-width:55%;min-width:0;margin:0;padding:2px 18px 2px 0;color:inherit;background:transparent;border:0;border-bottom:1px solid #777970;border-radius:0;font:inherit;font-family:var(--font-body-family);font-size:.8125em;line-height:1.3;text-align:right;cursor:pointer}.hp-routine__footer{grid-column:2;justify-self:end;align-self:center}.hp-routine__grid--2 .hp-routine__footer{grid-column:1 / -1;margin-top:4px}.hp-routine__grid--3 .hp-routine__footer{grid-column:2;grid-row:2;align-self:end}.hp-routine .hp-routine__add.button{min-width:126px;min-height:39px;padding:9px 16px;border:1px solid rgb(var(--color-button));border-radius:var(--buttons-radius, 100px);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:.8125em;font-weight:400;line-height:1.3;letter-spacing:normal;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:opacity .2s ease,background .2s ease,color .2s ease}.hp-routine .hp-routine__add.button:before,.hp-routine .hp-routine__add.button:after{content:none}.hp-routine .hp-routine__add.button[data-has-selection=false]{color:#777970;background:transparent;border-color:#aaa;opacity:.5}.hp-routine .hp-routine__add.button[data-has-selection=true]{opacity:1}.hp-routine .hp-routine__add.button[data-has-selection=true]:hover:not(:disabled){opacity:.85}.hp-routine .hp-routine__add.button:disabled{cursor:not-allowed}.hp-routine .hp-routine__add.button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hp-routine__preorder-note{margin:10px 0 0;font-size:.8125em;line-height:1.4;color:#725329}.hp-routine__error{margin:10px 0 0;color:#a02d2d;font-size:.8125em}@media screen and (max-width:749px){.hp-routine__grid,.hp-routine__grid--1{grid-template-columns:minmax(0,1fr)}.hp-routine__card,.hp-routine__grid--1 .hp-routine__card{grid-column:1}.hp-routine__footer,.hp-routine__grid--2 .hp-routine__footer,.hp-routine__grid--3 .hp-routine__footer{grid-column:1;grid-row:auto;justify-self:stretch;margin-top:4px}.hp-routine .hp-routine__add.button{width:100%}}hp-routine-builder[data-count="1"] .hp-routine__grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}hp-routine-builder[data-count="1"] .hp-routine__card{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:8px 18px!important;align-items:center;width:100%;min-width:0;padding:18px!important;box-sizing:border-box}hp-routine-builder[data-count="1"] .hp-routine__photo{grid-column:1!important;grid-row:1 / span 2!important;width:100%!important;height:auto!important;aspect-ratio:1;display:flex;align-items:center;justify-content:center}hp-routine-builder[data-count="1"] .hp-routine__photo img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:contain}hp-routine-builder[data-count="1"] .hp-routine__content{grid-column:2!important;grid-row:1!important;min-width:0}hp-routine-builder[data-count="1"] .hp-routine__bottom{grid-column:2!important;grid-row:2!important;min-width:0;margin:0!important}hp-routine-builder[data-count="1"] .hp-routine__bottom:empty{display:none!important}hp-routine-builder[data-count="1"] .hp-routine__footer{grid-column:1 / -1!important;width:100%;margin:0!important;padding:0!important}hp-routine-builder[data-count="1"] .hp-routine__add{width:100%!important;max-width:none!important;margin:0!important}@media screen and (max-width:749px){hp-routine-builder[data-count="1"] .hp-routine__card{grid-template-columns:80px minmax(0,1fr)!important;column-gap:14px!important;padding:14px!important}}
/*# sourceMappingURL=/cdn/shop/t/145/assets/hp-routine-builder.css.map */