*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}main{width:100%;position:relative}a{text-decoration:none}li{list-style:none}button,input{cursor:pointer;background:0 0;border:none;outline:none}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.main_container{width:90%}.contacts{z-index:1000;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:50%;right:0;transform:translateY(-50%)}.contacts .contact{background-color:#14ac14;width:56px;height:40px;transition:width .3s;overflow:hidden}.contacts .contact a{color:#fff;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:0 12px;text-decoration:none;display:flex}.contacts .contact a svg{flex-shrink:0;width:24px;height:24px;transition:transform .2s}.contacts .contact a span{white-space:nowrap;transition:opacity .2s;display:none}.contacts .contact.expanded{width:160px}.contacts .contact.expanded a{justify-content:flex-start;gap:10px}.contacts .contact.expanded a span{opacity:1;display:inline}@media (min-width:1024px){.contacts .contact{width:56px}.contacts .contact:hover{width:160px}.contacts .contact:hover a{justify-content:flex-start;gap:10px}.contacts .contact:hover a span{opacity:1;display:inline}}@media (max-width:1024px){main{flex-direction:column}.main_container{width:100%}}