@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400..700;1,400..700&display=swap";:root,:host{--timerHover: .3s;--phone-breakpoint: 420px;--responsive-breakpoint: 750px;--laptop-breakpoint: 1080px;--pc-breakpoint: 1400px;--microHeight: var(--nasta-microHeight, 500px);--microMaxWidth: var(--nasta-microMaxWidth, var(--phone-breakpoint));--main: var(--nasta-main, #4b858e);--mainActive: var(--nasta-mainActive, #2c4e54);--mainDisabled: var(--nasta-mainDisabled, #9db8bc);--secondary: var(--nasta-secondary, #a3d5cd);--secondaryDark: var(--nasta-secondaryDark, #9ac6bf);--secondaryMiddle: var(--nasta-secondaryMiddle, #c8e7e2);--secondaryLight: var(--nasta-secondaryLight, #e8f6f3);--secondarySuperDark: var(--nasta-secondarySuperDark, #7baaa3);--coralAccent: var(--nasta-coralAccent, #ee8f7a);--coralLight: var(--nasta-coralLight, #fcbaab);--greyDark: var(--nasta-greyDark, #434141);--greySuperDark: var(--nasta-greySuperDark, #1d1c1c);--greyMedium: var(--nasta-greyMedium, #747474);--greyLightMedium: var(--nasta-greyLightMedium, #b9b7b7);--greyLight: var(--nasta-greyLight, #eaeaea);--white: var(--nasta-white, #ffffff);--black: var(--nasta-black, #000000);--redWrong: var(--nasta-redWrong, #f87373);--redWrongLight: var(--nasta-redWrongLight, #ff9d9d);--greenOk: var(--nasta-greenOk, #bcea82);--greenOkLight: var(--nasta-greenOkLight, #c2eb90);--greenOkSuperLight: var(--nasta-greenOkSuperLight, #d6fca6);--backgroundOverlay: var(--nasta-backgroundOverlay, #b9b7b74d);--font: var(--nasta-font, "Montserrat", sans-serif)}html,body{width:100dvw;height:100%;overflow-x:hidden;margin:0;background-color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:flex-start}*{margin:0;border:0;box-sizing:border-box;vertical-align:baseline;font-family:var(--font)}#root{width:100%;height:100%}a{text-decoration:none}.microfrontend-container{display:flex;justify-content:center;width:100%;max-width:var(--microMaxWidth);height:var(--microHeight)}.text-large{font-size:16px;font-weight:600;line-height:19.5px}.text-medium{font-size:14px;font-weight:500;line-height:17.1px}.text-small{font-size:12px;font-weight:400;line-height:14.6px}.title-extra-large{font-size:20px;font-weight:700;line-height:24.4px}.title-large{font-size:16px;font-weight:700;line-height:19.5px}.title-medium,.links-medium{font-size:14px;font-weight:600;line-height:17.1px}.details-small{font-size:12px;font-weight:600;line-height:12px}.details-extra-small{font-size:10.5px;font-weight:600;line-height:12.8px}.details-small-menu{font-size:12px;font-weight:400;line-height:12px}.details-small-footprint{font-size:8px;font-weight:700;line-height:9.8px}.icon-medium{width:24px;height:24px;object-fit:contain}.CookiesBanner{position:fixed;bottom:0;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;padding:8px 16px;background-color:var(--greyLight);box-shadow:var(--greySuperDark) 0 4px 8px}.CookiesBanner__form{width:100%;max-width:var(--phone-breakpoint);display:flex;flex-direction:column;gap:8px}.CookiesBanner__text-color{color:var(--greyDark)}.CookiesBanner__form-options{display:flex;flex-direction:row;align-items:center;justify-content:baseline;gap:8px}.CookiesBanner__form-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.CookiesBanner__bottom-link{color:var(--greyDark);text-decoration:underline}.CookiesBanner__bottom-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.CookiesBanner__button{display:flex;align-items:center;justify-content:center;padding:4px 8px;min-height:22px;border-radius:32px}.CookiesBanner__button-primary{border:1px solid var(--secondary);color:var(--main);background-color:var(--secondary)}.CookiesBanner__button-secondary{border:1px solid var(--secondary);color:var(--main);background-color:var(--white)}.CookieOption{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px}.CookieOption__checkbox{accent-color:var(--secondary)}.CookieOption__text{color:var(--greyDark)}.MainLayout{width:100%;height:100%;display:flex;flex-grow:1;align-items:center;flex-direction:column;overflow-x:hidden;background-color:var(--main)}.MainLayout__container{width:100%;max-width:420px;height:100%;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.MainLayout__background{opacity:0;position:absolute;z-index:-1;width:100%;height:100%;background-color:var(--backgroundOverlay);transition:all .8s ease}.MainLayout__background--active{display:inline;z-index:4;opacity:1;transition:opacity .8s ease}.MainLayout__header{width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--secondaryLight);padding:16px;max-width:420px}.MainLayout__header--custom{background-color:var(--white)}.MainLayout__header.MainLayout__header--menu{justify-content:space-between}.MainLayout__img{max-width:179px;max-height:49px;object-fit:contain}.MainLayout__img--big{max-width:256px;max-height:80px;object-fit:contain}.MainLayout__main{width:100%;height:100%;display:flex;flex-grow:1;justify-content:center;background-color:var(--white)}.HamburgerMenu{all:unset;width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;cursor:pointer}.HamburgerMenu__div--container{width:22.5px;height:15px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.MainMenu{position:absolute;z-index:6;display:flex;flex-direction:column;gap:16px;width:65%;height:100%;right:0;background-color:var(--secondaryLight);padding:8px;translate:100%;opacity:0;transition:all .8s ease}.MainMenu--active{translate:0%;opacity:1;transition:all .8s ease}.MainMenu__nav{display:flex;flex-direction:column;margin:0 16px;list-style:none;align-items:flex-start;justify-content:center;gap:16px}.MainMenu__li{display:flex;align-items:center;gap:8px;width:100%;border-radius:4px;padding:2px 0 2px 4px;cursor:pointer;transition:background-color .4s ease-out}.MainMenu__li:hover,.MainMenu__li--active{background-color:var(--secondaryMiddle)}.MainMenu__button--close{align-self:flex-end;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;background-color:var(--secondaryLight);margin-inline:8px;cursor:pointer}.MainMenu__img{object-fit:contain;width:14px;height:14px}.MainMenu__p{color:var(--greyDark)}.MainMenu__img--route{height:24px;width:24px;object-fit:contain}.Home{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding-top:8vh}.Home--client-text{padding-top:0}.Home__image{width:90%;max-width:330px}.Home__p{text-align:center;color:var(--main);max-width:250px}.Home__p--link{text-align:center;text-wrap:pretty;color:var(--white)}.Home__Link{width:80%;max-width:334px;height:44px;padding:0 32px;gap:8px;border-radius:50px;background-color:var(--main);color:var(--white);display:flex;flex-direction:row;align-items:center;justify-content:center}.Home__Link:active{background-color:var(--mainActive)}.Home__icon{width:24px;height:24px}.Home__p--client-text{color:var(--greyDark);max-width:360px;margin-inline:8px;text-align:center}.ClientResults{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;width:100%}.Results{max-width:var(--phone-breakpoint);height:200px;gap:32px;overflow-y:scroll;scrollbar-width:thin;flex-grow:1}.ResultResponse{width:100%;display:flex;flex-direction:column;padding:10% 12px 8px;gap:32px}.ResultResponse__header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}.ResultResponse__img{background-color:var(--greyLight);border-radius:8px;width:88px;height:88px;object-fit:cover}.ResultTitleMulti__container{display:flex;flex-direction:column;gap:8px;width:100%}.ResultTitleMulti__content{display:flex;flex-direction:row;gap:12px;align-items:end}.ResultTitleMulti__icon{width:48px;height:48px;object-fit:contain;padding:4px 0}.ResultTitleSingle__icon{height:64px;width:64px;object-fit:contain;padding:4px 0}.ResultTitleSingle__container{display:flex;flex-direction:row;gap:11px;width:100%;align-items:center}.ResultTitleSingle__content{display:flex;flex-direction:column}.ResultTitle__icons{display:flex;align-items:flex-start;padding-top:4px}.ResultTitle__p--title{color:var(--greyDark);text-align:left}.ResultTitle__p--subtitle{color:var(--greyMedium)}.ResultFootprint__div{display:flex;flex-direction:row;gap:8px;padding:8px 0}.ResultFootprint__icon{width:38px;height:19px;object-fit:contain}.ResultFootprint__text{color:var(--main)}.ResultResponse__div--text{width:100%;background-color:var(--greyLight);border-radius:8px;padding:8px 12px}.ResultResponse__p{font-size:1rem;line-height:1.21rem}.ResultResponse__div--line{height:1px;width:100%;background-color:var(--secondarySuperDark)}.ResultsFooter{width:100%;background-color:var(--secondary);padding:24px;display:flex;align-items:center;justify-content:center}.ResultsFooter__link{display:flex;max-width:334px;width:100%;background-color:var(--main);justify-content:center;align-items:center;border-radius:50px;height:44px;gap:8px}.ResultsFooter__link:active{background-color:var(--mainActive)}.ResultsFooter__icon{width:24px;height:24px}.ResultsFooter__p--link{text-align:center;text-wrap:pretty;color:var(--white)}.ResultResponse__div--main{display:flex;flex-direction:column;gap:16px}.ResultResponse__link--notify{all:unset;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:16px;cursor:pointer}.ResultResponse__icon{height:24px;width:24px;object-fit:contain}.ResultResponse__span--notify{color:var(--main)}.Result__request{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:var(--white);display:flex;align-items:center;font-size:12px;font-weight:600;line-height:12px;color:#434141;margin-bottom:10px;cursor:pointer}.Result__input{outline:none;border-radius:8px;border:1px solid var(--main);margin-bottom:10px;gap:8px;padding:8px;flex-flow:column;place-content:flex-start;align-items:center}.Result__input:focus{border:1px solid var(--mainActive)}.Result_input--error{border:1px solid var(--redWrongLight)}.Result__button{background:#7baaa3;height:32px;padding:4.125px 24px;justify-content:center;align-items:center;gap:11px;border-radius:32px;font-size:14px;font-style:normal;font-weight:600;line-height:normal;color:var(--white)}.Result__button:active{background-color:var(--mainActive)}.Result__arrow{margin-left:15px;margin-right:7px}.Result__form{display:flex;flex-flow:column;place-content:flex-start;align-items:center;padding-right:15px;padding-left:15px}.ResultFeedback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ResultFeedback__container--thumbs{display:flex;gap:4px;padding:0 8px;align-self:flex-end}.ResultFeedback__thumb--down{transform:rotate(180deg)}.ResultFeedback__button{all:unset;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .5s ease;cursor:pointer}.ResultFeedback__button--thumbUp{background-color:var(--secondary)}.ResultFeedback__button--thumbDown{background-color:var(--greyLight)}.ResultFeedbackForm{display:flex;flex-direction:column;padding:8px 0 16px;gap:8px;border:2px solid var(--greyLight);border-radius:8px;width:100%;transition:max-height .6s ease-out,border-color .6s ease-out,padding .6s ease-in-out;overflow-y:hidden;max-height:300px}.ResultFeedbackForm--closed{max-height:0;padding:0;border-color:transparent}.ResultFeedbackForm__header{display:flex;justify-content:space-between;align-items:center;padding-right:8px;padding-left:16px}.ResultFeedbackForm__label{color:var(--greyDark)}.ResultFeedbackForm__button{all:unset;cursor:pointer}.ResultFeedbackForm__button--close{width:20px;height:20px}.ResultFeedbackForm__icon{width:100%;object-fit:contain;padding:4px}.ResultFeedbackForm__input--container{display:flex;flex-direction:column;justify-content:center;gap:16px;align-items:center;padding:0 16px}.ResultFeedbackForm__input{border:1px solid var(--redWrongLight);border-radius:10px;padding:7px 8px;width:100%;outline-color:var(--redWrongLight);resize:none}.ResultFeedbackForm__button--submit{align-self:flex-end;padding:4px 16px;gap:11px;border-radius:32px;background-color:var(--greyDark);cursor:pointer;color:var(--white);transition:background-color .3s ease-out}.ResultFeedbackForm__button--submit:hover{background-color:var(--greySuperDark)}.ResultFeedbackForm__button--submit:active{background-color:var(--main)}.ResultFeedbackForm__text{padding:0 16px;color:var(--greyDark)}.BaseModal{border-color:var(--secondaryDark);border-width:8px;background-color:#fff;border-radius:16px;padding:16px;width:300px;position:absolute;margin:auto;border-style:solid;border:2px solid var(--secondaryDark);box-shadow:-2px 2px 4px color-mix(in srgb,var(--secondary) 70%,transparent)}.BaseModal::backdrop{background-color:var(--secondary);opacity:.3}.BaseModal__container{display:flex;flex-direction:column;gap:16px}.BaseModal__close-button-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.BaseModal__close-button{all:unset;cursor:pointer}.BaseModal__close-icon{height:15px;width:15px}.Modal__main-text{color:var(--main);text-align:center}.AlertModal__icon{width:48px;align-self:center}.Spinner{display:inherit;position:relative}.Spinner__circle{position:absolute;height:100%;width:100%;border-radius:100%;opacity:.6;top:0;left:0}.Spinner__circle--first{animation:2.1s ease-in-out 1s infinite normal none running spinner-main}.Spinner__circle--second{animation:2.1s ease-in-out 0s infinite normal none running spinner-main}@keyframes spinner-main{0%{transform:scale(0)}50%{transform:scale(1)}to{transform:scale(0)}}.LoadingScreen{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:space-between;padding-top:36px}.LoadingScreen__title{color:var(--main);text-align:center;max-width:300px}.LoadingScreen__spinner{width:96px}.LoadingScreen__image{max-width:300px}.WhereToRecycle{display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--secondaryMiddle);padding:36px 16px 8px}.WhereToRecycle__width-limit{width:100%;max-width:var(--phone-breakpoint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.WhereToRecycle__texts{display:flex;flex-direction:column;align-self:baseline;gap:8px}.WhereToRecycle__title{color:var(--greyDark)}.WhereToRecycle__subtitle{color:var(--greyDark);max-width:300px}.CaptureScreenshot{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px}.CaptureScreenshot__webcam{object-fit:cover;width:100%;border-radius:16px;background-color:var(--white)}.CaptureScreenshot__webcam-standalone{aspect-ratio:1 / .9}.CaptureScreenshot__webcam-micro{min-height:290px;max-height:300px}.CaptureScreenshot__padding{width:100%;padding:0 16px}.CaptureScreenshot__button{all:unset;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;border-radius:50px;background-color:var(--main)}.CaptureScreenshot__button:active{background-color:var(--mainActive)}.CaptureScreenshot__button-icon{height:24px;width:24px}.CaptureScreenshot__button-text{color:var(--white)}.RadioInput-line{width:100%;height:1px;background-color:var(--secondary);margin-top:8px;margin-bottom:4px}.RadioInput{width:100%;display:flex;justify-content:space-between;padding:4px 0}.RadioInput>p{color:var(--greyDark)}input[type=radio]{width:20px;accent-color:var(--main)}.Input__text-area{-webkit-appearance:none;-moz-appearance:none;appearance:none;all:unset;border-style:solid;display:flex;width:80%;border-radius:8px;padding:12px;border-color:var(--main);border-width:1px;margin-left:4px}.Input__text-area:focus{box-shadow:var(--secondary) 0 0 0 1px,var(--secondary) 0 0 0 1px}.Input__text-area--error{border-color:var(--redWrong)}.InputText,.InputText__input--container{width:100%}.InputText{display:flex;flex-direction:column;gap:4px}.InputText__input--container{border:1px solid var(--secondary);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:8px}.InputText__input--container-error{border-color:var(--redWrong)}.InputText__input{width:80%;height:100%;outline:none}.InputText__input::placeholder{color:var(--greyLightMedium);font-size:12px}.Input__text--icon{width:24px;padding:4px;object-fit:contain}.InputText__title{color:var(--greyMedium);padding:0 8px}.RecyclingCenters{display:flex;flex-direction:column;gap:24px;width:100%;margin:24px 16px}.RecyclingCenterDisplay{height:200px;flex-grow:1;overflow-y:auto;scrollbar-width:thin}.RecyclingCenters__title{display:flex;align-items:center;gap:12px;padding:8px 0}.RecyclingCenters__icon--back{height:14px}.RecyclingCenters__icon--title{height:20.4px;object-fit:contain}.RecyclingCenters__title>p{color:var(--greyDark)}.RecyclingCentersForm{padding:0 16px 4px 0}.RecyclingCentersForm--form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:32px 0;gap:16px}.RecyclingCenters__spinner--container{display:flex;align-items:center;justify-content:center;width:100%;min-height:50%}.RecyclingCenters__spinner--img{width:80px}.RecyclingCentersList{display:flex;flex-direction:column;align-items:center;gap:24px;color:var(--greyDark)}.RecyclingCentersList__p{width:100%}.RecyclingCentersList__list{border-radius:8px;border:2px solid var(--secondaryLight)}.RecyclingCentersElement{padding:12px 16px;border-bottom:2px solid var(--secondaryLight)}.RecyclingCentersElement__p--title{margin-bottom:4px}.RecyclingCentersElement:last-child{border-bottom:none}.RecyclingCentersElement__div--extra{transition:all .3s ease-out;max-height:0;opacity:0;overflow:hidden}.RecyclingCentersElement__div--expanded{max-height:120px;opacity:1}.RecyclingCentersElement__icon{transition:transform .3s ease-in-out}.RecyclingCentersElement__icon--rotated{transform:rotate(180deg)}.RecyclingCentersElement__p--underline{text-decoration:underline}.RecyclingCentersElement__div--options{display:flex;align-items:center;justify-content:flex-start}.RecyclingCentersElement__option{all:unset;display:flex;flex-basis:50%;align-items:center;gap:8px;padding:4px;margin:4px 0;color:var(--main);cursor:pointer}.RecyclingCenters__button--main{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:var(--secondary);border-radius:32px;background-color:var(--main);color:var(--white);padding:8px 24px;cursor:pointer}.RecyclingCenters__button--main:hover{background-color:var(--mainActive)}.RecyclingCenters__button--back{all:unset;cursor:pointer}
