.mc{box-sizing:border-box;margin:0 auto;max-width:660px;padding:1.5rem}.mc *,.mc :after,.mc :before{box-sizing:inherit}.mc__card{overflow:hidden}.mc__body{padding:3rem}.mc__heading{margin:0 0 1.5rem!important}.mc__label{display:block;font-size:1.6rem;opacity:.7}.mc__form{display:flex;flex-direction:column;gap:1.5rem}.mc__row{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.mc__field{display:flex;flex-direction:column;gap:1rem}.mc__input-wrap{align-items:stretch;border:1px solid rgba(0,0,0,.2);display:flex;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.mc__input-wrap:focus-within{border-color:rgba(0,0,0,.8);box-shadow:0 0 0 3px rgba(0,0,0,.08)}.mc__adornment{align-items:center;background:rgba(0,0,0,.06);display:flex;opacity:.6;padding:0 1.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.mc__adornment--prefix{border-right:1px solid rgba(0,0,0,.1)}.mc__adornment--suffix{border-left:1px solid rgba(0,0,0,.1)}.mc__input{-moz-appearance:textfield;background:transparent;border:none;color:inherit;flex:1;min-width:0;outline:none;padding:1.5rem}.mc__input::-webkit-inner-spin-button,.mc__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mc__radio-group{display:flex;gap:1.5rem}.mc__radio-label{align-items:center;cursor:pointer;display:flex;font-size:1.6rem;gap:.75rem}.mc__radio-label input[type=radio]{accent-color:#000;cursor:pointer;height:18px;width:18px}.mc__results{border-top:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;gap:1.5rem;margin-top:28px;padding-top:24px}.mc__result{align-items:center;border:1px solid rgba(0,0,0,.12);display:flex;justify-content:space-between;padding:1rem}.mc__result--highlight{background-color:#000;border-color:#000;color:#fff}.mc__result--highlight span.mc__result-value{font-size:2.4rem;font-weight:500}.mc__result-label{opacity:.65}.mc__footer{font-size:1.6rem;margin:3rem 0 0;opacity:.6;padding:0!important}.mc--dark{color:#fff}.mc--dark .mc__card{background:transparent;box-shadow:none}.mc--dark .mc__input-wrap{border-color:hsla(0,0%,100%,.25)}.mc--dark .mc__input-wrap:focus-within{border-color:hsla(0,0%,100%,.9);box-shadow:0 0 0 3px hsla(0,0%,100%,.1)}.mc--dark .mc__adornment{background:hsla(0,0%,100%,.08);color:inherit}.mc--dark .mc__adornment--prefix{border-right-color:hsla(0,0%,100%,.15)}.mc--dark .mc__adornment--suffix{border-left-color:hsla(0,0%,100%,.15)}.mc--dark .mc__radio-label input[type=radio]{accent-color:#fff}.mc--dark .mc__results{border-top-color:hsla(0,0%,100%,.15)}.mc--dark .mc__result{border-color:hsla(0,0%,100%,.15)}.mc--dark .mc__result--highlight{background-color:#fff;border-color:#fff;color:#000}@media(max-width:480px){.mc__body{padding:1.5rem}.mc__row{grid-template-columns:1fr}.mc__radio-group{flex-direction:column}}.mc-popup{align-items:center;background:rgba(0,0,0,.6);display:flex;inset:0;justify-content:center;max-width:none;opacity:0;padding:1rem;position:fixed;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;z-index:99999}.mc-popup--open{opacity:1;visibility:visible}.mc-popup__modal{background:#002d22;box-shadow:0 20px 60px rgba(0,0,0,.3);max-height:90vh;max-width:920px;overflow-y:auto;position:relative;transform:translateY(-11px);transition:transform .25s ease;width:100%}.mc-popup__modal .mc{color:#fff;margin:0;max-width:none}.mc-popup__modal .mc .mc__label{opacity:1}.mc-popup__modal .mc .mc__input-wrap{border-color:#fff}.mc-popup__modal .mc .mc__input-wrap:focus-within{border-color:#fff;box-shadow:0 0 0 3px hsla(0,0%,100%,.2)}.mc-popup__modal .mc .mc__adornment{background:transparent;color:#fff;opacity:1}.mc-popup__modal .mc .mc__adornment--prefix{border-right-color:#fff}.mc-popup__modal .mc .mc__adornment--suffix{border-left-color:#fff}.mc-popup__modal .mc .mc__radio-label input[type=radio]{accent-color:#fff}.mc-popup__modal .mc .mc__results{border-top-color:#fff}.mc-popup__modal .mc .mc__result{border-color:#fff}.mc-popup__modal .mc .mc__result--highlight{background-color:#fff;color:#000}.mc-popup__modal .mc .mc__footer{opacity:.7}.mc-popup--open .mc-popup__modal{transform:translateY(0)}.mc-popup__close{align-items:center!important;background:none!important;border:1px solid #fff!important;border-radius:100%;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:2.4rem!important;height:40px!important;justify-content:center!important;line-height:1!important;opacity:.5!important;padding:5px!important;position:absolute!important;right:1.5rem!important;top:1.5rem!important;transition:opacity .15s ease;width:40px!important;z-index:1!important}.mc-popup__close:hover{border:1px solid #f2d94c!important}.mc-popup__close:hover svg{color:#f2d94c!important}body.mc-popup-active{overflow:hidden}