@font-face{font-family:latoblack;src:local("latoblack"),url(/tyre-calculator/static/media/lato-black-webfont.5d5cb813a44d681f34b3.woff2) format("woff2"),url(/tyre-calculator/static/media/lato-black-webfont.926cfc1cf43500b41e6c.woff) format("woff")}@font-face{font-family:latomedium;src:local("latomedium"),url(/tyre-calculator/static/media/lato-medium-webfont.a22d16599896223652e8.woff2) format("woff2"),url(/tyre-calculator/static/media/lato-medium-webfont.1356fa0b10f8a325c0f4.woff) format("woff")}@font-face{font-family:latoregular;src:local("latoregular"),url(/tyre-calculator/static/media/lato-regular-webfont.0b774a547c7bdca1ba45.woff2) format("woff2"),url(/tyre-calculator/static/media/lato-regular-webfont.3877293b19d4f60374b1.woff) format("woff")}@font-face{font-family:Bebas Neue;src:local("Bebas Neue"),url(/tyre-calculator/static/media/bebasneuebold.beb6b9047e5df8aa73cc.woff2) format("woff2"),url(/tyre-calculator/static/media/bebasneuebold.e9a1d1540e2dc38042c4.woff) format("woff")}@font-face{font-family:yu_gothicregular;src:local("yu_gothicregular"),url(/tyre-calculator/static/media/yugothic-webfont.5d88499b540440ea356e.woff2) format("woff2"),url(/tyre-calculator/static/media/yugothic-webfont.54435a564d6b041d9342.woff) format("woff")}*{box-sizing:border-box}a{display:inline-block;text-decoration:none}li,ul{list-style:none;margin:0;padding:0}body{background:url(/tyre-calculator/static/media/bg.6262b7c1e2e707821583.jpg) top no-repeat fixed padding-box content-box;background-size:cover;font-family:sans-serif;font-size:14px;margin:auto}#container{display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:375px;min-height:667px;padding:50px 0;position:relative}.header{flex:1 1;padding-top:100px;width:100%}.button,.header p,h1{text-align:center;text-transform:uppercase}h1{color:#fec400;font-family:latoblack;font-size:36px}.header p{color:#fff;font-family:yu_gothicregular;font-size:10px;letter-spacing:7.5px}.basement{flex:1 1;width:100%}.button{background:#000;border-color:#000;border-radius:8px;bottom:70px;box-sizing:border-box;color:#fff;cursor:pointer;font-family:Bebas Neue;font-size:18px;left:25%;max-width:50%;padding:10px 0;position:absolute;right:25%}.button:hover{background-color:#e36804;border:1px solid #e36704;box-shadow:0 0 15px #e36704;color:#000}#select-page{flex:1 1;padding:8px;width:100%}.heder-chenges,.select-conteiner,.title-select{text-align:center;text-transform:uppercase}.heder-chenges,.select-value,.title-select{font-size:18px}.heder-chenges,.title-select{color:#000;font-family:Bebas Neue}.new-size,.old-size{border-radius:8px;box-sizing:border-box;margin:0 auto 20px;padding:8px;width:300px}.old-size{background-color:#fec400}.new-size{background-color:#e36804}.title-select{margin-block-end:0;margin-block-start:0}.select-item{-webkit-appearance:base-select;appearance:base-select;background-color:#fff;border:1px solid #e4e4e7;border-radius:calc(.5rem - 2px);box-shadow:0 1px 2px #0000000d;box-sizing:border-box;color:#71717a;cursor:pointer;font-size:20px;&>button{color:currentColor;display:flex;font-family:inherit;width:100%;&>svg{height:1.2rem;margin:2px 0 0 auto;width:1.2rem}}&:has(option:not([hidden]):checked){color:#000}&:focus-visible{outline:2px solid #a1a1aa;outline-offset:-1px}&::picker-icon{display:none}&::picker(select){-webkit-appearance:base-select;appearance:base-select;border:1px solid #e4e4e7;border-radius:calc(.5rem - 2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;cursor:default;margin-top:.25rem;opacity:1;padding:.25rem;transform:translateY(0);transform-origin:top;transition:opacity 225ms ease-in-out,transform 225ms ease-in-out;@starting-style{opacity:0;transform:translateY(-.25rem) scale(.95)}}& optgroup label{display:block;padding:.375rem .5rem}& option{border-radius:calc(.5rem - 4px);outline:none;padding:.375rem .5rem;&:after{background:50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%2318181b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");content:"";height:1.5rem;margin-left:auto;opacity:0;width:1rem}&::checkmark{display:none}&:checked{background-color:initial;&:after{opacity:1}}&:focus-visible,&:hover{background-color:#f4f4f5;color:#18181b}}}.horizontal-line{background-color:#fff}.visual-value{background:url(/tyre-calculator/static/media/visual-result.26ecf05d0d0e633b1e94.jpg) no-repeat top;background-size:cover;height:230px;max-width:100%;position:relative}.new-diameter,.new-height,.new-width,.old-diameter,.old-height,.old-width{border-radius:8px;box-sizing:border-box;font-size:14px;padding:2px 3px;position:absolute}.old-diameter,.old-height,.old-width{background-color:#fec400}.new-diameter,.new-height,.new-width{background-color:#e36804}.new-width,.old-width{top:5px}.old-width{right:222px}.new-width{left:215px}.new-height,.old-height{top:60px}.old-height{left:15px}.new-height{right:15px}.new-diameter,.old-diameter{bottom:60px}.old-diameter{right:270px}.new-diameter{left:270px}#result-page{flex:1 1;position:relative;width:100%}.curent-size{background-color:#e36804;border-radius:8px;box-sizing:border-box;font-size:18px;margin:0 auto;padding:8px;text-align:center;width:300px}.curent-size-conteiner{margin:5px auto}.curent-size-title{color:#000;font-family:Bebas Neue;font-size:18px;margin-block-end:0;margin-block-start:0;text-align:center}.curent-size-item{background-color:#fff;border:1px solid #e4e4e7;border-radius:calc(.5rem - 2px);box-sizing:border-box;display:inline;font-size:20px;margin:0 5px;padding:4px 16px}.result-conteiner{background-color:#fec400;margin:18px 10px;padding:5px;text-align:center}.result-table{border-collapse:collapse;max-height:25vh;min-width:100%}table,td,th{border:1px solid #000;padding:0 4px}.result-footer{background:url(/tyre-calculator/static/media/bg-footer.d996ea26fed1bfb1bf9e.jpg) no-repeat top;background-size:cover;padding:10px 0}.result-massage,.result-speed{background-color:#ffffffd9;padding:0 3px;text-align:center}.button-result{background:#e36804;border-color:#e36804;color:#000}.button-result:hover{background-color:#fec400;border:1px solid #fec400;box-shadow:0 0 15px #fec400}
/*# sourceMappingURL=main.64aa08b1.css.map*/