.m-calculator{background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:48px 32px;border-radius:var(--calculator-border-radius)}.m-calculator__header{text-align:center;margin-bottom:32px}.m-calculator__subtitle{font-size:18px;color:rgb(var(--color-foreground-secondary))}.m-calculator__form{display:flex;gap:16px;max-width:1400px;margin:0 auto;align-items:flex-end}.m-calculator__field{flex:1}.m-calculator__label{display:block;font-size:14px;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;color:rgb(var(--color-foreground))}.m-calculator__select{width:100%;padding:16px 40px 16px 20px;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;font-size:16px;cursor:pointer;-webkit-appearance:none;appearance:none;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23666' d='M1.41 0L6 4.59 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;transition:all .3s ease}.m-calculator__select:hover{border-color:rgba(var(--color-foreground),.2)}.m-calculator__select:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.m-calculator__input-wrapper{position:relative}.m-calculator__input-symbol{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:600;color:rgb(var(--color-foreground-secondary))}.m-calculator__input{width:100%;padding:16px 20px 16px 48px;background:rgba(var(--color-foreground),.05);color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;font-size:20px;font-weight:600;text-align:center;transition:all .3s ease}.m-calculator__input:hover{border-color:rgba(var(--color-foreground),.2)}.m-calculator__input:focus{outline:none;border-color:rgb(var(--color-button));box-shadow:0 0 0 3px rgba(var(--color-button),.1)}.m-calculator__button{padding:16px 48px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.m-calculator__button:hover{opacity:.9;transform:translateY(-2px)}.m-calculator__results{margin-top:48px;display:none}.m-calculator__results.active{display:block}.m-calculator__results-header{text-align:center;margin-bottom:24px}.m-calculator__results-title{font-size:32px;font-weight:700;margin-bottom:8px;color:rgb(var(--color-foreground))}.m-calculator__results-subtitle{font-size:16px;color:rgb(var(--color-foreground-secondary))}.m-calculator__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1400px;margin:0 auto}.m-calculator__card{background:rgb(var(--color-card-background, var(--color-background)));color:rgb(var(--color-foreground));padding:32px;border-radius:12px;border:1px solid rgba(var(--color-foreground),.1);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.m-calculator__card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(var(--color-foreground),.1)}.m-calculator__card-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px;text-transform:uppercase}.m-calculator__card-badge--monthly{background:#3b82f69c;color:#fff}.m-calculator__card-badge--annual{background:#10b9819c;color:#fff}.m-calculator__card-badge--biennial{background:#3b82f69c;color:#fff}.m-calculator__card-value{font-size:48px;font-weight:700;margin-bottom:8px;line-height:1}.m-calculator__card-label{font-size:16px;color:rgb(var(--color-foreground-secondary))}.m-calculator__card-progress{margin-top:24px;height:4px;background:rgba(var(--color-foreground),.1);border-radius:2px;overflow:hidden}.m-calculator__card-progress-bar{height:100%;width:100%;border-radius:2px;animation:progressGrow 1s ease-out;transform-origin:left}.m-calculator__card-progress-bar--monthly{background:#3b82f6}.m-calculator__card-progress-bar--annual{background:#10b981}.m-calculator__card-progress-bar--biennial{background:#3b82f6}.m-calculator-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;animation:fadeIn .3s ease}.m-calculator-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.m-calculator-modal__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;max-width:48rem;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .4s ease;display:flex;flex-direction:column}.m-calculator-modal__close{position:absolute;top:20px;right:20px;background:#fff3;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;color:#fff;z-index:10}.m-calculator-modal__close:hover{background:#ffffff4d;transform:rotate(90deg)}.m-calculator-modal__hero{background:#2563eb;color:#fff;padding:25px 40px;position:relative}.m-calculator-modal__hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fbbf24;color:#1e293b;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:24px}.m-calculator-modal__hero-title{font-size:30px;font-weight:700;line-height:1.2;margin-bottom:16px;color:#fff}.m-calculator-modal__hero-subtitle{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0}.m-calculator-modal__body{background:#fff;padding:25px 40px;overflow-y:auto;flex:1}.m-calculator-modal__body-title{font-size:21px;font-weight:700;color:#1e293b;margin-bottom:14px}.m-calculator-modal__offers{list-style:none;padding:0;margin:0 0 32px}.m-calculator-modal__offer-item{position:relative;padding-left:32px;margin-bottom:1px;font-size:16px;line-height:1.6;color:#334155}.m-calculator-modal__offer-item:before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background:#2563eb;border-radius:50%}.m-calculator-modal__cta{text-align:left}.m-calculator-modal__cta-button{display:inline-block;padding:16px 48px;background:#2563eb;color:#fff;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}.m-calculator-modal__cta-button:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}@media (max-width: 640px){.m-calculator-modal__content{width:95%;max-height:95vh}.m-calculator-modal__hero{padding:32px 24px}.m-calculator-modal__hero-title{font-size:28px}.m-calculator-modal__hero-subtitle{font-size:16px}.m-calculator-modal__body{padding:24px}.m-calculator-modal__body-title{font-size:20px}.m-calculator-modal__cta-button{width:100%;text-align:center}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 640px){.m-calculator{padding:32px 20px!important}.m-calculator__subtitle{font-size:16px!important}.m-calculator__form{flex-direction:column;gap:12px!important}.m-calculator__button{padding:14px 32px!important;font-size:14px!important}.m-calculator__results-title{font-size:24px!important}.m-calculator__card{padding:24px!important}.m-calculator__card-value{font-size:36px!important}.m-calculator__cards{grid-template-columns:1fr}.m-calculator-modal__content{padding:24px;width:95%}.m-calculator-modal__title{font-size:24px}.m-calculator-modal__offer{flex-direction:column}.m-calculator-modal__offer-image{width:100%;height:200px}.m-calculator-modal__form-group{flex-direction:column}}.m-calculator__input::-webkit-outer-spin-button,.m-calculator__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media print{.m-calculator__form,.m-calculator__button,.m-calculator-modal{display:none}.m-calculator__results{display:block!important;opacity:1!important;transform:none!important}}@media (max-width: 640px){.m-calculator{padding:32px 20px!important}.m-calculator__subtitle{font-size:16px!important}.m-calculator__form{gap:12px!important}.m-calculator__button{padding:14px 32px!important;font-size:14px!important}.m-calculator__results-title{font-size:24px!important}.m-calculator__card{padding:24px!important}.m-calculator__card-value{font-size:36px!important}}@media (min-width: 641px) and (max-width: 1024px){.m-calculator__cards{grid-template-columns:repeat(2,1fr)!important}.m-calculator__cards .m-calculator__card:last-child{grid-column:1 / -1;max-width:50%;margin:0 auto}}.m-calculator__select:focus,.m-calculator__input:focus{outline:2px solid var(--calculator-button-bg);outline-offset:2px}.m-calculator__button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.m-calculator__button.loading{position:relative;color:transparent;pointer-events:none}.m-calculator__button.loading:after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid transparent;border-top-color:var(--calculator-button-text);border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}.m-calculator__results{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.m-calculator__results.active{opacity:1;transform:translateY(0)}.m-calculator__card{transition:transform .3s ease,box-shadow .3s ease}.m-calculator__card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000026}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.m-calculator__card-value.updating{animation:numberPulse .5s ease}.m-calculator__select option{padding:12px;background:var(--calculator-input-bg);color:var(--calculator-input-text)}.m-calculator__input::-webkit-outer-spin-button,.m-calculator__input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.m-calculator__input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.m-calculator__card-progress-bar{animation:progressGrow 1s ease-out;transform-origin:left}@keyframes progressGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-color-scheme: dark){.m-calculator__select,.m-calculator__input{color-scheme:dark}}@media print{.m-calculator__form,.m-calculator__button{display:none}.m-calculator__results{display:block!important;opacity:1!important;transform:none!important}}.m-calculator__label{cursor:pointer}.m-calculator__select:disabled,.m-calculator__input:disabled,.m-calculator__button:disabled{opacity:.5;cursor:not-allowed}.m-calculator__input.error{border:2px solid #ef4444}.m-calculator__error-message{color:#ef4444;font-size:14px;margin-top:4px;display:none}.m-calculator__input.error+.m-calculator__error-message{display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/calculator.css.map */