:root{--tuffy-gap: 16px;--tuffy-radius: var(--image--radius, 6px);--tuffy-border: 1px solid var(--bdr-dark--general, rgba(0, 0, 0, .1));--tuffy-muted: var(--color--body--light, #767676)}.tuffy-block__heading{margin:0 0 4px}.tuffy-block__intro{margin:0 0 var(--tuffy-gap);color:var(--tuffy-muted)}.routine{display:block;width:100%}.routine__steps{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px}.routine__step{position:relative;flex:1 1 0;min-width:120px;display:flex;flex-direction:column;text-align:center;text-decoration:none;color:inherit;padding:10px;border:var(--tuffy-border);border-radius:var(--tuffy-radius);background:var(--bg-color--body, #fff);transition:border-color .2s ease,transform .2s ease}.routine__step:hover{border-color:var(--color--accent-1, #000);transform:translateY(-2px)}.routine__step[data-current=true]{border-color:var(--color--accent-1, #000);border-width:2px;padding:9px}.routine__step-label{font-size:.72em;letter-spacing:.06em;text-transform:uppercase;color:var(--color--accent-1, #000);margin-bottom:6px;font-weight:600}.routine__step-image{width:100%;aspect-ratio:1 / 1;border-radius:var(--tuffy-radius);overflow:hidden;margin-bottom:8px;background:var(--bg-color--light, #f5f5f5)}.routine__step-image img{width:100%;height:100%;object-fit:cover;display:block}.routine__step-title{font-size:.85em;line-height:1.3;margin-bottom:4px}.routine__step-price{font-size:.8em;color:var(--tuffy-muted)}.routine__step-here{display:inline-block;margin-top:6px;font-size:.68em;letter-spacing:.05em;text-transform:uppercase;background:var(--color--accent-1, #000);color:var(--button--color, #fff);border-radius:100px;padding:2px 8px}.routine__connector{align-self:center;flex:0 0 auto;color:var(--tuffy-muted);display:flex;align-items:center;padding:0 2px}.routine__connector svg{width:16px;height:16px}.routine__footer{margin-top:var(--tuffy-gap)}.routine__add-all[aria-busy=true]{opacity:.7;pointer-events:none}@media(max-width:749px){.routine__step{min-width:132px}}.shade-picker{display:block}.shade-picker__status{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.shade-picker__count{font-size:.85em;color:var(--tuffy-muted)}.shade-picker__count[data-complete=true]{color:var(--color--success, #4caf50)}.shade-picker__swatches{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:14px}.shade-picker__swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;border:0;background:none;padding:0;width:60px;text-align:center}.shade-picker__dot{width:46px;height:46px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px var(--bdr-dark--general, rgba(0, 0, 0, .15));position:relative;transition:transform .15s ease}.shade-picker__swatch:hover .shade-picker__dot{transform:scale(1.06)}.shade-picker__swatch[aria-pressed=true] .shade-picker__dot{box-shadow:0 0 0 2px var(--bg-color--body, #fff),0 0 0 4px var(--color--accent-1, #000)}.shade-picker__swatch[aria-pressed=true] .shade-picker__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#0000002e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") center / 20px no-repeat}.shade-picker__order-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:50%;background:var(--color--accent-1, #000);color:var(--button--color, #fff);font-size:.65em;line-height:18px;text-align:center;font-weight:700}.shade-picker__swatch[data-disabled=true]{opacity:.35;cursor:not-allowed}.shade-picker__name{font-size:.72em;line-height:1.2;color:var(--color--body, #000)}.shade-picker__preview{display:none;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 12px;border:var(--tuffy-border);border-radius:var(--tuffy-radius);background:var(--bg-color--light, #f7f7f7);margin-bottom:12px}.shade-picker__preview[data-has-selection=true]{display:flex}.shade-picker__preview-label{font-size:.78em;color:var(--tuffy-muted);width:100%}.shade-picker__chip{display:inline-flex;align-items:center;gap:6px;font-size:.78em;background:var(--bg-color--body, #fff);border:var(--tuffy-border);border-radius:100px;padding:4px 10px 4px 4px}.shade-picker__chip-dot{width:20px;height:20px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px var(--bdr-dark--general, rgba(0, 0, 0, .15))}.shade-picker__error{display:none;color:var(--color--fail, #d32f2f);font-size:.8em;margin-bottom:10px}.shade-picker__error[data-visible=true]{display:block}.ugc{width:100%}.ugc__header{text-align:center;margin-bottom:var(--tuffy-gap)}.ugc__handle{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--color--accent-1, #000);font-size:.9em}.ugc__handle svg{width:18px;height:18px}.ugc__grid{display:grid;grid-template-columns:repeat(var(--ugc-columns, 4),1fr);gap:var(--tuffy-gap)}.ugc__item{position:relative;margin:0;border-radius:var(--tuffy-radius);overflow:hidden;background:var(--bg-color--light, #f5f5f5);aspect-ratio:1 / 1;cursor:pointer;border:0;padding:0;width:100%}.ugc__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.ugc__item:hover img{transform:scale(1.05)}.ugc__item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:10px;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 55%);opacity:0;transition:opacity .25s ease}.ugc__item:hover .ugc__item-overlay,.ugc__item:focus-visible .ugc__item-overlay{opacity:1}.ugc__item-tag{display:inline-flex;align-items:center;gap:5px;background:var(--bg-color--body, #fff);color:var(--color--body, #000);border-radius:100px;padding:4px 10px;font-size:.72em;font-weight:600}.ugc__item-tag svg{width:12px;height:12px}@media(max-width:989px){.ugc__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:749px){.ugc__grid{grid-template-columns:repeat(2,1fr)}}.ugc-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:#000000b3}.ugc-lightbox[data-open=true]{display:flex}.ugc-lightbox__dialog{position:relative;display:flex;flex-wrap:wrap;max-width:860px;width:100%;max-height:90vh;background:var(--bg-color--body, #fff);border-radius:var(--tuffy-radius);overflow:hidden}.ugc-lightbox__media{flex:1 1 320px;background:var(--bg-color--light, #f5f5f5)}.ugc-lightbox__media img{width:100%;height:100%;max-height:90vh;object-fit:cover;display:block}.ugc-lightbox__info{flex:1 1 280px;padding:24px;display:flex;flex-direction:column;gap:14px;overflow-y:auto}.ugc-lightbox__caption{line-height:1.5}.ugc-lightbox__product{display:flex;align-items:center;gap:12px;padding:10px;border:var(--tuffy-border);border-radius:var(--tuffy-radius);text-decoration:none;color:inherit}.ugc-lightbox__product img{width:56px;height:56px;object-fit:cover;border-radius:var(--tuffy-radius)}.ugc-lightbox__close{position:absolute;top:10px;right:10px;width:36px;height:36px;border-radius:50%;border:0;background:var(--bg-color--body, #fff);cursor:pointer;font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:2}@media(max-width:749px){.ugc-lightbox__media{flex-basis:100%;max-height:45vh}.ugc-lightbox__media img{max-height:45vh}}.cod-form{display:block}.cod-form__fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.cod-form__field{display:flex;flex-direction:column;gap:5px}.cod-form__field--full{grid-column:1 / -1}.cod-form__label{font-size:.8em;color:var(--color--body, #000)}.cod-form__label .cod-form__req{color:var(--color--fail, #d32f2f)}.cod-form__input,.cod-form__select,.cod-form__textarea{width:100%;font:inherit;color:var(--color--body, #000);background:var(--bg-color--textbox, #fff);border:var(--tuffy-border);border-radius:var(--input--radius, 4px);padding:10px 12px}.cod-form__textarea{min-height:72px;resize:vertical}.cod-form__input[data-invalid=true],.cod-form__select[data-invalid=true],.cod-form__textarea[data-invalid=true]{border-color:var(--color--fail, #d32f2f)}.cod-form__field-error{display:none;font-size:.72em;color:var(--color--fail, #d32f2f)}.cod-form__field-error[data-visible=true]{display:block}.cod-form__summary{border:var(--tuffy-border);border-radius:var(--tuffy-radius);padding:12px 14px;margin-bottom:14px;background:var(--bg-color--light, #f7f7f7)}.cod-form__summary-row{display:flex;justify-content:space-between;gap:12px;font-size:.85em;padding:3px 0}.cod-form__summary-row--total{font-weight:700;font-size:.95em;border-top:var(--tuffy-border);margin-top:6px;padding-top:8px}.cod-form__submit{width:100%}.cod-form__submit[aria-busy=true]{opacity:.7;pointer-events:none}.cod-form__message{display:none;margin-top:12px;padding:12px 14px;border-radius:var(--tuffy-radius);font-size:.88em}.cod-form__message[data-state=success]{display:block;background:#4caf501f;color:var(--color--success, #4caf50);border:1px solid var(--color--success, #4caf50)}.cod-form__message[data-state=error]{display:block;background:#d32f2f1a;color:var(--color--fail, #d32f2f);border:1px solid var(--color--fail, #d32f2f)}.cod-form__note{font-size:.74em;color:var(--tuffy-muted);margin-top:10px}@media(max-width:749px){.cod-form__fields{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/tuffy-features.css.map */