.Placeholder{border-radius:4px;background:#eee}.DragDropItem{margin-top:10px;pointer-events:all;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Constructor__item:first-child>.DragDropItem{margin-top:0}.DragDropItem__container{pointer-events:none}.DragDropItem--dragging>.DragDropItem__container{position:absolute;z-index:10;border-radius:4px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.5);box-shadow:0 5px 10px rgba(0,0,0,.5);pointer-events:all;cursor:move}.DragDropItem--status-notOVerlapTarget{margin-bottom:0}.DragDropItem--status-notOVerlapTarget .Placeholder{display:none}.Icon{color:gold}.PanelControls{width:28px;margin-left:.5rem;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:space-evenly;justify-content:space-evenly;color:#9acd32;pointer-events:all}.PanelControls--no-children{width:56px;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.PanelControls--no-result{width:78px;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center}.PanelControls--parentHasSingleChild{width:28px;-ms-flex-item-align:start;align-self:flex-start}.PanelControl{height:20px;margin:4px;padding:0;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;border-radius:4px;font:inherit;line-height:1;color:inherit;cursor:pointer;outline:none;width:20px;-webkit-box-shadow:0 0 0 2px transparent;box-shadow:0 0 0 2px transparent;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;-o-transition:box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s,-webkit-box-shadow .25s}.PanelControl .icon{margin:0 auto}.PanelControl:hover{-webkit-box-shadow:0 0 0 1px #ccc;box-shadow:0 0 0 1px #ccc}.PanelControl:focus{-webkit-box-shadow:0 0 0 2px;box-shadow:0 0 0 2px}.PanelControl--remove{color:crimson}.PanelControl--toggle{color:#555}.PanelControl--docs{color:#20b2aa}.PanelControl--docs .icon{width:12px}.InputText{margin-left:2px;border-radius:4px;border:1px solid #ccc;font:inherit;font-size:14px;line-height:1}.InputText--number{width:3rem;text-align:right}.InputText:disabled{opacity:.5;-webkit-filter:grayscale(.5);filter:grayscale(.5)}.PalettePanel{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem;background:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:0 0 0 rgba(0,0,0,.5);box-shadow:0 0 0 rgba(0,0,0,.5);pointer-events:none;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.PalettePanel:after{content:"";width:6px;margin-left:1rem;background:-webkit-radial-gradient(center,circle,#ccc 2px,transparent 3px);background:-o-radial-gradient(center,circle,#ccc 2px,transparent 3px);background:radial-gradient(circle at center,#ccc 2px,transparent 3px);background-position:100%;background-size:6px 8px;background-repeat:repeat-y;-ms-flex-item-align:stretch;align-self:stretch}.PalettePanel__label{display:-ms-flexbox;display:flex;pointer-events:all}.PalettePanel__inputText,.PalettePanel__label{-ms-flex-positive:1;flex-grow:1}.InputRadio{color:tomato}.RadioList{margin-bottom:.5rem;text-align:right}.RadioList__name{display:inline-block;color:#000}.RadioList__label{margin-left:.25rem;color:#ccc}.RadioList__label-text{padding:.25em .35em;border-radius:4px;cursor:pointer}.RadioList__label-text:hover{color:#000}:checked+.RadioList__label-text{background:#ffc880;color:#000;pointer-events:none}.InputSelect{margin-left:2px;font:inherit;font-size:14px;line-height:1}.ConstructorPlaceholder{text-align:center;font-style:italic;font-size:14px;color:#333}.Constructor{min-width:330px;margin-bottom:1rem;color:#ccc}.Constructor__container{min-height:80px;-ms-flex-preferred-size:100%;flex-basis:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}.Constructor__item{width:100%}.Constructor__option{margin-top:1rem}.Constructor__option-label{color:#333}.Constructor__option-input{margin-left:.5rem}.Playground{-ms-flex-direction:column;flex-direction:column}.Playground,.Playground__controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Playground__controls{width:100%;margin-bottom:.5rem;-ms-flex-pack:justify;justify-content:space-between}.Playground__image{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.Playground__svg-wrapper{position:relative}.Playground__tip{position:absolute;top:50%;left:50%;padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:hsla(0,0%,100%,.75);border:2px solid #ccc;border-radius:4px;-webkit-box-shadow:0 5px 5px rgba(0,0,0,.5);box-shadow:0 5px 5px rgba(0,0,0,.5);font-size:14px;font-style:italic}.Playground__tip--add-content{min-width:50%;text-align:center;white-space:nowrap}.Playground__tip--add-primitives{min-width:80%}.Playground__svg{width:100%;height:auto;max-height:400px;-ms-flex-positive:1;flex-grow:1;background:url(data:image/png;base64,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);font-size:6rem;font-weight:700;font-family:Arial Black,Arial Bold,Arial,sans-serif;fill:#20b2aa}@media (min-width:1100px){.Playground__svg{max-height:450px}}@media (min-width:1250px){.Playground__svg{max-height:525px}}@media (min-width:1400px){.Playground__svg{max-height:600px}}.Playground--text .Playground__svg{font-size:9rem}.image{-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.image--filtered:hover{opacity:0}.ImageUploader__input{font:inherit;color:inherit}.ImageDownloader{min-height:32px;min-width:165px;margin-left:2rem;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.ImageDownloader__button{padding:.25em .35em;background:#fff;border-radius:4px;border:1px solid;color:#000;font:inherit;white-space:nowrap;text-decoration:none;cursor:pointer}.ImageDownloader__button:active{background:#000;color:#fff}.ImageDownloader__button--starter{border-style:dashed}.ImageDownloader__processing{font-style:italic;-webkit-animation:blink 1.5s infinite;animation:blink 1.5s infinite}@-webkit-keyframes blink{50%{opacity:.25}}@keyframes blink{50%{opacity:.25}}.Code{min-width:350px;margin-top:1.4em}.Code__textarea{width:100%;height:300px;padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:1px solid #ddd;-moz-tab-size:24px;-o-tab-size:24px;tab-size:24px;font:inherit}.Icons{color:tomato}.Icons__svg{position:absolute;width:0;height:0;overflow:hidden}.Wrapper{max-width:1400px;margin-left:auto;margin-right:auto}.Header{position:relative;background:#000}.Header:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background-color:#20b2aa}.Header__content{padding:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;font-family:Georgia,serif;line-height:1;color:#fff}.Header__title{margin:0;font-weight:400}.Header__logo{font-size:30px;text-decoration:none;color:inherit}.Header__nav{position:relative;display:-ms-flexbox;display:flex}.Header__nav:before{position:absolute;content:"";z-index:10;top:0;right:0;bottom:0;left:0;border-radius:4px;border:1px dashed #fff;mix-blend-mode:difference;pointer-events:none}.Header__nav-link{position:relative;padding:7px 20px;border-right:1px dashed;text-decoration:none;color:#fff}.Header__nav-link:last-child{border:none}.Header__nav-link--current{color:#000}.Header__nav-link--current:before{content:"";position:absolute;z-index:0;top:-7px;right:-8px;bottom:-6px;left:-8px;background:#ffe875;border-radius:12px 17px/5px 20px;-webkit-transform:skewX(0deg) skewY(-2deg);-ms-transform:skewX(0deg) skewY(-2deg);transform:skewX(0deg) skewY(-2deg)}.Header__nav-link-presets--current:before{background:#a3ddfa;-webkit-transform:skewX(-20deg) skewY(2deg);-ms-transform:skewX(-20deg) skewY(2deg);transform:skewX(-20deg) skewY(2deg)}.Header__nav-link-docs--current:before{background:#cbfb6a;-webkit-transform:skewX(-10deg) skewY(-2deg);-ms-transform:skewX(-10deg) skewY(-2deg);transform:skewX(-10deg) skewY(-2deg)}.Header__nav-text{position:relative}.Footer{border-top:1px solid #ddd;padding:2rem 1.5rem}.Footer__content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.Footer__link{margin-left:1rem}.Footer__link:first-child{margin-left:0}.Footer__link--read{margin-right:auto}.ControlsList{min-width:200px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.ControlsList--circles{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.Control{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-bottom:1rem;padding:4px 20px;background:#fff;border:1px solid;border-radius:4px;text-decoration:none;font:inherit;color:#333;cursor:pointer}.Control-playground{outline:none}.Control-playground:focus{-webkit-box-shadow:0 0 0 3px;box-shadow:0 0 0 3px}.Control--circles{width:60px;height:60px;margin-left:calc((100% - 180px) / 2);padding:0;background-origin:border-box;border-radius:50%;font-size:0;color:rgba(0,0,0,.5)}.Control--circles:nth-child(3n+1){margin-left:0}.Control--circles:focus{-webkit-box-shadow:0 0 0 3px #333;box-shadow:0 0 0 3px #333}.Control__text{position:relative}.App{min-width:1028px}.App__inner{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.App__container{padding:2.5rem 1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-preferred-size:20%;flex-basis:20%;border-left:1px solid #ddd}.App__container:first-child{border:none}.App__container--controlsList{max-width:250px;-ms-flex-negative:0;flex-shrink:0}.App__container--constructor{-ms-flex-preferred-size:30%;flex-basis:30%;max-width:400px}.App__container--playground{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex}.App__content--playground{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.App__content--sticky{position:-webkit-sticky;position:sticky;top:20px}.Demos{overflow:hidden}.Demos__title{margin-bottom:.5em}.Demos__list{margin:0 -.5rem;padding:0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none}.Demos__item{position:relative;margin-left:.5rem;margin-bottom:.5rem;background:url(/svg-gradient-map/static/media/nicki-eliza-schinow-356622-unsplash-300.776271ad.jpg);background-position:0 0}.Demos__data{position:absolute;left:.5rem;bottom:.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Demos__data-additions{padding:0 .4em;border-radius:10px;background:rgba(0,0,0,.5);color:#fff}.Demos__palette{display:block;width:25px;height:25px;margin-right:.5rem;border:1px solid;border-radius:50%;color:#333;-webkit-box-shadow:0 0 0 3px rgba(0,0,0,.5);box-shadow:0 0 0 3px rgba(0,0,0,.5)}.Demos__svg{display:block}.Demos__svg:first-child{margin-left:0}.Demos__image{-webkit-transition:opacity .15s;-o-transition:opacity .15s;transition:opacity .15s}.Demos__item:hover .Demos__image{opacity:0}.SinglePage{min-width:1028px}.SinglePage__inner{max-width:1028px;margin:0 auto;padding:2.5rem 1.5rem}.SinglePage__title{margin-top:0}.SinglePage__list LI{margin-bottom:.5rem;font-size:14px}.SinglePage__list A{font-size:16px}HTML{font-size:16px}BODY{margin:0;padding:0;font:1rem/1.4 Trebuchet MS,Arial,sans-serif}A{color:#4682b4}A:hover{text-decoration:none}A:focus,BUTTON:focus,INPUT:focus,SELECT:focus,TEXTAREA:focus{outline:none;-webkit-box-shadow:0 0 0 2px #9fdf20;box-shadow:0 0 0 2px #9fdf20}.visuallyhidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}