:root{--snow:#F8F9FA;--white:#FFFFFF;--whitefade:rgb(255, 255, 255, 0.9);--black:#000814d9;--blackfade:#000814ab;--blue:#28b1ec;--bluefade:#63D0FF38;--lightblue:#72DDF7;--green:#11C88F;--greenfade:#11C88F38;--darkgreen:#0aa97c;--lightgreen:#1EEBAA;--yellow:#FFD942;--lightyellow:#FFE063;--lightyellow:#FDDE68;--yellowfade:#FDDE6838;--lightgray:#ced4da;--purple:#9965f4;--lightpurple:#C8A0FF;--purplefade:#c8a0ff38;--darkpurple:#5E10E5;--red:#E50B5E;--lightred:#ff87b5;--redfade:#f63c832b;--shadow:#d3d3d3;--shadowfade:#d3d3d37c;--link-hover:#096AFB;--max-content-width:840px;--max-content-width-main:620px;--max-content-width-aside:300px}*{margin:0;padding:0;font-family:Rubik,sans-serif}body{display:flex;flex-direction:column;align-items:center;background-color:var(--white);gap:16px}h1{font-size:36px}h2{color:var(--black);font-size:20px}h3{font-size:18px}li,p{color:var(--blackfade);line-height:24px}li{list-style:none}a{text-decoration:none}input{padding:8px 16px;border:none;text-align:center;outline:0;font-family:Rubik,sans-serif}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.hidden{display:none!important}.banner{width:calc(100% - 64px);padding:96px 32px;border-radius:16px;background-size:contain;background-color:var(--purplefade);display:flex;flex-direction:column;align-items:center;gap:8px}.banner .text{width:calc(100%);padding:20px 0;border-radius:16px}.banner h1{text-align:center;color:var(--black);margin-bottom:4px}.banner p{text-align:center;color:var(--blackfade)}@media (max-width:750px){.converter{padding:0!important}.tool{flex-direction:column!important;gap:16px!important}.tool input{width:calc(100% - 32px)}.tool label{max-width:360px!important}}.breadcrumb{width:100%;margin-bottom:-24px}.breadcrumb a,.breadcrumb li{display:inline;font-size:14px;color:var(--black);text-wrap-mode:nowrap}.breadcrumb a:hover{color:var(--link-hover)}.breadcrumb ol{display:flex;align-items:center;gap:4px}.breadcrumb ol li{list-style-type:none}.breadcrumb .slush{margin:0 4px}.content{display:flex;justify-content:space-between;gap:36px;width:100%}.content article{display:flex;flex-direction:column;gap:32px;width:100%;max-width:calc(var(--max-content-width)/ 3 * 1.8 - 16px)}.content article.full{max-width:calc(var(--max-content-width) - 16px)}.content article.docs{gap:24px}.content article.docs h1{color:var(--black);text-align:center;padding:24px 0}.content article.docs h2{color:var(--black);font-size:18px}.content article.docs .block{display:flex;flex-direction:column;gap:12px}.content article.docs a{color:var(--link-hover);font-weight:500}.content article.docs strong{color:var(--blackfade);font-weight:600}.content article.docs .updated{font-size:15px}.content aside{display:flex;flex-direction:column;gap:32px;max-width:calc(var(--max-content-width)/ 3 - 16px);width:50%}.content aside .links{display:flex;flex-direction:column;gap:16px}.content aside .links a{color:var(--black);border-bottom:2px dotted transparent;width:fit-content}.content aside .links a:hover{color:var(--link-hover);border-color:var(--link-hover)}.content table{border-collapse:collapse;width:100%}.content table tr:last-child td:first-child{border-bottom-left-radius:10px}.content table tr:first-child th:first-child{border-top-left-radius:10px}.content table tr:last-child th:last-child{border-top-right-radius:10px}.content table tr:last-child td:last-child{border-bottom-right-radius:10px}.content table thead{border-bottom:1px solid var(--blackfade)}.content table thead th{background-color:var(--bluefade);color:var(--black)}.content table thead tr{border-top:none!important}.content table th{text-align:left}.content table td,.content table th{padding:12px 16px}.content table td:last-child,.content table th:last-child{border-left:1px solid var(--blackfade)}.content table tr{background-color:var(--shadowfade);border-top:1px solid var(--blackfade)}.content table tbody>tr:nth-of-type(2n){background-color:var(--snow)}.content table caption{caption-side:bottom;padding:24px 16px 16px 16px;color:var(--blackfade);text-align:left}.converter{min-height:296px;width:100%;padding:32px;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:8px}.converter h1{text-align:center;color:var(--black)}.converter p{text-align:center;color:var(--blackfade)}.converter .tool{width:100%;margin:32px 0;display:flex;justify-content:center;flex-direction:row;align-items:center;gap:24px}.converter .tool .field{width:calc(100% - 24px);max-width:348px;background-color:var(--lightyellow);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:4px}.converter .tool .field label.title{text-align:left;font-weight:300;font-size:14px}.converter .tool .field .unit{display:flex;flex-direction:column;gap:16px}.converter .tool .field .select-wrapper{display:flex;gap:4px;align-items:center}.converter .tool .field select{background-color:transparent;border:none;outline:transparent;font-weight:600;font-size:19px;cursor:pointer;color:var(--black)}.converter .tool .field input{font-size:22px;background-color:var(--white);font-weight:600;border-radius:8px;color:var(--black);caret-color:var(--blackfade)}.converter .tool .field input:focus{border-color:var(--darkpurple)}.converter .tool .field input:focus::placeholder{color:transparent}.converter .tool .field input::placeholder{color:rgba(9,21,38,.15);color:var(--blackfade);font-weight:500;font-size:18px}.converter .tool .field:first-child{background-color:var(--lightpurple)}.converter .tool .switch{width:28px;height:28px;padding:4px;background-color:var(--white);border-radius:12px;cursor:pointer}.converter .tool .switch svg{fill:var(--black);scale:1.1}.converter .tool .switch:hover svg{scale:1.15}@media (max-width:750px){.converter{padding:0!important}.tool{flex-direction:column!important;gap:16px!important}.tool .switch{transform:rotate(90deg)}}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none}select::-ms-expand{display:none}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:var(--blackfade);padding:12px 16px;display:none;justify-content:space-between;align-items:center;z-index:999;font-size:14px;justify-content:center;gap:16px}.cookie-banner p{color:var(--white)}.cookie-banner button{background:var(--green);border:none;padding:8px 24px;color:var(--black);cursor:pointer;border-radius:4px}.cookie-banner a{margin-left:10px;color:var(--white);border-bottom:2px dotted transparent}.cookie-banner a:hover{border-color:var(--white)}footer{width:calc(100vw - 128px);max-width:calc(var(--max-content-width) - 64px);padding:32px;margin:32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;color:var(--blackfade);background-color:var(--snow);border-radius:12px}footer .group{display:flex;flex-wrap:wrap;gap:16px}footer .group a{color:var(--blackfade)}footer .group a:hover{color:var(--link-hover)}@media (max-width:750px){footer{justify-content:center}footer .group{justify-content:center}}header{width:calc(100vw - 64px);max-width:var(--max-content-width);height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 32px}header .logo{color:var(--red);font-family:Rubik,sans-serif;font-weight:700;font-size:14px;margin-top:8px;display:flex;gap:12px;align-items:center;color:var(--black)}header .logo img{width:33px;height:36px}header .menu.icon svg{fill:var(--black)}.converter-navigation{width:100%;max-width:var(--max-content-width);display:flex;flex-direction:column;gap:24px}.converter-navigation .links{max-width:var(--max-content-width);display:flex;flex-wrap:wrap;gap:16px}.converter-navigation .links a{display:flex;flex-direction:column;flex-grow:1;align-items:end;gap:8px;min-width:124px;max-width:240px;padding:16px;border-radius:8px;color:var(--blackfade);background-color:var(--snow);border:1px dashed var(--lightgray);font-weight:500;font-size:14px;cursor:pointer}.converter-navigation .links a span{width:100%;text-align:left}.converter-navigation .links a img{height:64px;width:64px;margin-left:48px;filter:grayscale(40%)}.converter-navigation .links a:hover{color:var(--black)}.converter-navigation .links a:hover img{filter:grayscale(0%)}.converter-navigation .links a.purple:hover{background-color:var(--purplefade);border-color:var(--purple)}.converter-navigation .links a.red:hover{background-color:var(--redfade);border-color:var(--red)}.converter-navigation .links a.blue:hover{background-color:var(--bluefade);border-color:var(--blue)}.converter-navigation .links a.green:hover{background-color:var(--greenfade);border-color:var(--green)}.converter-navigation .links a.yellow:hover{background-color:var(--yellowfade);border-color:var(--yellow)}.converter-navigation p{padding:16px 0 0 0;text-align:left}@media (max-width:395px){.content{flex-wrap:wrap!important}aside{max-width:unset!important;width:100%!important}.converter-navigation .links a{max-width:395px}}main{width:calc(100vw - 64px);max-width:var(--max-content-width);display:flex;flex-direction:column;align-items:center;padding:0 32px;gap:48px}@media (max-width:750px){.content{flex-wrap:wrap!important}article,aside{max-width:unset!important;width:100%!important}}.unit-navigation{width:100%;max-width:var(--max-content-width);display:flex;flex-direction:column;gap:24px}.unit-navigation .unit-navigation-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.unit-navigation .unit-navigation-header .clear{cursor:pointer;display:flex;align-items:center;color:var(--black)}.unit-navigation .unit-navigation-header .clear svg{fill:var(--black);margin-right:-2px}.unit-navigation .unit-navigation-header .clear:hover{color:var(--red)}.unit-navigation .unit-navigation-header .clear:hover svg{fill:var(--red)}.unit-navigation .links{max-width:var(--max-content-width);display:flex;flex-wrap:wrap;gap:16px}.unit-navigation .links a{padding:6px 24px;border-radius:10px;color:var(--black);background-color:var(--shadowfade);font-weight:500;font-size:14px;cursor:pointer}.unit-navigation .links a:hover{background-color:var(--lightpurple);color:var(--black)}.unit-navigation .links a[href*="-to-"]:hover{background-color:var(--lightyellow)}.unit-navigation .links a.activeFrom{background-color:var(--lightpurple);pointer-events:none}.unit-navigation .links a.activeTo{background-color:var(--lightyellow);pointer-events:none}.not-found{min-height:calc(100vh - 88px - 77px - 96px);display:flex;align-items:center;justify-content:center}.not-found .content{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.not-found .content a{color:var(--link-hover)}