@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:400;src:url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.8ea951d7.eot);src:local(""),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.8ea951d7.eot?#iefix) format("embedded-opentype"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.cd15770a.woff2) format("woff2"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.5fd40d20.woff) format("woff"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.5df92fb5.ttf) format("truetype"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-regular.6be49865.svg#MPLUSRounded1c) format("svg")}@font-face{font-family:"M PLUS Rounded 1c";font-style:normal;font-weight:800;src:url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.aa7a36aa.eot);src:local(""),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.aa7a36aa.eot?#iefix) format("embedded-opentype"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.814138a9.woff2) format("woff2"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.1a9d9f7c.woff) format("woff"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.c348d62d.ttf) format("truetype"),url(/fancy-border-radius/assets/m-plus-rounded-1c-v15-latin-800.01b2ebfa.svg#MPLUSRounded1c) format("svg")}@font-face{font-family:Ubuntu Mono;font-style:normal;font-weight:400;src:url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.3b4cf932.eot);src:local(""),url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.3b4cf932.eot?#iefix) format("embedded-opentype"),url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.b07e4ebe.woff2) format("woff2"),url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.5a3860d7.woff) format("woff"),url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.252d6e34.ttf) format("truetype"),url(/fancy-border-radius/assets/ubuntu-mono-v15-latin-regular.f7de38c4.svg#UbuntuMono) format("svg")}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@keyframes morph{0%{border-radius:40% 60% 60% 40%/70% 30%}to{border-radius:40% 60%}}@keyframes spin{to{transform:rotate(1turn)}}*,*:before,*:after{box-sizing:border-box}html,body{background:#000022;color:#fff;font-family:"M PLUS Rounded 1c",sans-serif;overflow-x:hidden}.alert{position:fixed;left:50%;top:30%;transform:translate(-50%);color:#002;font-size:1.5rem;pointer-events:none;z-index:100;padding:1em;background:rgba(255,255,255,.8);border-radius:.5em;white-space:nowrap}.footer{background:rgba(255,255,255,.15);min-height:2rem;text-align:center;color:#fff9;font-size:.875rem;line-height:1.2rem;padding:.4rem 0}.footer__heart{padding:0 .125em;color:#3023ae}.footer a{text-decoration:none;color:#fffc}.footer a:hover{text-decoration:underline}.header{margin:0 0 1rem;text-align:center;position:relative;z-index:10}.header__links{margin:.5em auto 0;padding-top:.25em;max-width:26.75rem;border-top:1px solid rgba(255,255,255,.5)}.header__links a{font-size:.75rem;color:#f09;text-decoration:none;padding:0 .5rem;opacity:.8;transition:opacity .3s ease-out;white-space:nowrap}.header__links a svg{width:1.35em;height:1.35em;display:inline-block;fill:#fff;vertical-align:-.3em;margin-top:-.125rem}.header__links a:hover{opacity:1}@media screen and (min-width: 33rem){.header__links{margin-top:1em;padding-top:.5em}.header__links a{font-size:.875rem}}h1{text-transform:uppercase;font-size:1.5rem;color:#fffc;line-height:1;margin:0 0 .125em;letter-spacing:.01em;text-align:center}@media screen and (min-height: 36.25rem) and (min-width: 25rem){h1{font-size:2rem}}.container{min-height:calc(100vh - 2rem);padding-top:2rem;display:flex;flex-direction:column;align-items:stretch;justify-content:space-evenly;overflow:hidden;position:relative}.container:before,.container:after{content:"";width:70vmax;height:70vmax;position:absolute;background:rgba(255,255,255,.07);left:-20vmin;top:-20vmin;animation:morph 15s linear infinite alternate,spin 20s linear infinite;z-index:1;will-change:border-radius,transform;transform-origin:55% 55%;pointer-events:none}.container:after{width:70vmin;height:70vmin;left:auto;right:-10vmin;top:auto;bottom:0;animation:morph 10s linear infinite alternate,spin 26s linear infinite reverse;transform-origin:20% 20%}.generator{width:60vmin;height:60vmin;border:2px dashed rgba(255,255,255,.4);position:relative;z-index:3;margin-left:auto;margin-right:auto}@media screen and (min-width: 31.875rem){.generator{width:50vmin;height:50vmin}}.generator__shape{width:100%;height:100%;background:#FF0099;background-image:linear-gradient(45deg,#3023AE 0%,#FF0099 100%);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;box-shadow:-10vmin 10vmin #ffffff12}.generator__shape--8v{border-radius:10%;background-image:linear-gradient(-225deg,#FFFFFF 0%,rgba(255,255,255,0) 40%,rgba(0,255,255,0) 60%,#0ff 100%),linear-gradient(45deg,#3023AE 0%,#FF0099 100%)}.generator__handle{display:block;position:absolute;cursor:pointer;width:2.5rem;height:2.5rem}.generator__handle:before{content:"";position:absolute;width:1rem;height:1rem;left:.75rem;top:.75rem;background:#FFFFFF;border:2px solid #000022;transition:box-shadow .2s ease-out;will-change:box-shadow}.generator__handle--second:before{background:#3023AE;border:2px solid #FFFFFF}.generator__handle--third:before{background:#FF0099;border:2px solid #FFFFFF}.generator__handle--fourth:before{background:#0ff}.generator__handle--8v.active:before,.generator__handle--8v:hover:before{box-shadow:0 0 0 4px #fff;border:2px solid #000022}.generator__handle:not(.generator__handle--8v).active:before,.generator__handle:not(.generator__handle--8v):hover:before{background:#0ff;box-shadow:0 0 0 4px #fff;border:2px solid #000022}.generator #top{top:-1.25rem;left:30%;transform:translate(-50%)}.generator #top.generator__handle--8v{left:10%}.generator #bottom{bottom:-1.25rem;left:30%;transform:translate(-50%)}.generator #bottom.generator__handle--8v{left:10%}.generator #left{left:-1.25rem;top:30%;transform:translateY(-50%)}.generator #left.generator__handle--8v{top:10%}.generator #right{right:-1.25rem;top:30%;transform:translateY(-50%)}.generator #right.generator__handle--8v{top:10%}.generator #topRight{top:-1.25rem;left:90%;transform:translate(-50%)}.generator #bottomRight{bottom:-1.25rem;left:90%;transform:translate(-50%)}.generator #leftBottom{left:-1.25rem;top:90%;transform:translateY(-50%)}.generator #rightBottom{right:-1.25rem;top:90%;transform:translateY(-50%)}.output{width:90%;text-align:left;margin-top:1.5em;font-size:1.125rem;line-height:1.5;margin-left:auto;margin-right:auto}.output__label{flex:0 0 auto;margin-bottom:.5em;margin-right:1em;color:#ffffffe6}.output__code{display:block;font-family:Ubuntu Mono,monospace;flex-grow:1;color:#002;background:#ccc;padding:.5em .625em;border-radius:2px;margin-bottom:.5em}.output__button{display:block;border-radius:2px;background:#FF0099;border:none;color:#ffffffe6;padding:.5em 1em;font-weight:700;width:100%;transition:background .3s ease-out;will-change:background;cursor:pointer}.output__button:hover{background:#3023AE}@media screen and (min-width: 30.875rem){.output{font-size:1.25rem}.output__code{border-radius:2px 0 0 2px;flex-grow:1;margin-bottom:0}.output__button{flex-shrink:1;border-radius:0 2px 2px 0;width:auto;text-transform:uppercase;letter-spacing:.1em}}@media screen and (min-width: 43rem){.output{display:flex;justify-content:stretch;align-items:baseline;max-width:39rem}}.advanced{width:90%;max-width:39rem;text-align:left;margin:.5em auto;position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;color:#ffffffe6}@media screen and (min-width: 560px){.advanced{font-size:1.25rem}}.advanced__switch{padding:.5em 0;flex-shrink:0;margin-bottom:.5em}.advanced__settings{display:none}.advanced__settings.visible{display:flex;justify-content:space-between;flex-direction:column}@media screen and (min-width: 31.25rem){.advanced__settings.visible{flex-direction:row}}.advanced__check{visibility:hidden;width:0;height:0;display:block;border:none}.advanced .input-group{align-items:center;margin-left:1em;margin-bottom:.5em;justify-content:space-between;display:flex}.advanced .input-group label{display:block;margin-right:.5em}.advanced .input-group input[type=number]{width:4.5rem}.advanced__check:checked+.advanced__trigger span:after{background:#FF0099;left:1.15em;border-radius:37% 63% 55% 45%/25% 50% 50% 75%}.advanced__trigger{display:block;line-height:1;cursor:pointer}.advanced__trigger span{display:inline-block;width:2em;height:1em;border-radius:.5em;background:rgba(255,255,255,.8);vertical-align:bottom;position:relative}@media screen and (min-width: 43rem){.advanced__trigger span{margin-left:2rem}}.advanced__trigger span:after{content:"";width:.7em;height:.7em;border-radius:50% 56% 29% 70%/50% 73% 38% 50%;background:#000022;position:absolute;left:.15em;top:.15em;transition:left .3s ease-out,background .3s ease-out,border-radius .4s ease-in-out}.input-group input{border-radius:2px;border:none;background:#FFFFFF;font-family:Ubuntu Mono,monospace;color:#002;padding:.5em .625em}@media screen and (min-width: 30.85rem){.input-group{display:flex;align-items:stretch;flex-grow:1;margin-bottom:0}}.company-link{z-index:200;width:14em;position:relative;display:flex;flex-direction:column;padding:.5em 1em .75em;margin:2em auto;margin-bottom:1rem;background:rgba(255,255,255,.15);border:1px solid #FF0099;color:#fff;font-size:1rem;text-align:center;text-decoration:none}.company-link:hover{background:rgba(255,255,255,.3)}.company-link__label{margin-bottom:.5em}@media screen and (min-width: 62rem) and (orientation: landscape){.company-link{margin:0;position:absolute;top:7%;right:1rem}}@media screen and (min-width: 82rem) and (orientation: landscape){.company-link{left:75%}}
