a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input,select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none}@-ms-viewport{width:device-width}body{-ms-overflow-style:scrollbar}@media screen and (max-width:480px){body,html{min-width:320px}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body *{-webkit-tap-highlight-color:transparent}
body,input,button,select,textarea{font-family:'Poppins',sans-serif;font-size:16px;font-weight:300;line-height:1.25em;letter-spacing:0.015em;}@media screen and (max-width: 1680px){body,input,button,select,textarea{font-size:16px;}}@media screen and (max-width: 1280px){body,input,button,select,textarea{font-size:14px}}

button,.button{text-align:center;border:none;background:none;cursor:pointer;padding:0;}
button,.button{
    display: inline-block;
    font-size:1em;
    background:var(--cool-gray);
    color:var(--space-cadet);
    width:2.75em;
    height:2.75em;
    /* padding:1em; */
    /* line-height:1em; */
    font-weight:600;
    border-radius:0.75em;
    transition: background-color 0.4s ease-out;
}
button:hover,.button:hover{
    /* opacity:0.8; */
    background-color: var(--cool-gray-blur);
}
button.action,.button.action{
    min-width:8em;
    padding:0 1em;
}
button.full,.button.full{
    width:100%;
}
button.disable,.button.disable{
    background-color: var(--antiflash-white);
    color:var(--cool-gray);
    cursor:default;
}
label{
    display:block;width:100%;line-height:1.5em;
}
input{
    width:100%;
    line-height:2em;
    border-radius:0.5em;
    padding:0 0.5em;
    border: solid 1px var(--cool-gray);
    &:focus, &:active{border-color:var(--space-cadet);}
    &:read-only{background-color:var(--antiflash-white);}
}
select{
    width:100%;
    line-height:2em;
    border-radius:0.5em;
    padding:0 0.5em;
    border: solid 1px var(--cool-gray);
    cursor: pointer;
}
textarea{
    width:100%;
    line-height:2em;
    border-radius:0.5em;
    padding:0 0.5em;
    border: solid 1px var(--cool-gray);
    &:focus, &:active{border-color:var(--space-cadet);}
}