html.cto-form-returning:after{content:var(--cto-form-return-copy, "\2026");display:grid;place-items:center;text-align:center;padding:24px;font:16px/1.6 system-ui,sans-serif;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;color:#244b35;background:#fffdf8;pointer-events:auto}html.cto-form-returning:before{content:"";position:fixed;z-index:2147483001;top:calc(50% - 64px);left:calc(50% - 12px);width:24px;height:24px;border:2px solid #c3d1bc;border-top-color:#244b35;border-radius:50%;animation:cto-form-spin .8s linear infinite;pointer-events:none}.cto-ux [hidden],.cto-ux-cards[hidden],.cto-form-feedback[hidden]{display:none!important}.cto-ux{--ux-ink: #244b35;--ux-line: #d5dfd1;color:#234331}.cto-ux fieldset[data-ux-step]{min-width:0;border:0;padding:0;margin:0}.cto-ux [data-ux-title],.cto-ux legend{font-size:clamp(23px,3vw,30px);font-weight:600;line-height:1.25;margin:0 0 14px;padding:0;color:#234331}.cto-ux [data-ux-title]:focus,.cto-ux legend:focus{outline:none;box-shadow:none}.cto-ux-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;font-size:13px;scroll-margin-top:120px}.cto-ux-nav button{border:0;padding:8px 0;min-height:44px;background:transparent;color:inherit;font:inherit;cursor:pointer}.cto-ux-nav span{margin-inline-start:auto}.cto-ux-nav progress{flex-basis:100%;width:100%;height:4px;border:0;border-radius:8px;overflow:hidden;background:#e6e9df;accent-color:#244b35}.cto-ux-nav progress::-webkit-progress-bar{background:#e6e9df}.cto-ux-nav progress::-webkit-progress-value{background:#244b35}.cto-ux-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 20px}.cto-ux-card{display:flex;align-items:center;gap:14px;min-height:92px;width:100%;text-align:start;border:1px solid #d5dfd1;border-radius:14px;padding:16px;background:#fffefb;color:#234331;font:inherit;font-size:15px;line-height:1.4;cursor:pointer;transition:background .15s,border-color .15s}.cto-ux-card:hover{border-color:#537756;background:#f1f5ec}.cto-ux-card[aria-pressed=true]{border:2px solid #244b35;padding:15px;background:#edf3e7}.cto-ux-card:disabled{opacity:.45;cursor:not-allowed}.cto-ux-card svg{flex:0 0 44px;width:44px;height:44px;color:#4f7856}.cto-ux-card span{flex:1}.cto-ux-card:after{content:"\2192";font-size:20px}.cto-ux-cards--stay .cto-ux-card:after{content:"\25cb"}.cto-ux-cards--stay .cto-ux-card[aria-pressed=true]:after{content:"\2713"}.cto-ux :is(input:not([type=checkbox]):not([type=radio]),select,textarea){box-sizing:border-box;max-width:100%;font-size:16px;border:1px solid #b8c6b2;border-radius:10px;background:#fffefb;color:#234331;min-height:50px;padding:12px 14px}.cto-ux input[type=checkbox],.cto-ux input[type=radio]{accent-color:#244b35}.cto-ux form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea),form.cto-ux :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea){width:100%}.cto-ux :is(button,a,input,select,textarea,summary):focus-visible,.cto-ux-card:focus-visible{outline:3px solid #527d57;outline-offset:3px}.cto-ux-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.cto-ux-grid>*,.cto-ux-step>*{min-width:0}.cto-ux-grid label{display:block;margin:0 0 7px;font-size:14px}.cto-ux-grid :is(input,select){width:100%}.cto-ux details{margin:18px 0}.cto-ux summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:14px}.cto-ux [data-ux-next]{margin-top:20px}.cto-ux-recap{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.cto-ux-recap:empty{display:none}.cto-ux-recap button{max-width:100%;min-height:44px;padding:8px 12px;border:1px solid #c4d1bd;border-radius:12px;font:inherit;font-size:13px;text-align:start;white-space:normal;background:#edf3e7;color:#244b35;cursor:pointer}.cto-form-feedback{display:flex;align-items:flex-start;gap:12px;padding:18px;margin:18px 0 0;border:1px solid #d5dfd1;border-radius:14px;background:#f1f5ec;color:#234331;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.cto-form-feedback[data-state=error]{background:#fff2ed;border-color:#c38370;color:#853c2c}.cto-form-feedback[data-state=pending]:before{content:"";flex:0 0 18px;width:18px;height:18px;margin-top:3px;border:2px solid #bdcdb7;border-top-color:#244b35;border-radius:50%;animation:cto-form-spin .8s linear infinite}.cto-form-feedback[data-state=success]:before{content:"\2713";display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#244b35;color:#fff;font-weight:700}.cto-form-feedback h2,.cto-form-feedback h3{font-size:24px;line-height:1.3;margin:0 0 12px;color:inherit}.cto-form-feedback p{margin:6px 0 12px}.cto-ux [aria-busy=true] button[type=submit]{opacity:.7;cursor:wait}.cto-ux .cto-project__progress{display:none}.cto-ux .cto-project__recap{background:#f1f5ec;padding:16px;border-radius:12px}.cto-ux .cto-project__recap h3{font-size:17px}.cto-ux .cto-project__recap dl{font-size:13px}.cto-ux .cto-project__actions{position:sticky;bottom:-24px;background:#fffdf8;padding:16px 0;margin:14px 0 0}.cto-ux .cto-project__actions [data-project-back]{display:none}.cto-ux .cto-project__context{display:inline-block;margin:0 0 12px;font-size:13px;padding:6px 12px;border-radius:30px;background:#edf3e7}.cto-ux .cto-project__context[hidden]{display:none}.cto-ux .cto-purchase__fields{margin-top:12px}.cto-ux .cto-purchase__check{border-radius:14px;background:#f1f5ec;padding:18px}.cto-ux .cto-purchase__total{border-radius:14px}.cto-ux--surface{background:#fffdf8;padding:clamp(20px,4vw,36px);border:1px solid #d5dfd1;border-radius:20px}.cto-ux .badal-quantity-step>.caption-with-letter-spacing{display:none}.cto-ux .cto-ux-native-choices{display:grid;gap:12px;max-width:none;margin:0}.cto-ux .cto-ux-native-choices legend{font-size:14px}.cto-ux .cto-ux-native-choices input[type=radio]+label.cto-ux-card{display:flex;width:100%;border-radius:14px;padding:16px;margin:0;background:#fffefb;color:#234331;border:1px solid #d5dfd1}.cto-ux .cto-ux-native-choices input[type=radio]:checked+label.cto-ux-card{border:2px solid #244b35;padding:15px;background:#edf3e7}.cto-ux .cto-ux-native-choices input[type=radio]:focus-visible+label.cto-ux-card{outline:3px solid #527d57;outline-offset:3px}@keyframes cto-form-spin{to{transform:rotate(360deg)}}@media(max-width:749px){.cto-ux-grid{grid-template-columns:1fr}.cto-ux-cards{grid-template-columns:1fr;gap:10px}.cto-ux-card{padding:12px;min-height:72px;font-size:15px;gap:12px}.cto-ux-card[aria-pressed=true]{padding:11px}.cto-ux-card svg{flex-basis:36px;width:36px;height:36px}.cto-ux .cto-project__actions{bottom:-20px}}@media(prefers-reduced-motion:reduce){.cto-ux-card{transition:none}.cto-form-feedback[data-state=pending]:before,html.cto-form-returning:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/cto-form-ux.css.map */