.chat{height:100%}.chat.is-error,.chat.is-loading{text-align:center;flex-flow:column;justify-content:center;align-items:center;display:flex}.chat.is-error .btn-error{border:none;border-radius:15px;margin-top:10px;padding:10px 20px}.chat.is-loading>.lds-spinner{animation:3s fadeIn;transform:scale(.5)}.bottom-stack{bottom:15px;bottom:max(env(safe-area-inset-bottom),15px);width:100%;position:fixed}@media only screen and (min-width:500px){.bottom-stack{bottom:33px;bottom:max(env(safe-area-inset-bottom),33px)}}
@keyframes appearTextarea{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chat__input{transition:all .5s}.chat__input form{justify-content:center;max-width:800px;margin-left:auto;margin-right:auto;display:flex;position:relative}.chat__input .input{-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;color:rgba(51,51,51,.9);box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(90deg,#fff,#f9f3e5);border:none;border-radius:25px;outline:1px solid #e9c7b9;width:100%;height:66px;max-height:165px;padding:23px 55px 20px 18px;font-size:17px;font-weight:500;line-height:1.2;transition:color .15s;animation:.2 appearTextarea;overflow:auto;box-shadow:0 -3px 5px rgba(181,73,60,.09),0 12px 13px rgba(181,73,60,.17),0 54px 55px rgba(253,100,82,.25)}.chat__input .input::placeholder{color:rgba(51,51,51,.4)}.chat__input .input:focus::placeholder{color:transparent}.chat__input .input:disabled{color:rgba(51,51,51,.6)}.chat__input .input:disabled::placeholder{color:transparent}.chat__input .btn-send{cursor:pointer;background:#fe8d01 url(/btn-send.svg) 50% no-repeat;border:none;border-radius:13px;width:40px;height:40px;transition:background-color .2s;position:absolute;bottom:13px;right:10px}.chat__input .btn-send:hover{background:#ff9516 url(/btn-send.svg) 50% no-repeat}.chat__input .btn-send:disabled{cursor:default;background:#dadada url(/btn-send.svg) 50% no-repeat}@media only screen and (min-width:500px){.chat__input .input{min-height:75px;max-height:173px;padding:27px 70px 24px 30px}.chat__input .btn-send{width:42px;height:42px;bottom:16px;right:20px}}
.chat__messages_wrapper{height:100%}.chat__messages_wrapper .chat__messages{max-width:calc(800px + var(--padding-horizontal)*2);flex-direction:column;height:100%;margin-left:auto;margin-right:auto;transition:all .5s;display:flex}.chat__messages_wrapper .chat__messages>.container{flex-flow:column;width:100%;height:100%;display:flex;position:relative}.chat__messages_wrapper .chat__messages>.container>div:last-child{flex:0 0 calc(100dvh - 130px);padding-bottom:130px}.chat__messages_wrapper .chat__messages>.container>div:last-child.role-rating{flex:0 0 calc(100dvh - 330px)}
.step .spacer,.step .step-footer{flex-grow:1}.step .step-footer{justify-content:center;align-items:center;margin-bottom:50px;display:flex}.step.was-cleared{margin-bottom:65px;padding-top:100px;padding-bottom:140px;flex:0 0 calc(100dvh - 115px)!important}.step.is-loading{pointer-events:none}.step .step-buttons{overflow-wrap:anywhere;grid-template-columns:repeat(3,1fr);gap:10px;max-width:400px;margin:20px auto;line-height:1.27;display:grid}.step .step-buttons .step-button{cursor:pointer;background:#fff;align-items:end;font-size:16px;font-weight:800;display:inline-flex;box-shadow:0 5px 20px rgba(0,0,0,.1)}.step.step-vibe .step-buttons,.step.step-voice .step-buttons{grid-template-columns:repeat(3,1fr);display:grid}.step.step-vibe .step-buttons .step-button,.step.step-voice .step-buttons .step-button{border-radius:20px;height:120px;padding:11px 10px}.step.step-vibe{flex-direction:column;flex-grow:1;justify-content:end;display:flex;padding-bottom:0!important}.step.step-vibe .step-header{text-align:center;color:#333;margin-bottom:20px;font-size:28px;font-weight:800}.step.step-vibe .step-footer{color:rgba(51,51,51,.5);text-align:center;font-size:32px;font-weight:800}.step.step-vibe .step-buttons .step-button{background:#fff right 10px top 10px no-repeat}.step.step-vibe .step-buttons .step-button.step-key-birthday{background-color:#faf2ff;background-image:url(/steps/vibe-birthday.svg)}.step.step-vibe .step-buttons .step-button.step-key-wedding{background-color:#ffedfa;background-image:url(/steps/vibe-wedding.svg)}.step.step-vibe .step-buttons .step-button.step-key-funny{background-color:#edf8ff;background-image:url(/steps/vibe-funny.svg)}.step.step-vibe .step-buttons .step-button.step-key-motivation{background-color:#fffbf1;background-image:url(/steps/vibe-motivation.svg)}.step.step-vibe .step-buttons .step-button.step-key-holiday{background-color:#efffe2;background-image:url(/steps/vibe-holliday.svg)}.step.step-vibe .step-buttons .step-button.step-key-love{background-color:#fff0ed;background-image:url(/steps/vibe-love.svg)}.step.step-vibe .step-buttons .step-button.step-key-custom{background-color:#f1fffc;background-image:url(/steps/vibe-custom.svg)}.step.step-voice .step-buttons .step-button{background:#fffcf9 right 10px top 10px no-repeat}.step.step-voice .step-buttons .step-button.step-key-male{background-image:url(/steps/voice-male.svg)}.step.step-voice .step-buttons .step-button.step-key-female{background-image:url(/steps/voice-female.svg)}.step.step-voice .step-buttons .step-button.step-key-both{background-image:url(/steps/voice-male.svg)}.step.step-style .step-buttons{grid-template-columns:repeat(2,1fr);gap:10px 16px;max-width:380px}.step.step-style .step-buttons .step-button{background:#fff7f0 13px no-repeat;border-radius:12px;align-items:center;padding:14px 10px 14px 48px;font-size:14px;display:flex}.step.step-style .step-buttons .step-button.step-key-pop{background-color:#faf2ff;background-image:url(/steps/style-pop.svg)}.step.step-style .step-buttons .step-button.step-key-rap{background-color:#ececec;background-image:url(/steps/style-rap.svg)}.step.step-style .step-buttons .step-button.step-key-rock{background-color:#f2f6ff;background-image:url(/steps/style-rock.svg)}.step.step-style .step-buttons .step-button.step-key-electronic{background-color:#fdfff2;background-image:url(/steps/style-electronic.svg)}.step.step-style .step-buttons .step-button.step-key-folk{background-color:#fffbf1;background-image:url(/steps/style-folk.svg)}.step.step-style .step-buttons .step-button.step-key-indie{background-color:#ffeee0;background-image:url(/steps/style-indie.svg)}.step.step-style .step-buttons .step-button.step-key-80x{background-color:#fff2fd;background-image:url(/steps/style-80x.svg)}.step.step-style .step-buttons .step-button.step-key-classical{background-color:#f2fffa;background-image:url(/steps/style-classical.svg)}@media only screen and (min-width:500px){.step .step-buttons .step-button{transition:transform .15s}.step .step-buttons .step-button:hover:not(.selected){transform:scale(1.09)!important}}
@keyframes slideIn{0%{transform:scale(0)}to{transform:scale(1)}}.chat__messages__message{padding-top:20px;font-size:16px}.chat__messages__message.nested{padding-top:10px}.chat__messages__message.nested .avatar{opacity:0}.chat__messages__message .msg{border-radius:20px;padding:15px 20px;animation:.3s ease-in-out slideIn}.chat__messages__message.role-bot{align-items:flex-start;display:flex}.chat__messages__message.role-bot .avatar{background:url(/bot-avatar.png) 50%/24px no-repeat;width:24px;height:24px;margin-right:7px;animation:.5s slideIn;position:relative;top:-2px}.chat__messages__message.role-bot .msg{text-align:left;transform-origin:0;background:rgba(255,255,255,.5);border-top-left-radius:0;width:-moz-fit-content;width:fit-content;max-width:85%;margin-right:auto}.chat__messages__message.role-bot .msg .message_word{animation:.4s fadeIn}.chat__messages__message.role-user .msg{text-align:left;color:#fff;transform-origin:100% 100%;background:linear-gradient(90deg,#fd6555 0%,#fd8797 100%);border-bottom-right-radius:0;width:-moz-fit-content;width:fit-content;max-width:70%;margin-left:auto}@media only screen and (min-width:500px){.chat__messages__message .msg{padding:20px}}
@keyframes preloader{to{transform:scale(1.8)}}.loader{--point-color:#444;--size:2.5px;padding-left:3px;display:inline-flex;position:relative;bottom:3.5px}.loader__el{border:var(--size)solid var(--point-color);margin:calc(var(--size)*2);border-radius:100%}.loader__el:first-child{animation:.6s ease-in-out infinite alternate preloader}.loader__el:nth-child(2){animation:.6s ease-in-out .2s infinite alternate preloader}.loader__el:nth-child(3){animation:.6s ease-in-out .4s infinite alternate preloader}
.error{--point-color:#fd6659;--size:2.5px;padding-left:3px;display:inline-flex;position:relative;bottom:3.5px}.error__el{border:var(--size)solid var(--point-color);margin:calc(var(--size)*2);border-radius:100%;transform:scale(1.5)}