.routine-builder{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.routine-builder--image-left .routine-builder__media{order:-1}.routine-builder__content{display:flex;align-items:center;border-radius:var(--border-radius, 20px);padding:75px;min-height:100%;background:var(--color-secondary-bg)}.routine-builder__content-inner{width:100%;margin:0 auto}.routine-builder__eyebrow{margin:0 0 14px;font-size:14px;line-height:1.3;letter-spacing:.04em;font-weight:600;color:var(--color-highlight)}.routine-builder__heading{margin:0}.routine-builder__text{margin-top:16px;font-size:14px;line-height:1.6;letter-spacing:0}.routine-builder__text p{margin:0}.routine-builder__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.routine-builder__field{position:relative}.routine-builder__select{-webkit-appearance:none;appearance:none;width:100%;height:44px;padding:0 40px 0 20px;border:1px solid transparent;border-radius:100px;background:var(--rb-field-bg, #fff);color:var(--rb-field-text, #2b2b2b);font-family:inherit;font-size:14px;line-height:1;cursor:pointer;text-overflow:ellipsis;transition:border-color .2s ease}.routine-builder__select:hover{border-color:#00000026}.routine-builder__select:focus-visible{outline:2px solid currentColor;outline-offset:2px}.routine-builder__chevron{position:absolute;top:50%;right:18px;transform:translateY(-50%);display:flex;pointer-events:none;color:var(--rb-field-text, #2b2b2b)}.routine-builder__button{margin-top:20px;cursor:not-allowed}.routine-builder__button .btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}.routine-builder__button:has(.btn:not([disabled])){cursor:auto}.routine-builder__message{margin:12px 0 0;font-size:13px}.routine-builder__message[hidden]{display:none}.routine-builder__media{position:relative;overflow:hidden;border-radius:var(--border-radius, 20px)}.routine-builder__media img,.routine-builder__media svg{display:block;width:100%;height:100%;object-fit:cover}.routine-builder__media svg{aspect-ratio:4 / 3}@media screen and (max-width:989px){.routine-builder__content{padding:32px 28px}}@media screen and (max-width:767px){.routine-builder{grid-template-columns:1fr}.routine-builder--image-left .routine-builder__media{order:0}.routine-builder--mobile-image-first .routine-builder__media{order:-1}.routine-builder__media img{height:auto}.routine-builder__content{padding:28px 20px}.routine-builder__content-inner{max-width:100%}}@media screen and (max-width:480px){.routine-builder__fields{grid-template-columns:1fr}.routine-builder__button .btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/routine-builder.css.map */