.mainview_component__2lMmc{position:relative;padding:1rem;min-height:100vh;text-align:center}.mainview_content__ovE2J{-webkit-flex:1 1;flex:1 1;margin:0 auto;max-width:800px;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;-webkit-justify-content:center;justify-content:center;text-align:left}.mainview_content__ovE2J .mainview_text__1i6bq{-webkit-flex:1 1;flex:1 1;position:relative;z-index:2;padding:2rem}.mainview_content__ovE2J .mainview_text__1i6bq .mainview_title__XYvIZ{margin:0 0 1rem;font-size:1.5rem;font-weight:600;transition:color .2s linear 0s}.mainview_content__ovE2J .mainview_image__2LFIt{-webkit-flex:1 1;flex:1 1;position:relative;z-index:1;width:300px;margin:0 0 0 1rem;background:#000 none no-repeat 50%;background-size:contain;border-radius:1rem;transition:box-shadow .2s linear 0s;overflow:hidden}.mainview_content__ovE2J .mainview_image__2LFIt .mainview_shadow__GUWlP{position:absolute;z-index:200;top:0;left:0;bottom:0;width:10rem;pointer-events:none;transition:background .2s linear 0s}.mainview_content__ovE2J .mainview_image__2LFIt .mainview_measure__2JpGE{position:relative}.mainview_content__ovE2J .mainview_image__2LFIt .mainview_inputFile__2MEKV{position:absolute;z-index:100;top:0;left:0;width:100%;height:100%;opacity:0}.mainview_colors__1Zyao{display:inline-block;margin:1rem 0;padding:.5rem .8rem;line-height:1.5;font-size:.8rem;background-color:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.5);color:#fff;text-align:left}@media screen and (max-width:500px){.mainview_content__ovE2J{-webkit-flex-direction:column;flex-direction:column}.mainview_content__ovE2J .mainview_image__2LFIt{margin:-2rem auto 0}.mainview_content__ovE2J .mainview_image__2LFIt .mainview_shadow__GUWlP{width:100%;bottom:auto;height:5rem}}:root{--max-width:430px;--header-height:3.5rem;--color-text:#111;--color-background:#fff;--color-primary:#007ce2;--color-gray-1:#4f565c;--color-menu-title:#9dabb4;--color-line:#e4eaee;--color-text-blue:#70bdf0;--color-link:#4f8aff;--color-button-background:#222;--color-button-border:rgba(0,0,0,0.5);--color-button-noframe:#111;--color-button-noframe-background:#fff;--color-button-secondary:#111;--color-button-secondary-background:#fff;--color-button-secondary-border:rgba(0,0,0,0.3);--color-modal-background:rgba(0,0,0,0.2);--color-view-background:#f3f4f5;--color-menuitem-background:var(--color-background);--color-menuitem-background-active:#e6ecf0;--color-checkbox-background:#ddd;--color-tabnavigator-border:#ddd;--color-closebutton-background:rgba(0,0,0,0.4);--color-popup-button-border:rgba(0,0,0,0.2);--color-notification-text:#000;--color-notification-background:hsla(0,0%,100%,0.9);--color-notification-border:rgba(0,0,0,0.2);--color-notification-shadow:rgba(0,0,0,0.3);--ease-back-in:cubic-bezier(0.59,-0.21,0.84,0.58);--ease-back-out:cubic-bezier(0.17,0.67,0.49,1.18)}:root[data-theme=dark]{--color-text:#fff;--color-background:#000;--color-line:#333;--color-button-background:#333;--color-button-border:hsla(0,0%,100%,0.15);--color-button-noframe:#eee;--color-button-noframe-background:#333;--color-button-secondary:#eee;--color-button-secondary-background:#333;--color-button-secondary-border:hsla(0,0%,100%,0.15);--color-modal-background:hsla(0,0%,100%,0.1);--color-view-background:#171717;--color-menuitem-background:#222;--color-menuitem-background-active:#3a3d3f;--color-checkbox-background:#555;--color-tabnavigator-border:#333;--color-popup-button-border:hsla(0,0%,100%,0.15);--color-notification-text:#fff;--color-notification-background:rgba(32,32,32,0.9);--color-notification-border:hsla(0,0%,100%,0.2);--color-notification-shadow:hsla(0,0%,100%,0)}body,html{margin:0;padding:0}html{font-size:14px;color:var(--color-text);background-color:var(--color-background);transition:color .2s linear 0s,background-color .2s linear 0s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-display:fallback;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}@supports(-webkit-touch-callout:none){body{height:-webkit-fill-available}}*{font:inherit;color:inherit;line-height:inherit;word-wrap:break-word;letter-spacing:inherit;overflow-wrap:break-word;box-sizing:border-box}::-webkit-scrollbar{display:none}p{letter-spacing:.05em}img,svg{vertical-align:top;height:auto;margin:0;padding:0;outline:none;border:0}@media(min-width:500px){html{font-size:14px}}