.home-calculate{position:fixed;top:0;z-index:2;width:100%;min-height:100svh;height:100svh;display:flex;align-items:center;background-color:var(--cl-black-90);opacity:0;pointer-events:none}.home-calculate .container{opacity:0}@media (max-width: 767px){.home-calculate .container{height:calc(100% - 2rem)}}.home-calculate-wrap{display:none;position:relative;z-index:3}.home-calculate-wrap.active{display:block;z-index:99}@media (max-width: 1025px){.home-calculate .container{padding-inline:3.2rem}}@media (max-width: 767px){.home-calculate .container{padding-inline:1rem}}.home-calculate-left{grid-column:1/8}@media (max-width: 1025px){.home-calculate-left{grid-column:1/6;margin-left:-2.2rem}}@media (max-width: 767px){.home-calculate-left{grid-column:1/-1;margin-left:0;margin-bottom:1rem;display:none}}.home-calculate-left-inner{padding:8rem 6.4rem;background-color:var(--bg-dark-gray);border-radius:1rem;width:100%;height:100%}@media (max-width: 1025px){.home-calculate-left-inner{padding:8rem 2.2rem}}@media (max-width: 767px){.home-calculate-left-inner{padding:3.2rem 2.4rem}}.home-calculate-left-title{color:var(--cl-white)}@media (max-width: 767px){.home-calculate-left-title{text-align:center}}.home-calculate-left-title-wrap{margin-bottom:6rem}@media (max-width: 1025px){.home-calculate-left-title-wrap{margin-bottom:4.8rem}}@media (max-width: 767px){.home-calculate-left-title-wrap{margin-bottom:0rem}}.home-calculate-left-label{color:var(--cl-white-60);margin-bottom:1.2rem}@media (max-width: 767px){.home-calculate-left-label{text-align:center}}@media (max-width: 767px){.home-calculate-left-menu{display:none}}.home-calculate-left-item{padding-block:2rem;position:relative;display:flex;column-gap:7.5rem;align-items:center}.home-calculate-left-item.active{cursor:pointer}.home-calculate-left-item.active:hover .home-calculate-left-item-title,.home-calculate-left-item.active.current .home-calculate-left-item-title{color:var(--cl-primary)}.home-calculate-left-item.active .home-calculate-left-item-title{color:var(--cl-white)}@media (max-width: 1025px){.home-calculate-left-item{justify-content:space-between}}.home-calculate-left-item-line{background-color:var(--cl-white-10);position:absolute;left:0}.home-calculate-left-item-line.top{top:0}.home-calculate-left-item-line.bottom{bottom:0;display:none}.home-calculate-left-item-number{color:var(--cl-white-50)}@media (max-width: 1025px){.home-calculate-left-item-number{display:none}}.home-calculate-left-item-title{color:var(--cl-white-40);transition:color var(--t-md)}@media (max-width: 1025px){.home-calculate-left-item-title .txt{font-size:1.6rem}}.home-calculate-left-item-value{color:var(--cl-white-50);flex:1;text-align:end}.home-calculate-left-item:last-child .home-calculate-left-item-line.bottom{display:block}.home-calculate-right{position:relative;grid-column:8/-1}@media (max-width: 1025px){.home-calculate-right{grid-column:6/-1;margin-inline:-.6rem -2.2rem}}@media (max-width: 767px){.home-calculate-right{grid-column:1/-1;margin-inline:0;min-height:58rem;height:100%}}.home-calculate-right-inner{border-radius:1rem;background-color:var(--cl-white);display:grid;grid-template-columns:repeat(1,1fr);width:100%;height:100%}@media (max-width: 1025px){.home-calculate-right-inner{background-color:var(--bg-light-grey)}}.home-calculate-right-step{height:100%;grid-row:1/1;grid-column:1/-1;opacity:0;pointer-events:none;transition:opacity var(--t)}@media (max-width: 1025px){.home-calculate-right-step:nth-child(1) .home-calculate-right-step-title,.home-calculate-right-step:nth-child(1) .home-calculate-right-step-list-inner{max-width:24.5rem}}.home-calculate-right-step:nth-child(1) .home-calculate-right-step-list-inner{max-width:32rem}@media (max-width: 1025px){.home-calculate-right-step:nth-child(1) .home-calculate-right-step-list-inner{max-width:24rem}}.home-calculate-right-step:nth-child(2) .home-calculate-right-step-item.active{width:8.4rem;height:6.8rem}@media (max-width: 1025px){.home-calculate-right-step:nth-child(2) .home-calculate-right-step-item.active{width:6.4rem;height:5.2rem}}.home-calculate-right-step:nth-child(2) .home-calculate-right-step-item.active .home-calculate-right-step-item-inner{transform:scale(1) translateY(0)}.home-calculate-right-step:nth-child(2) .home-calculate-right-step-item-inner{width:8.4rem;transform:scale(0);flex:auto;padding:.2rem 1rem!important}@media (max-width: 1025px){.home-calculate-right-step:nth-child(2) .home-calculate-right-step-item-inner{padding:.2rem .8rem!important;width:6.4rem}}.home-calculate-right-step:nth-child(2) .home-calculate-right-step-list-inner{gap:0;margin-inline:-2.2rem}@media (max-width: 1025px){.home-calculate-right-step:nth-child(2) .home-calculate-right-step-list-inner{margin-inline:-.4rem;max-width:32rem}}@media (max-width: 767px){.home-calculate-right-step:nth-child(2) .home-calculate-right-step-list-inner{margin-inline:0}}.home-calculate-right-step:nth-child(3) .home-calculate-right-step-list-inner{row-gap:.4rem}.home-calculate-right-step:last-child .home-calculate-right-step-inner{max-width:55.2rem}@media (max-width: 1025px){.home-calculate-right-step:last-child .home-calculate-right-step-inner{max-width:36rem}}@media (max-width: 767px){.home-calculate-right-step:last-child .home-calculate-right-step-inner{max-width:unset;margin-inline:-.6rem}}@media (min-width: 768px) and (max-width: 1025px){.home-calculate-right-step:last-child .home-calculate-right-step-title{max-width:31.2rem}}.home-calculate-right-step:last-child .home-calculate-right-step-list-inner{column-gap:3.2rem;width:100%}@media (max-width: 1025px){.home-calculate-right-step:last-child .home-calculate-right-step-list-inner{column-gap:1.6rem}}.home-calculate-right-step.active{opacity:1;pointer-events:all}.home-calculate-right-step-title{flex:none;text-align:center;max-width:37.7rem;margin-inline:auto;color:var(--cl-black)}@media (max-width: 767px){.home-calculate-right-step-title{max-width:24.5rem}}@media (max-width: 1025px){.home-calculate-right-step-title .txt{font-size:2.4rem}}@media (max-width: 767px){.home-calculate-right-step-title .txt{font-size:2rem}}.home-calculate-right-step-inner{display:flex;flex-direction:column;padding-block:8rem 6.4rem;max-width:37.7rem;margin-inline:auto;height:100%}@media (max-width: 1025px){.home-calculate-right-step-inner{max-width:31.2rem;padding-block:6.4rem 4.8rem}}@media (max-width: 767px){.home-calculate-right-step-inner{padding:7.2rem 3.2rem 2.4rem;max-width:100%}}.home-calculate-right-step-list{display:flex;align-items:center;justify-content:center;flex:1;min-height:20rem}.home-calculate-right-step-list-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.home-calculate-right-step-item{width:0;height:0;display:flex;opacity:0;overflow:hidden;transition:opacity .2s,width .4s,height .4s}.home-calculate-right-step-item-inner{padding-block:.4rem;width:6.4rem;flex:none;transform:translateY(100%);transition:transform .4s ease}@media (max-width: 1025px){.home-calculate-right-step-item-inner{width:4.8rem}}.home-calculate-right-step-item.active{width:6.4rem;height:6.4rem;opacity:1}.home-calculate-right-step-item.active .home-calculate-right-step-item-inner{transform:translateY(0)}@media (max-width: 1025px){.home-calculate-right-step-item.active{width:4.8rem;height:4.8rem}}.home-calculate-right-step-item-option{padding-block:2rem;border-radius:.5rem;border:1px solid var(--cl-black-10);color:var(--cl-black-30);transition:border-color var(--t-md),color var(--t-md);width:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (max-width: 1025px){.home-calculate-right-step-item-option{padding-block:1.3rem}}@media (max-width: 767px){.home-calculate-right-step-item-option{padding-block:1.1rem}}.home-calculate-right-step-item-option.active,.home-calculate-right-step-item-option:hover{border-color:var(--cl-primary);color:var(--cl-black-80)}.home-calculate-right-step-item-success{width:calc(50% - 1.6rem);border-radius:1rem;border:1px solid var(--cl-black-10);padding:5.4rem 2.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 1025px){.home-calculate-right-step-item-success{padding:2rem 1.6rem;width:calc(50% - .8rem);background-color:var(--cl-white)}}.home-calculate-right-step-item-success-ic{width:6.4rem;margin-bottom:2rem}@media (max-width: 1025px){.home-calculate-right-step-item-success-ic{width:4.8rem;margin-bottom:1.6rem}}@media (max-width: 767px){.home-calculate-right-step-item-success-ic{width:3.8rem}}.home-calculate-right-step-item-success-title{color:var(--cl-black);margin-bottom:.8rem}@media (max-width: 1025px){.home-calculate-right-step-item-success-title{margin-bottom:.4rem}}@media (max-width: 767px){.home-calculate-right-step-item-success-title{margin-bottom:0}}@media (max-width: 1025px){.home-calculate-right-step-item-success-title .txt{font-size:3.6rem}}@media (max-width: 767px){.home-calculate-right-step-item-success-title .txt{font-size:2.4rem}}.home-calculate-right-step-item-success-sub{color:var(--cl-black-30)}@media (max-width: 1025px){.home-calculate-right-step-item-success-sub .txt{font-size:1.8rem}}.home-calculate-right-step-quality{border-radius:.5rem;padding:1.3rem 1.6rem;display:flex;justify-content:space-between;margin-bottom:1rem;border:1px solid var(--cl-black-10);align-items:center;background-color:var(--cl-white)}@media (max-width: 1025px){.home-calculate-right-step-quality{padding:1.4rem}}.home-calculate-right-step-quality-wrap{flex:none}.home-calculate-right-step-quality-val{color:var(--cl-black-80)}.home-calculate-right-step-quality-toggle{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--bg-light-grey);color:var(--bd-grey);transition:all var(--t);width:3.6rem;height:3.6rem}.home-calculate-right-step-quality-toggle.disabled{pointer-events:none;opacity:.6}.home-calculate-right-step-quality-toggle>*{pointer-events:none}@media (max-width: 1025px){.home-calculate-right-step-quality-toggle{width:3.6rem;height:3.6rem}.home-calculate-right-step-quality-toggle .ic{--ic-size: 2rem !important}}@media (max-width: 767px){.home-calculate-right-step-quality-toggle{width:3.2rem;height:3.2rem}}.home-calculate-right-step-quality-toggle:hover{background-color:var(--cl-black);color:var(--cl-white)}.home-calculate-right-step-quality-sub{margin-top:1rem;text-align:center;color:var(--cl-black-60)}.home-calculate-right-step-quality-back{margin-top:1.6rem;text-align:center;color:var(--cl-black)}.home-calculate-right-step-quality-back-link{color:var(--cl-primary)}@media (max-width: 1025px){.home-calculate-right-step-quality-btn{padding-block:1.6rem}}@media (max-width: 767px){.home-calculate-right-step-quality-btn{padding-block:1.4rem}}@media (max-width: 1025px){.home-calculate-right-step-quality-btn .txt{font-size:1.6rem}}.home-calculate-right-close{position:absolute;top:2.4rem;right:2.4rem;background-color:#0000000d;padding:1.5rem;border-radius:.5rem;transition:background-color .4s ease}@media (max-width: 767px){.home-calculate-right-close{top:1.6rem;right:1.6rem;padding:1.3rem}}.home-calculate-right-close-ic{color:var(--cl-black);opacity:.3;transition:all .4s ease}@media (any-hover: hover){.home-calculate-right-close:hover .home-calculate-right-close{background-color:var(--cl-black)}.home-calculate-right-close:hover .home-calculate-right-close-ic{color:var(--cl-white);opacity:1}.home-calculate-right-close:hover{background-color:var(--cl-black)}.home-calculate-right-close:hover-ic{color:var(--cl-white);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/518/assets/sc-home-calculate.css.map */