{} *{} /*endBaseStyles*//* General Styles */
body { font-family: 'Arial', sans-serif; margin: 0; padding: 0; background: linear-gradient(135deg, #a8edea, #fed6e3); color: #333; display: flex; justify-content: center; align-items: center; height: 100vh;
}
.calculator { background: #fff; border-radius: 12px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 20px 30px; max-width: 500px; width: 90%; text-align: center;
}
h1 { font-size: 1.8em; margin-bottom: 20px; color: #444;
}
label { display: block; margin-top: 15px; font-weight: bold;
}
input[type="range"] { width: 100%; margin-top: 10px; appearance: none; height: 5px; border-radius: 5px; background: linear-gradient(90deg, #4facfe, #00f2fe); outline: none; opacity: 0.9; transition: opacity 0.3s;
}
input[type="range"]:hover { opacity: 1;
}
input[type="range"]::-webkit-slider-thumb { appearance: none; width: 15px; height: 15px; border-radius: 50%; background: #00f2fe; cursor: pointer; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
input[type="range"]::-moz-range-thumb { width: 15px; height: 15px; border-radius: 50%; background: #00f2fe; cursor: pointer; box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
span { display: inline-block; margin-top: 5px; font-weight: bold; color: #444;
}
button { margin-top: 20px; padding: 10px 20px; font-size: 1em; color: #fff; background: linear-gradient(90deg, #ff758c, #ff7eb3); border: none; border-radius: 5px; cursor: pointer; transition: background 0.3s ease;
}
button:hover { background: linear-gradient(90deg, #ff7eb3, #ff758c);
}
table { width: 100%; margin-top: 20px; border-collapse: collapse;
}
th, td { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; font-size: 0.9em;
}
th { background: #f7f7f7; font-weight: bold;
}
td { color: #555;
}
tr:nth-child(even) { background: #f9f9f9;
}
p { margin-top: 20px; font-size: 1em; color: #555;
} #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } @media (max-width: 639px) { .gp-component-id-gVtkHZSUe[data-gp-component] { text-align: center;margin-left: auto;margin-right: auto;width: 100%;overflow-wrap: break-word; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-gVtkHZSUe[data-gp-component] { text-align: center;margin-left: auto;margin-right: auto;width: 100%;overflow-wrap: break-word; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-gVtkHZSUe[data-gp-component] { text-align: center;margin-left: auto;margin-right: auto;width: 100%;overflow-wrap: break-word; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-gVtkHZSUe[data-gp-component] { text-align: center;margin-left: auto;margin-right: auto;width: 100%;overflow-wrap: break-word; } } @media (min-width: 1200px) { .gp-component-id-gVtkHZSUe[data-gp-component] { text-align: center;margin-left: auto;margin-right: auto;width: 100%;overflow-wrap: break-word; } } @media (max-width: 639px) { .gp-component-id-V4T7USo0Oc[data-gp-component] { padding-left: 8px;padding-right: 8px;padding-top: 40px;padding-bottom: 40px;width: 100%; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-V4T7USo0Oc[data-gp-component] { padding-left: 8px;padding-right: 8px;padding-top: 40px;padding-bottom: 40px;width: 100%; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-V4T7USo0Oc[data-gp-component] { padding-left: 8px;padding-right: 8px;padding-top: 40px;padding-bottom: 40px;width: 100%; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-V4T7USo0Oc[data-gp-component] { padding-left: 8px;padding-right: 8px;padding-top: 40px;padding-bottom: 40px;width: 100%; } } @media (min-width: 1200px) { .gp-component-id-V4T7USo0Oc[data-gp-component] { padding-left: 8px;padding-right: 8px;padding-top: 40px;padding-bottom: 40px;width: 100%; } } @media (max-width: 639px) { .gp-component-id-gQW_nAcFw0[data-gp-component] { width: 100%;flex-direction: row;justify-content: center;display: flex; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-gQW_nAcFw0[data-gp-component] { width: 100%;flex-direction: row;justify-content: center;display: flex; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-gQW_nAcFw0[data-gp-component] { width: 100%;flex-direction: row;justify-content: center;display: flex; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-gQW_nAcFw0[data-gp-component] { width: 100%;flex-direction: row;justify-content: center;display: flex; } } @media (min-width: 1200px) { .gp-component-id-gQW_nAcFw0[data-gp-component] { width: 100%;flex-direction: row;justify-content: center;display: flex; } } .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } @media (max-width: 639px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } @media (min-width: 1200px) { .gp-component-id-flstvjFUCs { width: 100%;padding-left: 8px;padding-right: 8px; } } .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } @media (max-width: 639px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } @media (min-width: 1200px) { .gp-component-id-VoF8EIDGf { margin-left: -8px;margin-right: -8px; } } .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15; } @media (max-width: 639px) { .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 640px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 768px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 992px; } } @media (min-width: 1200px) { .gp-component-id-OUV3KRBzH8 { width: 100%;margin-right: auto;margin-left: auto;position: relative;z-index: 15;max-width: 1200px; } } .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } @media (max-width: 639px) { .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } @media (min-width: 1200px) { .gp-component-id-yMv3uQxUt4.gp-component > [data-section-overlay] { bottom: 0px;top: 0px;left: 0px;right: 0px;position: absolute;z-index: 14; } } .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } @media (max-width: 639px) { .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 767px) and (min-width: 640px) { .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 991px) and (min-width: 768px) { .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } } @media (max-width: 1199px) and (min-width: 992px) { .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } } @media (min-width: 1200px) { .gp-component-id-yMv3uQxUt4 { z-index: auto;position: relative;min-height: 50px; } }