.loader{display:flex;place-content:center}.loader__dual-ring{display:inline-block;width:5rem;height:5rem;margin:0 auto}.loader__dual-ring:after{content:" ";display:block;width:4rem;height:4rem;margin:.5rem;border-radius:50%;border:6px solid var(--loader-color);border-color:var(--loader-color) transparent var(--loader-color) transparent;animation:loader__dual-ring 1.2s linear infinite}@keyframes loader__dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.layout{background-color:var(--background-color-primary);display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr min-content;height:100vh;justify-content:center;overflow-x:hidden}.layout::-webkit-scrollbar{background-color:transparent;border-radius:.625rem;transition:all .3s;width:.5rem}.layout::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar-thumb);border-radius:.625rem}.layout .layout-header{color:var(--text-color-secondary)}.layout .layout-header .content{align-items:center;display:flex;flex-direction:row;gap:4rem;justify-content:start}@media (width < 1024px){.layout .layout-header .content{gap:2rem}}.layout .layout-header .logo,.layout .layout-header .link-logo{height:7rem;width:7rem}@media (width < 767px){.layout .layout-header .logo,.layout .layout-header .link-logo{height:5rem;width:5rem}}.layout .layout-header .link-logo:hover,.layout .layout-header .link-logo:focus{opacity:.8}.layout .layout-header .nav-list{display:flex;font-size:1.2rem;font-weight:600;gap:2rem;list-style:none;margin:0;padding:0}@media (width < 767px){.layout .layout-header .nav-list{gap:1.5rem;font-size:1rem}}.layout .layout-header .nav-list a{text-decoration:none}.layout .layout-header .nav-list a.nav-link-inactive{color:var(--text-color-secondary)}.layout .layout-header .nav-list a.nav-link-inactive:after{content:"";background-color:transparent;display:block;height:2px;margin-top:.5rem;width:100%}.layout .layout-header .nav-list a.nav-link-inactive:hover,.layout .layout-header .nav-list a.nav-link-inactive:focus{color:var(--color-link-hover)}.layout .layout-header .nav-list a.nav-link-active{color:var(--color-link-active)}.layout .layout-header .nav-list a.nav-link-active:after{content:"";background-color:var(--color-link-hover);box-shadow:0 0 6px var(--color-link-hover);display:block;height:2px;margin-top:.5rem;width:100%}.layout .content{display:grid;height:100%;margin:0 auto;place-items:center;width:90%;max-width:75rem}@media (width < 767px){.layout .content{width:100%}}.layout .layout-footer{align-items:center;background-color:var(--background-color-primary);color:var(--text-color-secondary);display:flex;height:4rem;justify-content:center}@media (width < 1024px){.layout .layout-footer{height:2rem;font-size:.8rem}}.layout .layout-main{background-repeat:no-repeat;background-size:cover}@media (width > 767px),(orientation: landscape){.layout .layout-main{background-image:url(../../../bg-desktop.jpeg)}}@media (width < 767px),(orientation: portrait){.layout .layout-main{background-image:url(../../../bg-phone.jpg)}}.toast{align-items:center;background-color:var(--background-color-secondary);border-radius:.5rem;box-shadow:0 1rem 1rem #0000001a;display:grid;gap:.75rem 1rem;grid-template-areas:"icon title close" "icon text close";grid-template-columns:2rem 1fr 2rem;justify-content:space-between;min-height:4rem;padding:.75rem 1.5rem;width:29rem}@media (width < 767px){.toast{width:100vw}}.toast .toast-title{font-size:1rem;font-weight:600;grid-area:title;margin:0;text-transform:capitalize}.toast .toast-text{color:var(--text-color-primary);font-size:.75rem;font-weight:600;grid-area:text;margin:0;width:100%}.toast .toast-close-button{background-color:transparent;border:none;box-shadow:none;grid-area:close;cursor:pointer}.toast .toast-close-button svg path{stroke:var(--gray-100)}.toast .toast-close-button svg path:hover,.toast .toast-close-button svg path:focus{stroke:var(--gray-200)}.toast .circle-plus,.toast .circle-check{grid-area:icon;height:1.5rem;width:1.5rem}.toast.toast-error .circle-plus{transform:rotate(45deg)}.toast.toast-error .circle-plus path{stroke-width:1;stroke:var(--text-color-error)}.toast.toast-error .toast-title{color:var(--text-color-error)}.toast.toast-success .circle-check path{stroke:var(--text-color-submit)}.toast.toast-success .toast-title{color:var(--text-color-submit)}.notifications-list{display:grid;gap:1rem;position:fixed;right:2rem;top:3.75rem;width:29rem;z-index:100}@media (width < 767px){.notifications-list{left:0;top:3rem;width:100vw}}:root{--blue-100: #1f2629;--blue-200: #043a51;--blue-300: #0b95cb;--blue-400: #dde3e6;--blue-500: #b3ddf2;--gray-100: #a4a4a4;--gray-200: #3f3d3d;--green-100: #358b66;--red-100: #b35568;--red-200: #bc3f3f;--red-300: #a90707;--white: #f2f1ed;--abilities-background-color: var(--blue-400);--background-color-hover: var(--blue-400);--background-color-info: rgba(7, 57, 78, .9);--background-color-primary: var(--blue-100);--background-color-secondary: var(--white);--color-button-secondary: var(--blue-200);--color-scrollbar-thumb: var(--gray-100);--main-header-color: var(--red-100);--input-border-color-hover: var(--blue-300);--loader-color: var(--red-100);--backdrop-color: rgba(0, 0, 0, .75);--color-link-hover: var(--blue-300);--color-link-active: var(--blue-500);--text-color-primary: var(--blue-200);--text-color-secondary: var(--white);--text-color-submit: var(--green-100);--text-color-error: var(--red-200);--text-color-error-hover: var(--red-300);--content-height: calc(100vh - 16.5rem) }*{box-sizing:border-box}body{margin:0;font-family:Roboto,Georgia,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.link-as-button{text-decoration:none;text-align:center;padding:1rem;font-size:1.5rem;border-radius:.25rem}@media (width < 1024px){.link-as-button{font-size:1rem;padding:.75rem}}.link-as-button-primary{color:var(--text-color-secondary);background-color:var(--background-color-primary)}.link-as-button-primary:hover,.link-as-button-primary:focus{background-color:var(--background-color-secondary);color:var(--background-color-info)}.link-as-button-secondary{border-radius:.25rem;border:2px solid var(--color-button-secondary);color:var(--color-button-secondary)}.link-as-button-secondary:hover,.link-as-button-secondary:focus{background-color:var(--background-color-info);color:var(--text-color-secondary)}.main-title{color:var(--main-header-color);font-size:3rem;font-weight:600;margin:0;text-align:center;word-break:break-word}@media (width < 1024px){.main-title{font-size:2rem}}.main-content{background-color:var(--background-color-secondary);height:100%;padding-bottom:.75rem;padding-top:5rem;width:100%}@media (width >= 1024px){.main-content{padding-left:1.5rem;padding-right:1.5rem}}@media (width < 1024px){.main-content{padding-top:2rem;padding-left:1rem;padding-right:1rem}}@media (width > 1280px){.main-content{padding-left:3rem;padding-right:3rem}}.label{color:var(--text-color-primary);font-size:1.25rem;font-weight:600;margin:0rem;text-transform:capitalize}.label.required:after{content:"*";color:var(--text-color-error)}@media (width > 1280px){.label{font-size:1.5rem}}.input,.textarea{background-color:transparent;border-radius:.25rem;border:2px solid var(--text-color-primary);font-size:1.25rem;padding:.25rem .5rem}.input:hover,.input:focus,.textarea:hover,.textarea:focus{border:2px solid var(--input-border-color-hover);outline:none}