.popup__success{background-color:#22c55e}.popup__error{background-color:#ef4444}.popup__model{position:sticky;top:130px;width:100%;z-index:9999;padding-left:15px;padding-right:15px}.popup__model div{padding:10px;margin:auto;min-height:60px;width:100%;max-width:600px;border-radius:4px;color:#fff;display:flex;justify-content:space-between;align-items:center}.popup__close{width:30px;height:30px;color:#fff}.popup__model div button{display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer}.popup__model div p{font-size:22px}.loading{width:80px}.loading div{display:flex;width:100%;max-width:100px;justify-content:space-between;margin:auto;--time: 1s}.loading div .dot{height:5px;width:5px;border-radius:9999px;animation:anime calc(var(--time) * 2) ease-in-out infinite;background-color:#000}@keyframes anime{0%{opacity:0}50%{opacity:1}to{opacity:0}}.loading div .dot:nth-child(1){animation-delay:calc(var(--time) * 1 / 5)}.loading div .dot:nth-child(2){animation-delay:calc(var(--time) * 2 / 5)}.loading div .dot:nth-child(3){animation-delay:calc(var(--time) * 3 / 5)}.loading div .dot:nth-child(4){animation-delay:calc(var(--time) * 4 / 5)}.loading div .dot:nth-child(5){animation-delay:var(--time)}.modal__book{background-color:#fff}.modal__model{position:fixed;padding:20px;height:100%;width:100%;z-index:5000;display:flex;justify-content:center;align-items:center;top:0}.modal__model>div{max-width:800px;width:100%;padding-bottom:40px;max-height:90vh;overflow-y:scroll;color:#333;display:grid;align-items:center;box-shadow:10px 10px 25px -6px #333333bf}.modal__close{width:30px;height:30px;color:#333}.modal__model div button{padding:15px;justify-self:end;display:flex;align-items:center;background-color:transparent;border:none;cursor:pointer}.modal__p{position:relative;margin:auto;padding-left:30px;padding-right:30px;padding-bottom:30px;width:100%;max-width:1200px;text-align:left;font-family:centGothicLigth;font-size:20px;line-height:26px;letter-spacing:3px;color:#333}.modal__h{position:relative;margin:auto;padding-left:30px;padding-right:30px;padding-bottom:20px;width:100%;max-width:1200px;text-align:left;font-family:centGothicBold;font-size:36px;line-height:35px;letter-spacing:4px;color:#333}@media only screen and (max-width: 600px){.modal__p{font-size:20px;line-height:26px;letter-spacing:3px}}@media only screen and (max-width: 450px){.modal__p{font-size:18px;line-height:22px;letter-spacing:3px}}.modal__model .order__modal{max-width:1000px}.order{position:relative;height:fit-content;z-index:50;overflow:hidden;transition:opacity 1s;background-color:#fff}.order__cont{position:relative;min-width:min-content;height:100%;padding-right:30px;padding-left:30px}.order__form{display:flex;flex-wrap:wrap;position:relative;text-align:center;background-color:#fff}.order__flexItem{flex-basis:100%}.order__input,.order__textarea{width:100%;height:46px;padding:12px;background-color:#fff;border:1px solid #a3a3a3;box-sizing:border-box;margin-bottom:10px;resize:vertical;font-family:centGothicLigth;font-size:16px;letter-spacing:2px;color:#333;resize:none}.order__input:focus,.order__textarea:focus,.order__input:focus-visible,.order__textarea:focus-visible{border:2px solid #2B2B2B;border-radius:0;outline:none}.order__textarea{height:200px}.order__submit{display:flex;align-items:center;justify-content:center;width:100%;height:46px;margin-bottom:10px;background-color:#e4e4e4;color:#2b2b2b;padding:12px 20px;border:none;cursor:pointer;font-family:centGothicLigth}.order__submit input{font-size:16px;letter-spacing:2px;border:none;background-color:transparent;width:100%;height:100%;cursor:pointer}.order__submit:hover{background-color:#ccc}@media only screen and (min-width: 1300px){.order__cont{max-width:1700px;padding-left:30px;padding-right:30px}.order__form{flex-wrap:nowrap}.order__flexItem{flex-basis:50%;max-width:50%;margin-right:5px}.order__flexItem--second{flex-basis:50%;max-width:50%;margin-right:0;margin-left:5px}.order__input,.order__textarea{display:block;width:100%;max-width:600px;left:0;right:0;margin-left:auto;margin-right:auto}.order__textarea{max-height:326px;height:100%;max-width:1200px}}@media only screen and (min-width: 950px) and (max-width: 1299px){.order__cont{max-width:1200px;padding-left:30px;padding-right:30px}.order__form{flex-wrap:nowrap}.order__flexItem{flex-basis:50%;max-width:50%;margin-right:5px}.order__flexItem--second{margin-right:0;margin-left:5px}.order__input,.order__textarea{display:block;width:100%;max-width:600px}.order__textarea{max-height:326px;height:100%;max-width:1200px}}@media only screen and (max-width: 450px){.order .modal__h{font-size:36px}}