.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}:root{--color-blue: #0051FF;--color-blue-darker: #0048E3;--color-orange: #EB4826;--color-orange-darker: #c93c0c;--color-orange-lighter: #FF917A;--color-beige: #E6E2DE;--color-beige-darker: #D6D3CF;--color-primary: var(--color-orange);--color-primary-darker: var(--color-orange-darker);--color-primary-lighter: var(--color-orange-lighter);--color-background: #f3f5f9;--color-background-ui: #E9EAEF;--color-background-orange: #FFD2B3;--color-primary-text: #141414;--color-secondary-text: #404754;--color-border: #BFCCE4;--color-border-darker: #9fa5b2}.sidebar{width:100%;background-color:var(--color-background-ui);box-shadow:0 5px 15px #1a2d511a;display:flex;flex-direction:column}.sidebar__headline-wrapper{padding:18px 24px;border-bottom:.5px solid var(--color-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar__headline{font-size:12px;font-weight:500;color:var(--color-secondary-text);text-transform:uppercase;margin:0}.sidebar__selection{font-size:12px;font-weight:700;color:var(--color-secondary-text);margin:0}.sidebar__body{height:100%}.sidebar__body:last-child{border-bottom:none}.sidebar__item{padding:24px;border-bottom:.5px solid var(--color-border);display:flex;flex-direction:row;justify-content:space-between}.sidebar__footer{border-top:.5px solid var(--color-border);padding:24px;display:flex;flex-direction:row;align-items:center}.sidebar__footer>*{margin-right:12px}@media only screen and (min-width: 1024px){.sidebar{width:372px;height:100vh}.sidebar__body{overflow-y:scroll}}.color-radio{display:flex;flex-direction:row;gap:8px}.color-radio__item-image{width:52px;height:52px;border-radius:50px;box-shadow:0 4px 6px #1a2d511a}.color-radio__item-image:hover{cursor:pointer}[type=radio]{position:absolute;opacity:0;width:0;height:0}[type=radio]+img{cursor:pointer}[type=radio]:checked+img{outline:3px solid var(--color-primary)}.btn{display:flex;align-items:center;padding:0 24px;height:42px;border:2px solid var(--color-primary);border-radius:5px;text-transform:uppercase;box-shadow:0 4px 6px #1a2d511a;font-weight:700;transition-duration:.3s;transition-property:all;background-color:var(--color-primary);color:#fff}.btn:hover{cursor:pointer;background-color:var(--color-primary-darker);border-color:var(--color-primary-darker)}.btn--outline{background-color:transparent;color:var(--color-primary)}.btn--outline:hover{border-color:var(--color-primary-darker);color:var(--color-primary-darker);background-color:transparent}.btn--link{box-shadow:none;padding:0;border:none;color:var(--color-primary);background-color:transparent;text-decoration:underline}.btn--link:hover{color:var(--color-primary-darker)}.btn--disabled:hover{cursor:not-allowed}.btn--loading{background-color:var(--color-primary-lighter);border-color:var(--color-primary-lighter)}.loading-screen{position:fixed;top:0;left:0;bottom:0;right:0;z-index:9999;overflow-y:auto}.loading-screen__wrapper{background-color:var(--color-background-orange);background-image:inherit;display:flex;align-items:center;justify-content:center;transition:opacity 1s}.loading-screen__board{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:32px;text-align:center;transition:opacity .4s}.loading-screen__title{font-size:32px;color:var(--color-primary-text);margin:0 0 8px}.loading-screen__description{max-width:500px}.loading-screen__progress{position:absolute;top:0;left:0;width:100%;height:4px}.loading-screen__progress-value{position:absolute;left:0;top:0;bottom:0;background-color:var(--color-primary);transition:width .4s}.loading-screen--started{opacity:0;pointer-events:none}.loading-screen--started .loading-screen__board{opacity:0}@media only screen and (min-width: 1024px){.loading-screen__wrapper{height:100vh}}.selection{display:none;position:absolute;bottom:0;left:0;padding:24px;flex-direction:column}.selection__headline{font-size:12px;font-weight:500;color:var(--color-secondary-text);text-transform:uppercase;margin:0;padding:12px 0}.selection__list{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0;margin:0}.selection__item{display:flex;gap:8px;align-items:center;color:var(--color-secondary-text)}.selection__item svg{width:22px;height:22px;fill:var(--color-secondary-text)}.selection__space{padding:4px}@media only screen and (min-width: 1024px){.selection{display:flex}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--brp-0: 320px;--brp-1: 375px;--brp-2: 425px;--brp-3: 768px;--brp-4: 1024px;--brp-5: 1440px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;display:flex;overflow-x:hidden}.app{width:100vw;height:100vh;background-color:var(--color-background)}.title{display:flex;position:absolute;top:0;left:0;font-size:10px;font-weight:500;color:var(--color-secondary-text);text-transform:uppercase;margin:0;padding:18px 24px}.canvas{z-index:999;width:100%}.ui{position:static;z-index:999}.error__screen{display:flex;height:100vh;flex-direction:column;gap:32px;background-color:#ffd2b3cc;font-size:32px;font-weight:700;overflow:hidden;align-items:center;justify-content:center;text-align:center;padding:24px}.error__image{width:100%}.error__image svg{height:58px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-background-ui)}::-webkit-scrollbar-thumb{background:var(--color-border-darker);border-radius:50px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-darker);border-radius:50px}::-webkit-scrollbar-thumb:active{background:var(--color-border)}@media only screen and (min-width: 1024px){.title{font-size:10px}.ui{position:absolute;z-index:999;top:0;right:0}.canvas{z-index:999;width:80%!important}.loader-wrapper{width:80%!important}.error__screen{height:100vh;font-size:58px;padding:128px}.error__image{width:100%}.error__image svg{height:128px}}.loader-wrapper{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;height:100%;z-index:999}.loader{border:4px solid var(--color-background-ui);border-radius:50%;border-top:4px solid var(--color-primary);width:52px;height:52px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}