.PageCreateRoleRecommendations{display:flex;flex-direction:column;gap:8px}.PageCreateRoleRecommendations__title{margin-bottom:8px;color:var(--color-gray-78,#737378)}.PageCreateRoleRecommendations__item,.PageCreateRoleRecommendations__title{font-family:Inter,sans-serif;font-weight:500;font-size:16px;line-height:21px;letter-spacing:-.3px}.PageCreateRoleRecommendations__item{color:var(--color-black,#000)}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes client-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drop-down{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes skeleton-loading{to{transform:translate(240%)}}@keyframes skeleton-sheen{0%{transform:skew(-40deg) translate(-100%)}to{transform:skew(-40deg) translate(240%)}}@keyframes skeleton-fade{0%,to{opacity:.6}50%{opacity:1}}@keyframes connect-skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}.client-view-enter-active{animation:client-slide-in .5s}.client-view-leave-active{animation:client-slide-in .8s reverse}.dropdown-enter-active{animation:drop-down .5s ease-out}.dropdown-leave-active{animation:drop-down .5s ease-in reverse}.slide-up-enter-active,.slide-up-leave-active{transition-delay:.5s;transition:.3s ease-in-out}.slide-up-enter-from{transform:translateY(100%)}.slide-up-enter-to{transform:translateY(0)}.slide-up-leave-to{transform:translateY(100%)}:export{white:#fcfcfc;white-light:#fff;base-dark:#353442;grey-dark:#9296ad;grey:#b7bacf;grey-1:#333;grey-light:#dfe1ec;grey-light-40:#f0f1f6;grey-light-20:#f6f7f9;light:#fcfcfc;purple:#7857ff;purple-light:#896cff;accent-red:#ff364e;accent-green:#25ca53;accent-yellow:#ffb12e}.PageCreateHandWriting{--footerHeight:64px;display:flex;flex-direction:column;width:100%;margin-bottom:calc(var(--footerHeight) - 20px)}@media(min-width:768px){.PageCreateHandWriting{--footerHeight:80px}}@media(min-width:1024px){.PageCreateHandWriting{--footerHeight:102px}}.PageCreateHandWriting__title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;line-height:24px;letter-spacing:0;color:var(--color-black,#000);margin-bottom:20px}.PageCreateHandWriting__recommendations{margin-top:20px}@media(min-width:768px){.PageCreateHandWriting__recommendations{margin-top:28px}}@media(min-width:1024px){.PageCreateHandWriting__recommendations{margin-top:40px}}.PageCreateHandWriting__footer{width:100%;height:var(--footerHeight);display:flex;position:fixed;bottom:0;right:0;left:0;z-index:1;background-color:var(--color-white,#fff);border-top:1px solid var(--color-gray-f7,#f2f2f7);border-radius:0 0 20px 20px}@media(min-width:1024px){.PageCreateHandWriting__footer{left:unset;width:50%}}.PageCreateHandWriting__footer-content{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;padding:8px 16px}@media(min-width:768px){.PageCreateHandWriting__footer-content{padding:16px 132px}}@media(min-width:1024px){.PageCreateHandWriting__footer-content{padding:16px 124px}}.PageCreateHandWriting__continue-button{width:100%}@media(min-width:768px){.PageCreateHandWriting__continue-button{width:auto}}.PageCreateHandWriting--modal-layout{margin-bottom:0}@media(min-width:768px){.PageCreateHandWriting--modal-layout:not(.PageCreateHandWriting--upload-view){min-height:212px;display:flex;flex-direction:column}}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area{justify-content:center;word-break:break-word;height:100%;max-height:300px}@media(min-width:768px){.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area{flex-grow:1}}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area textarea{max-height:unset}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area textarea::-moz-placeholder{color:hsl(from var(--accent-gray) h s 70)}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area textarea::placeholder{color:hsl(from var(--accent-gray) h s 70)}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__text-area-wrapper{display:flex;flex-grow:1;flex-direction:column;height:100%}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__recommendations,.PageCreateHandWriting--modal-layout .PageCreateHandWriting__title{display:none}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__footer{position:static;width:auto;height:auto;margin-top:auto;margin-inline:-16px;padding-inline:16px}@media(min-width:1024px){.PageCreateHandWriting--modal-layout .PageCreateHandWriting__footer{margin-top:0;margin-inline:-24px;padding-inline:24px}}.PageCreateHandWriting--modal-layout .PageCreateHandWriting__footer-content{max-width:none;flex-direction:row;justify-content:flex-end;gap:12px 16px;padding:8px 0 16px}@media(min-width:768px){.PageCreateHandWriting--modal-layout .PageCreateHandWriting__footer-content{padding:8px 0 20px}}