body:has(.plan-quiz--visible){overflow:hidden}.plan-quiz{position:fixed;inset:0;background:#fff;z-index:60;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.plan-quiz.plan-quiz--visible{display:-webkit-box;display:-ms-flexbox;display:flex}.plan-quiz__head{display:grid;grid-template-columns:1fr 124px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:56px 16px 16px;border-bottom:1px solid #bfbfbf}body:has(.header.is-sticky) .plan-quiz__head{padding:16px}.plan-quiz__head svg{display:block;width:100%}.plan-quiz__head .thb-secondary-area{min-width:unset;margin:0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.plan-quiz__head .thb-secondary-area svg path{fill:#000}.plan-quiz__back{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:"Haboro Soft",sans-serif;font-weight:500;font-size:16px;line-height:1;letter-spacing:0;text-transform:uppercase;position:relative;top:2px}.plan-quiz__back svg{position:relative;top:-1px}.plan-quiz__body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto}.plan-quiz__body .roundel{display:none}.plan-quiz__step{padding:24px 20px;display:none;gap:20px;height:100%}.plan-quiz__step.plan-quiz__step--active{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.plan-quiz__progress{background:#dbf4ca;position:relative;height:6px;border-radius:3px;max-width:324px;width:100%;margin:0 auto}.plan-quiz__progress::before{content:"";width:var(--progress);position:absolute;background:#4c7f40;height:6px;border-radius:3px}.plan-quiz__header{text-align:center}.plan-quiz__header h2{font-family:"Flecha L",serif;font-weight:500;font-size:24px;line-height:1.16;letter-spacing:.5px}.plan-quiz__header p{font-family:"Haboro Soft",sans-serif;font-weight:500;font-size:16px;line-height:1.25}.plan-quiz__selections{display:grid;grid-template-columns:1fr;gap:20px;overflow:auto}.plan-quiz__selection{position:relative;-webkit-transition:all 333ms ease-in-out;transition:all 333ms ease-in-out;background:#f6f2e9;border:1px solid #f6f2e9;display:grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px 20px 20px 0;cursor:pointer}.plan-quiz__selection:has(input:checked){border-color:#4c7f40;background:#dbf4ca}.plan-quiz__selection.plan-quiz__selection--disabled{pointer-events:none;background:#f8f8f8;color:#9f9b8b;border-color:#f8f8f8}.plan-quiz__selection.plan-quiz__selection--disabled .plan-quiz__image{opacity:.25}.plan-quiz__selection.plan-quiz__selection--disabled .plan-quiz__day,.plan-quiz__selection.plan-quiz__selection--disabled .plan-quiz__details *{color:#9f9b8b}.plan-quiz__selection.plan-quiz__selection--step-1{grid-template-columns:123px 1fr;gap:28px;padding-right:60px}.plan-quiz__selection.plan-quiz__selection--step-1 .plan-quiz__image{margin:-16px 0 -16px 16px}.plan-quiz__selection.plan-quiz__selection--step-2{grid-template-columns:185px 1fr}.plan-quiz__selection.plan-quiz__selection--step-2 .plan-quiz__image{margin:-16px 16px -16px}.plan-quiz__selection.plan-quiz__selection--step-3{padding:36px 20px 36px 32px;grid-template-columns:72px 1fr;gap:16px}.plan-quiz__recommended{font-family:"Haboro Soft",sans-serif;font-weight:800;font-size:12px;line-height:1.5;color:#36533e;background:#f3ffc2;padding:8px 16px;text-transform:uppercase;position:absolute;top:-1px;right:-1px}.plan-quiz__image{-webkit-transition:all 333ms ease-in-out;transition:all 333ms ease-in-out}.plan-quiz__image .image-snippet__img{margin:0 auto}.plan-quiz__day{-webkit-transition:all 333ms ease-in-out;transition:all 333ms ease-in-out;font-family:"Flecha L",serif;font-weight:500;font-size:142px;line-height:.56;color:#36533e}.plan-quiz__details{display:grid;grid-template-columns:1fr;gap:2px}.plan-quiz__details *{-webkit-transition:all 333ms ease-in-out;transition:all 333ms ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.plan-quiz__details h6{font-family:"Flecha L",serif;font-weight:500;font-size:20px;line-height:1.1}.plan-quiz__details h4{font-family:"Flecha L",serif;font-weight:500;font-size:36px;line-height:1.16}.plan-quiz__details p{font-family:"Haboro Soft",sans-serif;font-weight:500;font-size:16px;line-height:1.25}.plan-quiz__footer .btn{width:100%}@media screen and (min-width:1024px){.plan-quiz__head{grid-template-columns:1fr 135px 1fr;padding:60px 48px 20px}body:has(.header.is-sticky) .plan-quiz__head{padding:20px 48px}.plan-quiz__body .roundel{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:40px;right:56px}.plan-quiz__step{padding:5vh 5vw;gap:5vh}.plan-quiz__selections{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:10vh 0 0}.plan-quiz__selection{-webkit-box-flex:0;-ms-flex:0 0 16.667vw;flex:0 0 16.667vw;height:16.667vw;text-align:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.plan-quiz__selection.plan-quiz__selection--step-1{grid-template-columns:1fr;gap:8px;padding:0 2vw 16px}.plan-quiz__selection.plan-quiz__selection--step-1 .plan-quiz__image{margin:-40px 10px -20px}.plan-quiz__selection.plan-quiz__selection--step-2{grid-template-columns:1fr;gap:8px;padding:0 2vw 16px}.plan-quiz__selection.plan-quiz__selection--step-2 .plan-quiz__image{margin:-55px -2vw 0}.plan-quiz__selection.plan-quiz__selection--step-3{grid-template-columns:1fr;padding:0 2vw 3.5vh}.plan-quiz__recommended{top:calc(100% + 1px);right:50%;-webkit-transform:translateX(50%);-ms-transform:translateX(50%);transform:translateX(50%)}.plan-quiz__day{font-size:18vw;line-height:.3}.plan-quiz__details{margin:auto 0}.plan-quiz__details h6{font-size:24px;line-height:1.16}.plan-quiz__details h4{font-size:24px}.plan-quiz__footer .btn{max-width:354px;margin:0 auto}}@media screen and (min-width:1280px){.plan-quiz__selection.plan-quiz__selection--step-1{padding:0 2.7vw 32px}.plan-quiz__selection.plan-quiz__selection--step-1 .plan-quiz__image{margin:-20px 10px -20px}}
/*# sourceMappingURL=plan-quiz.css.map */