.calculatorComponent{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:140px 0}.calculatorComponent .container{display:flex;justify-content:center;flex-direction:column;gap:40px;align-items:center}.calculatorComponent .container .custom-select{position:relative;border:1px solid #000;flex:1}.calculatorComponent .container .custom-select:first-of-type{border-left:1px solid #000}.calculatorComponent .container .custom-select select{display:none}.calculatorComponent .container .custom-select .select-selected{background-color:#fff0;color:#000;cursor:pointer;user-select:none;width:100%;box-sizing:border-box;display:flex;align-items:center;color:#000;font-family:"RB Faktum Neue Extended";font-size:12px;font-style:normal;font-weight:600;line-height:16px;justify-content:center;padding:16px}.calculatorComponent .container .custom-select .select-selected svg path{fill:#000}.calculatorComponent .container .custom-select .select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;max-height:200px;overflow-y:auto;box-sizing:border-box;width:100%;border:1px solid #000}.calculatorComponent .container .custom-select .select-items::-webkit-scrollbar{display:none}.calculatorComponent .container .custom-select .select-items.select-hide{display:none}.calculatorComponent .container .custom-select .select-items div{color:#000;padding:16px;border:1px solid #fff0;cursor:pointer;user-select:none;color:#a2a2a2;font-family:"RB Faktum Neue Extended";font-size:12px;font-style:normal;font-weight:600;line-height:16px}.calculatorComponent .container .custom-select .select-items div.same-as-selected,.calculatorComponent .container .custom-select .select-items div:hover{background-color:#f1f1f1}.calculatorComponent #calculator{padding:0;border:unset;outline:0;max-width:425px;width:100%;overflow:visible;background:0 0}@media screen and (max-width:500px){.calculatorComponent #calculator{max-width:100%;height:100vh}}.calculatorComponent #calculator.fullscreen{transform:translateY(0) translateX(calc(100% + 16px));top:0}.calculatorComponent #calculator.fullscreen .close{top:20px;left:unset;right:30px;transform:translateY(0) translateX(0)}@media screen and (max-width:500px){.calculatorComponent #calculator.fullscreen .close{left:unset;right:20px}}.calculatorComponent #calculator.fullscreen .content{height:100vh;overflow-y:auto;padding-top:60px}.calculatorComponent #calculator .content{background:#8c8c8c;padding:30px;position:relative;border-radius:15px}@media screen and (max-width:500px){.calculatorComponent #calculator .content{padding:20px;border-radius:0;height:100%;display:flex;overflow-y:scroll;padding-top:60px;padding-bottom:60px}}@media screen and (max-width:500px){.calculatorComponent #calculator .content .mobile-padding-bot{padding-bottom:60px}}.calculatorComponent #calculator .content h4{color:#fff}.calculatorComponent #calculator .content .text p{color:#fff;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.calculatorComponent #calculator .content .units .custom-select,.calculatorComponent #calculator .content .variations .custom-select{position:relative;border:1px solid #fff;flex:1}.calculatorComponent #calculator .content .units .custom-select:first-of-type,.calculatorComponent #calculator .content .variations .custom-select:first-of-type{border-left:1px solid #fff}.calculatorComponent #calculator .content .units .custom-select select,.calculatorComponent #calculator .content .variations .custom-select select{display:none}.calculatorComponent #calculator .content .units .custom-select .select-selected,.calculatorComponent #calculator .content .variations .custom-select .select-selected{background-color:#fff0;color:#fff;cursor:pointer;user-select:none;width:100%;box-sizing:border-box;display:flex;align-items:center;color:#fff;font-family:"RB Faktum Neue Extended";font-size:12px;font-style:normal;font-weight:600;line-height:16px;justify-content:center;padding:16px}.calculatorComponent #calculator .content .units .custom-select .select-selected svg path,.calculatorComponent #calculator .content .variations .custom-select .select-selected svg path{fill:#fff}.calculatorComponent #calculator .content .units .custom-select .select-items,.calculatorComponent #calculator .content .variations .custom-select .select-items{position:absolute;background-color:#fff;top:100%;left:0;right:0;z-index:99;max-height:200px;overflow-y:auto;box-sizing:border-box;width:100%;border:1px solid #fff}.calculatorComponent #calculator .content .units .custom-select .select-items::-webkit-scrollbar,.calculatorComponent #calculator .content .variations .custom-select .select-items::-webkit-scrollbar{display:none}.calculatorComponent #calculator .content .units .custom-select .select-items.select-hide,.calculatorComponent #calculator .content .variations .custom-select .select-items.select-hide{display:none}.calculatorComponent #calculator .content .units .custom-select .select-items div,.calculatorComponent #calculator .content .variations .custom-select .select-items div{color:#000;padding:16px;border:1px solid #fff0;cursor:pointer;user-select:none;color:#a2a2a2;font-family:"RB Faktum Neue Extended";font-size:12px;font-style:normal;font-weight:600;line-height:16px}.calculatorComponent #calculator .content .units .custom-select .select-items div.same-as-selected,.calculatorComponent #calculator .content .units .custom-select .select-items div:hover,.calculatorComponent #calculator .content .variations .custom-select .select-items div.same-as-selected,.calculatorComponent #calculator .content .variations .custom-select .select-items div:hover{background-color:#f1f1f1}.calculatorComponent #calculator .content .variations{column-gap:10px}.calculatorComponent #calculator .content .units .custom-select .select-selected{justify-content:space-between}.calculatorComponent #calculator .content .units .custom-select{border-right:unset}.calculatorComponent #calculator .content .quantity{display:flex;align-items:center;justify-content:center;margin-right:0;flex:1;width:100%;border:1px solid #fff}.calculatorComponent #calculator .content .quantity .buttons_added{display:flex;align-items:center;border:1px solid #8c8c8c}.calculatorComponent #calculator .content .quantity .buttons_added button{outline:0;border:unset}.calculatorComponent #calculator .content .quantity input.qty{background-color:#fff0;color:#fff;border:none;font-family:"RB Faktum Neue Extended";font-size:12px;font-weight:600;text-align:center;box-sizing:border-box;-moz-appearance:textfield;width:50px;outline:0}.calculatorComponent #calculator .content .quantity input.qty::-webkit-inner-spin-button,.calculatorComponent #calculator .content .quantity input.qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;outline:0;border:unset}.calculatorComponent #calculator .content .quantity button{background-color:#fff0;color:#fff;border:none;cursor:pointer;font-family:"RB Faktum Neue Extended";font-size:12px;font-weight:600;outline:0;border:unset}.calculatorComponent #calculator .content .single{padding:16px;background:#fcffd9;flex:1}.calculatorComponent #calculator .content .single:last-of-type{border-left:1px solid #8c8c8c}.calculatorComponent #calculator .content .single p{color:#8c8c8c;font-size:12px;font-style:normal;font-weight:600;line-height:16px}.calculatorComponent #calculator .content .single.transparent{background:0 0;border:1px solid #fff}.calculatorComponent #calculator .content .single.transparent:first-of-type{border-right:unset}.calculatorComponent #calculator .content .single.transparent:last-of-type{border-left:1px solid #fff}.calculatorComponent #calculator .content .single.transparent p{color:#fff}.calculatorComponent #calculator .content .unit-price .flx{width:100%}.calculatorComponent #calculator .content .unit-price p{color:#fff;font-size:12px}.calculatorComponent #calculator .content .add-to-cart-dialog .cart button{width:100%;border-radius:45px!important;color:#5f5f5f;column-gap:6px;padding:15px 20px;font-family:"RB Faktum Neue Extended";font-size:14px;font-style:normal;font-weight:600;line-height:16px;background:#fcffd9;display:flex;align-items:center;justify-content:center;column-gap:6px}.calculatorComponent #calculator .content{scrollbar-width:thin;scrollbar-color:#fff #fff0}.calculatorComponent #calculator .content::-webkit-scrollbar{width:6px}.calculatorComponent #calculator .content::-webkit-scrollbar-track{background:0 0}.calculatorComponent #calculator .content::-webkit-scrollbar-thumb{background-color:#fff;border-radius:10px}.calculatorComponent #calculator .content::-webkit-scrollbar-thumb:hover{background-color:#e6e6e6}