:root{--app-max-width: 1180px;--root-font-size: 16px}[data-theme=dark-side]{--body-background-color: #191919;--body-color: #d1d1d1;--font-family: "Roboto", sans-serif;--font-size-large: 1.5rem;--font-size-medium: 1rem;--font-size-small: .875rem;--font-weight-bold: 500;--font-weight-normal: 400;--header-background-color: #333333;--logo-padding: .5rem 1rem;--main-container-background-color: #222222;--main-container-padding: 1rem;--moto-container-padding: 2rem 2rem 1rem 2rem;--moto-container-gap: .75rem;--text-editor-padding: 1rem 1rem 0 1rem;--textarea-background-color: #333333;--textarea-color: #d1d1d1;--textarea-padding: 1rem;--textarea-min-height: 50vh;--textarea-max-height: 80vh;--count-details-padding: .5rem 1rem;--convert-case-menu-gap: .5rem;--convert-case-menu-padding: 1rem 1rem 0 .5rem;--convert-case-button-padding: .75rem 1rem;--convert-case-button-background-color: #333333;--convert-case-button-color: #d1d1d1;--convert-case-button-border-radius: .25rem;--convert-case-button-background-color-hover: #424242;--convert-case-button-color-hover: #d1d1d1;--action-menu-gap: .5rem;--action-menu-padding: .5rem 0;--action-button-padding: .5rem .75rem;--action-button-background-color: #333333;--action-button-color: #d1d1d1;--action-button-border-radius: .25rem;--action-button-background-color-hover: #424242;--action-button-color-hover: #d1d1d1;--scrollbar-background-color: #191919;--scrollbar-color: #333333}html{height:100%;font-size:var(--root-font-size)}::-webkit-scrollbar-track{background:var( --scrollbar-background-color )}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-color)}::-webkit-scrollbar-thumb:hover{background-color:var( --scrollbar-color )}html{scrollbar-color:var(--scrollbar-color) var(--scrollbar-background-color)}body{margin:0;padding:0;box-sizing:border-box;background-color:var(--body-background-color);color:var(--body-color);height:100%;display:flex;font-family:var(--font-family);width:100%}nav,ul,li,button,a{all:unset}a{cursor:pointer}nav{display:flex}#root{display:flex;width:100%}.page-wrap{display:flex;flex-direction:column;margin:0 auto;width:100%;max-width:var(--app-max-width);height:100%}header{width:100%;background-color:var(--header-background-color)}.logo{display:flex;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);padding:var(--logo-padding);justify-content:flex-start}.main-container{flex:1;background-color:var(--main-container-background-color)}.moto-container{display:flex;align-items:center;flex-direction:column;padding:var(--moto-container-padding);gap:var(--moto-container-gap)}.moto-container h1{all:unset;font-size:var(--font-size-large);font-size:2rem;font-weight:var(--font-weight-bold);text-align:center;line-height:2.7rem}.moto-container p{all:unset;font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);text-align:center;color:#919191}.text-editor{display:flex;flex-direction:column;padding:var(--text-editor-padding)}textarea{all:unset;display:flex;resize:none;background-color:var(--textarea-background-color);color:var(--textarea-color);font-family:var(--font-family);padding:var(--textarea-padding);min-height:var(--textarea-min-height);max-height:var(--textarea-max-height);flex-grow:1;overflow:auto;border-top-left-radius:.5rem;border-top-right-radius:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:.5rem;line-height:1.5rem}textarea::placeholder{color:var(--textarea-color);font-family:var(--font-family)}.count-details{display:flex;gap:1rem;font-size:var(--font-size-small);padding:var(--count-details-padding);background-color:var(--textarea-background-color);border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;height:fit-content}.convert-case-menu{display:flex;justify-content:center;gap:var(--convert-case-menu-gap);padding:var(--convert-case-menu-padding);flex-wrap:wrap}.action-menu{display:flex;justify-content:center}.convert-case__button{all:unset;cursor:pointer;padding:var(--convert-case-button-padding);background-color:var(--convert-case-button-background-color);color:var(--convert-case-button-color);border-radius:var(--convert-case-button-border-radius);font-size:var(--font-size-normal);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:.25rem}.icon{height:18px;margin-left:-.25rem}.external-link{display:block;line-height:2rem;margin:2rem 2rem 0;text-align:center}.icon__svg{height:18px;width:18px;fill:var(--convert-case-button-color)}.convert-case__button:hover{background-color:var(--convert-case-button-background-color-hover);color:var(--convert-case-button-color-hover)}.action-menu{display:flex;justify-content:flex-end;gap:var(--action-menu-gap);padding:var(--action-menu-padding);flex-wrap:wrap}.action-menu__button{all:unset;cursor:pointer;padding:var(--action-button-padding);background-color:var(--action-button-background-color);color:var(--action-button-color);border-radius:var(--action-button-border-radius);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);position:relative;display:flex;align-items:center;gap:.25rem}.logo:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}.action-menu__button:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}.convert-case__button:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}.converter__card:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}footer a:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}a:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}.action-menu__button:hover{background-color:var(--action-button-background-color-hover);color:var(--action-button-color-hover)}.converter-cards{padding:2rem 1rem;gap:1rem;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.converter__card{flex:1;min-width:20%;border:1px solid #333333;border-radius:1rem;padding:1rem;cursor:pointer;transition:background-color .3s;flex-direction:column}.converter__card:hover{background-color:#2b2b2b}.converter__card h2,.converter__card h3{all:unset;display:block;font-size:var(--font-size-medium);font-size:1.25rem;margin-bottom:.5rem;font-weight:var(--font-weight-bold)}.converter__card p{all:unset;display:block;font-size:var(--font-size-normal);color:#919191;font-weight:var(--font-weight-normal);margin-bottom:.25rem;line-height:1.5rem}.sub-menu-container{display:flex;justify-content:space-between;flex-wrap:wrap}@media (max-width: 768px){.converter-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.converter-cards{grid-template-columns:1fr}textarea{min-height:40vh}.action-menu{margin:0 auto}}footer{display:flex;padding:3rem 1rem;align-items:center;flex-direction:column;font-size:var(--font-size-small);text-align:center;gap:.5rem;background-color:var(--main-container-background-color);color:#919191}footer a:hover{color:#fff}footer button:hover{color:#fff;cursor:pointer}.reg-text{max-width:640px;padding:1rem;margin:0 auto}.reg-text a{color:#fff;text-decoration:underline}.reg-text ul{list-style:disc}.reg-text li{list-style-type:disc;display:list-item;margin-left:2rem}.reg-text h1,.reg-text h2{color:#fff;margin-bottom:0}.reg-text p{text-wrap:wrap;line-height:1.5rem}.breadcrumbs-menu{padding:1rem;display:flex;gap:.5rem;background-color:var(--main-container-background-color);align-items:center}.breadcrumbs-menu ul{display:flex;align-items:center}.text-center{text-align:center;margin-bottom:0}.fw-500{font-weight:500}.pt-1-5{padding-top:1.5rem}.fs-2{font-size:2rem}.unsupported-type{color:#e98b8b;position:absolute;top:3rem}.languages-menu li button:focus-visible{outline:2px solid rgb(93,11,245);background-color:#5d0bf51a;outline-offset:1px}.language__button--active{color:#fff}