@import"https://fonts.googleapis.com/css2?family=Tomorrow:wght@400;700&display=swap";:root{--light-yellow: #f5f7d4;--yellow: #f7c94d;--dark-yellow: #e1a336;--light-brown: #c1531d;--brown: #502220;--white: #fbffff;--light-gray: #dfe8e6;--gray: #a2aca4;--black: #1f0910;--scrollbar-track-color: rgba(64, 64, 64, .1);--scrollbar-thumb-color: rgba(64, 64, 64, .6);--toastify-color-light: #f5f7d4;--toastify-font-family: "Tomorrow", serif}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{line-height:1;-webkit-font-smoothing:antialiased;font-family:Tomorrow,serif;background:linear-gradient(45deg,var(--black),var(--yellow));color:var(--black)}body,h1,h2,h3,h4,h5,h6,p,ol,ul{margin:0;padding:0;font-weight:400}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}*::-webkit-scrollbar{width:.4rem}*::-webkit-scrollbar-track{background-color:var(--scrollbar-track-color)}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:.4rem}#header{margin-bottom:1rem;display:flex;justify-content:start;align-items:start}#header h1{margin-right:1rem;flex-shrink:0}.cookie-crafter-logo{width:10rem;height:10rem}#header__text ul{margin-left:1.5rem}#header p{line-height:1.6;margin-bottom:.5rem;font-size:.938rem}#header a{color:var(--yellow)}#header a:hover{color:var(--light-yellow)}.how-to-use-modal__header{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 37.5rem){#header{flex-direction:column;align-items:center}#header h1{margin-right:0;margin-bottom:.5rem}.how-to-use-modal__header{flex-direction:column;margin-bottom:.5rem}}.info-button{background:none;border:none;cursor:pointer;padding:0;margin:0}.info-icon{width:1rem;height:1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:1000}.modal{position:absolute;z-index:1000;border-radius:var(--radius);background:linear-gradient(45deg,var(--light-brown) 0%,var(--dark-yellow) 20%,var(--yellow) 80%,var(--light-yellow) 100%);max-height:100vh;max-height:100dvh;overflow-y:auto}.modal--small{top:50%;left:50%;transform:translate(-50%,-50%);padding:3.125rem}.modal--big{top:0;left:0;right:0;bottom:0;margin:3rem auto;padding:3.125rem;width:80%}.modal--fullscreen{top:0;left:0;right:0;bottom:0;margin:0;padding:2.5rem;overflow-y:auto}.modal__close-button{position:absolute;top:.625rem;right:.625rem;background:none;border:none;cursor:pointer;padding:0;margin:0}.modal__close-button__icon{width:2rem;height:2rem}.modal__content{line-height:1.6}.modal__content--centered{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%}.modal__content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.modal__content p+p{margin-top:.5rem}.modal ol ul{margin-left:1.5rem}.modal li{margin-bottom:.5rem}.modal ul{margin-top:.5rem}.modal ol{list-style-position:inside}.modal code{background-color:#ffc6;padding:.125rem .25rem;border-radius:var(--radius)}.modal a{color:var(--brown)}.modal a:hover{color:var(--light-brown)}@media screen and (max-width: 56.25rem){.modal--small{width:80%}.modal__close-button{top:.313rem;right:.313rem}.modal__content h2{font-size:1.25rem}}@media screen and (max-width: 37.5rem){.modal--small{width:90%}.modal--big{margin:1rem auto;width:90%}}.demo-button{display:flex;align-items:center;margin:0;padding:.5rem 2rem;background:linear-gradient(45deg,var(--light-brown),var(--brown));color:var(--light-yellow);border-width:0;cursor:pointer;border-radius:var(--radius);font-size:1.2rem;margin-bottom:1rem}.demo-button:hover{background:linear-gradient(45deg,var(--light-brown) 0%,var(--dark-yellow) 80%,var(--light-brown) 100%)}.demo-button:active{transform:scale(.95)}.demo-button img{display:inline-block;width:1.25rem;height:1.25rem;margin-right:.313rem}.demo-modal__video{max-height:90vh;max-height:90dvh;margin:auto}footer{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;color:var(--gray);font-size:.875rem}footer>section{display:flex}footer section:not(:last-child):after{content:"|";margin-left:1rem}footer .about-button{background:none;border:none;cursor:pointer;padding:0;margin:0;color:inherit}footer .about-button:hover{text-decoration:underline}.about-modal-content{display:flex;gap:2rem;justify-content:center;align-items:center;top:0;left:0;right:0;bottom:0;position:absolute;margin:2rem}.cookie-crafter-logo-big{height:39%}.about-modal-content__text{padding-bottom:2rem}.about-modal-content__text__author-name{font-weight:700;font-size:1.125rem}.about-modal-content__text ul{list-style-position:inside;margin-bottom:1rem}.nowrap{white-space:nowrap}@media screen and (max-width: 37.5rem){footer{flex-direction:column;gap:.5rem}footer section:not(:last-child):after{content:none;margin-left:0}}@media screen and (max-width: 48.75rem){.about-modal-content{flex-direction:column;justify-content:initial}.about-modal-content .image-wrap{width:70%}.cookie-crafter-logo-big{height:100%}}:root{--radius: 1.25rem}.create-cookie-form__container{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0}#create-cookie-form{border:.063rem solid #fff;max-width:37.5rem;margin:0 auto;padding:1.25rem;background:linear-gradient(45deg,var(--black),var(--brown));border-width:0;border-radius:var(--radius);color:var(--light-yellow)}#create-cookie-form fieldset{border:.063rem solid var(--yellow);border-radius:var(--radius)}#create-cookie-form legend{color:var(--yellow);font-weight:700}.cookie-attributes__label{display:inline-block;width:30%;text-align:right;padding:.625rem}.cookie-attributes__input{display:inline-block;width:70%;padding:.625rem;margin:.313rem 0;background:linear-gradient(45deg,var(--yellow),var(--dark-yellow));color:var(--brown);border-width:0;border-radius:var(--radius)}.cookie-attributes__checkbox{margin:1.25rem .625rem 0;accent-color:var(--yellow)}.cookie-attributes__checkbox-label{padding-right:.625rem}#create-cookie-form .radiobutton-fieldset{display:flex;align-items:center;justify-content:center;padding:.625rem 1.25rem .938rem;margin:.625rem}#create-cookie-form .other-params-fieldset{margin:1.25rem 0}#create-cookie-form .radiobutton-label{padding-right:1.563rem;display:inline-block}#create-cookie-form .radiobutton-label input{margin-right:.375rem;accent-color:var(--yellow)}.create-cookie-form__button-container{display:flex;justify-content:space-evenly}.create-cookie-form__button{display:flex;margin:0;padding:.938rem 2rem;background:linear-gradient(45deg,var(--light-brown),var(--brown));color:var(--light-yellow);border-width:0;cursor:pointer;border-radius:var(--radius);font-size:1.2rem}.create-cookie-form__button img{display:inline-block;width:1.25rem;height:1.25rem;margin-right:.313rem}.create-cookie-form__button:hover{background:linear-gradient(45deg,var(--light-brown) 0%,var(--dark-yellow) 80%,var(--light-brown) 100%)}.create-cookie-form__button:active{transform:scale(.95)}@media screen and (max-width: 37.5rem){.cookie-attributes__label{display:block;width:100%;text-align:left}.cookie-attributes__input{display:block;width:100%}#create-cookie-form .radiobutton-fieldset{flex-direction:column;padding-bottom:.313rem}#create-cookie-form .radiobutton-label{display:block;padding-right:0;padding-bottom:.625rem}#create-cookie-form .radiobutton-label input{margin-right:.375rem}.create-cookie-form__button-container{align-items:center;flex-direction:column}.create-cookie-form__button{margin-bottom:1rem}}