@font-face{font-family:Montserrat;src:url(/_next/static/media/Montserrat-Regular.54c76208.ttf)}@font-face{font-family:Philosopher;src:url(/_next/static/media/Philosopher-Regular.20e4611d.ttf)}@font-face{font-family:PhilosopherBold;src:url(/_next/static/media/Philosopher-Bold.9dac949a.ttf)}@font-face{font-family:Josefin;src:url(/_next/static/media/JosefinSans-Regular.88a382a4.ttf)}@font-face{font-family:JosefinBold;src:url(/_next/static/media/JosefinSans-Bold.43a9a71d.ttf)}@font-face{font-family:Karla;src:url(/_next/static/media/Karla-Regular.464bff52.ttf)}@font-face{font-family:KarlaBold;src:url(/_next/static/media/Karla-Bold.713c9383.ttf)}*{padding:0;margin:0}html{font-family:Montserrat,"sans-serif";color:#fff;scroll-behavior:smooth}.builds{width:clamp(600px,60%,1400px);margin:auto}main{padding-top:8rem}.parallax-background{position:fixed;z-index:-1;width:100dvw;top:0;min-height:100dvh}.parallax-background img{filter:brightness(70%)}a{color:#718bff}.button{cursor:pointer;transition:.2s;color:#fff;transition:.4s}.button--small{padding:5px 14px;display:flex;align-items:center;justify-content:center;gap:20px}.button--normal{padding:15px 30px}.button--copy{background-color:transparent;border:0;border-radius:3px;aspect-ratio:1}.button--copy:hover img{transform:scale(1.2)}.button--delete{background-color:transparent;border:0;border-radius:3px;aspect-ratio:1;transition:.4s}.button--delete img{transition:.4s}.button--delete:hover img{transform:scale(1.2)}.button--add__build{background-color:transparent;border:0;color:#9ad99a}.button--import_export{background-color:#fff}.button--import_export:hover{background-color:#9eb842}.button--import_export--close{background-color:#c02d2d}.button--import_export--close:hover{background-color:#7c2323}.button--main_controll--import__export{margin-right:20px;margin-top:50px;margin-bottom:50px;color:#fff;background-color:transparent;font-size:22px;border:0}.button--main_controll--import__export:hover img{animation:importFlipp .6s ease-in-out}@keyframes importFlipp{50%{transform:scaleY(-1)}0%{transform:scaleY(1)}}.button--reset{background-color:transparent;font-size:22px;border:0}.button--reset:hover img{animation:resetSpin .6s ease-in-out}@keyframes resetSpin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.button--help{padding:5px 14px;margin-left:950px;background-color:#972d1a}.button--help:hover{background-color:#642212}.builds{gap:60px;display:flex;flex-direction:column;border-radius:7px}.builds .warrior .header__warrior{background-color:hsla(42,76%,71%,.6)}.builds .warrior .single-build--list{border:1px solid hsla(42,77%,88%,.2)}.builds .guardian .header__guardian{background-color:rgba(177,209,218,.6)}.builds .guardian .single-build--list{border:1px solid rgba(236,244,246,.2)}.builds .revenant .header__revenant{background-color:hsla(10,56%,69%,.6)}.builds .revenant .single-build--list{border:1px solid hsla(10,56%,86%,.2)}.builds .ranger .header__ranger{background-color:rgba(159,208,152,.6)}.builds .ranger .single-build--list{border:1px solid rgba(214,235,212,.2)}.builds .engineer .header__engineer{background-color:hsla(34,56%,68%,.6)}.builds .engineer .single-build--list{border:1px solid hsla(34,55%,85%,.2)}.builds .thief .header__thief{background-color:rgba(210,176,180,.6)}.builds .thief .single-build--list{border:1px solid rgba(242,231,232,.2)}.builds .ele .header__ele{background-color:hsla(2,48%,65%,.6)}.builds .ele .single-build--list{border:1px solid hsla(3,48%,82%,.2)}.builds .necro .header__necro{background-color:rgba(147,194,163,.6)}.builds .necro .single-build--list{border:1px solid rgba(203,225,210,.2)}.builds .mesmer .header__mesmer{background-color:rgba(199,169,213,.6)}.builds .mesmer .single-build--list{border:1px solid rgba(237,227,241,.2)}.builds>div{box-shadow:0 0 10px 10px rgba(0,0,0,.171)}.builds .header{padding:20px;display:flex;gap:30px;align-items:center;border-radius:7px 7px 0 0}.builds .header h2{color:#fff;font-size:32px;font-family:Karla,sans-sherif;line-height:36px}.application-controlls{background:rgba(75,75,75,.4);padding:50px 200px;border-radius:30px 0 30px 0;border:1px solid rgba(88,88,88,.3);color:#fff}.application-controlls .main-controll-block{display:flex;justify-content:flex-end}.application-controlls .main-controll-block button{font-size:1rem}.application-controlls .add-build-input::placeholder{color:#d1d1d1}.application-controlls .add-build-button{display:flex;align-items:center;cursor:pointer;justify-content:flex-end;font-size:1.6rem}.application-controlls .new-build{display:flex;gap:2rem;flex-direction:column}.application-controlls .new-build .controll-tip{padding:.6rem 0;color:#b9b9b9;font-size:.8rem}.application-controlls .new-build .class-selector-items{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.application-controlls .new-build .class-selector-items button{border:0;background-color:transparent}.application-controlls .new-build .spec-selector__item--specs{display:flex;flex-direction:row}.application-controlls .new-build .spec-selector__item--current{display:flex;align-items:center;gap:1rem;padding:1rem 0}.single-build--list{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:8px 80px;border:1px solid #dbdbdb;background:rgba(51,51,51,.61);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.single-build--list .build{visibility:hidden}.single-build--list:last-of-type{border-radius:0 0 7px 7px}.single-build--list input{width:0}.single-build--controls{display:flex;gap:30px}.new-build input,.new-build select{padding:10px 15px;background:hsla(0,0%,80%,.322);border:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border:1px solid rgba(82,82,82,.479);margin:1rem 0;border-radius:6px;color:#fff}.import-export--window{background-color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:200px;z-index:1000;box-shadow:0 0 10px rgba(0,0,0,.2)}.import-export--window input{padding:5px 14px;margin:30px 15px 30px 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.build-loading{margin:2rem 4rem;width:40px;height:40px;border-radius:50%;border:4px solid rgba(0,0,0,.1);border-left-color:#747474;animation:spin 1s infinite}nav{color:#fff;width:100%;position:fixed;top:0;z-index:9999}nav .nav-glassmorphism{align-items:center;display:flex;justify-content:space-between;border-radius:0 0 6px 6px;padding:1rem 4rem;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);width:80dvw;margin:auto;border:1px solid hsla(0,0%,54%,.5);box-shadow:0 5px 15px rgba(0,0,0,.1);z-index:999}nav .nav-glassmorphism h1{font-family:Philosopher,sans-sherif}nav .nav-glassmorphism ul{list-style:none;display:flex;gap:20px}nav .nav-glassmorphism ul li{cursor:pointer;transition:.4s}nav .nav-glassmorphism ul li a{color:#fff;text-decoration:none}nav .nav-glassmorphism ul li:hover{text-decoration:underline;transition:.4s}.help{padding:80px 250px}.help h2{font-size:2.4rem;padding-bottom:30px}.help h3{color:#eaa;padding:25px 0;font-size:2rem;font-style:italic}.help ol{padding:0 30px}.help li,.help p{font-size:1.2rem}.help .warning{color:red}.privacy-policy{width:80dvw;margin:auto;min-height:80dvh}.privacy-policy-glass{padding:4rem 8rem;background:rgba(77,77,77,.404);border-radius:7px;box-shadow:0 0 10px 10px rgba(0,0,0,.158)}.storage-banner{position:fixed;bottom:1rem;left:1rem;height:20dvh;width:30dvw;background-color:#4b4b4b;padding:15px;z-index:999;box-shadow:0 -2px 4px rgba(0,0,0,.2);color:#dbdbdb}.storage-banner h3{margin-bottom:1rem}.storage-banner a{color:#f3e071}.storage-banner .accept-banner-buttons{position:absolute;bottom:1rem;display:flex;gap:1rem}.storage-banner .accept-banner-buttons--single{padding:.7rem .8rem;transition:.2s;cursor:pointer}.storage-banner .accept-banner-buttons--single:active,.storage-banner .accept-banner-buttons--single:focus,.storage-banner .accept-banner-buttons--single:hover{background-color:#5a5a5a}.main-page>p{margin:2rem 15rem}.side-bar-nav{display:flex;flex-direction:column;position:fixed;top:30dvh;right:2rem;gap:15px}footer{width:80dvw;height:20dvh;background:rgba(37,37,37,.774);color:#fff;margin:90px auto auto;display:flex}footer .footer-main-container{padding:4rem 0;display:flex;justify-content:space-around;width:100%}footer .brand-block h2{font-family:Philosopher,"sans-serif"}footer .footer-menu{display:flex;flex-direction:column;gap:10px}footer .footer-menu a{color:#fff;text-decoration:none;cursor:pointer}.copyright{width:80dvw;margin:auto;height:80dvh}