.alert{position:fixed;bottom:50px;left:0;right:0;margin:0 auto;width:fit-content;background:var(--coloraccent);color:var(--background1);padding:10px 25px;border-radius:20px;display:flex;gap:10px;align-items:center;z-index:9999}:root{--colorprimary: rgb(62, 72, 102);--coloraccent: rgb(47, 0, 186);--background1: rgb(227, 227, 227);--background2: rgb(210, 210, 210);--background3: rgb(174, 174, 174);--background4: rgb(91, 91, 91)}*{box-sizing:border-box;overflow:hidden;overflow-y:auto}html,body{margin:0;padding:0;font-family:Inter;background:var(--background1);color:var(--colorprimary);font-weight:600;font-size:1em}.page-layout{height:calc(100vh - 60px)}.accent{color:var(--coloraccent);font-weight:900}.italic{font-style:italic;font-weight:600;padding-right:1px;opacity:.75}h1{display:inline;font-family:Inter;font-style:normal;font-weight:800;font-size:45px;margin:0;cursor:default}h2{font-weight:800;font-size:1.5em;margin:0}h3{font-weight:600;font-size:1em;margin:0}a{text-decoration:none;color:var(--colorprimary)}.p-light{font-style:normal;font-weight:300;font-size:1em;margin:0}p{margin:0}*::-webkit-scrollbar{width:12px}*::-webkit-scrollbar-track{background:var(--background4);box-shadow:inset 0 0 5px #000;border-radius:25px}*::-webkit-scrollbar-thumb{background:var(--background1);border-radius:10px;border:4px solid transparent;background-clip:content-box}header{position:sticky;height:60px;background-color:var(--background2);box-shadow:0 2.5px 15px #00000080;display:flex;align-items:center;justify-content:space-between;padding:0 2.5vw;z-index:5}header>div{display:flex;align-items:center;gap:25px}header>.left>h3{height:60px;align-content:center}header>.left>a,header>.right>a{transition:.25s ease-in-out;border-bottom:solid 5px #00000000;padding-top:5px}header>.left>.current{border-bottom:solid 5px var(--colorprimary);padding-top:0}header>.right>.current{border-bottom:solid 5px var(--coloraccent);padding-top:0}@media (max-width: 700px){header>div{gap:10px}}.home{display:flex;max-height:calc(100vh - 60px)}.home>.left{display:block;min-width:60vw;min-height:100%;padding-left:5vw;align-content:center}.home>.left>.title{display:block;max-width:600px}.home>.left>.banner{display:block;padding:0 25px;background-color:var(--background2);width:fit-content;border-radius:25px;width:300px;height:30px;box-shadow:inset 0 0 5px #343c54;align-content:center;text-align:center;color:var(--coloraccent);font-weight:300;margin:10px 35px}.home>.left>.links{display:flex;flex-direction:column;gap:35px;margin:0 5vw;margin-top:75px;padding:15px}.home>.left>.links>.large-button{display:block;max-width:400px;height:80px;box-shadow:0 2.5px 5px #00000040;border-radius:25px;align-content:center;padding-left:50px}.home>.left>.links>.icons{display:flex;align-items:center;gap:50px;background-color:var(--colorprimary);color:var(--background1);border:solid 2px var(--colorprimary);transition:.5s}.home>.left>.links>.icons:hover{gap:100px;color:var(--colorprimary);border:solid 2px var(--colorprimary);background-color:var(--background1);box-shadow:0 2.5px 10px #00000080}.home>.left>.links>.icons>.circle{height:25px;aspect-ratio:1;background-color:var(--colorprimary);transition:.5s}.home>.left>.links>.icons:hover>.circle{background-color:var(--colorprimary)}.home>.left>.links>.docs{border:solid 2px var(--colorprimary);transition:.5s}.home>.left>.links>.docs:hover{background-color:#aeaeae1a;box-shadow:0 2.5px 10px #00000080}.home>.right{background-color:var(--background3);min-width:40vw;min-height:100%;display:flex;flex-direction:column;justify-content:space-between}.home>.right>.container{height:100%;width:100%}.home>.right>.bottom{margin:15px 0 15px 10px;overflow-y:hidden}.home>.right>.bottom>p{display:flex;align-items:center;min-height:25px;font-weight:400;font-size:.75em;margin:0 25px}.home>.right>.bottom>.break{height:1px;width:100%;background-color:var(--colorprimary)}.home>.right>.bottom>span{display:flex;align-items:center;color:#000;min-height:30px;margin:0 10px}.home>.right>.bottom>span>h3{padding-top:5px;padding-bottom:15px}.home>.right>.bottom>span>h3>a{color:var(--coloraccent);border-bottom:5px solid #00000000;transition:.5s;padding-bottom:2.5px}.home>.right>.bottom>span>h3>a:hover{border-bottom:2.5px solid var(--coloraccent);padding-bottom:0}@media (max-width: 700px){.home{display:block;max-height:200vh;overflow-y:auto}.home>.left{align-content:start;margin-top:50px;min-height:0px}.home>.right{display:none}.home>.left>.links{margin:0 2.5vw;margin-top:25px}}.icons{display:flex}.icons>.page-divider-left{padding-top:75px;padding-left:2.5vw;overflow-y:hidden}.icons>.page-divider-left>.search-bar{margin-left:20px}.icons>.page-divider-left>.items-list{margin:50px 10px;padding:25px 10px;display:flex;justify-content:start;flex-wrap:wrap;overflow-y:auto;gap:25px;max-height:calc(100vh - 250px)}.icons>.page-divider-left>.items-list>.card{display:block;flex-direction:column;align-items:center;justify-content:end;aspect-ratio:1;height:150px;border-radius:25px;background-color:var(--background2);text-align:center;align-content:end;box-shadow:0 2.5px 5px #00000040;cursor:pointer;border:solid 2px transparent;transition:.2s}.icons>.page-divider-left>.items-list>.card:hover{border:solid 2px rgba(62,72,102,.75);box-shadow:0 2.5px 10px #00000080}.icons>.page-divider-left>.items-list>.card.selected{border:solid 2px rgb(62,72,102);box-shadow:0 2.5px 10px #00000080}.icons>.page-divider-left>.items-list>.card>svg{margin:12.5px}.icons>.page-divider-left>.items-list>.card>p{display:block;color:#3e4866bf;font-size:.75em;height:40px;align-content:center}.icons>.page-divider-right{display:flex;background-color:var(--background3);justify-content:start}.icons>.page-divider-right>.page-divider-drag{width:5px;margin:5px;height:50px;border-radius:10px;background-color:var(--background1);align-self:center}.icons>.page-divider-right>.right{display:flex;flex-wrap:wrap}@media (max-width: 700px){.icons>.page-divider-left>.items-list{margin:50px 10px;padding:15px 10px;gap:20px}.icons>.page-divider-left>.items-list>.card{height:100px}.icons>.page-divider-left>.items-list>.card>svg{margin:7.5px}.icons>.page-divider-left>.items-list>.card>p{font-size:.65em;height:25px}}.search-bar{display:flex;align-items:center;min-height:40px;border-radius:25px;background-color:var(--background2);width:fit-content;padding:0 15px;margin:5px;box-shadow:0 2.5px 5px #00000040;width:80%;max-width:800px;transition:.2s;border:solid 2px var(--background2)}.search-bar:hover{box-shadow:0 2.5px 10px #00000040;border:solid 2px rgba(62,72,102,.25)}.search-bar.focused{border:solid 2px var(--colorprimary);box-shadow:0 2.5px 10px #00000040}.search-bar>.icon{height:25px;aspect-ratio:1}.search-bar>input{display:block;background:none;border:none;margin:0 25px;height:40px;font-style:italic;font-weight:500;font-size:1em;color:var(--colorprimary);width:100%}.search-bar>input:focus{outline:none}.search-bar>input::placeholder{opacity:.75}.badge{height:20px;min-width:40px;width:fit-content;padding:0 15px;font-weight:600;font-size:.75em;display:flex;justify-content:center;gap:5px;align-items:center;text-align:center;margin:5px;cursor:default;transition:.2s}.table-1{padding:10px;margin:15px 15px 5px;border-radius:25px;background-color:var(--background1);min-height:60px;box-shadow:0 2.5px 5px #00000040}.table-1>.break{height:1px;width:100%;background-color:var(--colorprimary);justify-self:center}.table-row{display:flex;align-items:center;flex-direction:row;height:35px;gap:25px;padding:0 10px;margin:2px 0;overflow-y:hidden}.table-row>label{width:45px;font-weight:600;font-size:.75em;opacity:.75}.table-row>.table-input>input{font-family:Inter;display:flex;background:none;border:none;height:30px;font-weight:600;font-size:1em;color:var(--colorprimary);width:100px;min-width:100px}.table-row>.table-input>input:focus{outline:none}.table-row>.table-custom{display:flex;background-color:var(--background2);aspect-ratio:1;height:25px;padding:2.5px;border-radius:25px;box-shadow:0 2.5px 2.5px #00000040;align-items:center;justify-content:center;cursor:pointer;transition:.1s;border:solid 2px transparent}.table-row>.table-custom:hover{border:solid 2px var(--colorprimary)}.rotate-functionality{display:flex;gap:10px;flex-wrap:nowrap;align-items:center;padding:5px}.rotate-functionality>label{width:120px;padding-left:5px}.rotate-functionality>input{background:none;border:none;outline:none;height:30px;font-family:Inter;font-style:normal;font-weight:600;font-size:1em;color:var(--colorprimary)}.rotate-functionality>.function{aspect-ratio:1;height:25px;background-color:var(--background2);border-radius:25px;box-shadow:0 2.5px 2.5px #00000040;transition:.2s;border:solid 2px transparent;cursor:pointer}.rotate-functionality>.function:hover{border:solid 2px var(--colorprimary)}.input-with-colorpicker>.container,.input-with-dropdown>.container{display:flex;align-items:center;gap:10px;min-height:30px;padding:5px}.container>.text-input{width:120px;height:25px;background:none;border:none;outline:none;height:30px;font-family:Inter;font-style:normal;font-weight:600;font-size:1em;color:var(--colorprimary);text-indent:5px}.container>.text-input:focus{background-color:#0000001a}.container>.color-picker{background-color:var(--background2);border:none;aspect-ratio:1;width:25px;border-radius:5px;transition:.2s;cursor:pointer;border:solid 2px transparent;box-shadow:0 2.5px 2.5px #00000040}.container>.color-picker:hover{border:solid 2px var(--colorprimary)}.container>.toggle-dropdown{display:flex;background-color:var(--background2);border:none;aspect-ratio:1;width:25px;border-radius:25px;transition:.2s;cursor:pointer;border:solid 2px transparent;align-items:center;justify-content:center;box-shadow:0 2.5px 2.5px #00000040;padding:0}.container>.toggle-dropdown:hover{border:solid 2px var(--colorprimary)}.container>.toggle-dropdown>svg{transition:.5s}.input-with-dropdown>.dropdown{background-color:var(--colorprimary);color:var(--background1);position:absolute;margin-top:1px;border-radius:0 0 25px 25px;padding:1px 5px 7.5px;min-width:100px;width:fit-content;max-width:120px;max-height:200px;overflow-y:auto}.input-with-dropdown>.dropdown::-webkit-scrollbar-track{background:none;box-shadow:none;margin-bottom:20px}.input-with-dropdown>.dropdown::-webkit-scrollbar{width:8px}.input-with-dropdown>.dropdown::-webkit-scrollbar-thumb{border:2px solid transparent}.dropdown>.option{display:flex;height:30px;font-family:Inter;font-style:normal;font-weight:600;font-size:1em;align-items:center;padding:0 5px 0 7.5px;cursor:pointer;align-self:center}.dropdown>.with-border{border-bottom:1px solid #ccc}.dropdown>.option:hover{background-color:var(--background2);color:var(--colorprimary)}.dropdown>.bottom:hover{border-radius:0 0 20px 20px}.rotate-functionality>.toggle-rotate{display:flex;background-color:var(--background2);border:none;aspect-ratio:1;width:25px;border-radius:25px;transition:.2s;cursor:pointer;border:solid 2px transparent;align-items:center;justify-content:center;box-shadow:0 2.5px 2.5px #00000040;padding:0;margin:0}.rotate-functionality>.toggle-rotate:hover{border:solid 2px var(--colorprimary)}.rotate-functionality>.toggle-rotate>svg{transition:.25s}.icon-info{margin:25px 5px;width:100%;padding-right:5px;overflow-y:auto}.icon-info>.head{display:flex;gap:50px}.icon-info>.head>svg{margin:7.5px 5px 5px;flex-shrink:0;cursor:pointer;transition:.2s}.icon-info>.head>svg:hover{scale:1.1}.icon-info>.head>.exit-icon{aspect-ratio:1;min-width:25px;background-color:var(--coloraccent);align-self:center;margin-right:50px}.icon-info>.head>.container{display:flex;flex-wrap:wrap;align-items:center;min-height:45px;padding-bottom:7.5px}.icon-info>.head>.container>.icon-name{font-style:normal;font-weight:800;font-size:1.2em;display:flex;align-items:center;color:var(--coloraccent);margin-right:25px}.icon-info>.icon-settings{display:flex;flex-wrap:wrap;justify-content:space-around;min-width:50%}.icon-info>.icon-settings>.container>.reset{height:15px;font-style:normal;font-weight:600;font-size:.75em;cursor:pointer;width:fit-content;transition:.2s;margin:0 0 0 35px}.icon-info>.icon-settings>.icon-display{display:flex;align-items:center;justify-content:center;height:175px;width:175px;padding:25px;overflow-y:hidden}.icon-info>.icon-settings>.container>.reset:hover{text-decoration:underline}.icon-info>.icon-code>.options{display:flex;justify-content:space-between;align-items:bottom;width:100%;padding:0 10px;margin-top:25px}.icon-info>.icon-code>.options>.left{display:flex;align-items:end}.icon-info>.icon-code>.options .badge{cursor:pointer}.icon-info>.icon-code>.options>.left>p{color:var(--coloraccent);margin-right:5px;height:30px;align-content:center;flex-shrink:0}.icon-info>.icon-code>.options>.right{display:flex;align-items:center;justify-content:end;flex-wrap:wrap}.icon-info>.icon-code>.code{width:100%;min-height:200px;border-radius:25px;border:solid 2px var(--background1);background-color:#0000001a;overflow-y:auto}.docs{overflow-y:auto}.docs>h1{display:flex;height:150px;align-items:center;justify-content:center}.docs>.selector{display:flex;justify-content:space-between;justify-self:center;width:90vw;max-width:800px;min-height:30px;background:var(--background2);box-shadow:inset 0 0 5px var(--colorprimary);border-radius:25px;margin:auto auto 50px}.docs>.selector>.p-light{min-width:50px;margin:0 50px;text-align:center;align-content:center;cursor:pointer;transition:.1s ease-in-out}.docs>.selector>.p-light.selected{font-weight:500;color:var(--coloraccent)}.docs>.body{overflow-y:hidden}.docs>.body>span{overflow-y:hidden}.docs>.body .content h2{margin-left:5px}.docs>.body .content h3{margin-top:15px;margin-left:10px}.docs>.body .content .break{height:1px;width:100%;margin-top:10px;margin-bottom:35px;background-color:var(--colorprimary)}.docs>.body{display:block;justify-content:center;background-color:var(--background3);width:100vw;padding:0 2.5vw}.docs>.body>span{display:flex;width:150px;height:4dvh;font-weight:400;font-size:1em;line-height:19px;opacity:.5;align-items:center;cursor:default}.docs>.body h2{font-size:1.25em}.docs>.body>.content{justify-self:center;max-width:1000px;margin-top:25px}.docs>.body p{font-weight:300;font-size:1em;margin:25px}@media (max-width: 700px){.docs>h1{height:100px}.docs>.selector{width:90vw;min-width:fit-content;justify-content:space-around;margin-bottom:35px}.docs>.selector>.p-light{min-width:none;margin:0 5px}.docs>.body{height:calc(100vh - 225px)}}