.atom [class^=electron]::after,.atom::before{content:'';display:block;background:var(--electron-color-hex)}.loading,.navbar{inset:0 0 auto 0}.molecule,i,i::after,i::before{cursor:pointer}@font-face{font-family:atabay;src:url('../../fonts/atabay/atabay.ttf')}@font-face{font-family:yakanBakh;src:url('../../fonts/yekanBakh/yekanBakh.woff2') format('woff2'),url('../../fonts/yekanBakh/yekanBakh.woff') format('woff'),url('../../fonts/yekanBakh/yekanBakh.oet') format('oet'),url('../../fonts/yekanBakh/yekanBakh.ttf')}:root{--padding:1rem;--gap:1rem;--width:calc((100cqi - 11 * var(--gap)) / 12);--width-col-1:var(--width);--width-col-2:calc(var(--width) * 2 + var(--gap));--width-col-3:calc(var(--width) * 3 + 2 * var(--gap));--width-col-4:calc(var(--width) * 4 + 3 * var(--gap));--width-col-5:calc(var(--width) * 5 + 4 * var(--gap));--width-col-6:calc(var(--width) * 6 + 5 * var(--gap));--width-col-7:calc(var(--width) * 7 + 6 * var(--gap));--width-col-8:calc(var(--width) * 8 + 7 * var(--gap));--width-col-9:calc(var(--width) * 9 + 8 * var(--gap));--width-col-10:calc(var(--width) * 10 + 9 * var(--gap));--width-col-11:calc(var(--width) * 11 + 10 * var(--gap));--width-col-12:100%;--main-font:"yakanBakh";--title-font:"atabay";--atom-size:180px;--atom-color-hex:#00ffe5;--atom-color-rgb:0,250,255;--nucleus-size:calc(var(--atom-size) / 5);--electron-color-hex:#99f8ff;--electron-size:calc(var(--atom-size) / 25);--electron-orbit-size:calc(var(--atom-size) / 2.5);--electron-speed:1.2s;--electron-speed-alpha:1s;--electron-speed-omega:.8s}.container,.row{width:100%;display:flex}.light:root{--text-color:black;--body-bg-color:white}.dark:root{--text-color:white;--body-bg-color:black}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body,button{font-size:1.6rem;color:var(--text-color)}*,::after,::before{margin:0;padding:0;border:none;outline:0;box-sizing:inherit}.atom::before,.atom>[class^=electron]{border-radius:100%;position:absolute;top:50%}.icon,.viewer__search,.viewer__wrapper{border-radius:.8rem}*,::after,:before,body{box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none;color:var(--text-color)}button{background-color:transparent;display:inline}.footer,.loading,.navbar,body{background-color:var(--body-bg-color)}body{line-height:1.4;user-select:none}body *{font-family:var(--main-font)}.container{padding:var(--padding);margin:0 auto;flex-wrap:wrap;justify-content:center;align-items:center;row-gap:calc(4 * var(--gap));position:relative;container-type:inline-size;container-name:container}.row{flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gap)}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{flex:0 0 auto;height:max-content}.col-1{width:var(--width-col-1)}.col-2{width:var(--width-col-2)}.col-3{width:var(--width-col-3)}.col-4{width:var(--width-col-4)}.col-5{width:var(--width-col-5)}.col-6{width:var(--width-col-6)}.col-7{width:var(--width-col-7)}.col-8{width:var(--width-col-8)}.col-9{width:var(--width-col-9)}.col-10{width:var(--width-col-10)}.col-11{width:var(--width-col-11)}.col-12{width:var(--width-col-12)}@media (width > 576px){.container{width:540px}.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{flex:0 0 auto;height:max-content}.col-sm-1{width:var(--width-col-1)}.col-sm-2{width:var(--width-col-2)}.col-sm-3{width:var(--width-col-3)}.col-sm-4{width:var(--width-col-4)}.col-sm-5{width:var(--width-col-5)}.col-sm-6{width:var(--width-col-6)}.col-sm-7{width:var(--width-col-7)}.col-sm-8{width:var(--width-col-8)}.col-sm-9{width:var(--width-col-9)}.col-sm-10{width:var(--width-col-10)}.col-sm-11{width:var(--width-col-11)}.col-sm-12{width:var(--width-col-12)}}@media (width > 768px){.container{width:720px}.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{flex:0 0 auto;height:max-content}.col-md-1{width:var(--width-col-1)}.col-md-2{width:var(--width-col-2)}.col-md-3{width:var(--width-col-3)}.col-md-4{width:var(--width-col-4)}.col-md-5{width:var(--width-col-5)}.col-md-6{width:var(--width-col-6)}.col-md-7{width:var(--width-col-7)}.col-md-8{width:var(--width-col-8)}.col-md-9{width:var(--width-col-9)}.col-md-10{width:var(--width-col-10)}.col-md-11{width:var(--width-col-11)}.col-md-12{width:var(--width-col-12)}}@media (width > 992px){.container{width:960px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{flex:0 0 auto;height:max-content}.col-lg-1{width:var(--width-col-1)}.col-lg-2{width:var(--width-col-2)}.col-lg-3{width:var(--width-col-3)}.col-lg-4{width:var(--width-col-4)}.col-lg-5{width:var(--width-col-5)}.col-lg-6{width:var(--width-col-6)}.col-lg-7{width:var(--width-col-7)}.col-lg-8{width:var(--width-col-8)}.col-lg-9{width:var(--width-col-9)}.col-lg-10{width:var(--width-col-10)}.col-lg-11{width:var(--width-col-11)}.col-lg-12{width:var(--width-col-12)}}@media (width > 1200px){.container{width:1140px}.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{flex:0 0 auto;height:max-content}.col-xl-1{width:var(--width-col-1)}.col-xl-2{width:var(--width-col-2)}.col-xl-3{width:var(--width-col-3)}.col-xl-4{width:var(--width-col-4)}.col-xl-5{width:var(--width-col-5)}.col-xl-6{width:var(--width-col-6)}.col-xl-7{width:var(--width-col-7)}.col-xl-8{width:var(--width-col-8)}.col-xl-9{width:var(--width-col-9)}.col-xl-10{width:var(--width-col-10)}.col-xl-11{width:var(--width-col-11)}.col-xl-12{width:var(--width-col-12)}}@media (width > 1400px){.container{width:1370px}.col-xxl-1,.col-xxl-10,.col-xxl-11,.col-xxl-12,.col-xxl-2,.col-xxl-3,.col-xxl-4,.col-xxl-5,.col-xxl-6,.col-xxl-7,.col-xxl-8,.col-xxl-9{flex:0 0 auto;height:max-content}.col-xxl-1{width:var(--width-col-1)}.col-xxl-2{width:var(--width-col-2)}.col-xxl-3{width:var(--width-col-3)}.col-xxl-4{width:var(--width-col-4)}.col-xxl-5{width:var(--width-col-5)}.col-xxl-6{width:var(--width-col-6)}.col-xxl-7{width:var(--width-col-7)}.col-xxl-8{width:var(--width-col-8)}.col-xxl-9{width:var(--width-col-9)}.col-xxl-10{width:var(--width-col-10)}.col-xxl-11{width:var(--width-col-11)}.col-xxl-12{width:var(--width-col-12)}}.footer,.navbar,.row--navbar,body,html{width:100%}.navbar{height:7rem;position:sticky;z-index:999}.container--footer,.container--navbar,.icon,.logo__picture,.navbar__logo,.row--footer,.row--navbar{height:100%}.navbar__wrapper{height:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.navbar__logo{display:flex;flex-flow:row nowrap;gap:var(--gap);justify-content:center;align-items:center}.logo__title{margin-top:1.7rem;font-size:4rem;font-family:var(--title-font)}.icon{aspect-ratio:1;display:flex;justify-content:center;align-items:center;font-size:4rem}.footer,.footer__link{justify-content:center}.footer{min-height:7rem;height:max-content;display:flex;align-items:center}.footer__company,.footer__wrapper{height:100%;flex-flow:row nowrap;gap:var(--gap)}.footer__wrapper{width:100%;display:flex;justify-content:space-between;align-items:center}.footer__company,.footer__creator,.footer__link{width:max-content;display:flex}.footer__company{justify-content:space-between;align-items:center}.company__logo{height:5rem}.company__text{color:var(--text-color);font-size:2rem}.footer__creator{height:100%;flex-flow:row nowrap;justify-content:center;align-items:center}.creator__text{color:var(--text-color);font-size:2.2rem;font-weight:400}.footer__link{height:100%;color:#fff;align-items:center}body,html{margin:0;padding:0;height:100%}.atom{position:relative;width:var(--atom-size);height:var(--atom-size);animation:8s cubic-bezier(1,.25,0,.75) infinite atom}@keyframes atom{0%{transform:rotate(0) scale(1)}12.5%{transform:rotate(-45deg) scale(.9)}25%{transform:rotate(-90deg) scale(1)}37.5%{transform:rotate(-135deg) scale(.9)}50%{transform:rotate(-180deg) scale(1)}62.5%{transform:rotate(-225deg) scale(.9)}75%{transform:rotate(-270deg) scale(1)}87.5%{transform:rotate(-315deg) scale(.9)}100%{transform:rotate(-360deg) scale(1)}}.atom::before{left:50%;width:var(--nucleus-size);height:var(--nucleus-size);margin-top:calc(var(--nucleus-size)/ -2);margin-left:calc(var(--nucleus-size)/ -2);box-shadow:0 0 3px 0 var(--atom-color-hex);animation:2s cubic-bezier(.65,0,.35,1) infinite nucleus}@keyframes nucleus{0%,100%,50%{transform:scale(1)}25%{transform:scale(.9)}75%{transform:scale(.85)}}.atom>[class^=electron]{border-top:solid rgba(var(--atom-color-rgb),.5) 1px;border-right:solid rgba(var(--atom-color-rgb),.35) 2px;border-bottom:solid rgba(var(--atom-color-rgb),.2) 4px;border-left:solid rgba(var(--atom-color-rgb),0) 2px;width:100%;height:var(--electron-orbit-size);margin-top:calc(var(--electron-orbit-size)/ -2);animation:var(--electron-speed) electron-orbit infinite linear}.atom>.electron-alpha{transform:rotate(60deg);animation:var(--electron-speed-alpha) electron-orbit infinite linear}.atom>.electron-omega{transform:rotate(-60deg);animation:var(--electron-speed-omega) electron-orbit infinite linear}@keyframes electron-orbit{0%,100%{border-top:solid rgba(var(--atom-color-rgb),.5) 1px;border-right:solid rgba(var(--atom-color-rgb),.35) 2px;border-bottom:solid rgba(var(--atom-color-rgb),.2) 4px;border-left:solid rgba(var(--atom-color-rgb),0) 2px}25%{border-top:solid rgba(var(--atom-color-rgb),.35) 1px;border-right:solid rgba(var(--atom-color-rgb),.2) 2px;border-bottom:solid rgba(var(--atom-color-rgb),0) 4px;border-left:solid rgba(var(--atom-color-rgb),.5) 2px}50%{border-top:solid rgba(var(--atom-color-rgb),.2) 1px;border-right:solid rgba(var(--atom-color-rgb),0) 2px;border-bottom:solid rgba(var(--atom-color-rgb),.5) 4px;border-left:solid rgba(var(--atom-color-rgb),.35) 2px}75%{border-top:solid rgba(var(--atom-color-rgb),0) 1px;border-right:solid rgba(var(--atom-color-rgb),.5) 2px;border-bottom:solid rgba(var(--atom-color-rgb),.35) 4px;border-left:solid rgba(var(--atom-color-rgb),.2) 2px}}.atom [class^=electron]::after{width:var(--electron-size);height:var(--electron-size);border-radius:50%;margin-top:calc(var(--electron-size)/ -2);position:absolute;top:50%;left:calc(var(--electron-size)/ -1);transform:scale(1);animation:calc(var(--electron-speed) * 2) electron infinite ease-in-out}.atom .electron-alpha::after{animation:calc(var(--electron-speed-alpha) * 2) electron infinite ease-in-out}.atom .electron-omega::after{animation:calc(var(--electron-speed-omega) * 2) electron infinite ease-in-out}@keyframes electron{0%,100%,50%{left:calc(var(--electron-size)/ -1);transform:scale(1)}12.5%,62.5%{top:100%;transform:scale(1.5)}25%,75%{left:100%;transform:scale(1)}37.5%,87.5%{top:0;transform:scale(.25)}}.loading{position:fixed;width:100%;height:100svh;display:flex;justify-content:center;align-items:center;z-index:1000}.loading--hide{display: none;}:has(.loading--hide) body{overflow-y: auto;}.main,body{height:max-content;width:100%}body{display:grid;place-items:center;min-height:100svh;background-image:url("../../pictures/background.webp");background-size:cover;backdrop-filter:blur(30px);display:flex;flex-flow:column nowrap;justify-content:space-between;gap:calc(var(--gap) * 2);overflow-y:hidden;}.footer,.navbar{backdrop-filter:blur(20px)}.company__text,.logo__title{color:var(--text-color)}.icon{background-color:var(--text-color);color:var(--body-bg-color)}.footer__icon{font-size:2.5rem;color:var(--text-color);background-color:transparent}.main{min-height:calc(97svh - (7rem * 2 + var(--gap) * 2));display:flex;justify-content:center;align-items:center}.container--main,.row--main{height:100%}.bank__wrapper,.viewer__wrapper{min-height:max-content;backdrop-filter:blur(40px);flex-flow:column nowrap}.row--main{width:100%}.viewer__wrapper{height:max-content;background-color:var(--body-bg-color);padding:calc(var(--padding) * 2);display:flex;justify-content:center;align-items:center;gap:calc(var(--gap) * 4)}.bank__title,.viewer__title{font-size:7rem;font-family:var(--title-font);color:var(--text-color);text-align:center}.viewer__search{width:calc(100% - var(--padding) * 9);height:6rem;background-color:var(--text-color);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;gap:var(--gap);padding:var(--padding);position:relative}.viewer__input,.viewer__select{margin-top:.5rem;height:100%;color:var(--body-bg-color);background-color:var(--text-color)}.viewer__select{font-size:1.7rem;cursor:pointer;outline:0;padding-left:var(--gap)}.viewer__option{font-size:1.6rem}.viewer__input{width:100%;font-size:1.8rem}.viewer__input::placeholder{color:var(--body-bg-color)}.viewer__description{color:var(--text-color);font-size:1.8rem;text-align:justify;text-align-last:center;padding:0 calc(var(--padding) * 5)}.main__molcules,.molecule{width:100%;border-radius:.8rem;padding:var(--padding);gap:var(--gap)}.main__molcules{position:absolute;inset:calc(100% + var(--gap)) 0 auto 0;background-color:var(--text-color);max-height:16rem;z-index:998;overflow-x:hidden;overflow-y:scroll;display:none;flex-flow:row wrap;justify-content:space-between;align-items:center}.bank__wrapper,.molecule{background-color:var(--body-bg-color)}.molecule{height:6.5rem;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;box-shadow:0 1rem 3rem -1rem rgba(0,0,0,.3)}.molocule__details{width:auto;height:100%;font-size:1.7rem;display:flex;justify-content:start;align-items:center;gap:var(--gap);line-height:1.6;white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:ellipsis;scrollbar-width:none;-ms-overflow-style:none}.main__molcules::-webkit-scrollbar,.molocule__details:first-child::-webkit-scrollbar{display:none}.molocule__details:last-child{direction:ltr;max-width:75%;border:2px solid var(--text-color);border-radius:.5rem;font-family:Arial,Helvetica,sans-serif;font-size:3.5rem;padding:0 calc(var(--padding)/ 2)}.bank__wrapper{height:100%;border-radius:.8rem;padding:calc(var(--padding) * 2);display:flex;justify-content:center;align-items:center;gap:calc(var(--gap) * 4)}.bank__select,.bank__submit{width:100%;border-radius:.5rem;cursor:pointer}.bank__search{width:100%;height:max-content;display:flex;flex-flow:column nowrap;justify-content:center;align-items:start;gap:var(--gap)}.search__title{font-size:2.2rem;color:var(--text-color)}.bank__select{font-size:1.8rem;padding:calc(var(--padding)/ 2) var(--padding);background-color:var(--text-color);color:var(--body-bg-color)}.bank__option{font-size:1.7rem}.bank__submit{margin-top:1rem;height:4rem;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:calc(var(--gap)/ 2);background-color:#0f0}.submit__text{font-size:1.9rem;color:#fff;font-weight:900}.bank__icon--submit{background-color:transparent;color:#fff;font-size:3rem}@media (max-width:1400px){.bank__title,.viewer__title{font-size:6rem}}@media (max-width:1200px){.bank__title,.viewer__title{font-size:5rem}}@media (max-width:992px){.bank__title,.viewer__title{font-size:3.5rem}.viewer__input::placeholder,.viewer__select{font-size:1.2rem}.viewer__select{padding-left:0}}@media (max-width:768px){.footer__wrapper{flex-flow:column nowrap}.viewer__input::placeholder,.viewer__select{font-size:1.5rem}.viewer__title{font-size:4rem}.bank__title{font-size:8rem}}@media (max-width:576px){.footer__wrapper{gap:calc(var(--gap) * 3)}.footer__company{width:100%;flex-flow:row nowrap;gap:calc(var(--gap) * 2)}.company__logo{height:8rem}.company__text{font-size:2rem}.creator__icon,.creator__text{font-size:2.2rem}.dark .footer{box-shadow:none}*,::after,::before{cursor:default!important}.viewer__title{font-size:5rem}.viewer__wrapper{padding:calc(var(--padding) * 2) var(--padding)}.viewer__search{width:100%}.viewer__description{padding:0;text-align:center}.viewer__input::placeholder,.viewer__select{font-size:1.4rem}.viewer__icon--search{display:none}}