.build-routine__group{width:100%}.build-routine .label-heading{gap:8px;margin-bottom:14px}.build-routine__total-time,.build-routine__header-note{display:inline-flex;align-items:center;gap:6px;font-size:var(--smaller-text-size-1, .875rem);line-height:1.2}.build-routine__total-time{padding:4px 10px;border-radius:999px;background:rgb(var(--btn-bg-color) / .1);font-weight:700}.build-routine__total-time .icon{width:14px;height:14px}.build-routine__header-note{opacity:.7}.build-routine__strip{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;align-items:stretch;width:100%}.build-routine__tile{position:relative;display:flex;flex-direction:column;min-width:0;border:1.5px solid rgb(var(--body-text-color) / .18);border-radius:12px;background:rgb(var(--bg-color));transition:border-color .15s ease,background-color .15s ease}.build-routine__tile--anchor,.build-routine__tile.is-selected{border-color:rgb(var(--body-text-color));background:rgb(var(--btn-bg-color) / .08)}.build-routine__tile:has(.build-routine__input:checked){border-color:rgb(var(--body-text-color));background:rgb(var(--btn-bg-color) / .08)}.build-routine__input{position:absolute;opacity:0;width:1px;height:1px}.build-routine__card{position:relative;display:flex;flex:1 1 auto;flex-direction:column;align-items:center;width:100%;min-height:130px;padding:30px 8px 6px;text-align:center;cursor:pointer}.build-routine__card--anchor{cursor:default}.build-routine__badge{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color));font-size:var(--smaller-text-size-2, .75rem);font-weight:700;line-height:1}.build-routine__input:not(:checked)~.build-routine__card .build-routine__badge{background:rgb(var(--body-text-color) / .15);color:rgb(var(--body-text-color) / .7)}.build-routine__badge--loop svg{display:block}.build-routine__top-pill{position:absolute;top:-9px;left:50%;transform:translate(-50%);padding:2px 8px;border-radius:999px;background:var(--product-label-sale-background);color:var(--product-label-sale-text);font-size:var(--smaller-text-size-3, .6875rem);font-weight:700;line-height:1.3;white-space:nowrap}.build-routine__top-pill--anchor{background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color))}.build-routine__media{display:block;width:60px;height:60px;border-radius:8px;overflow:hidden;background:rgb(var(--body-text-color) / .05)}.build-routine__media img,.build-routine__media .placeholder-image{display:block;width:100%;height:100%;object-fit:cover}.build-routine__chip{display:inline-block;margin-top:6px;padding:1px 8px;border-radius:999px;background:rgb(var(--btn-bg-color) / .12);font-size:var(--smaller-text-size-2, .75rem);font-weight:700;line-height:1.4}.build-routine__input:not(:checked)~.build-routine__card .build-routine__chip{background:rgb(var(--body-text-color) / .08);color:rgb(var(--body-text-color) / .6)}.build-routine__name{display:block;margin-top:6px;font-size:var(--smaller-text-size-1, .875rem);font-weight:600;line-height:1.2;overflow-wrap:anywhere}.build-routine__price{display:block;margin-top:2px;font-size:var(--smaller-text-size-2, .75rem);line-height:1.3}.build-routine__price .struck-out-price{margin-left:3px;opacity:.55}.build-routine__add{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 8px 8px;padding:5px 8px;min-height:34px;border:1.5px solid rgb(var(--btn-bg-color) / .4);border-radius:999px;background:rgb(var(--bg-color));font-size:var(--smaller-text-size-2, .75rem);font-weight:700;line-height:1.2;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.build-routine__add--static{cursor:default;border-color:transparent;background:none}.build-routine__input:checked~.build-routine__add{border-color:rgb(var(--btn-bg-color));background:rgb(var(--btn-bg-color));color:rgb(var(--btn-text-color))}.build-routine__input:focus-visible~.build-routine__add{outline:2px solid var(--product-label-sale-background);outline-offset:2px}.build-routine__add-text--added{display:none}.build-routine__input:checked~.build-routine__add .build-routine__add-text--add{display:none}.build-routine__input:checked~.build-routine__add .build-routine__add-text--added{display:inline}.build-routine__check{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:1.5px solid rgb(var(--body-text-color) / .35);background:rgb(var(--bg-color))}.build-routine__input:checked~.build-routine__add .build-routine__check,.build-routine__add--static .build-routine__check{border-color:rgb(var(--btn-bg-color));background:rgb(var(--btn-bg-color)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.5 4.8 9.2 10 3.5'/%3E%3C/svg%3E") center / 11px no-repeat}.build-routine__input:checked~.build-routine__add .build-routine__check{border-color:rgb(var(--btn-text-color));background-color:rgb(var(--btn-text-color));background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23182d4d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 6.5 4.8 9.2 10 3.5'/%3E%3C/svg%3E")}.build-routine__plan-choice{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 8px 8px;gap:2px}.build-routine__mode-option{position:relative;display:inline-flex;align-items:flex-start;gap:4px;max-width:100%;padding:1px 0;font-size:var(--smaller-text-size-3, .6875rem);line-height:1.3;white-space:nowrap;cursor:pointer}.build-routine__mode-body{display:flex;flex-direction:column;min-width:0}.build-routine__mode-hint{font-size:var(--smaller-text-size-3, .6875rem);font-weight:400;line-height:1.25;opacity:.75}.build-routine__mode-dot{margin-top:2px;flex-shrink:0;width:10px;height:10px;border-radius:50%;border:1.5px solid rgb(var(--body-text-color) / .4);background:rgb(var(--bg-color))}.build-routine__mode:checked+.build-routine__mode-dot{border-color:rgb(var(--btn-bg-color));background:rgb(var(--btn-bg-color));box-shadow:inset 0 0 0 2px rgb(var(--bg-color))}.build-routine__mode:focus-visible+.build-routine__mode-dot{outline:2px solid var(--product-label-sale-background);outline-offset:2px}.build-routine__mode-text{display:inline-flex;align-items:center;gap:2px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis}.build-routine__mode:checked~.build-routine__mode-text{font-weight:700}.build-routine__sub-incentive{display:block;width:100%;margin-bottom:5px;padding:4px 6px;border-radius:8px;background:var(--product-label-sale-background);color:var(--product-label-sale-text);font-size:var(--smaller-text-size-2, .75rem);font-weight:700;line-height:1.25;text-align:center;overflow-wrap:anywhere}.build-routine__mode-text svg{flex-shrink:0;width:9px;height:9px}.build-routine__tile--choice:not(.is-subscribed) .build-routine__badge--loop{background:rgb(var(--body-text-color) / .15);color:rgb(var(--body-text-color) / .7)}.build-routine__info{position:absolute;top:6px;right:6px;z-index:2}.build-routine__info-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;cursor:pointer;list-style:none;opacity:.6}.build-routine__info-toggle::-webkit-details-marker{display:none}.build-routine__info[open] .build-routine__info-toggle{opacity:1}.build-routine__info-body{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);width:max-content;max-width:min(210px,calc(100vw - 32px));padding:8px 10px;border:1px solid rgb(var(--body-text-color) / .15);border-radius:8px;background:rgb(var(--bg-color));box-shadow:0 4px 16px #0000001f;font-size:var(--smaller-text-size-2, .75rem);font-weight:400;line-height:1.35;text-align:left}.build-routine__info-title{display:block;margin-bottom:3px}.build-routine__info-text{display:block}.build-routine__footer{display:flex;justify-content:space-between;align-items:baseline;gap:12px;width:100%;margin-top:10px;font-size:var(--smaller-text-size-2, .75rem)}.build-routine__footer-note{opacity:.7}.build-routine__total{margin-left:auto;white-space:nowrap}@media(max-width:480px){.build-routine__footer{flex-direction:column;align-items:flex-start;gap:4px}.build-routine__total{margin-left:0}}.ig-hidden{display:var(--ig-block-display, none)!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-build-routine.css.map */