.react-responsive-modal-root{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000}.react-responsive-modal-overlay{background:rgba(0,0,0,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:-1}.react-responsive-modal-container{height:100%;outline:0;overflow-x:hidden;overflow-y:auto;text-align:center}.react-responsive-modal-containerCenter:after{width:0;height:100%;content:"";display:inline-block;vertical-align:middle}.react-responsive-modal-modal{max-width:800px;display:inline-block;text-align:left;vertical-align:middle;background:#ffffff;box-shadow:0 12px 15px 0 rgba(0,0,0,.25);margin:1.2rem;padding:1.2rem;position:relative;overflow-y:auto}.react-responsive-modal-closeButton{position:absolute;top:14px;right:14px;border:none;padding:0;cursor:pointer;background-color:transparent;display:flex}.react-responsive-modal-container,.react-responsive-modal-modal,.react-responsive-modal-overlay{animation-fill-mode:forwards!important}@keyframes react-responsive-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes react-responsive-modal-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes react-responsive-modal-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(100%);opacity:1}}@keyframes react-responsive-modal-modal-out{0%{transform:scale(100%);opacity:1}to{transform:scale(.96);opacity:0}}:root{--color-white:#ffffff;--color-semiTransparent-overlay:rgba(22,27,29,0.5);--color-semiTransparent-selection:hsla(33,100%,50%,0.4);--color-facebook-default:#395185;--color-facebook-medium:#e1e5ed;--color-facebook-light:#f1f3f6;--color-twitter-default:#55acee;--color-twitter-medium:#ddeefc;--color-twitter-light:#eef7fd;--color-grey-lighter:#f7f8f9;--color-grey-light:#eaeef0;--color-grey-faded:#d9e0e3;--color-grey-default:#c4cfd4;--color-grey-medium:#8197a2;--color-grey-dark:#2e3138;--color-grey-darker:#2c363c;--color-grey-darkest:#161b1d;--color-brand-default:#ff8c02;--color-brand-light:#fff9f2;--color-brand-lighter:#ddf7ee;--color-brand-lightest:#ebfaf5;--color-brand-dark:#453218;--color-red-default:#ff3b30;--color-red-dark:#e10c00;--color-red-medium:#ff9d97;--color-red-light:#fff5f5;--color-purple-default:#9852f1;--color-purple-medium:#cca9f8;--color-purple-light:#faf6fe;--color-green-default:#08c988;--color-green-light:#80e0bd;--color-green-lighter:#ddf7ee;--color-green-lightest:#ebfaf5;--color-green-dark:#08bd81;--color-green-darker:#009e68;--color-orange-default:#ff8c02;--color-orange-light:#ff9b24;--color-orange-lighter:#ffa943;--color-orange-lightest:#fff9f2;--color-orange-dark:#453218;--dimensions-spacing-2xs:2px;--dimensions-spacing-xs:4px;--dimensions-spacing-small:8px;--dimensions-spacing-medium:12px;--dimensions-spacing-large:16px;--dimensions-spacing-xl:20px;--dimensions-spacing-2xl:24px;--dimensions-spacing-3xl:28px;--dimensions-spacing-4xl:32px;--dimensions-spacing-5xl:36px;--dimensions-spacing-6xl:40px;--dimensions-spacing-8xl:48px;--dimensions-borderRadius-small:4px;--dimensions-borderRadius-medium:6px;--dimensions-borderRadius-large:8px;--dimensions-borderRadius-modal:8px;--dimensions-account-page-width:890px;--defaults-animationTime:0.3s;--defaults-borderRadius:4px;--defaults-buttonBorderRadius:6px;--defaults-focusOutline:0 0 0 2px var(--background-default),0 0 0 4px var(--brand-default);--defaults-shadowStatic:0 1px 2px 0 rgba(0,0,0,0.05);--defaults-shadowHover:0 2px 15px 0 rgba(0,0,0,0.05),0 1px 2px 0 rgba(0,0,0,0.05);--defaults-shadowActive:0 4px 20px 0 rgba(0,0,0,0.25),0 1px 2px 0 rgba(0,0,0,0.15);--defaults-shadowSoft:0px 5px 30px rgba(44,54,59,0.1);--defaults-shadowMonoLarge:0px 5px 30px rgba(44,54,59,0.1);--defaults-shadowMonoMedium:0px 2px 10px rgba(44,54,59,0.1);--defaults-shadowOrange:0px 4px 12px rgba(255,140,2,0.4);--text-fontFamily-sansSerif:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--text-fontFamily-monospace:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;--text-text-fontFamily:var(--text-fontFamily-sansSerif);--text-text-default-size:13px;--text-text-default-lineHeight:20px;--text-text-small-size:10px;--text-text-small-lineHeight:12px;--text-text-regular-weight:400;--text-text-medium-weight:500;--text-text-semibold-weight:600;--text-text-default-regular:var(--text-text-regular-weight) var(--text-text-default-size) /var(--text-text-default-lineHeight) var(--text-text-fontFamily);--text-text-default-medium:var(--text-text-medium-weight) var(--text-text-default-size) /var(--text-text-default-lineHeight) var(--text-text-fontFamily);--text-text-default-semibold:var(--text-text-semibold-weight) var(--text-text-default-size) /var(--text-text-default-lineHeight) var(--text-text-fontFamily);--text-text-small-medium:var(--text-text-medium-weight) var(--text-text-small-size) /var(--text-text-small-lineHeight) var(--text-text-fontFamily);--text-text-small-semibold:var(--text-text-semibold-weight) var(--text-text-small-size) /var(--text-text-small-lineHeight) var(--text-text-fontFamily);--text-text-heading:var(--text-text-semibold-weight) 20px /28px var(--text-text-fontFamily);--text-text-heading-small:var(--text-text-semibold-weight) 13px /21px var(--text-text-fontFamily);--text-label-weight:500;--text-label-bold-weight:500;--text-label-default-size:13px;--text-label-default-lineHeight:16px;--text-label-small-size:12px;--text-label-small-lineHeight:14px;--text-label-default:var(--text-label-weight) var(--text-label-default-size) /var(--text-label-default-lineHeight) var(--text-label-fontFamily);--text-label-small:var(--text-label-weight) var(--text-label-small-size) /var(--text-label-small-lineHeight) var(--text-label-fontFamily);--text-title-weight:600;--text-title-default-size:17px;--text-title-default-lineHeight:20px;--text-title-large-size:48px;--text-title-large-lineHeight:56px;--text-title-medium-size:24px;--text-title-medium-lineHeight:28px;--text-title-small-size:16px;--text-title-small-lineHeight:19px;--text-title-tiny-size:13px;--text-title-tiny-lineHeight:15px;--text-title-tiny-letterSpacing:0.1em;--text-button-weight:500;--text-button-default-size:13px;--text-button-default-lineHeight:16px;--text-button-big-size:16px;--text-button-big-lineHeight:19px;--text-button-tiny-size:10px;--text-button-tiny-lineHeight:12px;--text-paragraph-default-size:16px;--text-paragraph-default-lineHeight:19px;--text-paragraph-small-size:11px;--text-paragraph-small-lineHeight:13px;--text-code-weight:400;--text-code-size:13px;--text-code-small-size:11px;--text-code-lineHeight:16px;--text-code-small-lineHeight:13px;--text-code-default:var(--text-code-weight) var(--text-code-size) /var(--text-code-lineHeight) var(--text-fontFamily-monospace);--text-code-small:var(--text-code-weight) var(--text-code-small-size) /var(--text-code-small-lineHeight) var(--text-fontFamily-monospace)}.svgviewerModalOverlay{background-color:var(--color-semiTransparent-overlay)}.svgviewerModal{padding:0;box-shadow:var(--defaults-shadowActive);max-width:380px;background-color:transparent}.Resizer{opacity:.2;z-index:1;box-sizing:border-box;background-clip:padding-box}.Resizer:hover{transition:all 2s ease}.Resizer.horizontal{height:11px;margin:-5px 0;border-top:5px solid rgba(255,255,255,0);border-bottom:5px solid rgba(255,255,255,0);cursor:row-resize}.Resizer.horizontal.resizing,.Resizer.horizontal:hover{border-top:5px solid rgba(0,0,0,.5);border-bottom:5px solid rgba(0,0,0,.5)}.Resizer.vertical{width:10px;margin:0 -5px;padding:0;border-left:5px solid rgba(255,255,255,0);border-right:5px solid rgba(255,255,255,0);cursor:col-resize}.Resizer.vertical.resizing,.Resizer.vertical:hover{border-left:5px solid rgba(0,0,0,.5);border-right:5px solid rgba(0,0,0,.5)}.DragLayer{z-index:1;pointer-events:none}.DragLayer.resizing{pointer-events:auto}.DragLayer.horizontal{cursor:row-resize}.DragLayer.vertical{cursor:col-resize}.editor{width:100%}.darkMode,.lightMode{height:100%;width:100%}.editor,.ourOutput{flex-basis:0;flex-grow:1}.ourOutput{height:100%;width:100%;flex:1 1}@media screen and (max-width:1023px){.editor,.ourOutput{width:100%}}.cls-1{fill:black!important}#_Transparent_Rectangle_{visibility:hidden!important}#svgContainer img:not(:hover),#svgContainer svg:not(:hover){outline:calc(2px / var(--props-zoom)) dashed var(--background-light)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--brand-default:var(--color-orange-default);--brand-light:var(--color-orange-light);--brand-strong:var(--color-orange-dark);--success-default:var(--color-brand-default);--info-default:var(--color-purple-default);--error-default:var(--color-red-default);--content-strong:var(--color-grey-darkest);--content-medium:var(--color-grey-medium);--content-light:var(--color-grey-light);--border-light:var(--color-grey-default);--background-strong:var(--color-white);--background-default:var(--color-grey-lighter);--background-medium:var(--color-grey-light);--background-light:var(--color-grey-faded)}.darkMode{--brand-default:var(--color-orange-default);--brand-light:var(--color-orange-dark);--brand-strong:var(--color-orange-light);--success-default:var(--color-green-default);--info-default:var(--color-purple-medium);--error-default:var(--color-red-default);--content-strong:var(--color-white);--content-medium:var(--color-grey-default);--content-light:var(--color-grey-dark);--border-light:var(--color-grey-dark);--background-strong:var(--color-grey-darkest);--background-default:var(--color-grey-darker);--background-medium:var(--color-grey-darker);--background-light:var(--color-grey-dark)}.lightMode{--brand-default:var(--color-orange-default);--brand-light:var(--color-orange-dark);--brand-strong:var(--color-orange-light);--success-default:var(--color-brand-default);--info-default:var(--color-purple-medium);--error-default:var(--color-red-default);--content-strong:var(--color-grey-darkest);--content-medium:var(--color-grey-darker);--content-light:var(--color-grey-dark);--border-light:var(--color-grey-dark);--background-strong:var(--color-white);--background-default:var(--color-grey-lighter);--background-medium:var(--color-grey-lighter);--background-light:var(--color-grey-light)}*{box-sizing:border-box;font-family:var(--text-fontFamily-sansSerif)}html{font-size:100%}body{background:var(--background-default);color:var(--content-strong);font-family:var(--text-fontFamily-sansSerif);line-height:1.3}button{font-family:var(--text-text-fontFamily)}h2{font-size:var(--text-title-medium-size);font-weight:var(--text-title-weight);padding:.5em 0}p{margin-bottom:1em}a{font-weight:500;text-decoration:none}a,a:hover{color:var(--brand-default)}a:hover{text-decoration:underline}a:focus{box-shadow:var(--defaults-focusOutline);outline:none}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{font-size:12px;display:block;width:100%;padding:12px;border:1px solid #ddd;box-sizing:border-box;border:1px solid var(--border-light);border-radius:var(--defaults-borderRadius);background:var(--background-strong);font-family:var(--text-fontFamily-sansSerif)}textarea{color:#888}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 0 2px var(--brand-light);border-color:var(--brand-default)}input[type=email]::-moz-placeholder,input[type=number]::-moz-placeholder,input[type=password]::-moz-placeholder,input[type=text]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:var(--content-medium)}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:var(--content-medium)}textarea{height:10em}select{height:rem(42);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(/images/chevronDown.svg) var(--background-strong);background-repeat:no-repeat;background-position:right .7em top 50%}::-moz-selection{background-color:var(--color-semiTransparent-selection)}::selection{background-color:var(--color-semiTransparent-selection)}main{--content-height:80vh}@media screen and (min-width:767px){main{--content-height:100vh}}.ReactModal__Content{background:transparent!important}