#pool-calculator{color:var(--text-color-2)}#pool-calculator .bg{min-height:100vh;width:calc(100% - 70rem);background-image:url(/images/calculator_bg.jpeg);background-position:0 100%;background-size:cover;background-repeat:no-repeat;padding:15rem 12rem 0}#pool-calculator .bg .selection{display:none;width:100%;height:65rem;color:var(--text-color-2);background:#fff;padding:2rem;border-radius:1rem}#pool-calculator .bg .selection.active{display:block}#pool-calculator .bg .selection .selection-header{display:flex;justify-content:center;padding-bottom:1rem;margin-bottom:3rem;border-bottom:2px solid var(--text-color-2)}#pool-calculator .bg .selection .selection-header h2{font-size:2.6rem;font-weight:600}#pool-calculator .bg .selection .selection-body .selection-tabs{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:12rem}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop{position:static;display:block}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop h3{font-size:2rem;font-weight:500;margin-right:1rem;cursor:pointer}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop.active h3{text-decoration:underline}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .col{position:absolute;top:4rem;left:0;display:none}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop.active .col{display:block}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .series{list-style:none;display:flex}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .series li{display:inline-flex;font-size:1.6rem;font-weight:500;color:var(--text-color-2);margin-right:1rem;cursor:pointer;transition:.25s}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .series li.active{text-decoration:underline}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .series li:hover{opacity:.7}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes{list-style:none;display:flex;padding:1rem 0}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes li{font-size:1.4rem;padding:.5rem 1rem;color:var(--text-color);background:var(--text-color-2);margin-right:1rem;border-radius:.3rem;cursor:pointer}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes li.active{opacity:.7}#pool-calculator .bg .selection .selection-body .series-product{list-style:none;height:37rem;overflow-x:auto}#pool-calculator .bg .selection .selection-body .series-product li{display:flex;align-items:center;padding:.5rem;margin-bottom:1rem;cursor:pointer;transition:.25s}#pool-calculator .bg .selection .selection-body .series-product li:hover{background:rgba(0,0,0,.1)}#pool-calculator .bg .selection .selection-body .series-product .img-box{width:10rem;height:10rem;margin-right:1rem}#pool-calculator .bg .selection .selection-body .series-product .img-box img{width:100%;height:100%;object-fit:cover}#pool-calculator .bg .selection .selection-body .series-product p{font-size:1.6rem;font-weight:400}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .ui-input{width:100%;height:3rem;border:1px solid rgba(95,106,112,.7);outline:none;font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;margin-top:-1rem;padding:0 1rem;border-radius:.4rem;color:var(--text-color-2)}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .ui-input::placeholder{font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;color:var(--text-color-2)}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row{padding:.5rem 0}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row span{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border:1px solid var(--text-color-2);margin-right:1rem;border-radius:.3rem;cursor:pointer}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row span.active{background:var(--text-color-2)}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row span.active:before{content:"\2713";color:var(--text-color);font-size:1.4rem}#pool-calculator .bg .check-text{font-size:1.6rem;font-weight:500}#pool-calculator .form{width:70rem;min-height:100vh;padding:15rem 8.5rem 5rem}#pool-calculator .form .close{position:absolute;top:4rem;right:5rem;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border:1px solid var(--text-color-2);color:var(--text-color-2);font-size:5rem}#pool-calculator .form .close span{display:block;width:2.4rem;height:1px;transform:rotate(45deg);background:var(--text-color-2)}#pool-calculator .form .close span:after{content:"";display:block;width:2.4rem;height:1px;transform:rotate(90deg);background:var(--text-color-2)}#pool-calculator .form h1{font-size:2.2rem;font-weight:500;margin-bottom:2.2rem}#pool-calculator .form form{width:100%}#pool-calculator .form form label{display:inline-block;font-size:1.8rem;font-weight:500;padding-bottom:.5rem}#pool-calculator .form form .ui-input{width:100%;height:4rem;border:1px solid rgba(95,106,112,.7);outline:none;font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;margin-bottom:1.3rem;padding:0 2rem;border-radius:.4rem;color:var(--text-color-2)}#pool-calculator .form form .ui-input::placeholder{font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;color:var(--text-color-2)}#pool-calculator .form form .input-group{display:flex;justify-content:space-between}#pool-calculator .form form .input-group .ui-input{position:relative;width:32%}#pool-calculator .form form a{display:inline-block;font-size:1.5rem;font-weight:500;color:var(--text-color-2);margin-top:1.7rem;transition:.25s}#pool-calculator .form form a:hover{opacity:.7}#pool-calculator .form form .row.btn-wrapper{justify-content:space-between;margin-top:2rem}#pool-calculator .form form .row.btn-wrapper .auth-btn{display:inline-flex;justify-content:center;align-items:center;height:4rem;width:48%;font-size:1.6rem;font-family:Barlow,sans-serif;margin:0;border:none;outline:none;border-radius:.4rem;color:var(--text-color);background:var(--text-color-2);cursor:pointer;transition:.25s}#pool-calculator .form form .row.btn-wrapper .auth-btn:hover{opacity:.8}#pool-calculator .form .wrapper{display:none;width:100%;background:#fff;margin-top:3rem}#pool-calculator .form .wrapper.active{display:block}#pool-calculator .form .wrapper h2{display:inline-block;font-size:1.8rem;font-weight:500;padding:.5rem;background:#eee;border:1px solid var(--text-color)}#pool-calculator .form .wrapper ul{list-style:none;display:flex;flex-direction:row}#pool-calculator .form .wrapper ul li{display:flex;flex-direction:column;align-items:center;width:max-content;padding:.5rem;background:#eee;border:1px solid var(--text-color)}#pool-calculator .form .wrapper ul li p{font-size:1.6rem;font-weight:400;color:var(--text-color-2)}#pool-calculator .form .wrapper ul li p.bold{font-weight:600}#pool-calculator .form .wrapper h3{display:inline-block;font-size:1.8rem;font-weight:500;margin-top:2rem;margin-bottom:1rem}#pool-calculator .form .wrapper .row{padding:1rem 0}#pool-calculator .form .wrapper .row span{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border:1px solid var(--text-color-2);margin-right:1rem;border-radius:.3rem;cursor:pointer}#pool-calculator .form .wrapper .row span.active{background:var(--text-color-2)}#pool-calculator .form .wrapper .row span.active:before{content:"\2713";color:var(--text-color);font-size:1.4rem}#pool-calculator .form .wrapper ul.material{padding-top:1rem}#pool-calculator .form .wrapper ul.material li{align-items:flex-start;width:25%;padding:0 1rem 0 0;background:transparent;border:none}#pool-calculator .form .wrapper ul.material li p{padding-bottom:.5rem}#pool-calculator .form .wrapper ul.material li p.amount{font-weight:600}#pool-calculator .form .wrapper ul.material li .img-box{aspect-ratio:1/1}#pool-calculator .form .wrapper ul.material li .img-box img{width:100%;height:100%;object-fit:contain}#pool-calculator .form .wrapper ul.material li .img-box p.code{position:absolute;left:0;top:0;font-size:1.2rem;font-weight:500;background:var(--text-color-2);color:var(--text-color);padding:.25rem .5rem}#pool-calculator .form .wrapper ul.material li .img-box span{position:absolute;left:0;bottom:0;font-size:1.2rem;background:var(--text-color-hover);color:var(--text-color);padding:.25rem .5rem}@media (max-width:575.98px){#pool-calculator{display:flex;min-height:100vh}#pool-calculator .row{flex-direction:column-reverse}#pool-calculator .bg{min-height:auto;width:100%;padding:0}#pool-calculator .bg .wrapper.active{display:none}#pool-calculator .bg .selection{height:61rem;padding:1.5rem;border-radius:0}#pool-calculator .bg .selection .selection-header{padding-bottom:1rem;margin-bottom:2rem;border-bottom:1px solid var(--text-color-2)}#pool-calculator .bg .selection .selection-header h2{font-size:2rem}#pool-calculator .bg .selection .selection-body .selection-tabs{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:12rem}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop h3{font-size:1.5rem;margin-right:0;padding:.3rem .5rem .5rem;border-radius:.5rem}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop.active h3{background:#eee;text-decoration:none}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .series li{font-size:1.5rem;font-weight:600}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes{overflow-y:auto}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes::-webkit-scrollbar{height:0;display:none}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .sizes li{white-space:nowrap;text-overflow:ellipsis}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row{flex-direction:row;align-items:center}#pool-calculator .bg .selection .selection-body .selection-tabs .selection-gruop .row span{width:1.5rem;height:1.5rem}#pool-calculator .form{width:calc(100% - 3rem);min-height:auto;padding:5rem 0 3rem;background:hsla(0,0%,100%,.9);margin:auto}#pool-calculator .form .close{top:2rem;right:0;width:3rem;height:3rem}#pool-calculator .form h1{font-size:1.8rem;margin-bottom:1.5rem}#pool-calculator .form form{width:100%}#pool-calculator .form form label{font-size:1.5rem}#pool-calculator .form form .ui-input{height:3rem;font-size:1.2rem;margin-bottom:1rem;padding:0 1rem}#pool-calculator .form form .ui-input::placeholder{font-size:1.2rem}#pool-calculator .form form .row.btn-wrapper{flex-direction:row;margin-top:1rem}#pool-calculator .form form .row.btn-wrapper .auth-btn{height:3rem;font-size:1.3rem}#pool-calculator .form .wrapper h2{font-size:1.5rem}#pool-calculator .form .wrapper ul li p{font-size:1.2rem;text-align:center}#pool-calculator .form .wrapper ul li p.bold{font-size:1.4rem}#pool-calculator .form .wrapper h3{font-size:1.5rem;margin-top:1rem;margin-bottom:0}#pool-calculator .form .wrapper .row{flex-direction:row;padding:1rem 0 0;align-items:flex-end}#pool-calculator .form .wrapper .row span{width:1.5rem;height:1.5rem}#pool-calculator .bg .selection .selection-body .series-product p{font-size:1.4rem;font-weight:400}}@media (min-width:576px) and (max-width:767.98px){#pool-calculator .bg{padding:15rem 5rem 0}}@media (min-width:768px) and (max-width:991.98px){#pool-calculator .bg{padding:15rem 5rem 0}}@media (min-width:992px) and (max-width:1199.98px){#pool-calculator .bg{padding:15rem 5rem 0}}@media (min-width:1200px) and (max-width:1535.98px){#pool-calculator .bg{padding:15rem 7rem 0}}#bid-pool{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:9}#bid-pool form{position:relative;width:60rem;border-radius:.5rem;background:var(--text-color);padding:5rem 3rem}#bid-pool form .close{position:absolute;top:-5rem;right:0;display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;border:1px solid var(--text-color-2);border-radius:.2rem;color:var(--text-color-2);background:var(--text-color);font-size:5rem;cursor:pointer}#bid-pool form .close span{transform:rotate(45deg)}#bid-pool form .close span,#bid-pool form .close span:after{display:block;width:2.4rem;height:1px;background:var(--text-color-2)}#bid-pool form .close span:after{content:"";transform:rotate(90deg)}#bid-pool form .ui-input{width:100%;height:4rem;border:1px solid rgba(95,106,112,.7);outline:none;font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;margin-bottom:1.3rem;padding:0 1rem;border-radius:.4rem;color:var(--text-color-2)}#bid-pool form .ui-input.big{height:10rem;padding:1rem;resize:none}#bid-pool form .ui-input::placeholder{font-size:1.5rem;font-weight:400;font-family:Barlow,sans-serif;color:var(--text-color-2)}#bid-pool form .auth-btn{display:inline-flex;justify-content:center;align-items:center;height:4rem;width:100%;font-size:1.6rem;font-family:Barlow,sans-serif;margin:3rem 0 0;border:none;outline:none;border-radius:.4rem;color:var(--text-color);background:var(--text-color-2);cursor:pointer;transition:.25s}#bid-pool form .auth-btn:hover{opacity:.8}@media (max-width:575.98px){#bid-pool form{width:90%;padding:3rem 1.5rem}#bid-pool form .ui-input{height:3rem;font-size:1.3rem;margin-bottom:1rem}#bid-pool form .ui-input::placeholder{font-size:1.3rem}#bid-pool form .auth-btn{height:3.5rem;font-size:1.4rem;margin-top:1.5rem}}