@import url(https://fonts.googleapis.com/css2?family=Arya:wght@400;700&display=swap);:root{--background-color:#2d2d2b;--background-color-lighter:#393936;--background-color-hover:#41413f;--background-color-fade:rgba(44,44,42,.4);--background-color-transparent:rgba(44,44,42,.4);--gold:#a19789;--white:#fff}body{overflow:hidden}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Arya,sans-serif;margin:0;padding:0}.text-center{text-align:center}.wrapper{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}div.container{background-color:#2d2d2b;background-color:var(--background-color);height:100%;padding:0 2rem;position:relative;width:100%}div.container h3{color:#a19789;color:var(--gold);margin-bottom:1em;text-transform:uppercase}div.container h2{color:#fff;font-size:2rem}div.modal-container{border-radius:5px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);color:#fff;color:var(--white);height:100%;left:0;position:absolute;text-align:center;top:0;width:100%}div.modal-container button.close{background-color:transparent;border:none;font-size:1.5rem;font-weight:700;outline:none;position:absolute;right:1rem;top:1rem}div.modal-container button.close:hover{cursor:pointer}div.modal-container div.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(44,44,42,.4);background-color:var(--background-color-fade);cursor:pointer;height:100%;position:absolute;width:100%}div.modal-container div.modal{background-color:#e7e7e8;left:50%;max-width:550px;min-width:550px;padding:2rem;position:absolute;top:50%;translate:-50% -50%;width:40%}div.modal-container div.modal h3{color:#000;font-size:1.5rem;margin-bottom:2em}div.modal-container div.modal p{margin-bottom:1em}div.modal-container div.modal button:not(.close){background-color:#000;border:none;border-radius:2rem;color:#fff;cursor:pointer;font-size:.9em;margin-top:1em;outline:none;padding:.75em 2em}div.modal-container div.modal button:not(.close):hover{background-color:#a19789;background-color:var(--gold)}div.modal-container div.modal div.payment{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr .1fr;margin-bottom:1em}div.modal-container div.modal div.payment div.input-container input{width:60%}div.modal-container div.modal div.payment div.input-container input.error{border:1px solid red}div.modal-container div.modal div.input-container{align-items:center;display:flex;gap:1rem;justify-content:end;margin-bottom:1em}div.modal-container div.modal div.input-container label{color:#000;font-weight:700;text-transform:uppercase}div.modal-container div.modal div.input-container input{border:none;display:inline-block;font-size:.9rem;margin:0;outline:none;padding:.5em 1em;width:100%}div.modal-container div.modal div.input-container input::-webkit-input-placeholder{font-size:.8em}div.modal-container div.modal div.input-container input::placeholder{font-size:.8em}div.modal-container div.modal div.input-container.address{margin-left:.6rem;width:90%}.error-message{color:#ec3604}#block{background-color:#1b1b1a;height:71%;padding:60px 55px;position:absolute;right:0;top:0;width:45%}#block h2{font-size:34px;font-weight:400;line-height:1.2em;margin:0 0 20px}#block p{color:#ececec;font-size:18px;line-height:1.5em;margin-bottom:1.125em;max-width:90%}#block .button{background:#a1978a;border-radius:25px;color:#000;cursor:pointer;display:inline-block;font-size:16px;font-weight:400;height:50px;line-height:50px;min-width:100px;padding:0 25px;position:relative;text-align:center;text-transform:uppercase}#block .button a{color:#000;text-decoration:none}#block .button .auto{width:auto}#block .item{align-items:center;display:flex;flex-direction:column;text-align:center}#block .item .item-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}#block .item h2{font-size:28px}#block img[alt=logo]{border-radius:50%;display:block;margin-bottom:1rem;overflow:hidden;width:25%}@media(max-width:900px){#block{height:80%;width:40%}#block h2{font-size:28px}#block p{font-size:16px}}@media(max-width:770px){#block{bottom:0;height:30%;padding:1.5rem;top:auto;width:100%}#block h2{font-size:1.75rem}#block h2,#block p{margin-bottom:.5rem}#block p{font-size:.9rem}#block .button{flex-shrink:0;height:35px;line-height:35px;margin-left:auto}#block .item{align-items:center;flex-direction:row;gap:1rem;height:100%;justify-content:start;padding-left:2rem}#block .item .item-name{text-align:left}#block .item .item-name .button{font-size:min(3.5vw,1rem);white-space:nowrap;width:75%}#block .item h2{font-size:min(1.5rem,5vw)}#block .item img{flex-shrink:0;max-width:100px}}.chart{height:35%;max-width:55%;position:relative;text-transform:uppercase;top:16%;width:100vw}@media(max-width:900px){.chart{height:45%;max-width:57%;top:20%}}@media(max-width:770px){.chart{height:28%;max-width:100%;top:0}}.chart div.bar-holder{display:flex;height:100%;justify-content:space-around}.chart div.bar-holder div.bar{align-self:end;background:linear-gradient(180deg,#c4beb5,#a19789 30%,#514d46);height:100%;position:relative;transition:height 1s ease-in-out,background-color .5s;width:10%}.chart div.bar-holder div.bar:hover{background:linear-gradient(0deg,#fff,#fff 50%);cursor:pointer}.chart div.bar-holder div.bar:hover h4{opacity:1;translate:0 -97%}.chart div.bar-holder div.bar h4{color:#fff;font-size:1.2em;opacity:0;transition:opacity .5s,translate .5s;translate:0 -90%}@media(max-width:900px){.chart div.bar-holder div.bar h4{font-size:1em}}@media(max-width:770px){.chart div.bar-holder div.bar h4{font-size:.9em}}.chart div.bar-holder div.bar button{align-items:center;background-color:#e7e7e8;border:none;border-radius:50%;bottom:1rem;display:flex;font-size:1.5rem;height:2rem;justify-content:center;left:50%;outline:none;position:absolute;translate:-50% 0;-webkit-user-select:none;user-select:none;width:2rem}.chart div.bar-holder div.bar button:hover{background-color:var(--gold);color:#fff;cursor:pointer}.chart div.label-holder{display:flex;justify-content:space-around}.chart div.label-holder h4{color:#fff;line-height:1.25em;margin-top:1em;width:20%}@media(max-width:900px){.chart div.label-holder h4{font-size:.8em;width:20%}}@media(max-width:770px){.chart div.label-holder h4{font-size:.8em;width:20%}}.chart div.label-holder img{width:100%}.border-bottom{height:1px;width:100%}
/*# sourceMappingURL=main.ee0348d5.css.map*/