[data-simplified-reading]{--reading-form-accent: rgb(129 20 162);--reading-form-background: rgb(252 251 244);--reading-form-badge: rgb(184 0 112);--reading-form-border: rgb(130 116 140);--reading-form-disabled: rgb(221 216 223);--reading-form-disabled-text: rgb(85 73 94);--reading-form-error: rgb(190 0 0);--reading-form-font-body: Archivo, Arial, sans-serif;--reading-form-font-heading: "TT Ramillas Trl Variable Roman", Georgia, serif;--reading-form-input-text: rgb(50 20 62);--reading-form-muted: rgb(116 103 125);--reading-form-overlay: rgb(26 2 33 / 60%);--reading-form-selected: rgb(240 231 244);--reading-form-separator: rgb(223 221 209);--reading-form-text: rgb(91 20 111);--reading-form-valid: rgb(66 112 77);--reading-form-valid-text: rgb(36 19 50);--reading-form-white: rgb(255 255 255)}[data-simplified-reading] .reading-offer__atc,[data-simplified-reading] .reading-mode-form .q_button.filled{background-color:var(--reading-form-button);border-color:var(--reading-form-button);color:var(--reading-form-button-text)}[data-simplified-reading] .reading-offer__sub{margin-block-end:2.4rem;margin-block-start:1.4rem;margin-inline:0}[data-simplified-reading] .reading-offer__guarantee{color:inherit}.reading-mode-form{background-color:var(--reading-form-background);color:var(--reading-form-text);display:flex;flex-direction:column;font-family:var(--reading-form-font-body);height:100%;position:fixed;right:0;top:0;transition-duration:.25s;transition-property:translate,visibility;transition-timing-function:ease;translate:100% 0;visibility:hidden;width:min(100%,54rem)}.reading-mode-form.open{transition-property:translate;translate:0;visibility:visible}.reading-mode-form__header{align-items:center;border-block-end:1px dashed var(--reading-form-separator);display:flex;gap:1.2rem;justify-content:space-between;padding:2rem}.reading-mode-form__title{color:inherit;font-family:var(--reading-form-font-heading);font-size:2.8rem;font-weight:500;line-height:120%;margin:0}.reading-mode-form__close{background-color:transparent;border:0;color:inherit;cursor:pointer;display:grid;flex-shrink:0;height:4.4rem;place-items:center;width:4.4rem}.reading-mode-form__body{flex:1;min-height:0;overflow-y:auto;padding-block-end:2rem;padding-block-start:2.8rem;padding-inline:2rem}.reading-mode-form__modes{border:0;display:grid;grid-template-columns:1fr 1fr;margin-block-end:2.4rem;margin-block-start:0;margin-inline:0;padding:0}.reading-mode-form__option{cursor:pointer;position:relative}.reading-mode-form__option-text{border:1px solid var(--reading-form-border);display:grid;font-size:1.5rem;font-weight:700;height:100%;min-height:6.8rem;padding:2rem .8rem;place-items:center;text-align:center}.reading-mode-form__option:first-of-type .reading-mode-form__option-text{border-radius:1rem 0 0 1rem}.reading-mode-form__option:last-of-type .reading-mode-form__option-text{border-radius:0 1rem 1rem 0}.reading-mode-form__radio:checked+.reading-mode-form__option-text{background-color:var(--reading-form-selected);border-color:var(--reading-form-accent);box-shadow:inset 0 0 0 1px var(--reading-form-accent)}.reading-mode-form__badge{background-color:var(--reading-form-badge);border-radius:2rem;color:var(--reading-form-white);font-size:1.1rem;left:50%;padding:.3rem 1rem;position:absolute;top:-1rem;translate:-50% 0;white-space:nowrap}.reading-mode-form__heading{color:inherit;font-family:var(--reading-form-font-body);font-size:1.9rem;font-weight:700;line-height:140%;margin-block-end:.8rem;margin-block-start:0;margin-inline:0}.reading-mode-form__copy,.reading-mode-form .form_data_subtext{font-size:1.4rem;line-height:150%;margin-block-end:1.2rem;margin-block-start:0;margin-inline:0}.reading-mode-form .form_data_label{color:inherit;display:block;font-size:1.4rem;font-weight:700;line-height:150%;margin-block-end:.8rem;margin-block-start:2rem;margin-inline:0}.reading-mode-form .form_data:not([type=radio]){background-color:var(--reading-form-white);border:1px solid var(--reading-form-border);border-radius:.8rem;color:var(--reading-form-input-text);display:block;font-family:var(--reading-form-font-body);font-size:1.6rem;font-weight:400;line-height:150%;margin-block-end:1rem;min-height:4.8rem;padding:1.4rem;width:100%}.reading-mode-form .form_data::placeholder{color:var(--reading-form-muted)}.reading-mode-form .reading-mode-form__details{min-height:11rem;resize:vertical}.reading-mode-form__questions{border:0;margin:0;min-width:0;padding:0}.reading-mode-form [hidden]{display:none}.reading-mode-form__footer{border-block-start:1px solid var(--reading-form-separator);padding-block-end:max(2rem,env(safe-area-inset-bottom));padding-block-start:1.6rem;padding-inline:2rem}.reading-mode-form .q_button{background-color:var(--reading-form-disabled);border:0;border-radius:.8rem;color:var(--reading-form-disabled-text);cursor:pointer;font-family:var(--reading-form-font-body);font-size:1.8rem;font-weight:700;line-height:150%;min-height:5.4rem;width:100%}.reading-mode-form :focus-visible,.reading-mode-form__radio:focus-visible+.reading-mode-form__option-text,.reading-mode-form .switch_button:has(input:focus-visible){outline:2px solid var(--reading-form-text);outline-offset:3px}[data-simplified-reading] .question_form_overlay{background-color:var(--reading-form-overlay);display:none;height:100%;left:0;position:fixed;top:0;width:100%}body.q_modal_open [data-simplified-reading] .question_form_overlay{display:block}body:has(.reading-mode-form.open){overflow:hidden}.reading-mode-form .switch_button .hide{cursor:pointer;display:block!important;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.reading-mode-form .dob_element{border-color:var(--reading-form-border);border-radius:.8rem;color:var(--reading-form-muted);font-size:1.6rem;padding:0 1rem}.reading-mode-form .dob_element.valid{border-color:var(--reading-form-valid);color:var(--reading-form-valid-text)}.reading-mode-form .dob_element.invalid{border-color:var(--reading-form-error)}@media(prefers-reduced-motion:reduce){.reading-mode-form{transition:none}}@media(min-width:46.875rem){.reading-mode-form__header,.reading-mode-form__body,.reading-mode-form__footer{padding-inline:2.8rem}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/reading-mode-form.css.map */
