*{margin:0;box-sizing:border-box}:root{--font-primary: "Montserrat", sans-serif;--font-size-primary: 14px;--white: #ffffff;--website-color-orange: #ffce22;--website-color-orange-hover: #ffd84d;--website-color-black: #1f2128}button,input,label{font:inherit;cursor:pointer}body{font-family:var(--font-primary);font-size:var(--font-size-primary);font-weight:400;font-optical-sizing:auto;font-style:normal;background-color:var(--white);color:var(--website-color-black)}#root{height:100vh;width:100vw;display:grid;padding-inline:1rem}main{justify-self:center;border:1px solid #eeeeee;border-radius:6px;width:100%;height:100%;max-width:370px;max-height:326px;margin-top:85px;box-shadow:0 8px 15px #1414141f,0 0 4px #1414141a;padding-block:10px;display:flex;flex-direction:column;justify-content:space-between}main .line{position:relative;width:100%;padding-inline:22px}main .line:after{content:"";display:block;width:100%;height:.7px;background-color:#cdcdcd;margin:0 auto}main section{display:flex;flex-direction:column}main section button{margin:10px 20px;background-color:var(--website-color-orange);border-radius:4px;outline:none;border:transparent;padding:10px 20px;max-width:340px;max-height:40px}main section button:hover,main section button:focus{background-color:var(--website-color-orange-hover)}main section button:active{background-color:var(--website-color-orange);cursor:default}section .input-container{padding:8px 22px;--focus-box-shadow: 0 0 2px 4px hsla(220, 92%, 55%, .1);--checkbox-hover-bg: #5087f8;--checkbox-bg: #2469f6;--checkbox-active-border-bg: #bdbdbd}section .input-container label{width:100%;display:flex;justify-content:space-between}section .input-container label:hover input[type=checkbox]{border-color:var(--checkbox-active-border-bg)}section .input-container label:hover input[type=checkbox]~.checkmark-svg-container{display:block}section .input-container label:hover input[type=checkbox]~.checkmark-svg-container svg path{stroke:#e3e3e3}section .input-container label:hover input[type=checkbox]:checked{border-color:var(--checkbox-hover-bg);background-color:var(--checkbox-hover-bg)}section .input-container label:active input[type=checkbox]{border-color:var(--checkbox-active-border-bg);box-shadow:var(--focus-box-shadow)}section .input-container label:active input[type=checkbox]~.checkmark-svg-container{display:block}section .input-container label:active input[type=checkbox]~.checkmark-svg-container svg path{stroke:#878787}section .input-container label:active input[type=checkbox]:checked{box-shadow:var(--focus-box-shadow)}section .input-container .checkbox-container{position:relative}section .input-container input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--white);width:23px;height:23px;border:1px solid #e3e3e3;border-radius:6px;position:relative}section .input-container input[type=checkbox]:focus{border-color:var(--checkbox-active-border-bg);box-shadow:var(--focus-box-shadow);outline:none}section .input-container input[type=checkbox]:focus~.checkmark-svg-container{display:block}section .input-container input[type=checkbox]:focus~.checkmark-svg-container svg path{stroke:#878787}section .input-container input[type=checkbox]:focus:checked{border-color:var(--checkbox-hover-bg);background-color:var(--checkbox-hover-bg);box-shadow:var(--focus-box-shadow);outline:none}section .input-container input[type=checkbox]:active{background-color:var(--hover-bg)}section .input-container input[type=checkbox]:active~.checkmark-svg-container{display:block}section .input-container input[type=checkbox]:active~.checkmark-svg-container svg path{stroke:var(--white)}section .input-container input[type=checkbox]:checked{background-color:var(--checkbox-bg);border-color:var(--checkbox-bg)}section .input-container input[type=checkbox]:checked~.checkmark-svg-container{display:block}section .input-container input[type=checkbox]:checked~.checkmark-svg-container svg path{stroke:var(--white)}section .input-container .checkmark-svg-container{display:none;position:absolute;top:3px;left:3px}