/*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1rem;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
/* General Utilities */
html {
  height: 100%;
  font-size: 62.5%;
}
body {
  font-family: "Adobe Clean";
  font-weight: normal;
  text-rendering: geometricPrecision;
  height: 100%;
  -webkit-font-feature-settings: "calt", "liga", "clig", "kern", "tnum";
  font-size: 1.2rem;
}
input {
  font-weight: normal;
  font-family: "Adobe Clean";
  text-rendering: geometricPrecision;
  -webkit-font-feature-settings: "calt", "liga", "clig", "kern", "tnum";
}
.hide {
  display: none;
}
@font-face {
  font-family: 'Adobe Clean';
  src: url('file://shared/font/AdobeClean-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Adobe Clean';
  src: url('file://shared/font/AdobeClean-It.otf');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Adobe Clean';
  src: url('file://shared/font/AdobeClean-Light.otf');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Adobe Clean';
  src: url('file://shared/font/AdobeClean-LightIt.otf');
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Adobe Clean';
  src: url('file://shared/font/AdobeClean-BoldSemiCn.otf');
  font-weight: 500;
  font-style: normal;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1280px) {
  html {
    font-size: 50%;
  }
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1281px) and (max-device-width: 1440px) {
  html {
    font-size: 50%;
  }
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1441px) and (max-device-width: 1680px) {
  html {
    font-size: 62.5%;
  }
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 1681px) {
  html {
    font-size: 62.5%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1280px) {
  html {
    font-size: 50%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1281px) and (max-device-width: 1440px) {
  html {
    font-size: 50%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1441px) and (max-device-width: 1680px) {
  html {
    font-size: 56.3%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1681px) and (max-device-width: 2560px) {
  html {
    font-size: 62.5%;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  html {
    font-size: 68.8%;
  }
}
@media (min-height: 200px) {
  .main__both-panel .panel-export-section,
  .main__both-panel .panel-effects-section {
    min-height: 0rem;
    overflow: hidden;
  }
  .main__both-panel .panel-appearance-section {
    height: 6rem;
    overflow: hidden;
  }
}
@media (min-height: 300px) {
  .main__both-panel .panel-export-section,
  .main__both-panel .panel-effects-section {
    min-height: 0rem;
    overflow: hidden;
  }
  .main__both-panel .panel-appearance-section {
    height: 8rem;
    overflow: hidden;
  }
}
@media (min-height: 460px) {
  .main__both-panel .panel-export-section,
  .main__both-panel .panel-effects-section {
    min-height: 4.6rem;
    overflow: hidden;
  }
  .main__both-panel .panel-appearance-section {
    height: 12rem;
    overflow: hidden;
  }
}
@media (min-height: 580px) {
  .main__both-panel .panel-export-section,
  .main__both-panel .panel-effects-section {
    height: 8rem;
    overflow: hidden;
  }
  .main__both-panel .panel-appearance-section {
    min-height: 22rem;
    overflow: hidden;
  }
}
/* -- MASTER CONTAINER -- */
.fade-in-mixin.main__ready .section-container,
.fade-in-mixin .panel-set__ready .section-container,
.fade-in-mixin .panel-set__ready .section-container__no-collapse {
  opacity: 1;
  transition: all 200ms ease;
}
.fade-in-mixin.main__ready .section-container.libraries__container,
.fade-in-mixin .panel-set__ready .section-container.libraries__container,
.fade-in-mixin .panel-set__ready .section-container__no-collapse.libraries__container {
  opacity: 0;
}
.fade-in-mixin.main__ready .section-container.libraries__container.libraries__ready,
.fade-in-mixin .panel-set__ready .section-container.libraries__container.libraries__ready,
.fade-in-mixin .panel-set__ready .section-container__no-collapse.libraries__container.libraries__ready {
  opacity: 1;
}
.main {
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  display: flex;
  cursor: default;
  overflow: hidden;
  /* Setup Color Stops */
}
.main.color-stop__light {
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Basic Colors */
  /* Dialog */
  /* Align | Distribute */
  /* Layers */
  /* Libraries */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- TOOLBAR -- */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- PROPERTIES -- */
  /**** JAPANESE *****/
  /**** GERMAN *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* STYLE ----------------------*/
  /* PAGES ----------------------*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 *
 * Portions of this code are adapted from react-simple-colorpicker
 * https://github.com/WickyNilliams/react-simple-colorpicker
 * 
 * The MIT License (MIT)
 * 
 * Copyright (c) 2014 Nick Williams
 * Copyright (c) 2014 George Czabania
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** JAPANESE *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* READ THIS FIRST

All class names in this section come from Jquery, so don't get bent out of
shape if you hate the naming conventions. It's out of our hands for the moment.
Class notes come from http://api.jqueryui.com/theming/css-framework/

*/
  /*
Class to be applied to the outer container of all widgets. Applies font-family
and font size to widgets.
*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Clearing the default style */
  /* Bar */
  /* Handle */
  /* Track */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**
 * Exports Panel
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** FRENCH *****/
  /**** GERMAN *****/
  /**** JAPANESE *****/
  color: #323232;
}
.main.color-stop__light .document-title {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  letter-spacing: .05rem;
  overflow: hidden;
  max-width: 30rem;
  min-width: 6rem;
  flex-shrink: 1;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #575757;
}
.main.color-stop__light .document-title__stub {
  flex-grow: 1;
}
.main.color-stop__light .document-title:hover {
  flex-shrink: 0;
  color: #222222;
}
.main.color-stop__light .document-title__current {
  flex-shrink: 0;
  color: #222222;
}
.main.color-stop__light .document-title__current:hover {
  color: #222222;
}
.main.color-stop__light .document-title__small {
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__light .document-title__mask {
  padding-left: 2rem;
  padding-right: 2rem;
}
.main.color-stop__light .document-header-container {
  height: 4.6rem;
  overflow: hidden;
  flex-grow: 10;
  display: flex;
  width: 10px;
  flex-wrap: wrap;
}
.main.color-stop__light .document-header,
.main.color-stop__light .document-header__hidden {
  height: 4.6rem;
  line-height: 4.6rem;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  overflow-x: scroll;
}
.main.color-stop__light .document-header__stub {
  margin-top: 4.6rem;
}
.main.color-stop__light .document-controls__unsupported {
  color: red;
  padding-right: .5rem;
}
.main.color-stop__light .icon-header {
  height: 4.6rem;
  line-height: 4.8rem;
  max-width: 13rem;
  width: 13rem;
  display: flex;
  flex-grow: 1;
}
.main.color-stop__light .icon-header-buttons {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus {
  background: none;
  fill: #737373;
  width: 4.8rem;
  height: 4.4rem;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus:hover {
  fill: #737373;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg {
  fill: #838283;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg:hover {
  fill: #838283;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__active svg {
  fill: #1B6ACC;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__active svg:hover {
  fill: #1B6ACC;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode {
  background: #1B6ACC;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg {
  fill: white;
}
.main.color-stop__light .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg:hover {
  background: #1B6ACC;
  fill: white;
}
.main.color-stop__light .document-container {
  box-sizing: border-box;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
  flex-shrink: 1;
  flex-grow: 10;
  background-color: #B8B8B8;
  border-left: 0.2rem solid #949494;
  border-right: 0.2rem solid #949494;
  border-top: 0.2rem solid #949494;
}
.main.color-stop__light .scrim {
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main.color-stop__light .scrim-drop {
  cursor: copy;
}
.main.color-stop__light .scrim__disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 0.01;
}
.main.color-stop__light .scrim svg {
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__light .tool-spacer {
  border-top: 1px solid #A3A3A3;
  opacity: .55;
}
.main.color-stop__light .toolbar {
  box-sizing: border-box;
  z-index: 1;
  width: 5rem;
  height: 4.6rem;
  background-color: #B8B8B8;
  color: #323232;
  box-shadow: inset -0.2rem 0 0 transparent, inset 1px 0.2rem 0 #949494;
}
.main.color-stop__light .toolbar .toolbar-button.tool-selected {
  display: flex;
}
.main.color-stop__light .toolbar .toolbar-button,
.main.color-stop__light .toolbar .zoom {
  display: none;
}
.main.color-stop__light .toolbar.expanded {
  height: auto;
  color: #A3A3A3;
}
.main.color-stop__light .toolbar.expanded .toolbar-button,
.main.color-stop__light .toolbar.expanded .zoom {
  display: flex;
}
.main.color-stop__light .toolbar .zoom {
  position: absolute;
  bottom: 1.3rem;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-wrap: wrap;
}
.main.color-stop__light .toolbar .zoom .button-simple.toolbar__zoom {
  display: flex;
  align-self: flex-start;
}
.main.color-stop__light .toolbar .zoom .button-simple.toolbar__zoom svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #575757;
}
.main.color-stop__light .toolbar .zoom .number-input {
  width: 5rem;
  text-align: center;
  font-size: 1.4rem;
  border-bottom-color: transparent;
}
.main.color-stop__light .toolbar .zoom .number-input:hover {
  border-bottom-color: transparent;
}
.main.color-stop__light .toolbar .zoom .number-input:focus {
  border-bottom-color: #1B6ACC;
}
.main.color-stop__light .toolbar li:first-child {
  margin: 0;
  box-shadow: -0.2rem 0 0 #949494;
}
.main.color-stop__light .tool-current {
  display: none;
}
.main.color-stop__light .toolbar li .button-simple {
  width: 5rem;
  height: 4.8rem;
  margin: 0.1rem 0;
  box-shadow: none;
}
.main.color-stop__light .panel-set {
  height: 100%;
  max-height: 100%;
  display: flex;
  box-shadow: inset 0.2rem 0 0 transparent;
}
.main.color-stop__light .panel-section {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
}
.main.color-stop__light .panel-transform-section,
.main.color-stop__light .panel-appearance-section {
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__light .panel-appearance-section .section-container .stroke {
  margin-top: .4rem;
}
.main.color-stop__light .panel-layers-section,
.main.color-stop__light .panel-libraries-section {
  min-height: 50%;
}
.main.color-stop__light .panel-section__collapsed {
  min-height: 4.6rem;
  height: 4.6rem;
  flex-grow: 0;
}
.main.color-stop__light .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__light .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__light .panel-section__not-visible {
  display: none;
}
.main.color-stop__light .panel-set__container {
  height: 100%;
  max-height: 100%;
  display: flex;
}
.main.color-stop__light .panel-set__not-visible {
  display: none;
}
.main.color-stop__light .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__light .panel__tab-bar {
  background-color: #B8B8B8;
  width: 5rem;
  box-shadow: inset 0 0.2rem 0 #949494, inset -1px 1px 0 #949494;
  display: none;
  z-index: 1;
}
.main.color-stop__light .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__light .panel__tab-bar .button-simple {
  width: 4.8rem;
  height: 4.8rem;
}
.main.color-stop__light .panel {
  height: 100%;
  max-height: 100%;
  width: 32rem;
  background-color: #B8B8B8;
  box-shadow: inset 0 0.2rem 0 #949494;
  border-right: 0.2rem solid #949494;
  z-index: 1;
  display: none;
  position: relative;
  flex-direction: column;
}
.main.color-stop__light .panel__visible + .panel:nth-child(2) {
  border-right: 0.2rem solid #949494;
}
.main.color-stop__light .panel__visible {
  display: flex;
}
.main.color-stop__light .properties {
  height: 100%;
  width: 32rem;
  overflow: hidden;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
  display: none;
}
.main.color-stop__light .properties__active {
  display: flex;
}
.main.color-stop__light .formline {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  width: 28.8rem;
}
.main.color-stop__light .formline__no-padding {
  padding-bottom: 0.1rem;
}
.main.color-stop__light .formline:first-child {
  padding-top: 0;
}
.main.color-stop__light .formline__padded-first-child:first-child {
  padding-top: 0.8rem;
}
.main.color-stop__light .formline__bottom-align {
  align-items: flex-end;
}
.main.color-stop__light .formline__space-between {
  justify-content: space-between;
}
.main.color-stop__light .section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 1;
  border-bottom: 0.2rem solid #949494;
}
.main.color-stop__light .section.export {
  border-bottom: 0;
}
.main.color-stop__light .section.section__collapsed {
  flex-grow: 0;
  height: auto;
  border-bottom: 0.2rem solid #949494;
}
.main.color-stop__light .transform.section,
.main.color-stop__light .section-header {
  padding: 0 1.6rem;
}
.main.color-stop__light .recent-files {
  flex-shrink: 1;
}
.main.color-stop__light .artboard-launcher .section-container {
  flex-shrink: 0;
}
.main.color-stop__light .layers .section-container {
  padding: 0;
  flex-shrink: 1;
}
.main.color-stop__light .section-container,
.main.color-stop__light .section-container__no-collapse {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem 0;
  display: flex;
  align-items: initial;
  opacity: 0;
}
.main.color-stop__light .section-container__collapsed {
  display: none;
}
.main.color-stop__light .layer-count {
  opacity: 0;
}
.main.color-stop__light .artboard-presets,
.main.color-stop__light .recent-files {
  flex-grow: 1;
}
.main.color-stop__light .artboard-presets .section-container,
.main.color-stop__light .recent-files .section-container {
  padding: 0;
}
.main.color-stop__light .recent-files .section-container {
  padding-bottom: 1rem;
  flex-shrink: 1;
}
.main.color-stop__light .effects.section__collapsed,
.main.color-stop__light .export.section__collapsed {
  min-height: 4.8rem;
}
.main.color-stop__light .appearance .section-container,
.main.color-stop__light .type .section-container,
.main.color-stop__light .effects .section-container,
.main.color-stop__light .export .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__light .effects .section-container > div {
  width: 100%;
}
.main.color-stop__light .libraries .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__light .appearance {
  flex-shrink: 0;
}
.main.color-stop__light .radius_input .control-group__vertical {
  margin-left: .2rem;
}
.main.color-stop__light .radius_input {
  padding-bottom: 2rem;
}
.main.color-stop__light .last-line__type {
  padding-bottom: 2rem;
}
.main.color-stop__light .transform.section {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
}
.main.color-stop__light .transform.section .section-header {
  box-sizing: content-box;
  padding: 0 1.6rem;
  border-bottom: 0.2rem solid #949494;
}
.main.color-stop__light .transform__body {
  padding: 1rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main.color-stop__light .transform__body .control-group:first-child .control-group__horizontal label:first-child {
  margin-left: 1rem;
}
.main.color-stop__light .layers {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.main.color-stop__light .column-1 {
  width: 1rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-2 {
  width: 2rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-3 {
  width: 3rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-4 {
  width: 4rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-5 {
  width: 5rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-6 {
  width: 6rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-7 {
  width: 7rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-8 {
  width: 8rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-9 {
  width: 9rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-10 {
  width: 10rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-11 {
  width: 11rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-12 {
  width: 12rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-13 {
  width: 13rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-14 {
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-15 {
  width: 15rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-16 {
  width: 16rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-17 {
  width: 17rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-18 {
  width: 18rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-19 {
  width: 19rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-20 {
  width: 20rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-21 {
  width: 21rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-22 {
  width: 22rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-23 {
  width: 23rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-24 {
  width: 24rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-25 {
  width: 25rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-26 {
  width: 26rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-27 {
  width: 27rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-28 {
  width: 28rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-29 {
  width: 29rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-30 {
  width: 30rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-31 {
  width: 31rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-32 {
  width: 32rem;
  flex-shrink: 0;
}
.main.color-stop__light .column-full {
  width: 28.8rem;
}
.main.color-stop__light .column-half {
  width: 0.5rem;
}
.main.color-stop__light .panel__info {
  flex-shrink: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.8rem;
  margin: 0 1.6rem;
  color: #575757;
}
.main.color-stop__light .panel__info div {
  margin-bottom: 1rem;
}
.main.color-stop__light .panel__info__title {
  color: #575757;
}
.main.color-stop__light .panel__info__link a {
  color: #575757;
}
.main.color-stop__light .dialog-effects-popover,
.main.color-stop__light .dialog-export-popover {
  overflow: visible;
}
.main.color-stop__light .workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__light .workflow-buttons .button-simple:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__light .workflow-buttons .button-simple-plus:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__light .workflow-buttons .button-simple-iOS {
  width: 2.4rem;
  margin-left: .4rem;
}
.main.color-stop__light .workflow-buttons .button-simple-xdpi {
  width: 2.8rem;
  margin-left: .4rem;
  margin-right: .4rem;
}
.main.color-stop__light .popover-list {
  width: 100%;
}
.main.color-stop__light .popover-list:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 5.4rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #E2E2E2;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__light .popover-list__item {
  padding: 0.8rem;
  border-left: 0.2rem solid transparent;
  padding: 0.8rem 0.8rem 0.8rem 0.6rem;
}
.main.color-stop__light .popover-list__item:hover {
  color: #1473E6;
  border-left: 0.2rem solid #1B6ACC;
}
.main.color-stop__light .popover-list__item-disabled,
.main.color-stop__light .popover-list__item-disabled:hover {
  color: #8A8A8A;
}
.main.color-stop__light .popover-list__item:first-child {
  border-radius: .4rem 0 0 0;
}
.main.color-stop__light .popover-list__item:last-child {
  border-radius: 0 0 0 .4rem;
}
.main.color-stop__light .label__medium.column-4.label__medium__left-aligned.opacity-label {
  margin-top: .2rem;
}
.main.color-stop__light .panel-set__small-screen .panel {
  border-right: 1px solid #949494;
}
.main.color-stop__light .panel-set__small-screen .export,
.main.color-stop__light .panel-set__small-screen .layers {
  border-bottom: 0.2rem solid #949494;
}
.main.color-stop__light .panel-set__small-screen .section.section__collapsed {
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
  border-bottom: 0.2rem solid #949494;
}
.main.color-stop__light .panel-set__small-screen .panel-libraries-section,
.main.color-stop__light .panel-set__small-screen .panel-layers-section {
  flex-grow: 1;
  flex-basis: 20rem;
}
.main.color-stop__light .panel-set__small-screen .panel-export-section,
.main.color-stop__light .panel-set__small-screen .panel-effects-section {
  max-height: 15%;
  flex-grow: 0;
  min-height: 0;
}
.main.color-stop__light .panel-set__small-screen .panel-export-section.section__expand,
.main.color-stop__light .panel-set__small-screen .panel-effects-section.section__expand {
  height: auto;
}
.main.color-stop__light .panel-set__small-screen .panel-libraries-section,
.main.color-stop__light .panel-set__small-screen .panel-layers-section {
  min-height: 0;
}
.main.color-stop__light .panel-set__small-screen .layers,
.main.color-stop__light .panel-set__small-screen .libraries,
.main.color-stop__light .panel-set__small-screen .export,
.main.color-stop__light .panel-set__small-screen .effects {
  min-height: 0;
}
.main.color-stop__light .panel-set__small-screen .layers.section__collapsed,
.main.color-stop__light .panel-set__small-screen .libraries.section__collapsed,
.main.color-stop__light .panel-set__small-screen .export.section__collapsed,
.main.color-stop__light .panel-set__small-screen .effects.section__collapsed {
  min-height: 3.2rem;
  flex-grow: 1;
  flex-basis: 0;
}
.main.color-stop__light .panel-set__small-screen .panel-layers-section,
.main.color-stop__light .panel-set__small-screen .panel-export-section,
.main.color-stop__light .panel-set__small-screen .panel-effects-section,
.main.color-stop__light .panel-set__small-screen .panel-appearance-section {
  min-height: 4.6rem;
  overflow: hidden;
}
.main.color-stop__light .panel-set__small-screen .appearance,
.main.color-stop__light .panel-set__small-screen .type {
  height: 18rem;
  flex-grow: 0;
}
.main.color-stop__light .panel-set__small-screen .panel-section__collapsed {
  flex-grow: 0;
  flex-basis: auto;
  min-height: 3.2rem;
  height: 3.2rem;
}
.main.color-stop__light .panel-set__small-screen .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__light .panel-set__small-screen .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__light :lang(ja) .label__medium.column-4.label__medium__left-aligned.opacity-label {
  width: 5rem;
}
.main.color-stop__light :lang(ja) .label__medium.column-2.blur-label {
  width: 3.8rem;
}
.main.color-stop__light :lang(ja) .label__medium.column-4.spread-label {
  width: 7rem;
}
.main.color-stop__light :lang(ja) .label__medium__left-aligned.scale-title {
  width: 7rem;
}
.main.color-stop__light :lang(ja) .effect-list__container .section-title__subtitle {
  display: block;
}
.main.color-stop__light :lang(ja) .stroke-alignment-buttons {
  width: 11rem;
}
.main.color-stop__light :lang(ja) .effect-list__stroke .label__medium.column-3 {
  width: 4rem;
}
.main.color-stop__light :lang(de) .label__medium.column-2.blur-label {
  width: 5rem;
}
.main.color-stop__light :lang(de) .label__medium.column-4.spread-label {
  width: 5rem;
}
.main.color-stop__light .guard {
  display: none;
}
.main.color-stop__light .guard__enabled {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: wait;
  z-index: 999;
}
@-webkit-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes revealFromCenter {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 80%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main.color-stop__light .label__medium {
  display: flex;
  justify-content: flex-end;
  color: #575757;
  -webkit-user-select: none;
  font-size: 1.2rem;
  letter-spacing: .035rem;
  margin-right: 1rem;
}
.main.color-stop__light .label__medium__left-aligned {
  justify-content: flex-start;
}
.main.color-stop__light .loader-animation svg g {
  animation: loader-spin;
  animation-duration: 0.66s;
  animation-timing-function: steps(6, end);
  animation-iteration-count: infinite;
  transform-origin: center center;
}
.main.color-stop__light .compact-stats {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  height: 5rem;
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__light .compact-stats .drop-down input {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__light .compact-stats .number-input {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  height: 1.6rem;
}
.main.color-stop__light .compact-stats__header input {
  font-size: 1.4rem;
  height: 1.9rem;
}
.main.color-stop__light .compact-stats__header input:hover {
  border-bottom: 1px solid #323232;
}
.main.color-stop__light .compact-stats__header input:focus {
  color: #222222;
  border-bottom: 1px solid #1B6ACC;
}
.main.color-stop__light .compact-stats__body {
  padding-top: 0.5rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
  min-width: 10rem;
}
.main.color-stop__light .compact-stats__body__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main.color-stop__light .compact-stats__body__column .label-medium {
  padding-bottom: 0.2rem;
  justify-content: flex-start;
  text-indent: 2px;
}
.main.color-stop__light .control-group__vertical {
  margin-right: 1rem;
}
.main.color-stop__light .control-group__vertical:last-child {
  margin-right: 0;
}
.main.color-stop__light .control-group__no-label {
  margin-top: 1.2rem;
}
.main.color-stop__light .control-group__horizontal {
  display: flex;
  align-items: center;
}
.main.color-stop__light .control-group__horizontal__left {
  display: flex;
  align-items: left;
}
.main.color-stop__light .control-group__column {
  display: flex;
  flex-direction: column;
}
.main.color-stop__light .drop-down input,
.main.color-stop__light .drop-down input:hover,
.main.color-stop__light .drop-down input:focus,
.main.color-stop__light .drop-down input:focus:hover,
.main.color-stop__light .drop-down input:disabled .drop-down:hover input {
  font-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #B8B8B8;
  background-size: 1rem;
  padding-right: 1rem;
  outline: none;
}
.main.color-stop__light .drop-down input {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#252525' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__light .drop-down input:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#171717' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__light .drop-down input:focus,
.main.color-stop__light .drop-down input:focus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#1B6ACC' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__light .drop-down input:disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#838283' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__light svg use {
  transform: rotate(0);
}
.main.color-stop__light .icon {
  display: inline-flex;
}
.main.color-stop__light .toolbar-button,
.main.color-stop__light .toolbar__backToPs.button-simple {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__light .toolbar-button svg,
.main.color-stop__light .toolbar__backToPs.button-simple svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  fill: #252525;
  stroke: none;
  color: #545454;
}
.main.color-stop__light .toolbar-button:hover svg,
.main.color-stop__light .toolbar__backToPs.button-simple:hover svg {
  fill: #171717;
  stroke: none;
}
.main.color-stop__light .tool-selected.button-simple svg,
.main.color-stop__light .tool-selected.button-simple:hover svg {
  fill: #1B6ACC;
  stroke: none;
}
.main.color-stop__light .toolbar__backToPs.button-simple {
  position: absolute;
  bottom: 0;
  width: 5rem;
}
.main.color-stop__light .toolbar__backToPs.button-simple svg {
  fill: #252525;
}
.main.color-stop__light .button-generator {
  background: url("img/ico-generator-white.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__light .pop-over-header .button-generator {
  background: url("img/ico-generator-black.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__light #mode-grid {
  background: url("img/ico-mode-grid-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__light #mode-divide {
  background: url("img/ico-mode-divide-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__light #mode-inset {
  background: url("img/ico-mode-inset-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__light .control-group,
.main.color-stop__light .label,
.main.color-stop__light .button-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__light .control-group svg,
.main.color-stop__light .label svg,
.main.color-stop__light .button-toggle svg {
  width: 1.6rem;
  height: 2.4rem;
  fill: #252525;
  stroke: none;
  color: #545454;
}
.main.color-stop__light .control-group__disabled svg,
.main.color-stop__light .label__disabled svg,
.main.color-stop__light .button-toggle__disabled svg {
  fill: #575757;
}
.main.color-stop__light .button-simple svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #252525;
}
.main.color-stop__light .button-simple:hover svg {
  fill: #171717;
}
.main.color-stop__light .button-simple__disabled svg,
.main.color-stop__light .button-simple__disabled:hover svg,
.main.color-stop__light .button-simple:disabled svg svg {
  fill: #838283;
}
.main.color-stop__light .button-simple__disabled__disabled svg,
.main.color-stop__light .button-simple__disabled:hover__disabled svg,
.main.color-stop__light .button-simple:disabled svg__disabled svg,
.main.color-stop__light .button-simple__disabled__disabled:hover svg,
.main.color-stop__light .button-simple__disabled:hover__disabled:hover svg,
.main.color-stop__light .button-simple:disabled svg__disabled:hover svg {
  fill: #8A8A8A;
}
.main.color-stop__light .button-simple.button-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__light .button-simple.button-iOS {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__light .button-simple.button-iOS svg {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__light .button-simple.button-xdpi {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__light .button-simple.button-xdpi svg {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__light .export-button {
  height: 1.7rem;
}
.main.color-stop__light .search-button {
  height: 1.7rem;
}
.main.color-stop__light .reference-mark {
  margin-right: 4.5rem;
}
.main.color-stop__light .reference-mark svg {
  width: 2.4rem;
  height: 2.4rem;
}
.main.color-stop__light .face .button-toggle svg {
  display: none;
}
.main.color-stop__light .face .button-toggle[data-selected="true"] svg,
.main.color-stop__light .face:hover .button-toggle svg {
  display: block;
  fill: #252525;
  stroke: none;
}
.main.color-stop__light .face__selected .button-toggle svg,
.main.color-stop__light .face__selected:hover .button-toggle svg {
  fill: #171717;
  stroke: none;
  display: block;
}
.main.color-stop__light .layer__not-visible .layer__not-visible + .layer-group .face:hover .button-toggle svg,
.main.color-stop__light .layer__not-visible .layer__not-visible + .layer-group .face .button-toggle svg {
  fill: #171717;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__light .face.face__not-visible:hover .button-toggle svg,
.main.color-stop__light .face.face__not-visible .button-toggle svg {
  fill: #171717;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__light .fill-list__fill .button-toggle svg,
.main.color-stop__light .stroke-list__stroke .button-toggle svg,
.main.color-stop__light .shadow-list__shadow .button-toggle svg {
  display: none;
}
.main.color-stop__light .fill-list__fill .button-toggle[data-selected="false"] svg,
.main.color-stop__light .stroke-list__stroke .button-toggle[data-selected="false"] svg,
.main.color-stop__light .shadow-list__shadow .button-toggle[data-selected="false"] svg {
  display: block;
  fill: #252525;
  stroke: none;
}
.main.color-stop__light .fill-list__fill:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__light .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__light .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) {
  opacity: 0.5;
}
.main.color-stop__light .fill-list__fill:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__light .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__light .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) svg {
  display: block;
  fill: #252525;
  stroke: none;
}
.main.color-stop__light .fill-list__fill .button-toggle[data-selected="true"] svg,
.main.color-stop__light .stroke-list__stroke .button-toggle[data-selected="true"] svg,
.main.color-stop__light .shadow-list__shadow .button-toggle[data-selected="true"] svg {
  display: none;
  fill: #A3A3A3;
  stroke: none;
  color: #545454;
}
.main.color-stop__light .fill-list__fill .button-toggle.layer-delete svg,
.main.color-stop__light .stroke-list__stroke .button-toggle.layer-delete svg,
.main.color-stop__light .shadow-list__shadow .button-toggle.layer-delete svg {
  stroke-width: 40px;
  stroke: none;
  transform: scale(2);
}
.main.color-stop__light .button-combo:focus {
  background: url("img/ico-search-white.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__light .pop-over-header .button-combo:focus {
  background: url("img/ico-search-black.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__light .face__kind {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__light .face__kind svg {
  width: 1.8rem;
  height: 2.4rem;
  fill: #838283;
  stroke: none;
}
.main.color-stop__light .face[data-kind="group"] .face__kind svg {
  fill: #252525;
}
.main.color-stop__light .face__not-visible .face__kind svg,
.main.color-stop__light .layer__not-visible + .layer-group .face .face__kind svg,
.main.color-stop__light .face__not-visible:hover .face__kind .main.color-stop__light .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__light .face__not-visible:hover .face__kind .main.color-stop__light .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__light .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__light .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__light .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__light .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__light .face__not-visible.face[data-kind="group"] .face__kind svg,
.main.color-stop__light .layer__not-visible + .layer-group .face.face[data-kind="group"] .face__kind svg {
  opacity: 0.28;
  fill: #252525;
  stroke: none;
}
.main.color-stop__light .face__selected .face__kind svg,
.main.color-stop__light .face__selected:hover .face__kind svg {
  fill: #171717;
  stroke: none;
}
.main.color-stop__light .face__selected[data-kind="group"] .face__kind svg {
  fill: #171717;
  stroke: none;
}
.main.color-stop__light .face .face__kind.face__kind__error svg,
.main.color-stop__light .face .face__kind.face__kind__error:hover svg {
  fill: #8A3533;
}
.main.color-stop__light .face .face__kind.face__kind__warning svg,
.main.color-stop__light .face .face__kind.face__kind__warning:hover svg {
  fill: #46AA46;
}
.main.color-stop__light .face .face__kind.face__kind__alert svg,
.main.color-stop__light .face .face__kind.face__kind__alert:hover svg {
  fill: #F2EE57;
}
.main.color-stop__light button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__light .button-simple {
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__light .button-toggle.column-1 {
  width: 1rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-2 {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-3 {
  width: 3rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-4 {
  width: 4rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-5 {
  width: 5rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-6 {
  width: 6rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle.column-7 {
  width: 7rem;
  height: 2rem;
}
.main.color-stop__light .button-toggle {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__light .smallButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__light .medButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__light .button-color {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(84, 84, 84, 0.88);
  border-radius: 3px;
  background-color: purple;
  padding: 0;
  margin: 0;
}
.main.color-stop__light .button-radio ul {
  display: flex;
  justify-content: center;
}
.main.color-stop__light .button-combo:focus {
  cursor: text;
  background: rgba(50, 50, 50, 0.3);
}
.main.color-stop__light .button-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  height: 3rem;
}
.main.color-stop__light .button-radio__fixed {
  flex-grow: 0;
}
.main.color-stop__light .button-combo {
  background: none;
  color: #323232;
  opacity: .66;
  box-sizing: border-box !important;
  height: 3rem;
  text-align: center;
  border: 1px solid !important;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main.color-stop__light .button-generator {
  width: 2rem;
  height: 2rem;
  float: right;
}
.main.color-stop__light .button-settings {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: #323232;
  font-weight: 300;
  opacity: .65;
}
.main.color-stop__light .button-lorem-ipsum,
.main.color-stop__light .button-glyphs {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #323232;
  font-weight: 300;
  opacity: .55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__light .button-lorem-ipsum svg,
.main.color-stop__light .button-glyphs svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: #252525;
}
.main.color-stop__light .button-lorem-ipsum:hover,
.main.color-stop__light .button-settings:hover,
.main.color-stop__light .button-glyphs:hover {
  opacity: .95;
}
.main.color-stop__light .button-settings {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__light .button-cluster {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.main.color-stop__light .ui-selectmenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__light .button-tool-options {
  display: flex;
  align-content: inherit;
  justify-content: inherit;
}
.main.color-stop__light .button-tool-options button {
  padding: 0 1.6rem;
}
.main.color-stop__light .button-tool-options button:last-child {
  padding: 0 0 0 1.6rem;
}
.main.color-stop__light .button-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}
.main.color-stop__light .button-checkbox label {
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.main.color-stop__light .button-checkbox label svg {
  width: 1.6rem;
  fill: #252525;
  height: 1.6rem;
  top: 0;
  position: absolute;
  left: 0;
}
.main.color-stop__light .button-checkbox label .mixed {
  display: none;
}
.main.color-stop__light .button-checkbox label .checked {
  display: none;
}
.main.color-stop__light .button-checkbox label:hover svg {
  fill: #171717;
}
.main.color-stop__light .button-checkbox input[type=checkbox] {
  visibility: hidden;
  margin: 0;
}
.main.color-stop__light .button-checkbox input[type=checkbox]:checked + label .mixed {
  display: none;
}
.main.color-stop__light .button-checkbox input[type=checkbox]:checked + label .unchecked {
  display: none;
}
.main.color-stop__light .button-checkbox input[type=checkbox]:checked + label .checked {
  display: block;
  fill: #252525;
}
.main.color-stop__light .button-checkbox input[type=checkbox]:checked:hover + label svg {
  fill: #171717;
}
.main.color-stop__light .button-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.main.color-stop__light .button-checkbox__mixed label .mixed {
  display: block;
}
.main.color-stop__light .button-checkbox__mixed label .unchecked {
  display: none;
}
.main.color-stop__light .button-checkbox__mixed label .checked {
  display: none;
}
.main.color-stop__light .button-checkbox__mixed label:hover svg {
  fill: #171717;
}
.main.color-stop__light .checkbox-label {
  line-height: 1.2rem;
}
.main.color-stop__light .spacer-1 {
  width: 1px;
}
.main.color-stop__light .number-input {
  font-size: 1.6rem;
  color: #323232;
  border-radius: none;
  border-bottom: 1px solid transparent;
}
.main.color-stop__light .number-input:hover {
  color: #222222;
  border-bottom: 1px solid #323232;
}
.main.color-stop__light .number-input[type="text"]:disabled {
  border-bottom: 1px solid #ADADAD;
}
.main.color-stop__light .number-input[type="text"]:disabled:hover {
  border-bottom: 1px solid #ADADAD;
}
.main.color-stop__light .number-input__dirty:focus,
.main.color-stop__light .number-input__clean:focus {
  color: #222222;
  border-bottom: 1px solid transparent;
}
.main.color-stop__light .color-picker {
  top: 0;
  font-size: 100%;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 1rem 1rem 1rem;
  color: #A3A3A3;
  overflow-y: auto;
}
.main.color-stop__light .color-picker input[type="text"] {
  font-size: 1.4rem;
  color: #323232;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #808080;
}
.main.color-stop__light .color-picker input[type="text"]:hover {
  color: #222222;
  border: none;
  border-bottom: 1px solid #808080;
}
.main.color-stop__light .color-picker input[type="text"]:focus {
  color: #222222;
  background: none;
  border: none;
  border-bottom: 1px solid #1B6ACC;
}
.main.color-stop__light .color-picker input[type="text"]::-webkit-input-placeholder {
  color: #575757;
}
.main.color-stop__light .color-picker .column-1 {
  width: 0.8rem;
}
.main.color-stop__light .color-picker {
  left: 0rem;
  width: 30.2rem;
  height: 28.4rem;
  max-height: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
}
.main.color-stop__light .color-picker:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #E2E2E2;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__light .color-picker:after {
  bottom: -0.9rem;
  transform: rotate(-135deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #E2E2E2;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__light .color-picker.hide-top-pointer:before {
  display: none;
}
.main.color-stop__light .color-picker.hide-bottom-pointer:after {
  display: none;
}
.main.color-stop__light .color-picker .drop-down {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__light .color-picker .drop-down input {
  color: #A3A3A3;
  font-size: 1.2rem;
}
.main.color-stop__light .color-picker__stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.main.color-stop__light .color-picker__format {
  height: 2.4rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 1rem;
}
.main.color-stop__light .color-picker__format .label__medium {
  justify-content: flex-start;
}
.main.color-stop__light .color-picker-map {
  position: absolute;
  top: 6.8rem;
  left: 6.8rem;
  height: 14.6rem;
  width: 13.8rem;
  -webkit-user-select: none;
}
.main.color-stop__light .color-picker-map.color-picker-map__dark .color-picker-map__pointer {
  border-color: #323232;
}
.main.color-stop__light .color-picker-map.color-picker-map__light .color-picker-map__pointer {
  border-color: #212121;
}
.main.color-stop__light .color-picker-map .color-picker-map__pointer {
  position: absolute;
  margin-left: -1rem;
  margin-bottom: -1rem;
  width: 2rem;
  height: 2rem;
  background: none;
  border-radius: 100%;
  border: 0.2rem solid #212121;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__light .color-picker-map .color-picker-map__background {
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  top: -1.2rem;
  left: -1.2rem;
  border-radius: 1.2rem;
}
.main.color-stop__light .color-picker-map .color-picker-map__background:before,
.main.color-stop__light .color-picker-map .color-picker-map__background:after {
  display: block;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #949494;
}
.main.color-stop__light .color-picker-map .color-picker-map__background:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #000000 95%);
}
.main.color-stop__light .color-picker-map .color-picker-map__background:before {
  background: linear-gradient(to right, #ffffff 5%, rgba(255, 255, 255, 0) 95%);
}
.main.color-stop__light .color-picker__rgbhsb {
  position: absolute;
  right: 0;
  top: 5rem;
  width: 7rem;
  height: auto;
}
.main.color-stop__light .color-picker__rgbhsb .formline {
  width: 7rem;
  height: 2.8rem;
  padding: 0 .2rem;
}
.main.color-stop__light .color-picker__rgbhsb .formline:nth-child(3) {
  margin-bottom: 1rem;
}
.main.color-stop__light .color-picker__rgbhsb label {
  font-size: 1.4rem;
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 1rem;
}
.main.color-stop__light .color-picker__rgbhsb input[type="text"] {
  font-size: 1.4rem;
  display: inline-block;
  width: 3.2rem;
}
.main.color-stop__light .color-picker__rgbhsb .column-1 {
  height: 1.2rem;
}
.main.color-stop__light .color-picker__colortype {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 28.2rem;
  height: 2.4rem;
}
.main.color-stop__light .color-picker__colortype input {
  vertical-align: top;
  height: 2.4rem;
  width: 16.2rem;
}
.main.color-stop__light .color-picker__colortype .color-picker__colortype__thumb {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: #222222;
  border-radius: 0.2rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%), -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
}
.main.color-stop__light .color-picker__colortype .color-picker__colortype__thumb.empty {
  background: url("img/ico-color-picker-no-color.svg") no-repeat;
}
.main.color-stop__light .color-picker__colortype .column-1 {
  display: inline-block;
}
.main.color-stop__light .color-picker__colortype .number-input__clean.column-11.number-input,
.main.color-stop__light .color-picker__colortype .number-input__dirty.column-11.number-input {
  font-size: 1.4rem;
  line-height: 1.4rem;
  width: 20rem;
  flex-basis: 12rem;
  vertical-align: top;
}
.main.color-stop__light .color-picker__colortype__thumb__overlay {
  border-radius: 0.2rem;
  box-shadow: 0 0 0 0.1rem #949494;
}
.main.color-stop__light .color-picker-slider {
  position: absolute;
  -webkit-user-select: none;
  -webkit-backface-visibility: hidden;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__vertical {
  top: 1.4rem;
  width: 2.4rem;
  height: 14.6rem;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track,
.main.color-stop__light .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track-overlay {
  position: absolute;
  top: -1.4rem;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 17rem;
  margin-left: 0;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__vertical .color-picker-slider__pointer {
  bottom: 50%;
  left: .2rem;
  margin-bottom: -0.8rem;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__horizontal {
  left: 1rem;
  right: 0;
  height: 2.4rem;
  width: 17.8rem;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track,
.main.color-stop__light .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track-overlay {
  position: absolute;
  left: -1rem;
  right: 0;
  top: 0;
  height: 2.4rem;
  width: 20.2rem;
  margin-top: 0rem;
}
.main.color-stop__light .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__pointer {
  top: .2rem;
  left: 50%;
  margin-left: -0.8rem;
}
.main.color-stop__light .color-picker-slider .color-picker-slider__track,
.main.color-stop__light .color-picker-slider .color-picker-slider__track-overlay {
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #949494;
}
.main.color-stop__light .color-picker-slider .color-picker-slider__track:before,
.main.color-stop__light .color-picker-slider .color-picker-slider__track-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  border-radius: 1.2rem;
}
.main.color-stop__light .color-picker-slider .color-picker-slider__pointer {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: none;
  margin: 0;
  border-radius: 100%;
  border: 2px solid #222222;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__light .color-picker .slider_label {
  position: absolute;
  top: 24.3rem;
  right: 0;
  width: 7rem;
  display: flex;
  padding: 0 .2rem;
}
.main.color-stop__light .color-picker .slider_label label {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.8rem;
  text-align: right;
  width: 1rem;
}
.main.color-stop__light .color-picker .slider_label input[type='text'] {
  font-size: 1.4rem;
  width: 3.2rem;
  display: inline-block;
}
.main.color-stop__light .color-picker-slider__disabled .color-picker-slider__pointer {
  background: #c2c2c2;
}
.main.color-stop__light .color-picker__hue-slider {
  position: absolute;
  top: 5.6rem;
  bottom: 0;
  left: 1.6rem;
  width: 1.6rem;
  transform: rotate(0deg);
}
.main.color-stop__light .color-picker__hue-slider .color-picker-slider__horizontal > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__light .color-picker__hue-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__light .color-picker__transparency-slider {
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 24.2rem;
  height: 2.4rem;
  width: 20.2rem;
  border-radius: calc(1.4rem);
}
.main.color-stop__light .color-picker__transparency-slider .color-picker-slider__horizontal > .color-picker-slider__track,
.main.color-stop__light .color-picker__transparency-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%), -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  box-shadow: 0 0 0.2rem #949494;
}
.main.color-stop__light .color-input {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 0.6rem;
  margin-top: 0.8rem;
}
.main.color-stop__light .color-input .fill__preview,
.main.color-stop__light .color-input .stroke__preview {
  height: 100%;
  width: 100%;
}
.main.color-stop__light .color-input .stroke__preview:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  background-color: #B8B8B8;
  border-radius: 0.2rem;
  z-index: 10;
}
.main.color-stop__light .color-input .type__preview {
  line-height: normal;
  color: black;
  font-size: 2rem;
}
.main.color-stop__light .color-input__swatch__background,
.main.color-stop__light .color-input__swatch__background.color-input__disabled {
  background-color: #222222;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%), -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  overflow: hidden;
  position: relative;
}
.main.color-stop__light .color-input__swatch__background:focus,
.main.color-stop__light .color-input__swatch__background.color-input__disabled:focus {
  box-shadow: 0 0 0 0.2rem #1B6ACC;
}
.main.color-stop__light .color-input__disabled {
  opacity: 0.4;
}
.main.color-stop__light .color-input__disabled .color-input__mixednone {
  display: none;
}
.main.color-stop__light .color-input__disabled .fill__preview {
  display: none;
}
.main.color-stop__light .color-input__swatch__color {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  justify-content: center;
  overflow: hidden;
}
.main.color-stop__light .shadow-list__shadow .color-input__swatch__color {
  width: 2.5rem;
  height: 2.5rem;
}
.main.color-stop__light .color-input__empty {
  width: 3rem;
  height: 3rem;
  margin-right: 1.2rem;
  margin-top: 1.1rem;
}
.main.color-stop__light .color-input__empty .fill__preview__disabled {
  border: 1px solid #8A8A8A;
  opacity: .25;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.main.color-stop__light .color-widget {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.main.color-stop__light .color-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main.color-stop__light .color-input__invalid-color .color-input__swatch__color {
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__light .color-input__mixednone {
  width: 6.8rem;
  height: 6.8rem;
  left: 1.1rem;
  top: 0.1rem;
  position: absolute;
  transform: rotate(45deg);
}
.main.color-stop__light .color-input__mixed .color-input__mixednone {
  border: 0.4rem solid #1AB61E;
}
.main.color-stop__light .dialog__center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.color-stop__light dialog {
  color: #323232;
  left: inherit;
  z-index: 10000;
  position: absolute;
  font-size: 100%;
  display: flex;
  justify-content: flex-start;
  width: 30rem;
  max-height: 25rem;
  height: auto;
  border-radius: 0.6rem;
  background: #E2E2E2;
  border: 1px solid #808080;
  padding: 0;
  margin: 1rem;
  overflow: hidden;
  box-sizing: border-box;
}
.main.color-stop__light dialog:not([open]) {
  display: none;
}
.main.color-stop__light dialog::backdrop {
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
}
.main.color-stop__light .column-28 + .dialog-blendmodes {
  width: 28.8rem;
  left: 5.2rem;
}
.main.color-stop__light .column-14 + .dialog-blendmodes {
  width: 14.9rem;
  left: 5.2rem;
  margin-top: -0.1rem;
}
.main.color-stop__light .column-8 + .dialog-blendmodes {
  width: 9.2rem;
}
.main.color-stop__light .column-4 + .dialog-blendmodes {
  width: 5.2rem;
}
.main.color-stop__light .dialog-blendmodes {
  width: 20rem;
  left: 5.2rem;
  margin-top: -1px;
}
.main.color-stop__light .dialog-search-bar {
  position: relative;
  width: 47rem;
  max-height: 50rem;
  background-color: #E2E2E2;
  color: #323232;
  border-radius: 0.6rem;
  box-shadow: none;
  border: 1px solid #808080;
  margin-left: -1.6rem;
  margin-top: -2.8rem;
  margin-bottom: 5.3rem;
  -webkit-animation: fadeIn 400ms;
}
.main.color-stop__light .dialog-stroke-alignment {
  right: 4rem;
  margin-top: 0px;
  height: auto;
}
.main.color-stop__light .dialog-type-typefaces,
.main.color-stop__light .dialog-type-weights {
  margin-top: -0.1rem;
}
.main.color-stop__light .dialog-type-typefaces {
  overflow-y: scroll;
  width: 30rem;
  left: 0rem;
}
.main.color-stop__light .dialog-type-weights {
  overflow-y: scroll;
  width: 23.2rem;
  left: 6.8rem;
}
.main.color-stop__light .dialog-effects-popover,
.main.color-stop__light .dialog-export-popover {
  width: 12rem;
  margin-right: 0.8rem;
}
.main.color-stop__light .dialog-export-popover .popover-list:before {
  left: 6.65rem;
}
.main.color-stop__light .dialog-export-scale {
  width: 5.0rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__light .dialog-export-format {
  width: 9.2rem;
  left: 17.5rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__light .dialog-search-bar {
  overflow-y: scroll;
}
.main.color-stop__light .dialog-libraries {
  overflow-y: scroll;
}
.main.color-stop__light .dialog-libraries {
  width: 20.6rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
  box-shadow: none;
  background: #E2E2E2;
}
.main.color-stop__light .dialog-libraries .select__header {
  padding: 0;
  padding-bottom: 0.4rem;
  margin: 0;
  margin-top: 0.4rem;
}
.main.color-stop__light .section-title.dialog-header {
  opacity: .9;
}
.main.color-stop__light .dialog-header {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 2rem;
  letter-spacing: .05rem;
  overflow: hidden;
  flex-shrink: 1;
  color: #222222;
  text-transform: capitalize;
}
.main.color-stop__light .select {
  width: 100%;
}
.main.color-stop__light :lang(ja) .dialog-effects-popover {
  width: 13rem;
}
.main.color-stop__light :lang(ja) .dialog-effects-popover ul:before {
  left: 6.4rem;
}
.main.color-stop__light .ui-helper-hidden-accessible {
  display: none;
}
.main.color-stop__light .ui-widget:focus {
  color: red;
}
.main.color-stop__light .ui-autocomplete {
  border-radius: 0.6rem;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 30rem;
  display: block;
  background: rgba(163, 163, 163, 0.5);
}
.main.color-stop__light .ui-menu-item:first-child {
  padding: 0 0 0.4rem 0;
}
.main.color-stop__light .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  background: rgba(50, 50, 50, 0.9);
  color: #A3A3A3;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main.color-stop__light .ui-menu-item:focus {
  color: purple;
}
.main.color-stop__light .ui-autocomplete li:hover,
.main.color-stop__light .ui-autocomplete li.activeTypeface {
  background: rgba(163, 163, 163, 0);
  color: #323232;
  font-weight: 600;
  border: 1px solid #323232;
  text-rendering: geometricPrecision;
}
.main.color-stop__light ::-webkit-scrollbar {
  display: none;
}
.main.color-stop__light .section-container::-webkit-scrollbar,
.main.color-stop__light .libraries__content::-webkit-scrollbar,
.main.color-stop__light .exports-panel__asset-list__list::-webkit-scrollbar {
  background: transparent;
  width: .4rem;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
}
.main.color-stop__light ::-webkit-scrollbar-thumb {
  background-color: #858585;
  border-radius: 0.5rem;
  width: .4rem;
}
.main.color-stop__light ::-webkit-scrollbar-thumb:window-inactive {
  background-color: #858585;
}
.main.color-stop__light ::-webkit-scrollbar-track {
  border-radius: none;
  background: transparent;
}
.main.color-stop__light .range {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 0.3rem;
}
.main.color-stop__light input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
}
.main.color-stop__light input[type=range]:hover {
  outline: none;
}
.main.color-stop__light input[type=range]::-webkit-slider-runnable-track {
  bottom: 1px;
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-clip: padding-box;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: #323232;
}
.main.color-stop__light input[type=range]:hover::-webkit-slider-runnable-track {
  background: #222222;
}
.main.color-stop__light input[type=range]:active::-webkit-slider-runnable-track {
  background: #1B6ACC;
}
.main.color-stop__light input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #808080;
}
.main.color-stop__light input[type="range"]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #B8B8B8;
  border: 1px solid #323232;
  border-radius: 100%;
  box-sizing: content-box;
  box-shadow: 0 0 0 0.5rem #B8B8B8;
  -webkit-appearance: none;
  font-size: 100%;
  margin-top: -0.5rem;
}
.main.color-stop__light input[type="range"]:hover::-webkit-slider-thumb {
  border: 1px solid #222222;
}
.main.color-stop__light input[type="range"]:active::-webkit-slider-thumb {
  border: 1px solid #1B6ACC;
}
.main.color-stop__light input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #808080;
}
.main.color-stop__light .section-header,
.main.color-stop__light .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2.5rem;
  letter-spacing: 1px;
  -webkit-user-select: none;
  cursor: default;
  overflow: hidden;
  flex-shrink: 0;
  height: 4.6rem;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.main.color-stop__light .sub-header {
  background: none;
  height: 4rem;
}
.main.color-stop__light .sub-header h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #575757;
  flex-shrink: 0;
  white-space: nowrap;
}
.main.color-stop__light .sub-header-rule {
  height: 1px;
  border: 0;
  background: none;
  flex-shrink: 1;
  -webkit-animation: revealFromCenter 800ms;
}
.main.color-stop__light .section-header {
  flex-shrink: 0;
  flex-grow: 0;
  color: #323232;
  display: flex;
  align-items: initial;
}
.main.color-stop__light .section-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__light .section-title__subtitle {
  color: #575757;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__light .recent-files .section-title {
  border-top: none;
}
.main.color-stop__light .section-header.section-header__no-padding {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
}
.main.color-stop__light .panel-set__small-screen .appearance .section-header,
.main.color-stop__light .panel-set__small-screen .effects .section-header,
.main.color-stop__light .panel-set__small-screen .export .section-header,
.main.color-stop__light .panel-set__small-screen .layers .section-header,
.main.color-stop__light .panel-set__small-screen .libraries .section-header {
  height: 3.2rem;
}
.main.color-stop__light .select__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 0.2rem solid transparent;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
}
.main.color-stop__light .select__option span {
  flex: box;
}
.main.color-stop__light .select__option svg {
  flex: box;
  fill: #323232;
  height: 1.6rem;
}
.main.color-stop__light .select__option__selected {
  color: #1473E6;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
  border-left: 0.2rem solid #1B6ACC;
}
.main.color-stop__light .select__header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  color: #575757;
  border-top: 1px solid #8A8A8A;
}
.main.color-stop__light .select__header:first-child {
  border: none;
}
.main.color-stop__light .select__option__info {
  margin-left: 1rem;
  color: #575757;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .select__option-library {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.main.color-stop__light .select__option-library span {
  width: 14.5rem;
}
.main.color-stop__light .select__option-library .icon {
  width: 1.2rem;
}
.main.color-stop__light .select__option-library svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #252525;
}
.main.color-stop__light .split-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #575757;
  margin: 0 auto;
  flex-grow: 1;
}
.main.color-stop__light .split-button__item svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  fill: #737373;
  stroke: none;
  color: #575757;
}
.main.color-stop__light .split-button__item svg use {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .split-button__item:hover {
  color: #222222;
}
.main.color-stop__light .split-button__item:hover svg {
  fill: #171717;
}
.main.color-stop__light .split-button__item__selected {
  color: #222222;
}
.main.color-stop__light .split-button__item__selected svg {
  fill: #1B6ACC;
}
.main.color-stop__light .split-button__item__selected:hover svg {
  fill: #1B6ACC;
}
.main.color-stop__light .split-button__item__disabled,
.main.color-stop__light .split-button__item__disabled:hover {
  color: #8A8A8A;
}
.main.color-stop__light .split-button__item__disabled svg,
.main.color-stop__light .split-button__item__disabled:hover svg {
  fill: #838283;
}
.main.color-stop__light .split-button__item__fixed {
  margin: 0;
  flex-grow: 0;
}
.main.color-stop__light .vector-operations .split-button__item svg {
  width: 1.4rem;
  height: 1.4rem;
}
.main.color-stop__light .link-list__list {
  width: 100%;
}
.main.color-stop__light .link-list__item {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 0;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.4rem;
}
.main.color-stop__light .link-list__item:hover {
  color: #222222;
  background-color: #b2b2b2;
}
.main.color-stop__light .link-list__item:active {
  color: #222222;
  background-color: #a5afba;
}
.main.color-stop__light .link-list__item.overflow-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .exports-panel__dialog {
  background-color: #E2E2E2;
  border: 1px solid #808080;
  color: #323232;
  line-height: normal;
  width: 64.4rem;
  max-height: 67rem;
  border-radius: 0.4rem;
  overflow: visible;
  font-size: 1.4rem;
  margin-left: 0;
}
.main.color-stop__light .exports-panel__container {
  display: flex;
  align-content: stretch;
  flex-direction: column;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  width: 59.6rem;
  font-size: 1.4rem;
}
.main.color-stop__light .exports-panel__container .section-header {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 0rem;
}
.main.color-stop__light .exports-panel__two-column {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.main.color-stop__light .exports-panel__two-column .layout-gutter {
  flex-grow: 0;
}
.main.color-stop__light .exports-panel__two-column:first-child {
  width: 50%;
}
.main.color-stop__light .exports-panel__asset-list__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.main.color-stop__light .exports-panel__asset-list__quick-selection {
  display: flex;
  flex-direction: row;
  color: #222222;
  font-size: 1.6rem;
  align-items: center;
}
.main.color-stop__light .exports-panel__asset-list__quick-selection div {
  text-align: center;
}
.main.color-stop__light .exports-panel__asset-list__list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 51rem;
  overflow-y: hidden;
  border: 1px solid #929292;
  border-left: none;
  border-right: none;
  margin: 1rem 0 0 0;
  padding: 1rem 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40rem;
}
.main.color-stop__light .exports-panel__layer-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0.5rem 0rem;
  overflow: none;
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__light .exports-panel__layer-icon {
  margin-top: 0rem;
}
.main.color-stop__light .exports-panel__layer-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #323232;
  stroke: none;
}
.main.color-stop__light .exports-panel__layer-info {
  width: 19rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .exports-panel__layer__name {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  color: #222222;
  width: 18rem;
  text-overflow: ellipsis;
}
.main.color-stop__light .exports-panel__layer__name span {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__light .exports-panel__layer__prefix {
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #545454;
}
.main.color-stop__light .exports-panel__layer-assets {
  font-size: 1.4rem;
  font-color: #575757;
  display: inline;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main.color-stop__light .exports-panel__layer-assets span {
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__light .exports-panel__layer-asset {
  color: #545454;
  margin-right: 0.5rem;
  display: inline;
}
.main.color-stop__light .exports-panel__layer-asset__stale {
  opacity: 0.5;
}
.main.color-stop__light .exports-panel__layer-asset__stable {
  color: #545454;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.main.color-stop__light .exports-panel__layer-asset__requested {
  opacity: 0.2;
  transition: opacity 0.5s ease-out;
}
.main.color-stop__light .exports-panel__layer-asset__error {
  opacity: 0.7;
  color: #8A3533;
}
.main.color-stop__light .exports-panel__button-group {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 2.4rem 0;
}
.main.color-stop__light .exports-panel__button-group .button-simple {
  margin-top: -0.25rem;
}
.main.color-stop__light .exports-panel__button-group__separator {
  margin: 0.5rem 0;
  height: 3rem;
  width: 0.7rem;
  margin-left: .6rem;
  border-left: 1px solid #929292;
}
.main.color-stop__light .layer-exports__delete-button svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .face {
  min-height: 2.8rem;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2.8rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__light .layer__dummy {
  min-height: 2.5rem;
  max-height: 2.5rem;
  cursor: default;
}
.main.color-stop__light .layer__dummy_drop {
  border-top: 0.25rem inset #1B6ACC;
}
.main.color-stop__light .face__separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 3rem;
  padding-left: 0.4rem;
  flex-grow: 10;
  flex-shrink: 100;
  box-sizing: border-box;
  min-width: 0;
}
.main.color-stop__light .face__depth-0 {
  padding-left: 1rem;
}
.main.color-stop__light .face__depth-1 {
  padding-left: 2.8rem;
}
.main.color-stop__light .face__depth-2 {
  padding-left: 4.6rem;
}
.main.color-stop__light .face__depth-3 {
  padding-left: 6.4rem;
}
.main.color-stop__light .face__depth-4 {
  padding-left: 8.2rem;
}
.main.color-stop__light .face__depth-5 {
  padding-left: 10rem;
}
.main.color-stop__light .face__depth-6 {
  padding-left: 11.8rem;
}
.main.color-stop__light .face__depth-7 {
  padding-left: 13.6rem;
}
.main.color-stop__light .face__depth-8 {
  padding-left: 15.4rem;
}
.main.color-stop__light .face__depth-9 {
  padding-left: 17.2rem;
}
.main.color-stop__light .face__depth-10 {
  padding-left: 19rem;
}
.main.color-stop__light .face__name {
  flex-grow: 1;
  flex-shrink: 1;
  -webkit-user-select: none;
  white-space: pre;
  text-overflow: ellipsis;
  overflow-x: hidden;
  height: 2rem;
  padding: 0.4rem 0;
}
.main.color-stop__light input[type="text"].face__name {
  font-size: 1.2rem;
  color: #222222;
  margin-top: -0.2rem;
  width: 100%;
  border-bottom: solid 1px #1B6ACC;
  -webkit-user-select: text;
}
.main.color-stop__light .face:hover {
  background-color: #b2b2b2;
}
.main.color-stop__light .face:hover .face__name {
  color: #222222;
}
.main.color-stop__light .layer__selected + .layer-group .face,
.main.color-stop__light .layer__selected + .layer-group .face:hover {
  background-color: #afb3b9;
}
.main.color-stop__light .face__selected,
.main.color-stop__light .layer__selected + .layer-group .face__selected,
.main.color-stop__light .face__selected:hover,
.main.color-stop__light .layer__selected + .layer-group .face__selected:hover {
  background-color: #a5afba;
}
.main.color-stop__light .face__selected .face__name,
.main.color-stop__light .layer__selected + .layer-group .face__selected .face__name,
.main.color-stop__light .face__selected:hover .face__name,
.main.color-stop__light .layer__selected + .layer-group .face__selected:hover .face__name {
  color: #222222;
}
.main.color-stop__light .layer__not-visible .face__name,
.main.color-stop__light .layer__not-visible + .layer-group .face__name {
  color: #222222;
  opacity: 0.28;
}
.main.color-stop__light .layer__collapsed + .layer-group {
  display: none;
}
.main.color-stop__light .face__drop_target,
.main.color-stop__light .face__drop_target:hover {
  background-color: none;
  cursor: -webkit-grabbing;
}
.main.color-stop__light .face__drop_target_above:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 0.125rem;
  width: 100%;
  background: #1B6ACC;
}
.main.color-stop__light .face__drop_target_below:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 100%;
  width: 100%;
  background: #1B6ACC;
  margin-top: 1px;
}
.main.color-stop__light .face__drop_target_on {
  box-shadow: inset 0px 0px 0px 0.25rem #1B6ACC;
}
.main.color-stop__light .face__drag-target {
  background-color: none;
  opacity: 0.5;
  position: fixed;
  margin-left: 0;
  width: 32rem;
  z-index: 1;
  pointer-events: none;
}
.main.color-stop__light .layer__drag-target {
  padding-top: 2.8rem;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__light .face {
    height: 25px;
    min-height: 25px;
  }
  .main.color-stop__light input[type="text"].face__name {
    margin-top: -1px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__light .face {
    height: 31px;
    min-height: 31px;
  }
  .main.color-stop__light input[type="text"].face__name {
    margin-top: -3px;
  }
}
.main.color-stop__light .layer-group {
  width: 32rem;
}
.main.color-stop__light .layers .text-fancy {
  font-style: italic;
  letter-spacing: .2rem;
}
.main.color-stop__light .libraries {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  border-bottom: none;
}
.main.color-stop__light .libraries .section-container {
  padding: 0;
  overflow-y: hidden;
}
.main.color-stop__light .libraries .split-button__item {
  width: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__light .libraries .split-button__item svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .libraries .section-container {
  flex-basis: 17.5rem;
}
.main.color-stop__light .libraries .assets__graphic__dragging {
  opacity: .7;
}
.main.color-stop__light .libraries .libraries-bar ul {
  flex-grow: 0;
}
.main.color-stop__light .libraries .libraries-bar ul .split-button__item__color-icon {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #323232;
  border-radius: .1rem;
  position: relative;
}
.main.color-stop__light .libraries .libraries-bar ul .split-button__item__color-icon:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #222222;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%), -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%);
  background-size: 14.5px 14.5px;
  background-position: 0 0, 7.25px 7.25px;
  z-index: -1;
}
.main.color-stop__light .libraries .libraries-bar ul .split-button__item__color-icon:hover {
  border: 1px solid #222222;
}
.main.color-stop__light .libraries__container {
  justify-content: space-between;
  flex-direction: column;
}
.main.color-stop__light .libraries__bar__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 4.4rem;
  padding-bottom: 1.2rem;
  margin: 0 1.6rem;
  align-items: center;
}
.main.color-stop__light .libraries__bar__top__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 3.2rem;
  margin: 0 0rem;
  align-items: center;
  width: 100%;
}
.main.color-stop__light .libraries__bar__top .drop-down {
  flex-grow: 1;
  width: 18.4rem;
}
.main.color-stop__light .libraries__bar__top .drop-down input {
  width: 100%;
}
.main.color-stop__light .libraries__bar__top .libraries__split-button-list {
  flex: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  justify-content: space-between;
}
.main.color-stop__light .libraries__bar__top .libraries__split-button-list .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__light .libraries__bar__top .libraries__split-button-list .libraries__split-button-collaborate svg {
  fill: #1B6ACC;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-cancel,
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-confirm {
  width: 6rem;
  flex-shrink: 0;
  text-align: center;
  font-size: 1.4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #323232;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-cancel:hover,
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #222222;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-confirm {
  color: #222222;
  font-weight: 500;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #222222;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__input {
  font-size: 1.4rem;
  flex-grow: 1;
  color: #222222;
}
.main.color-stop__light .libraries__bar__top .libraries__bar__input::-webkit-input-placeholder {
  color: #8A8A8A;
}
.main.color-stop__light .libraries__bar__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: none;
  height: 4.8rem;
  margin: 0 1.6rem;
}
.main.color-stop__light .libraries__bar__bottom .libraries-bar__section__left {
  flex: none;
}
.main.color-stop__light .libraries__bar__bottom .libraries-bar__section__left .split-button__item {
  margin-right: 1.5rem;
}
.main.color-stop__light .libraries__bar__bottom .libraries-bar__section__right {
  flex: none;
  justify-content: space-between;
}
.main.color-stop__light .libraries__bar__bottom .libraries-bar__section__right .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__light .libraries__content {
  height: 5.4rem;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 1.6rem;
}
.main.color-stop__light .libraries__content-drag {
  overflow-y: hidden;
}
.main.color-stop__light .libraries__content__hidden {
  display: none;
}
.main.color-stop__light .libraries__drop-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  cursor: copy;
}
.main.color-stop__light .libraries__drop-overlay__disallow {
  cursor: not-allowed;
}
.main.color-stop__light .libraries__assets:last-child {
  padding-bottom: 2rem;
}
.main.color-stop__light .libraries__assets__title {
  padding: 1rem 1.6rem .5rem 1.6rem;
  color: #575757;
}
.main.color-stop__light .libraries__asset {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .3rem 0;
  padding-left: 0rem;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__light .libraries__asset:hover {
  background-color: #b2b2b2;
}
.main.color-stop__light .libraries__asset:hover input[type="text"],
.main.color-stop__light .libraries__asset:hover input[type="text"]:disabled {
  color: #222222;
}
.main.color-stop__light .libraries__asset-selected,
.main.color-stop__light .libraries__asset-selected:hover,
.main.color-stop__light .libraries__asset-selected:hover:disabled {
  background-color: #a5afba;
  padding-right: 0;
}
.main.color-stop__light .libraries__asset__preview {
  width: 5.4rem;
  height: 3.8rem;
  margin-right: 1rem;
}
.main.color-stop__light .libraries__asset__title {
  display: flex;
  flex-grow: 100;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
  height: 3.8rem;
  min-width: 0;
}
.main.color-stop__light .libraries__asset__title__main {
  line-height: 2rem;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0.5rem;
  margin-top: -1px;
  white-space: pre;
}
.main.color-stop__light .libraries__asset__title input[type="text"] {
  font-size: 1.2rem;
  color: #222222;
  -webkit-user-select: none;
  padding: 0;
  margin-right: 0.5rem;
  border-bottom: 1px solid #1B6ACC;
}
.main.color-stop__light .libraries__asset__subtitle {
  margin-top: .3rem;
  margin-right: 0.5rem;
  padding-bottom: .3rem;
  font-size: 1rem;
  color: #545454;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__light .libraries__asset__preview-character-style,
.main.color-stop__light .libraries__asset__preview-layer-style,
.main.color-stop__light .libraries__asset__preview-graphic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__light .libraries__asset__preview-image {
  width: 3.8rem;
  height: 3.8rem;
  background-size: 3.6rem;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__light .libraries__asset__preview-image img {
  max-width: 3.6rem;
  max-height: 3.6rem;
}
.main.color-stop__light .libraries__asset__preview-image-loading {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .libraries__asset__preview-image-loading svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .libraries__asset__preview-image-blank {
  width: 100%;
  height: 100%;
  background-color: #222222;
  background-image: url("img/ico-libraries-cc.svg");
  background-size: 2rem 2rem;
}
.main.color-stop__light .libraries__asset__preview-character-style {
  background-color: white;
  position: relative;
}
.main.color-stop__light .libraries__asset__preview-character-style__color-swatch {
  position: absolute;
  top: .3rem;
  right: .3rem;
  height: .6rem;
  width: 1rem;
}
.main.color-stop__light .libraries__asset__preview-layer-style {
  background-color: #E3E3E3;
}
.main.color-stop__light .libraries__asset__preview-graphic {
  background-color: #222222;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%), -webkit-linear-gradient(45deg, #CCCCCC 25%, transparent 25%, transparent 75%, #CCCCCC 75%, #CCCCCC 100%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.main.color-stop__light .libraries__asset__preview-colortheme {
  display: flex;
  flex-direction: row;
  transition: width 100ms ease-out;
}
.main.color-stop__light .libraries__asset__preview-colortheme > div {
  height: 100%;
  width: 20%;
}
.main.color-stop__light .libraries__asset__preview-colortheme:hover {
  width: 10.8rem;
}
.main.color-stop__light .libraries__asset__buttons {
  flex-shrink: 1;
}
.main.color-stop__light .libraries__asset__buttons .split-button__item {
  justify-content: flex-start;
  margin: 0;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.main.color-stop__light .libraries__asset-brush {
  color: #545454;
  font-style: italic;
  padding: .3rem 1.6rem;
  line-height: 1.3rem;
}
.main.color-stop__light .libraries__dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 32rem;
  padding: 1.5rem 1.6rem;
  background-color: rgba(10, 10, 10, 0.7);
  z-index: 10;
}
.main.color-stop__light .libraries__dialog-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  border: 1px solid #949494;
  border-radius: 0.4rem;
  background-color: #B8B8B8;
}
.main.color-stop__light .libraries__dialog__title {
  width: 23rem;
  color: #222222;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #808080;
  font-weight: 500;
}
.main.color-stop__light .libraries__dialog__body {
  width: 100%;
  color: #323232;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1rem 2.5rem;
}
.main.color-stop__light .libraries__dialog__btn-cancel,
.main.color-stop__light .libraries__dialog__btn-confirm {
  flex-grow: 1;
  line-height: 2.5rem;
  font-size: 1.4rem;
  text-align: center;
}
.main.color-stop__light .libraries__dialog__btn-cancel:hover,
.main.color-stop__light .libraries__dialog__btn-confirm:hover {
  color: #222222;
}
.main.color-stop__light .libraries__dialog__btn-confirm {
  font-weight: 500;
  color: #222222;
}
.main.color-stop__light .libraries__dialog__btn-confirm:hover {
  color: #222222;
}
.main.color-stop__light .libraries__dialog__btn-cancel {
  border-right: 1px solid #808080;
}
.main.color-stop__light .assets__graphic__drag-preview {
  position: fixed;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  margin-top: -1.8rem;
  margin-left: -1.8rem;
  pointer-events: none;
}
.main.color-stop__light .assets__graphic__drag-preview img {
  max-width: 3.6rem;
  max-height: 3.6rem;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px) {
  .main.color-stop__light .libraries__asset__preview,
  .main.color-stop__light .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__light .libraries__asset {
    padding: 3px 0;
  }
  .main.color-stop__light .libraries__asset__title__main {
    margin-top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__light .libraries__asset__preview,
  .main.color-stop__light .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__light .libraries__asset {
    padding: 3px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__light .libraries__asset__preview,
  .main.color-stop__light .libraries__asset__title {
    height: 42px;
  }
  .main.color-stop__light .libraries__asset {
    padding: 3px 0;
  }
}
.main.color-stop__light .shadow__preview {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main.color-stop__light .shadow__square {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #323232;
}
.main.color-stop__light .effect-list__container {
  margin-bottom: 1rem;
}
.main.color-stop__light .effect-list__list-container__mixed {
  padding-top: 1rem;
  text-align: center;
  color: #8A8A8A;
  font-style: italic;
}
.main.color-stop__light .effect-list__shadow {
  margin-bottom: 1rem;
}
.main.color-stop__light .effect-list__shadow__disabled {
  color: #8A8A8A;
}
.main.color-stop__light .effect-list__stroke__styles {
  height: auto;
}
.main.color-stop__light .unsupported-effect-list__effect {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4em 0.6em;
  border: 1px solid #8A8A8A;
  margin: 0.4em 0;
  border-radius: 0.4em;
}
.main.color-stop__light .unsupported-effect-list__effect__title {
  font-style: italic;
  color: #575757;
}
.main.color-stop__light .unsupported-effect-list__effect:hover {
  border: 1px solid item-disabled;
  color: #575757;
}
.main.color-stop__light .unsupported-effect-list__effect__index {
  margin-left: 1em;
  font-style: italic;
}
.main.color-stop__light .unsupported-effect-list__effect__toggle-btns {
  display: flex;
  justify-content: space-between;
  width: 4.5rem;
}
.main.color-stop__light .fill-list__fill__disabled {
  color: #8A8A8A;
}
.main.color-stop__light .pop-over.glyphs ul {
  list-style-type: none;
}
.main.color-stop__light .pop-over.glyphs li {
  display: block;
}
.main.color-stop__light .pop-over.glyphs .glyph-container {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  display: block;
  border-left: 1px solid #545454;
  border-bottom: 1px solid #545454;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__light .pop-over.glyphs li:nth-child(1) .glyph-container,
.main.color-stop__light .pop-over.glyphs li:nth-child(2) .glyph-container,
.main.color-stop__light .pop-over.glyphs li:nth-child(3) .glyph-container,
.main.color-stop__light .pop-over.glyphs li:nth-child(4) .glyph-container {
  border-top: 1px solid #545454;
}
.main.color-stop__light .pop-over.glyphs li:last-child .glyph-container {
  border-right: 1px solid #545454;
}
.main.color-stop__light .pop-over.glyphs li:nth-child(4n+4) .glyph-container {
  border-right: 1px solid #545454;
}
.main.color-stop__light .pop-over.glyphs .glyph-container:hover {
  background-color: #656565;
}
.main.color-stop__light .pop-over.glyphs .glyph-container:active {
  background-color: #A3A3A3;
  color: #323232;
}
.main.color-stop__light .pop-over.glyphs .glyph {
  line-height: 49px;
  font-size: 42px;
}
.main.color-stop__light .pop-over.lorem-ipsum {
  display: block;
  height: 100%;
}
.main.color-stop__light .lorem-ipsum-container textarea {
  color: #A3A3A3;
  height: 100%;
}
.main.color-stop__light .stroke-list__stroke__disabled {
  color: #8A8A8A;
}
.main.color-stop__light .effects,
.main.color-stop__light .appearance {
  width: 100%;
}
.main.color-stop__light .export {
  width: 100%;
}
.main.color-stop__light .effects {
  flex-shrink: 1;
}
.main.color-stop__light .effects .section-container {
  min-height: 3rem;
}
.main.color-stop__light .style-workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__light .style-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__light .style-button svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #252525;
  stroke: none;
}
.main.color-stop__light .style-button:hover svg {
  fill: #171717;
  stroke: none;
}
.main.color-stop__light .style-button__disabled svg,
.main.color-stop__light .style-button__disabled:hover svg {
  fill: #838283;
}
.main.color-stop__light .fill-list__fill .button-toggle,
.main.color-stop__light .stroke-list__stroke .button-toggle,
.main.color-stop__light .shadow-list__shadow .button-toggle {
  height: 2.5rem;
  padding-top: 0.2rem;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
.main.color-stop__light .stroke-list__stroke .button-toggle {
  height: 2rem;
}
.main.color-stop__light .type {
  height: 22rem;
  flex-grow: 0;
}
.main.color-stop__light .appearance__mixed {
  height: 36rem;
}
.main.color-stop__light .header-alignment {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 4.6rem;
}
.main.color-stop__light .button-align-distribute {
  box-sizing: border-box;
  border: none;
  width: 2rem;
  height: 2rem;
}
.main.color-stop__light .reference-point {
  opacity: 0;
}
.main.color-stop__light .reference-point__active {
  opacity: 1.0;
}
.main.color-stop__light .search-bar__dialog {
  background: no-repeat left #B8B8B8;
  background-size: 2rem;
  background-position: 1.7rem 1.5rem;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0);
  /*this is important so it won't bounce when typing in the search field */
  width: 50rem;
  min-height: 5rem;
  max-height: 60rem;
  /*this is important for use with dialog.showModa()*/
  line-height: normal;
  box-shadow: none;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  overflow: visible;
}
.main.color-stop__light .search-bar__dialog .drop-down {
  margin-top: 1rem;
  border: none;
  float: right;
  width: 46rem;
  background: #B8B8B8;
}
.main.color-stop__light .search-bar__dialog svg {
  margin-left: 1.1rem;
  margin-top: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #252525;
}
.main.color-stop__light .search-bar__dialog .drop-down svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-right: 1rem;
  fill: #252525;
}
.main.color-stop__light .search-bar__dialog .drop-down:hover {
  background: #B8B8B8;
}
.main.color-stop__light .search-bar__dialog .drop-down input {
  border: none;
  font-size: 2rem;
  margin-left: 1.1rem;
  width: 42rem;
  color: #222222;
  height: auto;
  line-height: 2.8rem;
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__light .search-bar__dialog .drop-down.hasIcon input {
  margin-left: 3.2rem;
  width: 40rem;
}
.main.color-stop__light .search-bar__dialog ::-webkit-input-placeholder {
  color: #8A8A8A;
}
.main.color-stop__light .search-bar__dialog .drop-down input:focus {
  background: rgba(0, 0, 0, 0);
  color: #222222;
  border: none;
}
.main.color-stop__light .search-bar__dialog .drop-down input:hover,
.main.color-stop__light .search-bar__dialog .drop-down input:focus:hover {
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 2rem;
}
.main.color-stop__light .search-bar__dialog .drop-down .hidden-input {
  font-size: 2rem;
  display: inline-block;
  position: absolute;
  margin-left: 1.1rem;
  visibility: hidden;
  white-space: pre;
}
.main.color-stop__light .search-bar__dialog .drop-down.hasIcon .hidden-input {
  margin-left: 3.2rem;
}
.main.color-stop__light .search-bar__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.01);
}
.main.color-stop__light .search-bar__dialog .dialog__target.dialog-search-bar {
  margin-left: -1.75rem;
  width: 47.5rem;
}
.main.color-stop__light .search-bar__dialog .select__option {
  padding: 0.5rem 0.8rem 0.7rem 0.7rem;
  margin: 0;
  border-left: .3rem solid transparent;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .search-bar__dialog .select__option span {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .search-bar__dialog .select__option svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__light .search-bar__dialog .select__option .select__option__info {
  flex-shrink: 1;
  text-overflow: ellipsis;
}
.main.color-stop__light .search-bar__dialog .select__option__selected {
  color: #1473E6;
  border-left: 0.3rem solid #1B6ACC;
  background-color: #E2E2E2;
}
.main.color-stop__light .search-bar__dialog .select__option__selected svg {
  fill: #1B6ACC;
}
.main.color-stop__light .search-bar__dialog .select__option__selected .select__option__info {
  color: #222222;
}
.main.color-stop__light .search-bar__dialog .select__header {
  color: #8A8A8A;
  border-top: 1px solid #808080;
  margin-top: 1rem;
  margin-bottom: .25rem;
}
.main.color-stop__light .search-bar__dialog .select__header:first-child {
  border: none;
  margin-top: .25rem;
}
.main.color-stop__light .search-bar__dialog .select__option__info {
  color: #8A8A8A;
  line-height: 2.1rem;
}
.main.color-stop__light .search-bar__dialog .datalist__svg {
  position: absolute;
  top: 1.6rem;
  left: 3.6rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #323232;
}
.main.color-stop__light .search-bar__dialog .autocomplete {
  display: inline-block;
  position: absolute;
  color: #8A8A8A;
  line-height: 3rem;
  height: 3rem;
  white-space: pre;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__light .button-simple.button-clear-search {
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
  color: #323232;
  font-size: 1.6rem;
  font-weight: bold;
}
.main.color-stop__light .button-simple.button-clear-search:hover {
  color: #222222;
}
.main.color-stop__light .layer-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B6ACC;
  stroke-opacity: 0.0;
}
.main.color-stop__light .layer-artboard-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B6ACC;
  stroke-opacity: 0.0;
}
.main.color-stop__light .superselect-marquee {
  fill: #1B6ACC;
  fill-opacity: 0.2;
  stroke: #1B6ACC;
  shape-rendering: crispEdges;
}
.main.color-stop__light .marquee-hover {
  stroke: #1B6ACC;
  stroke-width: 0.5;
  stroke-opacity: 1.0;
  shape-rendering: crispEdges;
}
.main.color-stop__light .layer-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__light .artboard-adder {
  fill-opacity: 0.0;
  stroke-opacity: 1.0;
  stroke: #1B6ACC;
}
.main.color-stop__light .vector-mask-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1B6ACC;
}
.main.color-stop__light .vector-mask-hud {
  fill-opacity: 1.0;
}
.main.color-stop__light .vector-mask-hud use {
  opacity: 0.85;
}
.main.color-stop__light .vector-mask-hud use:hover {
  opacity: 1;
}
.main.color-stop__light .vector-mask-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__light .vector-mask-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__light .sampler-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B6ACC;
  stroke-opacity: 0.0;
}
.main.color-stop__light .sampler-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__light .sampler-selection {
  fill-opacity: 0.0;
  stroke: #EC39FF;
  stroke-opacity: 1.0;
}
.main.color-stop__light .sampler-hud {
  fill-opacity: 1.0;
}
.main.color-stop__light .sampler-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1B6ACC;
}
.main.color-stop__light .sampler-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__light .sampler-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__light .guide-edges {
  fill-opacity: 0.0;
  stroke-opacity: 0.0;
}
.main.color-stop__light .guide-edges__hover {
  fill: #1B6ACC;
  fill-opacity: 0.5;
}
.main.color-stop__light .first-launch__dialog {
  background-color: #282828;
  color: #D7D7D7;
}
.main.color-stop__light .keyboard-shortcut__dialog {
  background-color: #E2E2E2;
  color: #323232;
}
.main.color-stop__light .first-launch__dialog,
.main.color-stop__light .keyboard-shortcut__dialog {
  line-height: normal;
  width: 86rem;
  max-height: 66rem;
  height: 66rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-left: 0;
}
.main.color-stop__light .keyboard-shortcut__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2.4rem 4.8rem 4.8rem 4.8rem;
  width: 76rem;
  font-size: 1.5rem;
}
.main.color-stop__light .keyboard-shortcut__content li {
  clear: both;
  line-height: 4.5rem;
  height: 4.5rem;
  border-bottom: 1px solid #A3A3A3;
  color: #545454;
}
.main.color-stop__light .keyboard-shortcut__content li .button-simple {
  display: inline-block;
  padding-top: .3rem;
  height: 4.2rem;
  float: left;
  margin-right: 1rem;
}
.main.color-stop__light .keyboard-shortcut__title {
  border-bottom: 1px solid #545454;
  font-size: 1.8rem;
  line-height: 4.8rem;
}
.main.color-stop__light .keyboard-shortcut__column-1,
.main.color-stop__light .keyboard-shortcut__column-2 {
  height: 34rem;
}
.main.color-stop__light .keyboard-shortcut__column-1 {
  width: 30rem;
}
.main.color-stop__light .keyboard-shortcut__column-2 {
  width: 40rem;
}
.main.color-stop__light .keyboard-shortcut__name {
  float: left;
}
.main.color-stop__light .keyboard-shortcut__instr {
  float: right;
  font-weight: bold;
  color: #323232;
}
.main.color-stop__light .first-launch__dialog::backdrop,
.main.color-stop__light .keyboard-shortcut__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main.color-stop__light .keyboard-shortcut__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__light .first-launch__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__light .first-launch__carousel {
  background-color: #282828;
  color: #D7D7D7;
  font-size: 2.5rem;
  width: 86rem;
  height: 66rem;
  position: relative;
}
.main.color-stop__light .carousel__slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 66rem;
  display: none;
  opacity: 0;
}
.main.color-stop__light .carousel__slide__shown {
  display: block;
  opacity: 1;
}
.main.color-stop__light .carousel__slide__full {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  padding-top: 6rem;
  height: 100%;
  text-align: center;
  position: relative;
}
.main.color-stop__light .carousel__slide__full h1 {
  padding-top: 6rem;
  font-size: 3.2rem;
  padding-bottom: 14.2rem;
}
.main.color-stop__light .carousel__slide__full h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__light .carousel__slide__full h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__light .carousel__slide__full p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.main.color-stop__light .carousel__slide__full img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__light .carousel__slide__full img.no-scale {
  width: auto;
  position: relative;
}
.main.color-stop__light .carousel__slide__head {
  height: 43.7rem;
}
.main.color-stop__light .carousel__slide__head.links {
  display: flex;
  justify-content: space-around;
}
.main.color-stop__light .carousel__slide__head img,
.main.color-stop__light .carousel__slide__head video {
  display: block;
  max-width: 100%;
}
.main.color-stop__light .carousel__slide__head .block-link__image {
  width: auto;
  height: 8rem;
  flex-grow: 0;
}
.main.color-stop__light .carousel__slide__body {
  padding-top: 6rem;
  padding-left: 6rem;
  padding-right: 6rem;
  text-align: center;
}
.main.color-stop__light .carousel__slide__body h1 {
  font-size: 3rem;
}
.main.color-stop__light .carousel__slide__body h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.main.color-stop__light .carousel__slide__body p {
  color: #545454;
  font-size: 1.8rem;
}
.main.color-stop__light .carousel__nav {
  position: absolute;
  width: 100%;
  bottom: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 3.6rem;
  border-top: #808080 solid 1px;
}
.main.color-stop__light .carousel__nav .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 10rem;
  height: 7.2rem;
}
.main.color-stop__light .carousel__nav .dot svg {
  display: block;
  fill: #919191;
  width: 10rem;
  height: 3.6rem;
  align-self: flex-start;
}
.main.color-stop__light .carousel__nav .dot h3 {
  font-size: 1.6rem;
  color: #757575;
  align-self: flex-end;
}
.main.color-stop__light .carousel__nav .dot.current svg,
.main.color-stop__light .carousel__nav .dot.current:hover svg {
  fill: #3691ff;
}
.main.color-stop__light .carousel__nav .dot.current h3,
.main.color-stop__light .carousel__nav .dot.current:hover h3 {
  color: #3691ff;
}
.main.color-stop__light .carousel__nav .dot:hover h3 {
  color: #C2C2C2;
}
.main.color-stop__light .carousel__nav .dot:hover svg {
  fill: #DDDDDD;
}
.main.color-stop__light .carousel__slide__head__list,
.main.color-stop__light .carousel__slide__three__list {
  width: 50%;
  float: left;
  padding-top: 16rem;
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__light .carousel__slide__head__list h3,
.main.color-stop__light .carousel__slide__three__list h3 {
  font-size: 1.6rem;
  margin-bottom: 3.2rem;
}
.main.color-stop__light .carousel__slide__head__list p,
.main.color-stop__light .carousel__slide__three__list p {
  color: #545454;
  font-size: 1.4rem;
  height: 9rem;
}
.main.color-stop__light .carousel__slide__head__list a,
.main.color-stop__light .carousel__slide__three__list a {
  cursor: pointer;
  text-decoration: underline;
}
.main.color-stop__light .carousel__slide__three__list {
  width: 33.3%;
}
.main.color-stop__light .carousel__slide__three__list h2 {
  color: #D7D7D7;
}
.main.color-stop__light .carousel__slide__three__list div:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__light .carousel__slide__three__list div:hover h2 {
  color: #F4F4F4;
}
.main.color-stop__light .carousel__slide__three__list svg {
  fill: #D7D7D7;
  width: 100%;
  height: 3.6rem;
  margin-bottom: 2.4rem;
}
.main.color-stop__light .carousel__slide-button__continue {
  position: absolute;
  display: block;
  bottom: 16rem;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #D7D7D7;
  border-radius: 3.2rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  cursor: pointer;
}
.main.color-stop__light .carousel__slide-button__continue:hover {
  color: #F4F4F4;
  border: 1px solid #F4F4F4;
}
.main.color-stop__light .carousel__slide-button__next,
.main.color-stop__light .carousel__slide-button__prev,
.main.color-stop__light .carousel__slide-button__started {
  position: absolute;
  border-radius: 3.2rem;
  border: 1px solid #808080;
  top: -49.2rem;
  cursor: pointer;
}
.main.color-stop__light .carousel__slide-button__next:hover,
.main.color-stop__light .carousel__slide-button__prev:hover,
.main.color-stop__light .carousel__slide-button__started:hover {
  border-color: #F4F4F4;
}
.main.color-stop__light .carousel__slide-button__started {
  width: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-color: #323232;
  font-size: 1.5rem;
  line-height: 3.2rem;
}
.main.color-stop__light .carousel__slide-button__next,
.main.color-stop__light .carousel__slide-button__prev {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__light .carousel__slide-button__next svg,
.main.color-stop__light .carousel__slide-button__prev svg {
  width: 1rem;
  height: 1rem;
  fill: #DDDDDD;
  stroke: none;
}
.main.color-stop__light .carousel__slide-button__next:hover svg,
.main.color-stop__light .carousel__slide-button__prev:hover svg {
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__light .carousel__slide-button__prev {
  left: 1.6rem;
}
.main.color-stop__light .carousel__slide-button__next,
.main.color-stop__light .carousel__slide-button__started {
  right: 1.6rem;
}
.main.color-stop__light .carousel__slide__block {
  width: 33%;
  border-left: 0.5rem solid black;
  border-right: 0.5rem solid black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #D7D7D7;
}
.main.color-stop__light .carousel__slide__block:first-child {
  border: none;
}
.main.color-stop__light .carousel__slide__block:last-child {
  border: none;
}
.main.color-stop__light .carousel__slide__block-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main.color-stop__light .block-link__image img {
  width: 3.5rem;
  height: 3.5rem;
}
.main.color-stop__light .carousel__slide .advertisement {
  margin-top: 0;
}
.main.color-stop__light .carousel__slide .advertisement h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__light .carousel__slide .advertisement em {
  font-weight: 400;
  white-space: nowrap;
}
.main.color-stop__light .carousel__slide .advertisement a {
  color: #3691ff;
}
.main.color-stop__light :lang(ja) .advertisement,
.main.color-stop__light :lang(de) .advertisement {
  text-align: left;
}
.main.color-stop__light :lang(fr) .carousel__slide__body {
  padding-right: 2em;
  padding-left: 2em;
}
.main.color-stop__light :lang(fr) .carousel__slide__full.slide-0 {
  padding-top: 0rem;
}
.main.color-stop__light :lang(fr) .carousel__slide__full.slide-0 img {
  top: -6rem;
}
.main.color-stop__light :lang(fr) .carousel__slide__full.slide-5 h2 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.main.color-stop__light :lang(fr) .carousel__slide-button__continue {
  bottom: 15rem;
}
.main.color-stop__light :lang(fr) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__light :lang(de) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__light :lang(de) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__light :lang(de) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}
.main.color-stop__light :lang(de) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__light :lang(de) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-3 img {
  top: 3rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-3 h2 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-3 h2:first-of-type {
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-4 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-5 h2 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.main.color-stop__light :lang(ja) .carousel__slide__full.slide-6 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__light :lang(ja) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__light hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #545454;
}
.main.color-stop__light [data-scrubby=true] {
  cursor: col-resize;
}
.main.color-stop__light textarea,
.main.color-stop__light input[type="text"] {
  background-color: transparent;
  color: #323232;
  border-top: none;
  border-left: none;
  border-bottom: solid 1px transparent;
  border-right: none;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__light textarea:hover,
.main.color-stop__light input[type="text"]:hover {
  color: #222222;
}
.main.color-stop__light input[type="text"] {
  font-size: 1.4rem;
  height: 2rem;
  border-bottom: 1px solid #808080;
}
.main.color-stop__light input[type="text"]:hover {
  border-bottom: 1px solid #575757;
}
.main.color-stop__light input[type="text"]:hover:disabled,
.main.color-stop__light input[type="text"]:disabled {
  color: #8A8A8A;
  border-bottom-color: #ADADAD;
}
.main.color-stop__light input[type="text"]:focus {
  color: #222222;
  border-bottom-color: #1B6ACC;
}
.main.color-stop__light input[list]:focus {
  text-decoration: none;
}
.main.color-stop__light * {
  box-sizing: border-box;
  flex-shrink: 0;
}
.main.color-stop__light *:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.main.color-stop__light *::selection {
  background: #B6D6F1;
  border-radius: .2rem;
}
.main.color-stop__light input[disabled]::selection {
  color: #8A8A8A;
}
.main.color-stop__light.main__ready .section-container,
.main.color-stop__light .panel-set__ready .section-container,
.main.color-stop__light .panel-set__ready .section-container__no-collapse {
  opacity: 1;
  transition: all 200ms ease;
}
.main.color-stop__light.main__ready .section-container.libraries__container,
.main.color-stop__light .panel-set__ready .section-container.libraries__container,
.main.color-stop__light .panel-set__ready .section-container__no-collapse.libraries__container {
  opacity: 0;
}
.main.color-stop__light.main__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__light .panel-set__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__light .panel-set__ready .section-container__no-collapse.libraries__container.libraries__ready {
  opacity: 1;
}
.main.color-stop__dark {
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Basic Colors */
  /* Dialog */
  /* Align | Distribute */
  /* Layers */
  /* Libraries */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- TOOLBAR -- */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- PROPERTIES -- */
  /**** JAPANESE *****/
  /**** GERMAN *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* STYLE ----------------------*/
  /* PAGES ----------------------*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 *
 * Portions of this code are adapted from react-simple-colorpicker
 * https://github.com/WickyNilliams/react-simple-colorpicker
 * 
 * The MIT License (MIT)
 * 
 * Copyright (c) 2014 Nick Williams
 * Copyright (c) 2014 George Czabania
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** JAPANESE *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* READ THIS FIRST

All class names in this section come from Jquery, so don't get bent out of
shape if you hate the naming conventions. It's out of our hands for the moment.
Class notes come from http://api.jqueryui.com/theming/css-framework/

*/
  /*
Class to be applied to the outer container of all widgets. Applies font-family
and font size to widgets.
*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Clearing the default style */
  /* Bar */
  /* Handle */
  /* Track */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**
 * Exports Panel
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** FRENCH *****/
  /**** GERMAN *****/
  /**** JAPANESE *****/
  color: #E1E1E1;
}
.main.color-stop__dark .document-title {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  letter-spacing: .05rem;
  overflow: hidden;
  max-width: 30rem;
  min-width: 6rem;
  flex-shrink: 1;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #A3A3A3;
}
.main.color-stop__dark .document-title__stub {
  flex-grow: 1;
}
.main.color-stop__dark .document-title:hover {
  flex-shrink: 0;
  color: #F0F0F0;
}
.main.color-stop__dark .document-title__current {
  flex-shrink: 0;
  color: #FFFFFF;
}
.main.color-stop__dark .document-title__current:hover {
  color: #FFFFFF;
}
.main.color-stop__dark .document-title__small {
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__dark .document-title__mask {
  padding-left: 2rem;
  padding-right: 2rem;
}
.main.color-stop__dark .document-header-container {
  height: 4.6rem;
  overflow: hidden;
  flex-grow: 10;
  display: flex;
  width: 10px;
  flex-wrap: wrap;
}
.main.color-stop__dark .document-header,
.main.color-stop__dark .document-header__hidden {
  height: 4.6rem;
  line-height: 4.6rem;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  overflow-x: scroll;
}
.main.color-stop__dark .document-header__stub {
  margin-top: 4.6rem;
}
.main.color-stop__dark .document-controls__unsupported {
  color: red;
  padding-right: .5rem;
}
.main.color-stop__dark .icon-header {
  height: 4.6rem;
  line-height: 4.8rem;
  max-width: 13rem;
  width: 13rem;
  display: flex;
  flex-grow: 1;
}
.main.color-stop__dark .icon-header-buttons {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus {
  background: none;
  fill: #CECECE;
  width: 4.8rem;
  height: 4.4rem;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus:hover {
  fill: #CECECE;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg {
  fill: #848484;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg:hover {
  fill: #848484;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__active svg {
  fill: #1B8BE9;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__active svg:hover {
  fill: #1B8BE9;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode {
  background: #1B8BE9;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg {
  fill: white;
}
.main.color-stop__dark .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg:hover {
  background: #1B8BE9;
  fill: white;
}
.main.color-stop__dark .document-container {
  box-sizing: border-box;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
  flex-shrink: 1;
  flex-grow: 10;
  background-color: #323232;
  border-left: 0.2rem solid #242424;
  border-right: 0.2rem solid #242424;
  border-top: 0.2rem solid #242424;
}
.main.color-stop__dark .scrim {
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main.color-stop__dark .scrim-drop {
  cursor: copy;
}
.main.color-stop__dark .scrim__disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 0.01;
}
.main.color-stop__dark .scrim svg {
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__dark .tool-spacer {
  border-top: 1px solid #262626;
  opacity: .55;
}
.main.color-stop__dark .toolbar {
  box-sizing: border-box;
  z-index: 1;
  width: 5rem;
  height: 4.6rem;
  background-color: #323232;
  color: #E1E1E1;
  box-shadow: inset -0.2rem 0 0 transparent, inset 1px 0.2rem 0 #242424;
}
.main.color-stop__dark .toolbar .toolbar-button.tool-selected {
  display: flex;
}
.main.color-stop__dark .toolbar .toolbar-button,
.main.color-stop__dark .toolbar .zoom {
  display: none;
}
.main.color-stop__dark .toolbar.expanded {
  height: auto;
  color: #262626;
}
.main.color-stop__dark .toolbar.expanded .toolbar-button,
.main.color-stop__dark .toolbar.expanded .zoom {
  display: flex;
}
.main.color-stop__dark .toolbar .zoom {
  position: absolute;
  bottom: 1.3rem;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-wrap: wrap;
}
.main.color-stop__dark .toolbar .zoom .button-simple.toolbar__zoom {
  display: flex;
  align-self: flex-start;
}
.main.color-stop__dark .toolbar .zoom .button-simple.toolbar__zoom svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #A3A3A3;
}
.main.color-stop__dark .toolbar .zoom .number-input {
  width: 5rem;
  text-align: center;
  font-size: 1.4rem;
  border-bottom-color: transparent;
}
.main.color-stop__dark .toolbar .zoom .number-input:hover {
  border-bottom-color: transparent;
}
.main.color-stop__dark .toolbar .zoom .number-input:focus {
  border-bottom-color: #1B8BE9;
}
.main.color-stop__dark .toolbar li:first-child {
  margin: 0;
  box-shadow: -0.2rem 0 0 #242424;
}
.main.color-stop__dark .tool-current {
  display: none;
}
.main.color-stop__dark .toolbar li .button-simple {
  width: 5rem;
  height: 4.8rem;
  margin: 0.1rem 0;
  box-shadow: none;
}
.main.color-stop__dark .panel-set {
  height: 100%;
  max-height: 100%;
  display: flex;
  box-shadow: inset 0.2rem 0 0 transparent;
}
.main.color-stop__dark .panel-section {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
}
.main.color-stop__dark .panel-transform-section,
.main.color-stop__dark .panel-appearance-section {
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__dark .panel-appearance-section .section-container .stroke {
  margin-top: .4rem;
}
.main.color-stop__dark .panel-layers-section,
.main.color-stop__dark .panel-libraries-section {
  min-height: 50%;
}
.main.color-stop__dark .panel-section__collapsed {
  min-height: 4.6rem;
  height: 4.6rem;
  flex-grow: 0;
}
.main.color-stop__dark .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__dark .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__dark .panel-section__not-visible {
  display: none;
}
.main.color-stop__dark .panel-set__container {
  height: 100%;
  max-height: 100%;
  display: flex;
}
.main.color-stop__dark .panel-set__not-visible {
  display: none;
}
.main.color-stop__dark .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__dark .panel__tab-bar {
  background-color: #323232;
  width: 5rem;
  box-shadow: inset 0 0.2rem 0 #242424, inset -1px 1px 0 #242424;
  display: none;
  z-index: 1;
}
.main.color-stop__dark .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__dark .panel__tab-bar .button-simple {
  width: 4.8rem;
  height: 4.8rem;
}
.main.color-stop__dark .panel {
  height: 100%;
  max-height: 100%;
  width: 32rem;
  background-color: #323232;
  box-shadow: inset 0 0.2rem 0 #242424;
  border-right: 0.2rem solid #242424;
  z-index: 1;
  display: none;
  position: relative;
  flex-direction: column;
}
.main.color-stop__dark .panel__visible + .panel:nth-child(2) {
  border-right: 0.2rem solid #242424;
}
.main.color-stop__dark .panel__visible {
  display: flex;
}
.main.color-stop__dark .properties {
  height: 100%;
  width: 32rem;
  overflow: hidden;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
  display: none;
}
.main.color-stop__dark .properties__active {
  display: flex;
}
.main.color-stop__dark .formline {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  width: 28.8rem;
}
.main.color-stop__dark .formline__no-padding {
  padding-bottom: 0.1rem;
}
.main.color-stop__dark .formline:first-child {
  padding-top: 0;
}
.main.color-stop__dark .formline__padded-first-child:first-child {
  padding-top: 0.8rem;
}
.main.color-stop__dark .formline__bottom-align {
  align-items: flex-end;
}
.main.color-stop__dark .formline__space-between {
  justify-content: space-between;
}
.main.color-stop__dark .section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 1;
  border-bottom: 0.2rem solid #242424;
}
.main.color-stop__dark .section.export {
  border-bottom: 0;
}
.main.color-stop__dark .section.section__collapsed {
  flex-grow: 0;
  height: auto;
  border-bottom: 0.2rem solid #242424;
}
.main.color-stop__dark .transform.section,
.main.color-stop__dark .section-header {
  padding: 0 1.6rem;
}
.main.color-stop__dark .recent-files {
  flex-shrink: 1;
}
.main.color-stop__dark .artboard-launcher .section-container {
  flex-shrink: 0;
}
.main.color-stop__dark .layers .section-container {
  padding: 0;
  flex-shrink: 1;
}
.main.color-stop__dark .section-container,
.main.color-stop__dark .section-container__no-collapse {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem 0;
  display: flex;
  align-items: initial;
  opacity: 0;
}
.main.color-stop__dark .section-container__collapsed {
  display: none;
}
.main.color-stop__dark .layer-count {
  opacity: 0;
}
.main.color-stop__dark .artboard-presets,
.main.color-stop__dark .recent-files {
  flex-grow: 1;
}
.main.color-stop__dark .artboard-presets .section-container,
.main.color-stop__dark .recent-files .section-container {
  padding: 0;
}
.main.color-stop__dark .recent-files .section-container {
  padding-bottom: 1rem;
  flex-shrink: 1;
}
.main.color-stop__dark .effects.section__collapsed,
.main.color-stop__dark .export.section__collapsed {
  min-height: 4.8rem;
}
.main.color-stop__dark .appearance .section-container,
.main.color-stop__dark .type .section-container,
.main.color-stop__dark .effects .section-container,
.main.color-stop__dark .export .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__dark .effects .section-container > div {
  width: 100%;
}
.main.color-stop__dark .libraries .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__dark .appearance {
  flex-shrink: 0;
}
.main.color-stop__dark .radius_input .control-group__vertical {
  margin-left: .2rem;
}
.main.color-stop__dark .radius_input {
  padding-bottom: 2rem;
}
.main.color-stop__dark .last-line__type {
  padding-bottom: 2rem;
}
.main.color-stop__dark .transform.section {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
}
.main.color-stop__dark .transform.section .section-header {
  box-sizing: content-box;
  padding: 0 1.6rem;
  border-bottom: 0.2rem solid #242424;
}
.main.color-stop__dark .transform__body {
  padding: 1rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main.color-stop__dark .transform__body .control-group:first-child .control-group__horizontal label:first-child {
  margin-left: 1rem;
}
.main.color-stop__dark .layers {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.main.color-stop__dark .column-1 {
  width: 1rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-2 {
  width: 2rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-3 {
  width: 3rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-4 {
  width: 4rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-5 {
  width: 5rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-6 {
  width: 6rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-7 {
  width: 7rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-8 {
  width: 8rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-9 {
  width: 9rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-10 {
  width: 10rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-11 {
  width: 11rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-12 {
  width: 12rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-13 {
  width: 13rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-14 {
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-15 {
  width: 15rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-16 {
  width: 16rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-17 {
  width: 17rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-18 {
  width: 18rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-19 {
  width: 19rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-20 {
  width: 20rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-21 {
  width: 21rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-22 {
  width: 22rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-23 {
  width: 23rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-24 {
  width: 24rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-25 {
  width: 25rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-26 {
  width: 26rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-27 {
  width: 27rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-28 {
  width: 28rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-29 {
  width: 29rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-30 {
  width: 30rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-31 {
  width: 31rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-32 {
  width: 32rem;
  flex-shrink: 0;
}
.main.color-stop__dark .column-full {
  width: 28.8rem;
}
.main.color-stop__dark .column-half {
  width: 0.5rem;
}
.main.color-stop__dark .panel__info {
  flex-shrink: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.8rem;
  margin: 0 1.6rem;
  color: #A3A3A3;
}
.main.color-stop__dark .panel__info div {
  margin-bottom: 1rem;
}
.main.color-stop__dark .panel__info__title {
  color: #A3A3A3;
}
.main.color-stop__dark .panel__info__link a {
  color: #A3A3A3;
}
.main.color-stop__dark .dialog-effects-popover,
.main.color-stop__dark .dialog-export-popover {
  overflow: visible;
}
.main.color-stop__dark .workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__dark .workflow-buttons .button-simple:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__dark .workflow-buttons .button-simple-plus:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__dark .workflow-buttons .button-simple-iOS {
  width: 2.4rem;
  margin-left: .4rem;
}
.main.color-stop__dark .workflow-buttons .button-simple-xdpi {
  width: 2.8rem;
  margin-left: .4rem;
  margin-right: .4rem;
}
.main.color-stop__dark .popover-list {
  width: 100%;
}
.main.color-stop__dark .popover-list:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 5.4rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #191919;
  border: none;
  border-left: 1.5px solid #707070;
  border-top: 1.5px solid #707070;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__dark .popover-list__item {
  padding: 0.8rem;
  border-left: 0.2rem solid transparent;
  padding: 0.8rem 0.8rem 0.8rem 0.6rem;
}
.main.color-stop__dark .popover-list__item:hover {
  color: #1B8BE9;
  border-left: 0.2rem solid #1B8BE9;
}
.main.color-stop__dark .popover-list__item-disabled,
.main.color-stop__dark .popover-list__item-disabled:hover {
  color: #707070;
}
.main.color-stop__dark .popover-list__item:first-child {
  border-radius: .4rem 0 0 0;
}
.main.color-stop__dark .popover-list__item:last-child {
  border-radius: 0 0 0 .4rem;
}
.main.color-stop__dark .label__medium.column-4.label__medium__left-aligned.opacity-label {
  margin-top: .2rem;
}
.main.color-stop__dark .panel-set__small-screen .panel {
  border-right: 1px solid #242424;
}
.main.color-stop__dark .panel-set__small-screen .export,
.main.color-stop__dark .panel-set__small-screen .layers {
  border-bottom: 0.2rem solid #242424;
}
.main.color-stop__dark .panel-set__small-screen .section.section__collapsed {
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
  border-bottom: 0.2rem solid #242424;
}
.main.color-stop__dark .panel-set__small-screen .panel-libraries-section,
.main.color-stop__dark .panel-set__small-screen .panel-layers-section {
  flex-grow: 1;
  flex-basis: 20rem;
}
.main.color-stop__dark .panel-set__small-screen .panel-export-section,
.main.color-stop__dark .panel-set__small-screen .panel-effects-section {
  max-height: 15%;
  flex-grow: 0;
  min-height: 0;
}
.main.color-stop__dark .panel-set__small-screen .panel-export-section.section__expand,
.main.color-stop__dark .panel-set__small-screen .panel-effects-section.section__expand {
  height: auto;
}
.main.color-stop__dark .panel-set__small-screen .panel-libraries-section,
.main.color-stop__dark .panel-set__small-screen .panel-layers-section {
  min-height: 0;
}
.main.color-stop__dark .panel-set__small-screen .layers,
.main.color-stop__dark .panel-set__small-screen .libraries,
.main.color-stop__dark .panel-set__small-screen .export,
.main.color-stop__dark .panel-set__small-screen .effects {
  min-height: 0;
}
.main.color-stop__dark .panel-set__small-screen .layers.section__collapsed,
.main.color-stop__dark .panel-set__small-screen .libraries.section__collapsed,
.main.color-stop__dark .panel-set__small-screen .export.section__collapsed,
.main.color-stop__dark .panel-set__small-screen .effects.section__collapsed {
  min-height: 3.2rem;
  flex-grow: 1;
  flex-basis: 0;
}
.main.color-stop__dark .panel-set__small-screen .panel-layers-section,
.main.color-stop__dark .panel-set__small-screen .panel-export-section,
.main.color-stop__dark .panel-set__small-screen .panel-effects-section,
.main.color-stop__dark .panel-set__small-screen .panel-appearance-section {
  min-height: 4.6rem;
  overflow: hidden;
}
.main.color-stop__dark .panel-set__small-screen .appearance,
.main.color-stop__dark .panel-set__small-screen .type {
  height: 18rem;
  flex-grow: 0;
}
.main.color-stop__dark .panel-set__small-screen .panel-section__collapsed {
  flex-grow: 0;
  flex-basis: auto;
  min-height: 3.2rem;
  height: 3.2rem;
}
.main.color-stop__dark .panel-set__small-screen .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__dark .panel-set__small-screen .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__dark :lang(ja) .label__medium.column-4.label__medium__left-aligned.opacity-label {
  width: 5rem;
}
.main.color-stop__dark :lang(ja) .label__medium.column-2.blur-label {
  width: 3.8rem;
}
.main.color-stop__dark :lang(ja) .label__medium.column-4.spread-label {
  width: 7rem;
}
.main.color-stop__dark :lang(ja) .label__medium__left-aligned.scale-title {
  width: 7rem;
}
.main.color-stop__dark :lang(ja) .effect-list__container .section-title__subtitle {
  display: block;
}
.main.color-stop__dark :lang(ja) .stroke-alignment-buttons {
  width: 11rem;
}
.main.color-stop__dark :lang(ja) .effect-list__stroke .label__medium.column-3 {
  width: 4rem;
}
.main.color-stop__dark :lang(de) .label__medium.column-2.blur-label {
  width: 5rem;
}
.main.color-stop__dark :lang(de) .label__medium.column-4.spread-label {
  width: 5rem;
}
.main.color-stop__dark .guard {
  display: none;
}
.main.color-stop__dark .guard__enabled {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: wait;
  z-index: 999;
}
@-webkit-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes revealFromCenter {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 80%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main.color-stop__dark .label__medium {
  display: flex;
  justify-content: flex-end;
  color: #A3A3A3;
  -webkit-user-select: none;
  font-size: 1.2rem;
  letter-spacing: .035rem;
  margin-right: 1rem;
}
.main.color-stop__dark .label__medium__left-aligned {
  justify-content: flex-start;
}
.main.color-stop__dark .loader-animation svg g {
  animation: loader-spin;
  animation-duration: 0.66s;
  animation-timing-function: steps(6, end);
  animation-iteration-count: infinite;
  transform-origin: center center;
}
.main.color-stop__dark .compact-stats {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  height: 5rem;
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__dark .compact-stats .drop-down input {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__dark .compact-stats .number-input {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  height: 1.6rem;
}
.main.color-stop__dark .compact-stats__header input {
  font-size: 1.4rem;
  height: 1.9rem;
}
.main.color-stop__dark .compact-stats__header input:hover {
  border-bottom: 1px solid #E1E1E1;
}
.main.color-stop__dark .compact-stats__header input:focus {
  color: #FFFFFF;
  border-bottom: 1px solid #1B8BE9;
}
.main.color-stop__dark .compact-stats__body {
  padding-top: 0.5rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
  min-width: 10rem;
}
.main.color-stop__dark .compact-stats__body__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main.color-stop__dark .compact-stats__body__column .label-medium {
  padding-bottom: 0.2rem;
  justify-content: flex-start;
  text-indent: 2px;
}
.main.color-stop__dark .control-group__vertical {
  margin-right: 1rem;
}
.main.color-stop__dark .control-group__vertical:last-child {
  margin-right: 0;
}
.main.color-stop__dark .control-group__no-label {
  margin-top: 1.2rem;
}
.main.color-stop__dark .control-group__horizontal {
  display: flex;
  align-items: center;
}
.main.color-stop__dark .control-group__horizontal__left {
  display: flex;
  align-items: left;
}
.main.color-stop__dark .control-group__column {
  display: flex;
  flex-direction: column;
}
.main.color-stop__dark .drop-down input,
.main.color-stop__dark .drop-down input:hover,
.main.color-stop__dark .drop-down input:focus,
.main.color-stop__dark .drop-down input:focus:hover,
.main.color-stop__dark .drop-down input:disabled .drop-down:hover input {
  font-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #323232;
  background-size: 1rem;
  padding-right: 1rem;
  outline: none;
}
.main.color-stop__dark .drop-down input {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#CECECE' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__dark .drop-down input:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#E1E1E1' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__dark .drop-down input:focus,
.main.color-stop__dark .drop-down input:focus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#1B8BE9' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__dark .drop-down input:disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#848484' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__dark svg use {
  transform: rotate(0);
}
.main.color-stop__dark .icon {
  display: inline-flex;
}
.main.color-stop__dark .toolbar-button,
.main.color-stop__dark .toolbar__backToPs.button-simple {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__dark .toolbar-button svg,
.main.color-stop__dark .toolbar__backToPs.button-simple svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  fill: #CECECE;
  stroke: none;
  color: #a9a9a9;
}
.main.color-stop__dark .toolbar-button:hover svg,
.main.color-stop__dark .toolbar__backToPs.button-simple:hover svg {
  fill: #E1E1E1;
  stroke: none;
}
.main.color-stop__dark .tool-selected.button-simple svg,
.main.color-stop__dark .tool-selected.button-simple:hover svg {
  fill: #1B8BE9;
  stroke: none;
}
.main.color-stop__dark .toolbar__backToPs.button-simple {
  position: absolute;
  bottom: 0;
  width: 5rem;
}
.main.color-stop__dark .toolbar__backToPs.button-simple svg {
  fill: #CECECE;
}
.main.color-stop__dark .button-generator {
  background: url("img/ico-generator-white.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__dark .pop-over-header .button-generator {
  background: url("img/ico-generator-black.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__dark #mode-grid {
  background: url("img/ico-mode-grid-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__dark #mode-divide {
  background: url("img/ico-mode-divide-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__dark #mode-inset {
  background: url("img/ico-mode-inset-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__dark .control-group,
.main.color-stop__dark .label,
.main.color-stop__dark .button-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__dark .control-group svg,
.main.color-stop__dark .label svg,
.main.color-stop__dark .button-toggle svg {
  width: 1.6rem;
  height: 2.4rem;
  fill: #CECECE;
  stroke: none;
  color: #a9a9a9;
}
.main.color-stop__dark .control-group__disabled svg,
.main.color-stop__dark .label__disabled svg,
.main.color-stop__dark .button-toggle__disabled svg {
  fill: #A3A3A3;
}
.main.color-stop__dark .button-simple svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #CECECE;
}
.main.color-stop__dark .button-simple:hover svg {
  fill: #E1E1E1;
}
.main.color-stop__dark .button-simple__disabled svg,
.main.color-stop__dark .button-simple__disabled:hover svg,
.main.color-stop__dark .button-simple:disabled svg svg {
  fill: #848484;
}
.main.color-stop__dark .button-simple__disabled__disabled svg,
.main.color-stop__dark .button-simple__disabled:hover__disabled svg,
.main.color-stop__dark .button-simple:disabled svg__disabled svg,
.main.color-stop__dark .button-simple__disabled__disabled:hover svg,
.main.color-stop__dark .button-simple__disabled:hover__disabled:hover svg,
.main.color-stop__dark .button-simple:disabled svg__disabled:hover svg {
  fill: #707070;
}
.main.color-stop__dark .button-simple.button-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__dark .button-simple.button-iOS {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__dark .button-simple.button-iOS svg {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__dark .button-simple.button-xdpi {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__dark .button-simple.button-xdpi svg {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__dark .export-button {
  height: 1.7rem;
}
.main.color-stop__dark .search-button {
  height: 1.7rem;
}
.main.color-stop__dark .reference-mark {
  margin-right: 4.5rem;
}
.main.color-stop__dark .reference-mark svg {
  width: 2.4rem;
  height: 2.4rem;
}
.main.color-stop__dark .face .button-toggle svg {
  display: none;
}
.main.color-stop__dark .face .button-toggle[data-selected="true"] svg,
.main.color-stop__dark .face:hover .button-toggle svg {
  display: block;
  fill: #CECECE;
  stroke: none;
}
.main.color-stop__dark .face__selected .button-toggle svg,
.main.color-stop__dark .face__selected:hover .button-toggle svg {
  fill: #E1E1E1;
  stroke: none;
  display: block;
}
.main.color-stop__dark .layer__not-visible .layer__not-visible + .layer-group .face:hover .button-toggle svg,
.main.color-stop__dark .layer__not-visible .layer__not-visible + .layer-group .face .button-toggle svg {
  fill: #E1E1E1;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__dark .face.face__not-visible:hover .button-toggle svg,
.main.color-stop__dark .face.face__not-visible .button-toggle svg {
  fill: #E1E1E1;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__dark .fill-list__fill .button-toggle svg,
.main.color-stop__dark .stroke-list__stroke .button-toggle svg,
.main.color-stop__dark .shadow-list__shadow .button-toggle svg {
  display: none;
}
.main.color-stop__dark .fill-list__fill .button-toggle[data-selected="false"] svg,
.main.color-stop__dark .stroke-list__stroke .button-toggle[data-selected="false"] svg,
.main.color-stop__dark .shadow-list__shadow .button-toggle[data-selected="false"] svg {
  display: block;
  fill: #CECECE;
  stroke: none;
}
.main.color-stop__dark .fill-list__fill:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__dark .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__dark .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) {
  opacity: 0.5;
}
.main.color-stop__dark .fill-list__fill:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__dark .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__dark .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) svg {
  display: block;
  fill: #CECECE;
  stroke: none;
}
.main.color-stop__dark .fill-list__fill .button-toggle[data-selected="true"] svg,
.main.color-stop__dark .stroke-list__stroke .button-toggle[data-selected="true"] svg,
.main.color-stop__dark .shadow-list__shadow .button-toggle[data-selected="true"] svg {
  display: none;
  fill: #262626;
  stroke: none;
  color: #a9a9a9;
}
.main.color-stop__dark .fill-list__fill .button-toggle.layer-delete svg,
.main.color-stop__dark .stroke-list__stroke .button-toggle.layer-delete svg,
.main.color-stop__dark .shadow-list__shadow .button-toggle.layer-delete svg {
  stroke-width: 40px;
  stroke: none;
  transform: scale(2);
}
.main.color-stop__dark .button-combo:focus {
  background: url("img/ico-search-white.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__dark .pop-over-header .button-combo:focus {
  background: url("img/ico-search-black.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__dark .face__kind {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__dark .face__kind svg {
  width: 1.8rem;
  height: 2.4rem;
  fill: #848484;
  stroke: none;
}
.main.color-stop__dark .face[data-kind="group"] .face__kind svg {
  fill: #CECECE;
}
.main.color-stop__dark .face__not-visible .face__kind svg,
.main.color-stop__dark .layer__not-visible + .layer-group .face .face__kind svg,
.main.color-stop__dark .face__not-visible:hover .face__kind .main.color-stop__dark .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__dark .face__not-visible:hover .face__kind .main.color-stop__dark .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__dark .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__dark .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__dark .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__dark .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__dark .face__not-visible.face[data-kind="group"] .face__kind svg,
.main.color-stop__dark .layer__not-visible + .layer-group .face.face[data-kind="group"] .face__kind svg {
  opacity: 0.28;
  fill: #CECECE;
  stroke: none;
}
.main.color-stop__dark .face__selected .face__kind svg,
.main.color-stop__dark .face__selected:hover .face__kind svg {
  fill: #E1E1E1;
  stroke: none;
}
.main.color-stop__dark .face__selected[data-kind="group"] .face__kind svg {
  fill: #E1E1E1;
  stroke: none;
}
.main.color-stop__dark .face .face__kind.face__kind__error svg,
.main.color-stop__dark .face .face__kind.face__kind__error:hover svg {
  fill: #8A3533;
}
.main.color-stop__dark .face .face__kind.face__kind__warning svg,
.main.color-stop__dark .face .face__kind.face__kind__warning:hover svg {
  fill: #46AA46;
}
.main.color-stop__dark .face .face__kind.face__kind__alert svg,
.main.color-stop__dark .face .face__kind.face__kind__alert:hover svg {
  fill: #F2EE57;
}
.main.color-stop__dark button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__dark .button-simple {
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__dark .button-toggle.column-1 {
  width: 1rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-2 {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-3 {
  width: 3rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-4 {
  width: 4rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-5 {
  width: 5rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-6 {
  width: 6rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle.column-7 {
  width: 7rem;
  height: 2rem;
}
.main.color-stop__dark .button-toggle {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__dark .smallButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__dark .medButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__dark .button-color {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(169, 169, 169, 0.88);
  border-radius: 3px;
  background-color: purple;
  padding: 0;
  margin: 0;
}
.main.color-stop__dark .button-radio ul {
  display: flex;
  justify-content: center;
}
.main.color-stop__dark .button-combo:focus {
  cursor: text;
  background: rgba(225, 225, 225, 0.3);
}
.main.color-stop__dark .button-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  height: 3rem;
}
.main.color-stop__dark .button-radio__fixed {
  flex-grow: 0;
}
.main.color-stop__dark .button-combo {
  background: none;
  color: #E1E1E1;
  opacity: .66;
  box-sizing: border-box !important;
  height: 3rem;
  text-align: center;
  border: 1px solid !important;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main.color-stop__dark .button-generator {
  width: 2rem;
  height: 2rem;
  float: right;
}
.main.color-stop__dark .button-settings {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: #E1E1E1;
  font-weight: 300;
  opacity: .65;
}
.main.color-stop__dark .button-lorem-ipsum,
.main.color-stop__dark .button-glyphs {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #E1E1E1;
  font-weight: 300;
  opacity: .55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__dark .button-lorem-ipsum svg,
.main.color-stop__dark .button-glyphs svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: #CECECE;
}
.main.color-stop__dark .button-lorem-ipsum:hover,
.main.color-stop__dark .button-settings:hover,
.main.color-stop__dark .button-glyphs:hover {
  opacity: .95;
}
.main.color-stop__dark .button-settings {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__dark .button-cluster {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.main.color-stop__dark .ui-selectmenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__dark .button-tool-options {
  display: flex;
  align-content: inherit;
  justify-content: inherit;
}
.main.color-stop__dark .button-tool-options button {
  padding: 0 1.6rem;
}
.main.color-stop__dark .button-tool-options button:last-child {
  padding: 0 0 0 1.6rem;
}
.main.color-stop__dark .button-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}
.main.color-stop__dark .button-checkbox label {
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.main.color-stop__dark .button-checkbox label svg {
  width: 1.6rem;
  fill: #CECECE;
  height: 1.6rem;
  top: 0;
  position: absolute;
  left: 0;
}
.main.color-stop__dark .button-checkbox label .mixed {
  display: none;
}
.main.color-stop__dark .button-checkbox label .checked {
  display: none;
}
.main.color-stop__dark .button-checkbox label:hover svg {
  fill: #E1E1E1;
}
.main.color-stop__dark .button-checkbox input[type=checkbox] {
  visibility: hidden;
  margin: 0;
}
.main.color-stop__dark .button-checkbox input[type=checkbox]:checked + label .mixed {
  display: none;
}
.main.color-stop__dark .button-checkbox input[type=checkbox]:checked + label .unchecked {
  display: none;
}
.main.color-stop__dark .button-checkbox input[type=checkbox]:checked + label .checked {
  display: block;
  fill: #CECECE;
}
.main.color-stop__dark .button-checkbox input[type=checkbox]:checked:hover + label svg {
  fill: #E1E1E1;
}
.main.color-stop__dark .button-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.main.color-stop__dark .button-checkbox__mixed label .mixed {
  display: block;
}
.main.color-stop__dark .button-checkbox__mixed label .unchecked {
  display: none;
}
.main.color-stop__dark .button-checkbox__mixed label .checked {
  display: none;
}
.main.color-stop__dark .button-checkbox__mixed label:hover svg {
  fill: #E1E1E1;
}
.main.color-stop__dark .checkbox-label {
  line-height: 1.2rem;
}
.main.color-stop__dark .spacer-1 {
  width: 1px;
}
.main.color-stop__dark .number-input {
  font-size: 1.6rem;
  color: #E1E1E1;
  border-radius: none;
  border-bottom: 1px solid transparent;
}
.main.color-stop__dark .number-input:hover {
  color: #F0F0F0;
  border-bottom: 1px solid #E1E1E1;
}
.main.color-stop__dark .number-input[type="text"]:disabled {
  border-bottom: 1px solid #3E3E3E;
}
.main.color-stop__dark .number-input[type="text"]:disabled:hover {
  border-bottom: 1px solid #3E3E3E;
}
.main.color-stop__dark .number-input__dirty:focus,
.main.color-stop__dark .number-input__clean:focus {
  color: #FFFFFF;
  border-bottom: 1px solid transparent;
}
.main.color-stop__dark .color-picker {
  top: 0;
  font-size: 100%;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 1rem 1rem 1rem;
  color: #262626;
  overflow-y: auto;
}
.main.color-stop__dark .color-picker input[type="text"] {
  font-size: 1.4rem;
  color: #E1E1E1;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #707070;
}
.main.color-stop__dark .color-picker input[type="text"]:hover {
  color: #F0F0F0;
  border: none;
  border-bottom: 1px solid #707070;
}
.main.color-stop__dark .color-picker input[type="text"]:focus {
  color: #FFFFFF;
  background: none;
  border: none;
  border-bottom: 1px solid #1B8BE9;
}
.main.color-stop__dark .color-picker input[type="text"]::-webkit-input-placeholder {
  color: #A3A3A3;
}
.main.color-stop__dark .color-picker .column-1 {
  width: 0.8rem;
}
.main.color-stop__dark .color-picker {
  left: 0rem;
  width: 30.2rem;
  height: 28.4rem;
  max-height: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
}
.main.color-stop__dark .color-picker:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #191919;
  border: none;
  border-left: 1.5px solid #707070;
  border-top: 1.5px solid #707070;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__dark .color-picker:after {
  bottom: -0.9rem;
  transform: rotate(-135deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #191919;
  border: none;
  border-left: 1.5px solid #707070;
  border-top: 1.5px solid #707070;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__dark .color-picker.hide-top-pointer:before {
  display: none;
}
.main.color-stop__dark .color-picker.hide-bottom-pointer:after {
  display: none;
}
.main.color-stop__dark .color-picker .drop-down {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__dark .color-picker .drop-down input {
  color: #262626;
  font-size: 1.2rem;
}
.main.color-stop__dark .color-picker__stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.main.color-stop__dark .color-picker__format {
  height: 2.4rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 1rem;
}
.main.color-stop__dark .color-picker__format .label__medium {
  justify-content: flex-start;
}
.main.color-stop__dark .color-picker-map {
  position: absolute;
  top: 6.8rem;
  left: 6.8rem;
  height: 14.6rem;
  width: 13.8rem;
  -webkit-user-select: none;
}
.main.color-stop__dark .color-picker-map.color-picker-map__dark .color-picker-map__pointer {
  border-color: #E1E1E1;
}
.main.color-stop__dark .color-picker-map.color-picker-map__light .color-picker-map__pointer {
  border-color: #080808;
}
.main.color-stop__dark .color-picker-map .color-picker-map__pointer {
  position: absolute;
  margin-left: -1rem;
  margin-bottom: -1rem;
  width: 2rem;
  height: 2rem;
  background: none;
  border-radius: 100%;
  border: 0.2rem solid #080808;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__dark .color-picker-map .color-picker-map__background {
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  top: -1.2rem;
  left: -1.2rem;
  border-radius: 1.2rem;
}
.main.color-stop__dark .color-picker-map .color-picker-map__background:before,
.main.color-stop__dark .color-picker-map .color-picker-map__background:after {
  display: block;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #242424;
}
.main.color-stop__dark .color-picker-map .color-picker-map__background:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #000000 95%);
}
.main.color-stop__dark .color-picker-map .color-picker-map__background:before {
  background: linear-gradient(to right, #ffffff 5%, rgba(255, 255, 255, 0) 95%);
}
.main.color-stop__dark .color-picker__rgbhsb {
  position: absolute;
  right: 0;
  top: 5rem;
  width: 7rem;
  height: auto;
}
.main.color-stop__dark .color-picker__rgbhsb .formline {
  width: 7rem;
  height: 2.8rem;
  padding: 0 .2rem;
}
.main.color-stop__dark .color-picker__rgbhsb .formline:nth-child(3) {
  margin-bottom: 1rem;
}
.main.color-stop__dark .color-picker__rgbhsb label {
  font-size: 1.4rem;
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 1rem;
}
.main.color-stop__dark .color-picker__rgbhsb input[type="text"] {
  font-size: 1.4rem;
  display: inline-block;
  width: 3.2rem;
}
.main.color-stop__dark .color-picker__rgbhsb .column-1 {
  height: 1.2rem;
}
.main.color-stop__dark .color-picker__colortype {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 28.2rem;
  height: 2.4rem;
}
.main.color-stop__dark .color-picker__colortype input {
  vertical-align: top;
  height: 2.4rem;
  width: 16.2rem;
}
.main.color-stop__dark .color-picker__colortype .color-picker__colortype__thumb {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: #FFFFFF;
  border-radius: 0.2rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%), -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
}
.main.color-stop__dark .color-picker__colortype .color-picker__colortype__thumb.empty {
  background: url("img/ico-color-picker-no-color.svg") no-repeat;
}
.main.color-stop__dark .color-picker__colortype .column-1 {
  display: inline-block;
}
.main.color-stop__dark .color-picker__colortype .number-input__clean.column-11.number-input,
.main.color-stop__dark .color-picker__colortype .number-input__dirty.column-11.number-input {
  font-size: 1.4rem;
  line-height: 1.4rem;
  width: 20rem;
  flex-basis: 12rem;
  vertical-align: top;
}
.main.color-stop__dark .color-picker__colortype__thumb__overlay {
  border-radius: 0.2rem;
  box-shadow: 0 0 0 0.1rem #242424;
}
.main.color-stop__dark .color-picker-slider {
  position: absolute;
  -webkit-user-select: none;
  -webkit-backface-visibility: hidden;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__vertical {
  top: 1.4rem;
  width: 2.4rem;
  height: 14.6rem;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track,
.main.color-stop__dark .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track-overlay {
  position: absolute;
  top: -1.4rem;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 17rem;
  margin-left: 0;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__vertical .color-picker-slider__pointer {
  bottom: 50%;
  left: .2rem;
  margin-bottom: -0.8rem;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__horizontal {
  left: 1rem;
  right: 0;
  height: 2.4rem;
  width: 17.8rem;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track,
.main.color-stop__dark .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track-overlay {
  position: absolute;
  left: -1rem;
  right: 0;
  top: 0;
  height: 2.4rem;
  width: 20.2rem;
  margin-top: 0rem;
}
.main.color-stop__dark .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__pointer {
  top: .2rem;
  left: 50%;
  margin-left: -0.8rem;
}
.main.color-stop__dark .color-picker-slider .color-picker-slider__track,
.main.color-stop__dark .color-picker-slider .color-picker-slider__track-overlay {
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #242424;
}
.main.color-stop__dark .color-picker-slider .color-picker-slider__track:before,
.main.color-stop__dark .color-picker-slider .color-picker-slider__track-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  border-radius: 1.2rem;
}
.main.color-stop__dark .color-picker-slider .color-picker-slider__pointer {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: none;
  margin: 0;
  border-radius: 100%;
  border: 2px solid #FFFFFF;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__dark .color-picker .slider_label {
  position: absolute;
  top: 24.3rem;
  right: 0;
  width: 7rem;
  display: flex;
  padding: 0 .2rem;
}
.main.color-stop__dark .color-picker .slider_label label {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.8rem;
  text-align: right;
  width: 1rem;
}
.main.color-stop__dark .color-picker .slider_label input[type='text'] {
  font-size: 1.4rem;
  width: 3.2rem;
  display: inline-block;
}
.main.color-stop__dark .color-picker-slider__disabled .color-picker-slider__pointer {
  background: #c2c2c2;
}
.main.color-stop__dark .color-picker__hue-slider {
  position: absolute;
  top: 5.6rem;
  bottom: 0;
  left: 1.6rem;
  width: 1.6rem;
  transform: rotate(0deg);
}
.main.color-stop__dark .color-picker__hue-slider .color-picker-slider__horizontal > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__dark .color-picker__hue-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__dark .color-picker__transparency-slider {
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 24.2rem;
  height: 2.4rem;
  width: 20.2rem;
  border-radius: calc(1.4rem);
}
.main.color-stop__dark .color-picker__transparency-slider .color-picker-slider__horizontal > .color-picker-slider__track,
.main.color-stop__dark .color-picker__transparency-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%), -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  box-shadow: 0 0 0.2rem #242424;
}
.main.color-stop__dark .color-input {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 0.6rem;
  margin-top: 0.8rem;
}
.main.color-stop__dark .color-input .fill__preview,
.main.color-stop__dark .color-input .stroke__preview {
  height: 100%;
  width: 100%;
}
.main.color-stop__dark .color-input .stroke__preview:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  background-color: #323232;
  border-radius: 0.2rem;
  z-index: 10;
}
.main.color-stop__dark .color-input .type__preview {
  line-height: normal;
  color: black;
  font-size: 2rem;
}
.main.color-stop__dark .color-input__swatch__background,
.main.color-stop__dark .color-input__swatch__background.color-input__disabled {
  background-color: #FFFFFF;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%), -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  overflow: hidden;
  position: relative;
}
.main.color-stop__dark .color-input__swatch__background:focus,
.main.color-stop__dark .color-input__swatch__background.color-input__disabled:focus {
  box-shadow: 0 0 0 0.2rem #1B8BE9;
}
.main.color-stop__dark .color-input__disabled {
  opacity: 0.4;
}
.main.color-stop__dark .color-input__disabled .color-input__mixednone {
  display: none;
}
.main.color-stop__dark .color-input__disabled .fill__preview {
  display: none;
}
.main.color-stop__dark .color-input__swatch__color {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  justify-content: center;
  overflow: hidden;
}
.main.color-stop__dark .shadow-list__shadow .color-input__swatch__color {
  width: 2.5rem;
  height: 2.5rem;
}
.main.color-stop__dark .color-input__empty {
  width: 3rem;
  height: 3rem;
  margin-right: 1.2rem;
  margin-top: 1.1rem;
}
.main.color-stop__dark .color-input__empty .fill__preview__disabled {
  border: 1px solid #707070;
  opacity: .25;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.main.color-stop__dark .color-widget {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.main.color-stop__dark .color-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main.color-stop__dark .color-input__invalid-color .color-input__swatch__color {
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__dark .color-input__mixednone {
  width: 6.8rem;
  height: 6.8rem;
  left: 1.1rem;
  top: 0.1rem;
  position: absolute;
  transform: rotate(45deg);
}
.main.color-stop__dark .color-input__mixed .color-input__mixednone {
  border: 0.4rem solid #1AB61E;
}
.main.color-stop__dark .dialog__center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.color-stop__dark dialog {
  color: #E1E1E1;
  left: inherit;
  z-index: 10000;
  position: absolute;
  font-size: 100%;
  display: flex;
  justify-content: flex-start;
  width: 30rem;
  max-height: 25rem;
  height: auto;
  border-radius: 0.6rem;
  background: #191919;
  border: 1px solid #707070;
  padding: 0;
  margin: 1rem;
  overflow: hidden;
  box-sizing: border-box;
}
.main.color-stop__dark dialog:not([open]) {
  display: none;
}
.main.color-stop__dark dialog::backdrop {
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
}
.main.color-stop__dark .column-28 + .dialog-blendmodes {
  width: 28.8rem;
  left: 5.2rem;
}
.main.color-stop__dark .column-14 + .dialog-blendmodes {
  width: 14.9rem;
  left: 5.2rem;
  margin-top: -0.1rem;
}
.main.color-stop__dark .column-8 + .dialog-blendmodes {
  width: 9.2rem;
}
.main.color-stop__dark .column-4 + .dialog-blendmodes {
  width: 5.2rem;
}
.main.color-stop__dark .dialog-blendmodes {
  width: 20rem;
  left: 5.2rem;
  margin-top: -1px;
}
.main.color-stop__dark .dialog-search-bar {
  position: relative;
  width: 47rem;
  max-height: 50rem;
  background-color: #191919;
  color: #E1E1E1;
  border-radius: 0.6rem;
  box-shadow: none;
  border: 1px solid #707070;
  margin-left: -1.6rem;
  margin-top: -2.8rem;
  margin-bottom: 5.3rem;
  -webkit-animation: fadeIn 400ms;
}
.main.color-stop__dark .dialog-stroke-alignment {
  right: 4rem;
  margin-top: 0px;
  height: auto;
}
.main.color-stop__dark .dialog-type-typefaces,
.main.color-stop__dark .dialog-type-weights {
  margin-top: -0.1rem;
}
.main.color-stop__dark .dialog-type-typefaces {
  overflow-y: scroll;
  width: 30rem;
  left: 0rem;
}
.main.color-stop__dark .dialog-type-weights {
  overflow-y: scroll;
  width: 23.2rem;
  left: 6.8rem;
}
.main.color-stop__dark .dialog-effects-popover,
.main.color-stop__dark .dialog-export-popover {
  width: 12rem;
  margin-right: 0.8rem;
}
.main.color-stop__dark .dialog-export-popover .popover-list:before {
  left: 6.65rem;
}
.main.color-stop__dark .dialog-export-scale {
  width: 5.0rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__dark .dialog-export-format {
  width: 9.2rem;
  left: 17.5rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__dark .dialog-search-bar {
  overflow-y: scroll;
}
.main.color-stop__dark .dialog-libraries {
  overflow-y: scroll;
}
.main.color-stop__dark .dialog-libraries {
  width: 20.6rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
  box-shadow: none;
  background: #191919;
}
.main.color-stop__dark .dialog-libraries .select__header {
  padding: 0;
  padding-bottom: 0.4rem;
  margin: 0;
  margin-top: 0.4rem;
}
.main.color-stop__dark .section-title.dialog-header {
  opacity: .9;
}
.main.color-stop__dark .dialog-header {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 2rem;
  letter-spacing: .05rem;
  overflow: hidden;
  flex-shrink: 1;
  color: #FFFFFF;
  text-transform: capitalize;
}
.main.color-stop__dark .select {
  width: 100%;
}
.main.color-stop__dark :lang(ja) .dialog-effects-popover {
  width: 13rem;
}
.main.color-stop__dark :lang(ja) .dialog-effects-popover ul:before {
  left: 6.4rem;
}
.main.color-stop__dark .ui-helper-hidden-accessible {
  display: none;
}
.main.color-stop__dark .ui-widget:focus {
  color: red;
}
.main.color-stop__dark .ui-autocomplete {
  border-radius: 0.6rem;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 30rem;
  display: block;
  background: rgba(38, 38, 38, 0.5);
}
.main.color-stop__dark .ui-menu-item:first-child {
  padding: 0 0 0.4rem 0;
}
.main.color-stop__dark .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  background: rgba(225, 225, 225, 0.9);
  color: #262626;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main.color-stop__dark .ui-menu-item:focus {
  color: purple;
}
.main.color-stop__dark .ui-autocomplete li:hover,
.main.color-stop__dark .ui-autocomplete li.activeTypeface {
  background: rgba(38, 38, 38, 0);
  color: #E1E1E1;
  font-weight: 600;
  border: 1px solid #E1E1E1;
  text-rendering: geometricPrecision;
}
.main.color-stop__dark ::-webkit-scrollbar {
  display: none;
}
.main.color-stop__dark .section-container::-webkit-scrollbar,
.main.color-stop__dark .libraries__content::-webkit-scrollbar,
.main.color-stop__dark .exports-panel__asset-list__list::-webkit-scrollbar {
  background: transparent;
  width: .4rem;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
}
.main.color-stop__dark ::-webkit-scrollbar-thumb {
  background-color: #474747;
  border-radius: 0.5rem;
  width: .4rem;
}
.main.color-stop__dark ::-webkit-scrollbar-thumb:window-inactive {
  background-color: #474747;
}
.main.color-stop__dark ::-webkit-scrollbar-track {
  border-radius: none;
  background: transparent;
}
.main.color-stop__dark .range {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 0.3rem;
}
.main.color-stop__dark input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
}
.main.color-stop__dark input[type=range]:hover {
  outline: none;
}
.main.color-stop__dark input[type=range]::-webkit-slider-runnable-track {
  bottom: 1px;
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-clip: padding-box;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: #E1E1E1;
}
.main.color-stop__dark input[type=range]:hover::-webkit-slider-runnable-track {
  background: #F0F0F0;
}
.main.color-stop__dark input[type=range]:active::-webkit-slider-runnable-track {
  background: #1B8BE9;
}
.main.color-stop__dark input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #707070;
}
.main.color-stop__dark input[type="range"]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #323232;
  border: 1px solid #E1E1E1;
  border-radius: 100%;
  box-sizing: content-box;
  box-shadow: 0 0 0 0.5rem #323232;
  -webkit-appearance: none;
  font-size: 100%;
  margin-top: -0.5rem;
}
.main.color-stop__dark input[type="range"]:hover::-webkit-slider-thumb {
  border: 1px solid #F0F0F0;
}
.main.color-stop__dark input[type="range"]:active::-webkit-slider-thumb {
  border: 1px solid #1B8BE9;
}
.main.color-stop__dark input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #707070;
}
.main.color-stop__dark .section-header,
.main.color-stop__dark .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2.5rem;
  letter-spacing: 1px;
  -webkit-user-select: none;
  cursor: default;
  overflow: hidden;
  flex-shrink: 0;
  height: 4.6rem;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.main.color-stop__dark .sub-header {
  background: none;
  height: 4rem;
}
.main.color-stop__dark .sub-header h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #A3A3A3;
  flex-shrink: 0;
  white-space: nowrap;
}
.main.color-stop__dark .sub-header-rule {
  height: 1px;
  border: 0;
  background: none;
  flex-shrink: 1;
  -webkit-animation: revealFromCenter 800ms;
}
.main.color-stop__dark .section-header {
  flex-shrink: 0;
  flex-grow: 0;
  color: #E1E1E1;
  display: flex;
  align-items: initial;
}
.main.color-stop__dark .section-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__dark .section-title__subtitle {
  color: #A3A3A3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__dark .recent-files .section-title {
  border-top: none;
}
.main.color-stop__dark .section-header.section-header__no-padding {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
}
.main.color-stop__dark .panel-set__small-screen .appearance .section-header,
.main.color-stop__dark .panel-set__small-screen .effects .section-header,
.main.color-stop__dark .panel-set__small-screen .export .section-header,
.main.color-stop__dark .panel-set__small-screen .layers .section-header,
.main.color-stop__dark .panel-set__small-screen .libraries .section-header {
  height: 3.2rem;
}
.main.color-stop__dark .select__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 0.2rem solid transparent;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
}
.main.color-stop__dark .select__option span {
  flex: box;
}
.main.color-stop__dark .select__option svg {
  flex: box;
  fill: #E1E1E1;
  height: 1.6rem;
}
.main.color-stop__dark .select__option__selected {
  color: #1B8BE9;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
  border-left: 0.2rem solid #1B8BE9;
}
.main.color-stop__dark .select__header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  color: #A3A3A3;
  border-top: 1px solid #707070;
}
.main.color-stop__dark .select__header:first-child {
  border: none;
}
.main.color-stop__dark .select__option__info {
  margin-left: 1rem;
  color: #A3A3A3;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .select__option-library {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.main.color-stop__dark .select__option-library span {
  width: 14.5rem;
}
.main.color-stop__dark .select__option-library .icon {
  width: 1.2rem;
}
.main.color-stop__dark .select__option-library svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #CECECE;
}
.main.color-stop__dark .split-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A3A3A3;
  margin: 0 auto;
  flex-grow: 1;
}
.main.color-stop__dark .split-button__item svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  fill: #CECECE;
  stroke: none;
  color: #A3A3A3;
}
.main.color-stop__dark .split-button__item svg use {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .split-button__item:hover {
  color: #F0F0F0;
}
.main.color-stop__dark .split-button__item:hover svg {
  fill: #E1E1E1;
}
.main.color-stop__dark .split-button__item__selected {
  color: #F0F0F0;
}
.main.color-stop__dark .split-button__item__selected svg {
  fill: #1B8BE9;
}
.main.color-stop__dark .split-button__item__selected:hover svg {
  fill: #1B8BE9;
}
.main.color-stop__dark .split-button__item__disabled,
.main.color-stop__dark .split-button__item__disabled:hover {
  color: #707070;
}
.main.color-stop__dark .split-button__item__disabled svg,
.main.color-stop__dark .split-button__item__disabled:hover svg {
  fill: #848484;
}
.main.color-stop__dark .split-button__item__fixed {
  margin: 0;
  flex-grow: 0;
}
.main.color-stop__dark .vector-operations .split-button__item svg {
  width: 1.4rem;
  height: 1.4rem;
}
.main.color-stop__dark .link-list__list {
  width: 100%;
}
.main.color-stop__dark .link-list__item {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 0;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.4rem;
}
.main.color-stop__dark .link-list__item:hover {
  color: #F0F0F0;
  background-color: #484848;
}
.main.color-stop__dark .link-list__item:active {
  color: #F0F0F0;
  background-color: #2f3d48;
}
.main.color-stop__dark .link-list__item.overflow-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .exports-panel__dialog {
  background-color: #191919;
  border: 1px solid #707070;
  color: #E1E1E1;
  line-height: normal;
  width: 64.4rem;
  max-height: 67rem;
  border-radius: 0.4rem;
  overflow: visible;
  font-size: 1.4rem;
  margin-left: 0;
}
.main.color-stop__dark .exports-panel__container {
  display: flex;
  align-content: stretch;
  flex-direction: column;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  width: 59.6rem;
  font-size: 1.4rem;
}
.main.color-stop__dark .exports-panel__container .section-header {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 0rem;
}
.main.color-stop__dark .exports-panel__two-column {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.main.color-stop__dark .exports-panel__two-column .layout-gutter {
  flex-grow: 0;
}
.main.color-stop__dark .exports-panel__two-column:first-child {
  width: 50%;
}
.main.color-stop__dark .exports-panel__asset-list__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.main.color-stop__dark .exports-panel__asset-list__quick-selection {
  display: flex;
  flex-direction: row;
  color: #FFFFFF;
  font-size: 1.6rem;
  align-items: center;
}
.main.color-stop__dark .exports-panel__asset-list__quick-selection div {
  text-align: center;
}
.main.color-stop__dark .exports-panel__asset-list__list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 51rem;
  overflow-y: hidden;
  border: 1px solid #424242;
  border-left: none;
  border-right: none;
  margin: 1rem 0 0 0;
  padding: 1rem 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40rem;
}
.main.color-stop__dark .exports-panel__layer-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0.5rem 0rem;
  overflow: none;
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__dark .exports-panel__layer-icon {
  margin-top: 0rem;
}
.main.color-stop__dark .exports-panel__layer-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #E1E1E1;
  stroke: none;
}
.main.color-stop__dark .exports-panel__layer-info {
  width: 19rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .exports-panel__layer__name {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  color: #FFFFFF;
  width: 18rem;
  text-overflow: ellipsis;
}
.main.color-stop__dark .exports-panel__layer__name span {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__dark .exports-panel__layer__prefix {
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #a9a9a9;
}
.main.color-stop__dark .exports-panel__layer-assets {
  font-size: 1.4rem;
  font-color: #A3A3A3;
  display: inline;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main.color-stop__dark .exports-panel__layer-assets span {
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__dark .exports-panel__layer-asset {
  color: #a9a9a9;
  margin-right: 0.5rem;
  display: inline;
}
.main.color-stop__dark .exports-panel__layer-asset__stale {
  opacity: 0.5;
}
.main.color-stop__dark .exports-panel__layer-asset__stable {
  color: #a9a9a9;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.main.color-stop__dark .exports-panel__layer-asset__requested {
  opacity: 0.2;
  transition: opacity 0.5s ease-out;
}
.main.color-stop__dark .exports-panel__layer-asset__error {
  opacity: 0.7;
  color: #8A3533;
}
.main.color-stop__dark .exports-panel__button-group {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 2.4rem 0;
}
.main.color-stop__dark .exports-panel__button-group .button-simple {
  margin-top: -0.25rem;
}
.main.color-stop__dark .exports-panel__button-group__separator {
  margin: 0.5rem 0;
  height: 3rem;
  width: 0.7rem;
  margin-left: .6rem;
  border-left: 1px solid #424242;
}
.main.color-stop__dark .layer-exports__delete-button svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .face {
  min-height: 2.8rem;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2.8rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__dark .layer__dummy {
  min-height: 2.5rem;
  max-height: 2.5rem;
  cursor: default;
}
.main.color-stop__dark .layer__dummy_drop {
  border-top: 0.25rem inset #1B8BE9;
}
.main.color-stop__dark .face__separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 3rem;
  padding-left: 0.4rem;
  flex-grow: 10;
  flex-shrink: 100;
  box-sizing: border-box;
  min-width: 0;
}
.main.color-stop__dark .face__depth-0 {
  padding-left: 1rem;
}
.main.color-stop__dark .face__depth-1 {
  padding-left: 2.8rem;
}
.main.color-stop__dark .face__depth-2 {
  padding-left: 4.6rem;
}
.main.color-stop__dark .face__depth-3 {
  padding-left: 6.4rem;
}
.main.color-stop__dark .face__depth-4 {
  padding-left: 8.2rem;
}
.main.color-stop__dark .face__depth-5 {
  padding-left: 10rem;
}
.main.color-stop__dark .face__depth-6 {
  padding-left: 11.8rem;
}
.main.color-stop__dark .face__depth-7 {
  padding-left: 13.6rem;
}
.main.color-stop__dark .face__depth-8 {
  padding-left: 15.4rem;
}
.main.color-stop__dark .face__depth-9 {
  padding-left: 17.2rem;
}
.main.color-stop__dark .face__depth-10 {
  padding-left: 19rem;
}
.main.color-stop__dark .face__name {
  flex-grow: 1;
  flex-shrink: 1;
  -webkit-user-select: none;
  white-space: pre;
  text-overflow: ellipsis;
  overflow-x: hidden;
  height: 2rem;
  padding: 0.4rem 0;
}
.main.color-stop__dark input[type="text"].face__name {
  font-size: 1.2rem;
  color: #FFFFFF;
  margin-top: -0.2rem;
  width: 100%;
  border-bottom: solid 1px #1B8BE9;
  -webkit-user-select: text;
}
.main.color-stop__dark .face:hover {
  background-color: #3a3a3a;
}
.main.color-stop__dark .face:hover .face__name {
  color: #F0F0F0;
}
.main.color-stop__dark .layer__selected + .layer-group .face,
.main.color-stop__dark .layer__selected + .layer-group .face:hover {
  background-color: #31373d;
}
.main.color-stop__dark .face__selected,
.main.color-stop__dark .layer__selected + .layer-group .face__selected,
.main.color-stop__dark .face__selected:hover,
.main.color-stop__dark .layer__selected + .layer-group .face__selected:hover {
  background-color: #2f3d48;
}
.main.color-stop__dark .face__selected .face__name,
.main.color-stop__dark .layer__selected + .layer-group .face__selected .face__name,
.main.color-stop__dark .face__selected:hover .face__name,
.main.color-stop__dark .layer__selected + .layer-group .face__selected:hover .face__name {
  color: #FFFFFF;
}
.main.color-stop__dark .layer__not-visible .face__name,
.main.color-stop__dark .layer__not-visible + .layer-group .face__name {
  color: #F0F0F0;
  opacity: 0.28;
}
.main.color-stop__dark .layer__collapsed + .layer-group {
  display: none;
}
.main.color-stop__dark .face__drop_target,
.main.color-stop__dark .face__drop_target:hover {
  background-color: none;
  cursor: -webkit-grabbing;
}
.main.color-stop__dark .face__drop_target_above:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 0.125rem;
  width: 100%;
  background: #1B8BE9;
}
.main.color-stop__dark .face__drop_target_below:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 100%;
  width: 100%;
  background: #1B8BE9;
  margin-top: 1px;
}
.main.color-stop__dark .face__drop_target_on {
  box-shadow: inset 0px 0px 0px 0.25rem #1B8BE9;
}
.main.color-stop__dark .face__drag-target {
  background-color: none;
  opacity: 0.5;
  position: fixed;
  margin-left: 0;
  width: 32rem;
  z-index: 1;
  pointer-events: none;
}
.main.color-stop__dark .layer__drag-target {
  padding-top: 2.8rem;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__dark .face {
    height: 25px;
    min-height: 25px;
  }
  .main.color-stop__dark input[type="text"].face__name {
    margin-top: -1px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__dark .face {
    height: 31px;
    min-height: 31px;
  }
  .main.color-stop__dark input[type="text"].face__name {
    margin-top: -3px;
  }
}
.main.color-stop__dark .layer-group {
  width: 32rem;
}
.main.color-stop__dark .layers .text-fancy {
  font-style: italic;
  letter-spacing: .2rem;
}
.main.color-stop__dark .libraries {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  border-bottom: none;
}
.main.color-stop__dark .libraries .section-container {
  padding: 0;
  overflow-y: hidden;
}
.main.color-stop__dark .libraries .split-button__item {
  width: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__dark .libraries .split-button__item svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .libraries .section-container {
  flex-basis: 17.5rem;
}
.main.color-stop__dark .libraries .assets__graphic__dragging {
  opacity: .7;
}
.main.color-stop__dark .libraries .libraries-bar ul {
  flex-grow: 0;
}
.main.color-stop__dark .libraries .libraries-bar ul .split-button__item__color-icon {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #E1E1E1;
  border-radius: .1rem;
  position: relative;
}
.main.color-stop__dark .libraries .libraries-bar ul .split-button__item__color-icon:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%), -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%);
  background-size: 14.5px 14.5px;
  background-position: 0 0, 7.25px 7.25px;
  z-index: -1;
}
.main.color-stop__dark .libraries .libraries-bar ul .split-button__item__color-icon:hover {
  border: 1px solid #F0F0F0;
}
.main.color-stop__dark .libraries__container {
  justify-content: space-between;
  flex-direction: column;
}
.main.color-stop__dark .libraries__bar__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 4.4rem;
  padding-bottom: 1.2rem;
  margin: 0 1.6rem;
  align-items: center;
}
.main.color-stop__dark .libraries__bar__top__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 3.2rem;
  margin: 0 0rem;
  align-items: center;
  width: 100%;
}
.main.color-stop__dark .libraries__bar__top .drop-down {
  flex-grow: 1;
  width: 18.4rem;
}
.main.color-stop__dark .libraries__bar__top .drop-down input {
  width: 100%;
}
.main.color-stop__dark .libraries__bar__top .libraries__split-button-list {
  flex: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  justify-content: space-between;
}
.main.color-stop__dark .libraries__bar__top .libraries__split-button-list .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__dark .libraries__bar__top .libraries__split-button-list .libraries__split-button-collaborate svg {
  fill: #1B8BE9;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-cancel,
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-confirm {
  width: 6rem;
  flex-shrink: 0;
  text-align: center;
  font-size: 1.4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #E1E1E1;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-cancel:hover,
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #F0F0F0;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-confirm {
  color: #F0F0F0;
  font-weight: 500;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #FFFFFF;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__input {
  font-size: 1.4rem;
  flex-grow: 1;
  color: #F0F0F0;
}
.main.color-stop__dark .libraries__bar__top .libraries__bar__input::-webkit-input-placeholder {
  color: #707070;
}
.main.color-stop__dark .libraries__bar__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: none;
  height: 4.8rem;
  margin: 0 1.6rem;
}
.main.color-stop__dark .libraries__bar__bottom .libraries-bar__section__left {
  flex: none;
}
.main.color-stop__dark .libraries__bar__bottom .libraries-bar__section__left .split-button__item {
  margin-right: 1.5rem;
}
.main.color-stop__dark .libraries__bar__bottom .libraries-bar__section__right {
  flex: none;
  justify-content: space-between;
}
.main.color-stop__dark .libraries__bar__bottom .libraries-bar__section__right .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__dark .libraries__content {
  height: 5.4rem;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 1.6rem;
}
.main.color-stop__dark .libraries__content-drag {
  overflow-y: hidden;
}
.main.color-stop__dark .libraries__content__hidden {
  display: none;
}
.main.color-stop__dark .libraries__drop-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  cursor: copy;
}
.main.color-stop__dark .libraries__drop-overlay__disallow {
  cursor: not-allowed;
}
.main.color-stop__dark .libraries__assets:last-child {
  padding-bottom: 2rem;
}
.main.color-stop__dark .libraries__assets__title {
  padding: 1rem 1.6rem .5rem 1.6rem;
  color: #A3A3A3;
}
.main.color-stop__dark .libraries__asset {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .3rem 0;
  padding-left: 0rem;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__dark .libraries__asset:hover {
  background-color: #3a3a3a;
}
.main.color-stop__dark .libraries__asset:hover input[type="text"],
.main.color-stop__dark .libraries__asset:hover input[type="text"]:disabled {
  color: #F0F0F0;
}
.main.color-stop__dark .libraries__asset-selected,
.main.color-stop__dark .libraries__asset-selected:hover,
.main.color-stop__dark .libraries__asset-selected:hover:disabled {
  background-color: #2f3d48;
  padding-right: 0;
}
.main.color-stop__dark .libraries__asset__preview {
  width: 5.4rem;
  height: 3.8rem;
  margin-right: 1rem;
}
.main.color-stop__dark .libraries__asset__title {
  display: flex;
  flex-grow: 100;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
  height: 3.8rem;
  min-width: 0;
}
.main.color-stop__dark .libraries__asset__title__main {
  line-height: 2rem;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0.5rem;
  margin-top: -1px;
  white-space: pre;
}
.main.color-stop__dark .libraries__asset__title input[type="text"] {
  font-size: 1.2rem;
  color: #FFFFFF;
  -webkit-user-select: none;
  padding: 0;
  margin-right: 0.5rem;
  border-bottom: 1px solid #1B8BE9;
}
.main.color-stop__dark .libraries__asset__subtitle {
  margin-top: .3rem;
  margin-right: 0.5rem;
  padding-bottom: .3rem;
  font-size: 1rem;
  color: #a9a9a9;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__dark .libraries__asset__preview-character-style,
.main.color-stop__dark .libraries__asset__preview-layer-style,
.main.color-stop__dark .libraries__asset__preview-graphic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__dark .libraries__asset__preview-image {
  width: 3.8rem;
  height: 3.8rem;
  background-size: 3.6rem;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__dark .libraries__asset__preview-image img {
  max-width: 3.6rem;
  max-height: 3.6rem;
}
.main.color-stop__dark .libraries__asset__preview-image-loading {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .libraries__asset__preview-image-loading svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .libraries__asset__preview-image-blank {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  background-image: url("img/ico-libraries-cc.svg");
  background-size: 2rem 2rem;
}
.main.color-stop__dark .libraries__asset__preview-character-style {
  background-color: white;
  position: relative;
}
.main.color-stop__dark .libraries__asset__preview-character-style__color-swatch {
  position: absolute;
  top: .3rem;
  right: .3rem;
  height: .6rem;
  width: 1rem;
}
.main.color-stop__dark .libraries__asset__preview-layer-style {
  background-color: #B2B2B2;
}
.main.color-stop__dark .libraries__asset__preview-graphic {
  background-color: #FFFFFF;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%), -webkit-linear-gradient(45deg, #F0F0F0 25%, transparent 25%, transparent 75%, #F0F0F0 75%, #F0F0F0 100%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.main.color-stop__dark .libraries__asset__preview-colortheme {
  display: flex;
  flex-direction: row;
  transition: width 100ms ease-out;
}
.main.color-stop__dark .libraries__asset__preview-colortheme > div {
  height: 100%;
  width: 20%;
}
.main.color-stop__dark .libraries__asset__preview-colortheme:hover {
  width: 10.8rem;
}
.main.color-stop__dark .libraries__asset__buttons {
  flex-shrink: 1;
}
.main.color-stop__dark .libraries__asset__buttons .split-button__item {
  justify-content: flex-start;
  margin: 0;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.main.color-stop__dark .libraries__asset-brush {
  color: #a9a9a9;
  font-style: italic;
  padding: .3rem 1.6rem;
  line-height: 1.3rem;
}
.main.color-stop__dark .libraries__dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 32rem;
  padding: 1.5rem 1.6rem;
  background-color: rgba(10, 10, 10, 0.7);
  z-index: 10;
}
.main.color-stop__dark .libraries__dialog-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  border: 1px solid #242424;
  border-radius: 0.4rem;
  background-color: #323232;
}
.main.color-stop__dark .libraries__dialog__title {
  width: 23rem;
  color: #F0F0F0;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #707070;
  font-weight: 500;
}
.main.color-stop__dark .libraries__dialog__body {
  width: 100%;
  color: #E1E1E1;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1rem 2.5rem;
}
.main.color-stop__dark .libraries__dialog__btn-cancel,
.main.color-stop__dark .libraries__dialog__btn-confirm {
  flex-grow: 1;
  line-height: 2.5rem;
  font-size: 1.4rem;
  text-align: center;
}
.main.color-stop__dark .libraries__dialog__btn-cancel:hover,
.main.color-stop__dark .libraries__dialog__btn-confirm:hover {
  color: #F0F0F0;
}
.main.color-stop__dark .libraries__dialog__btn-confirm {
  font-weight: 500;
  color: #F0F0F0;
}
.main.color-stop__dark .libraries__dialog__btn-confirm:hover {
  color: #FFFFFF;
}
.main.color-stop__dark .libraries__dialog__btn-cancel {
  border-right: 1px solid #707070;
}
.main.color-stop__dark .assets__graphic__drag-preview {
  position: fixed;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  margin-top: -1.8rem;
  margin-left: -1.8rem;
  pointer-events: none;
}
.main.color-stop__dark .assets__graphic__drag-preview img {
  max-width: 3.6rem;
  max-height: 3.6rem;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px) {
  .main.color-stop__dark .libraries__asset__preview,
  .main.color-stop__dark .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__dark .libraries__asset {
    padding: 3px 0;
  }
  .main.color-stop__dark .libraries__asset__title__main {
    margin-top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__dark .libraries__asset__preview,
  .main.color-stop__dark .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__dark .libraries__asset {
    padding: 3px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__dark .libraries__asset__preview,
  .main.color-stop__dark .libraries__asset__title {
    height: 42px;
  }
  .main.color-stop__dark .libraries__asset {
    padding: 3px 0;
  }
}
.main.color-stop__dark .shadow__preview {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main.color-stop__dark .shadow__square {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #E1E1E1;
}
.main.color-stop__dark .effect-list__container {
  margin-bottom: 1rem;
}
.main.color-stop__dark .effect-list__list-container__mixed {
  padding-top: 1rem;
  text-align: center;
  color: #707070;
  font-style: italic;
}
.main.color-stop__dark .effect-list__shadow {
  margin-bottom: 1rem;
}
.main.color-stop__dark .effect-list__shadow__disabled {
  color: #707070;
}
.main.color-stop__dark .effect-list__stroke__styles {
  height: auto;
}
.main.color-stop__dark .unsupported-effect-list__effect {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4em 0.6em;
  border: 1px solid #707070;
  margin: 0.4em 0;
  border-radius: 0.4em;
}
.main.color-stop__dark .unsupported-effect-list__effect__title {
  font-style: italic;
  color: #A3A3A3;
}
.main.color-stop__dark .unsupported-effect-list__effect:hover {
  border: 1px solid item-disabled;
  color: #A3A3A3;
}
.main.color-stop__dark .unsupported-effect-list__effect__index {
  margin-left: 1em;
  font-style: italic;
}
.main.color-stop__dark .unsupported-effect-list__effect__toggle-btns {
  display: flex;
  justify-content: space-between;
  width: 4.5rem;
}
.main.color-stop__dark .fill-list__fill__disabled {
  color: #707070;
}
.main.color-stop__dark .pop-over.glyphs ul {
  list-style-type: none;
}
.main.color-stop__dark .pop-over.glyphs li {
  display: block;
}
.main.color-stop__dark .pop-over.glyphs .glyph-container {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  display: block;
  border-left: 1px solid #a9a9a9;
  border-bottom: 1px solid #a9a9a9;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__dark .pop-over.glyphs li:nth-child(1) .glyph-container,
.main.color-stop__dark .pop-over.glyphs li:nth-child(2) .glyph-container,
.main.color-stop__dark .pop-over.glyphs li:nth-child(3) .glyph-container,
.main.color-stop__dark .pop-over.glyphs li:nth-child(4) .glyph-container {
  border-top: 1px solid #a9a9a9;
}
.main.color-stop__dark .pop-over.glyphs li:last-child .glyph-container {
  border-right: 1px solid #a9a9a9;
}
.main.color-stop__dark .pop-over.glyphs li:nth-child(4n+4) .glyph-container {
  border-right: 1px solid #a9a9a9;
}
.main.color-stop__dark .pop-over.glyphs .glyph-container:hover {
  background-color: #ffffff;
}
.main.color-stop__dark .pop-over.glyphs .glyph-container:active {
  background-color: #262626;
  color: #E1E1E1;
}
.main.color-stop__dark .pop-over.glyphs .glyph {
  line-height: 49px;
  font-size: 42px;
}
.main.color-stop__dark .pop-over.lorem-ipsum {
  display: block;
  height: 100%;
}
.main.color-stop__dark .lorem-ipsum-container textarea {
  color: #262626;
  height: 100%;
}
.main.color-stop__dark .stroke-list__stroke__disabled {
  color: #707070;
}
.main.color-stop__dark .effects,
.main.color-stop__dark .appearance {
  width: 100%;
}
.main.color-stop__dark .export {
  width: 100%;
}
.main.color-stop__dark .effects {
  flex-shrink: 1;
}
.main.color-stop__dark .effects .section-container {
  min-height: 3rem;
}
.main.color-stop__dark .style-workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__dark .style-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__dark .style-button svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #CECECE;
  stroke: none;
}
.main.color-stop__dark .style-button:hover svg {
  fill: #E1E1E1;
  stroke: none;
}
.main.color-stop__dark .style-button__disabled svg,
.main.color-stop__dark .style-button__disabled:hover svg {
  fill: #848484;
}
.main.color-stop__dark .fill-list__fill .button-toggle,
.main.color-stop__dark .stroke-list__stroke .button-toggle,
.main.color-stop__dark .shadow-list__shadow .button-toggle {
  height: 2.5rem;
  padding-top: 0.2rem;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
.main.color-stop__dark .stroke-list__stroke .button-toggle {
  height: 2rem;
}
.main.color-stop__dark .type {
  height: 22rem;
  flex-grow: 0;
}
.main.color-stop__dark .appearance__mixed {
  height: 36rem;
}
.main.color-stop__dark .header-alignment {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 4.6rem;
}
.main.color-stop__dark .button-align-distribute {
  box-sizing: border-box;
  border: none;
  width: 2rem;
  height: 2rem;
}
.main.color-stop__dark .reference-point {
  opacity: 0;
}
.main.color-stop__dark .reference-point__active {
  opacity: 1.0;
}
.main.color-stop__dark .search-bar__dialog {
  background: no-repeat left #323232;
  background-size: 2rem;
  background-position: 1.7rem 1.5rem;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0);
  /*this is important so it won't bounce when typing in the search field */
  width: 50rem;
  min-height: 5rem;
  max-height: 60rem;
  /*this is important for use with dialog.showModa()*/
  line-height: normal;
  box-shadow: none;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  overflow: visible;
}
.main.color-stop__dark .search-bar__dialog .drop-down {
  margin-top: 1rem;
  border: none;
  float: right;
  width: 46rem;
  background: #323232;
}
.main.color-stop__dark .search-bar__dialog svg {
  margin-left: 1.1rem;
  margin-top: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #CECECE;
}
.main.color-stop__dark .search-bar__dialog .drop-down svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-right: 1rem;
  fill: #CECECE;
}
.main.color-stop__dark .search-bar__dialog .drop-down:hover {
  background: #323232;
}
.main.color-stop__dark .search-bar__dialog .drop-down input {
  border: none;
  font-size: 2rem;
  margin-left: 1.1rem;
  width: 42rem;
  color: #F0F0F0;
  height: auto;
  line-height: 2.8rem;
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__dark .search-bar__dialog .drop-down.hasIcon input {
  margin-left: 3.2rem;
  width: 40rem;
}
.main.color-stop__dark .search-bar__dialog ::-webkit-input-placeholder {
  color: #707070;
}
.main.color-stop__dark .search-bar__dialog .drop-down input:focus {
  background: rgba(0, 0, 0, 0);
  color: #F0F0F0;
  border: none;
}
.main.color-stop__dark .search-bar__dialog .drop-down input:hover,
.main.color-stop__dark .search-bar__dialog .drop-down input:focus:hover {
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 2rem;
}
.main.color-stop__dark .search-bar__dialog .drop-down .hidden-input {
  font-size: 2rem;
  display: inline-block;
  position: absolute;
  margin-left: 1.1rem;
  visibility: hidden;
  white-space: pre;
}
.main.color-stop__dark .search-bar__dialog .drop-down.hasIcon .hidden-input {
  margin-left: 3.2rem;
}
.main.color-stop__dark .search-bar__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.01);
}
.main.color-stop__dark .search-bar__dialog .dialog__target.dialog-search-bar {
  margin-left: -1.75rem;
  width: 47.5rem;
}
.main.color-stop__dark .search-bar__dialog .select__option {
  padding: 0.5rem 0.8rem 0.7rem 0.7rem;
  margin: 0;
  border-left: .3rem solid transparent;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .search-bar__dialog .select__option span {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .search-bar__dialog .select__option svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__dark .search-bar__dialog .select__option .select__option__info {
  flex-shrink: 1;
  text-overflow: ellipsis;
}
.main.color-stop__dark .search-bar__dialog .select__option__selected {
  color: #1B8BE9;
  border-left: 0.3rem solid #1B8BE9;
  background-color: #191919;
}
.main.color-stop__dark .search-bar__dialog .select__option__selected svg {
  fill: #1B8BE9;
}
.main.color-stop__dark .search-bar__dialog .select__option__selected .select__option__info {
  color: #F0F0F0;
}
.main.color-stop__dark .search-bar__dialog .select__header {
  color: #707070;
  border-top: 1px solid #707070;
  margin-top: 1rem;
  margin-bottom: .25rem;
}
.main.color-stop__dark .search-bar__dialog .select__header:first-child {
  border: none;
  margin-top: .25rem;
}
.main.color-stop__dark .search-bar__dialog .select__option__info {
  color: #707070;
  line-height: 2.1rem;
}
.main.color-stop__dark .search-bar__dialog .datalist__svg {
  position: absolute;
  top: 1.6rem;
  left: 3.6rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #E1E1E1;
}
.main.color-stop__dark .search-bar__dialog .autocomplete {
  display: inline-block;
  position: absolute;
  color: #707070;
  line-height: 3rem;
  height: 3rem;
  white-space: pre;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__dark .button-simple.button-clear-search {
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
  color: #E1E1E1;
  font-size: 1.6rem;
  font-weight: bold;
}
.main.color-stop__dark .button-simple.button-clear-search:hover {
  color: #F0F0F0;
}
.main.color-stop__dark .layer-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B8BE9;
  stroke-opacity: 0.0;
}
.main.color-stop__dark .layer-artboard-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B8BE9;
  stroke-opacity: 0.0;
}
.main.color-stop__dark .superselect-marquee {
  fill: #1B8BE9;
  fill-opacity: 0.2;
  stroke: #1B8BE9;
  shape-rendering: crispEdges;
}
.main.color-stop__dark .marquee-hover {
  stroke: #1B8BE9;
  stroke-width: 0.5;
  stroke-opacity: 1.0;
  shape-rendering: crispEdges;
}
.main.color-stop__dark .layer-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__dark .artboard-adder {
  fill-opacity: 0.0;
  stroke-opacity: 1.0;
  stroke: #1B8BE9;
}
.main.color-stop__dark .vector-mask-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1B8BE9;
}
.main.color-stop__dark .vector-mask-hud {
  fill-opacity: 1.0;
}
.main.color-stop__dark .vector-mask-hud use {
  opacity: 0.85;
}
.main.color-stop__dark .vector-mask-hud use:hover {
  opacity: 1;
}
.main.color-stop__dark .vector-mask-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__dark .vector-mask-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__dark .sampler-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1B8BE9;
  stroke-opacity: 0.0;
}
.main.color-stop__dark .sampler-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__dark .sampler-selection {
  fill-opacity: 0.0;
  stroke: #EC39FF;
  stroke-opacity: 1.0;
}
.main.color-stop__dark .sampler-hud {
  fill-opacity: 1.0;
}
.main.color-stop__dark .sampler-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1B8BE9;
}
.main.color-stop__dark .sampler-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__dark .sampler-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__dark .guide-edges {
  fill-opacity: 0.0;
  stroke-opacity: 0.0;
}
.main.color-stop__dark .guide-edges__hover {
  fill: #1B8BE9;
  fill-opacity: 0.5;
}
.main.color-stop__dark .first-launch__dialog {
  background-color: #282828;
  color: #D7D7D7;
}
.main.color-stop__dark .keyboard-shortcut__dialog {
  background-color: #191919;
  color: #E1E1E1;
}
.main.color-stop__dark .first-launch__dialog,
.main.color-stop__dark .keyboard-shortcut__dialog {
  line-height: normal;
  width: 86rem;
  max-height: 66rem;
  height: 66rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-left: 0;
}
.main.color-stop__dark .keyboard-shortcut__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2.4rem 4.8rem 4.8rem 4.8rem;
  width: 76rem;
  font-size: 1.5rem;
}
.main.color-stop__dark .keyboard-shortcut__content li {
  clear: both;
  line-height: 4.5rem;
  height: 4.5rem;
  border-bottom: 1px solid #262626;
  color: #a9a9a9;
}
.main.color-stop__dark .keyboard-shortcut__content li .button-simple {
  display: inline-block;
  padding-top: .3rem;
  height: 4.2rem;
  float: left;
  margin-right: 1rem;
}
.main.color-stop__dark .keyboard-shortcut__title {
  border-bottom: 1px solid #a9a9a9;
  font-size: 1.8rem;
  line-height: 4.8rem;
}
.main.color-stop__dark .keyboard-shortcut__column-1,
.main.color-stop__dark .keyboard-shortcut__column-2 {
  height: 34rem;
}
.main.color-stop__dark .keyboard-shortcut__column-1 {
  width: 30rem;
}
.main.color-stop__dark .keyboard-shortcut__column-2 {
  width: 40rem;
}
.main.color-stop__dark .keyboard-shortcut__name {
  float: left;
}
.main.color-stop__dark .keyboard-shortcut__instr {
  float: right;
  font-weight: bold;
  color: #E1E1E1;
}
.main.color-stop__dark .first-launch__dialog::backdrop,
.main.color-stop__dark .keyboard-shortcut__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main.color-stop__dark .keyboard-shortcut__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__dark .first-launch__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__dark .first-launch__carousel {
  background-color: #282828;
  color: #D7D7D7;
  font-size: 2.5rem;
  width: 86rem;
  height: 66rem;
  position: relative;
}
.main.color-stop__dark .carousel__slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 66rem;
  display: none;
  opacity: 0;
}
.main.color-stop__dark .carousel__slide__shown {
  display: block;
  opacity: 1;
}
.main.color-stop__dark .carousel__slide__full {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  padding-top: 6rem;
  height: 100%;
  text-align: center;
  position: relative;
}
.main.color-stop__dark .carousel__slide__full h1 {
  padding-top: 6rem;
  font-size: 3.2rem;
  padding-bottom: 14.2rem;
}
.main.color-stop__dark .carousel__slide__full h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__dark .carousel__slide__full h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__dark .carousel__slide__full p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.main.color-stop__dark .carousel__slide__full img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__dark .carousel__slide__full img.no-scale {
  width: auto;
  position: relative;
}
.main.color-stop__dark .carousel__slide__head {
  height: 43.7rem;
}
.main.color-stop__dark .carousel__slide__head.links {
  display: flex;
  justify-content: space-around;
}
.main.color-stop__dark .carousel__slide__head img,
.main.color-stop__dark .carousel__slide__head video {
  display: block;
  max-width: 100%;
}
.main.color-stop__dark .carousel__slide__head .block-link__image {
  width: auto;
  height: 8rem;
  flex-grow: 0;
}
.main.color-stop__dark .carousel__slide__body {
  padding-top: 6rem;
  padding-left: 6rem;
  padding-right: 6rem;
  text-align: center;
}
.main.color-stop__dark .carousel__slide__body h1 {
  font-size: 3rem;
}
.main.color-stop__dark .carousel__slide__body h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.main.color-stop__dark .carousel__slide__body p {
  color: #a9a9a9;
  font-size: 1.8rem;
}
.main.color-stop__dark .carousel__nav {
  position: absolute;
  width: 100%;
  bottom: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 3.6rem;
  border-top: #808080 solid 1px;
}
.main.color-stop__dark .carousel__nav .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 10rem;
  height: 7.2rem;
}
.main.color-stop__dark .carousel__nav .dot svg {
  display: block;
  fill: #919191;
  width: 10rem;
  height: 3.6rem;
  align-self: flex-start;
}
.main.color-stop__dark .carousel__nav .dot h3 {
  font-size: 1.6rem;
  color: #757575;
  align-self: flex-end;
}
.main.color-stop__dark .carousel__nav .dot.current svg,
.main.color-stop__dark .carousel__nav .dot.current:hover svg {
  fill: #3691ff;
}
.main.color-stop__dark .carousel__nav .dot.current h3,
.main.color-stop__dark .carousel__nav .dot.current:hover h3 {
  color: #3691ff;
}
.main.color-stop__dark .carousel__nav .dot:hover h3 {
  color: #C2C2C2;
}
.main.color-stop__dark .carousel__nav .dot:hover svg {
  fill: #DDDDDD;
}
.main.color-stop__dark .carousel__slide__head__list,
.main.color-stop__dark .carousel__slide__three__list {
  width: 50%;
  float: left;
  padding-top: 16rem;
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__dark .carousel__slide__head__list h3,
.main.color-stop__dark .carousel__slide__three__list h3 {
  font-size: 1.6rem;
  margin-bottom: 3.2rem;
}
.main.color-stop__dark .carousel__slide__head__list p,
.main.color-stop__dark .carousel__slide__three__list p {
  color: #a9a9a9;
  font-size: 1.4rem;
  height: 9rem;
}
.main.color-stop__dark .carousel__slide__head__list a,
.main.color-stop__dark .carousel__slide__three__list a {
  cursor: pointer;
  text-decoration: underline;
}
.main.color-stop__dark .carousel__slide__three__list {
  width: 33.3%;
}
.main.color-stop__dark .carousel__slide__three__list h2 {
  color: #D7D7D7;
}
.main.color-stop__dark .carousel__slide__three__list div:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__dark .carousel__slide__three__list div:hover h2 {
  color: #F4F4F4;
}
.main.color-stop__dark .carousel__slide__three__list svg {
  fill: #D7D7D7;
  width: 100%;
  height: 3.6rem;
  margin-bottom: 2.4rem;
}
.main.color-stop__dark .carousel__slide-button__continue {
  position: absolute;
  display: block;
  bottom: 16rem;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #D7D7D7;
  border-radius: 3.2rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  cursor: pointer;
}
.main.color-stop__dark .carousel__slide-button__continue:hover {
  color: #F4F4F4;
  border: 1px solid #F4F4F4;
}
.main.color-stop__dark .carousel__slide-button__next,
.main.color-stop__dark .carousel__slide-button__prev,
.main.color-stop__dark .carousel__slide-button__started {
  position: absolute;
  border-radius: 3.2rem;
  border: 1px solid #808080;
  top: -49.2rem;
  cursor: pointer;
}
.main.color-stop__dark .carousel__slide-button__next:hover,
.main.color-stop__dark .carousel__slide-button__prev:hover,
.main.color-stop__dark .carousel__slide-button__started:hover {
  border-color: #F4F4F4;
}
.main.color-stop__dark .carousel__slide-button__started {
  width: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-color: #E1E1E1;
  font-size: 1.5rem;
  line-height: 3.2rem;
}
.main.color-stop__dark .carousel__slide-button__next,
.main.color-stop__dark .carousel__slide-button__prev {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__dark .carousel__slide-button__next svg,
.main.color-stop__dark .carousel__slide-button__prev svg {
  width: 1rem;
  height: 1rem;
  fill: #DDDDDD;
  stroke: none;
}
.main.color-stop__dark .carousel__slide-button__next:hover svg,
.main.color-stop__dark .carousel__slide-button__prev:hover svg {
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__dark .carousel__slide-button__prev {
  left: 1.6rem;
}
.main.color-stop__dark .carousel__slide-button__next,
.main.color-stop__dark .carousel__slide-button__started {
  right: 1.6rem;
}
.main.color-stop__dark .carousel__slide__block {
  width: 33%;
  border-left: 0.5rem solid black;
  border-right: 0.5rem solid black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #D7D7D7;
}
.main.color-stop__dark .carousel__slide__block:first-child {
  border: none;
}
.main.color-stop__dark .carousel__slide__block:last-child {
  border: none;
}
.main.color-stop__dark .carousel__slide__block-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main.color-stop__dark .block-link__image img {
  width: 3.5rem;
  height: 3.5rem;
}
.main.color-stop__dark .carousel__slide .advertisement {
  margin-top: 0;
}
.main.color-stop__dark .carousel__slide .advertisement h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__dark .carousel__slide .advertisement em {
  font-weight: 400;
  white-space: nowrap;
}
.main.color-stop__dark .carousel__slide .advertisement a {
  color: #3691ff;
}
.main.color-stop__dark :lang(ja) .advertisement,
.main.color-stop__dark :lang(de) .advertisement {
  text-align: left;
}
.main.color-stop__dark :lang(fr) .carousel__slide__body {
  padding-right: 2em;
  padding-left: 2em;
}
.main.color-stop__dark :lang(fr) .carousel__slide__full.slide-0 {
  padding-top: 0rem;
}
.main.color-stop__dark :lang(fr) .carousel__slide__full.slide-0 img {
  top: -6rem;
}
.main.color-stop__dark :lang(fr) .carousel__slide__full.slide-5 h2 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.main.color-stop__dark :lang(fr) .carousel__slide-button__continue {
  bottom: 15rem;
}
.main.color-stop__dark :lang(fr) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__dark :lang(de) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__dark :lang(de) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__dark :lang(de) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}
.main.color-stop__dark :lang(de) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__dark :lang(de) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-3 img {
  top: 3rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-3 h2 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-3 h2:first-of-type {
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-4 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-5 h2 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide__full.slide-6 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__dark :lang(ja) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__dark hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #a9a9a9;
}
.main.color-stop__dark [data-scrubby=true] {
  cursor: col-resize;
}
.main.color-stop__dark textarea,
.main.color-stop__dark input[type="text"] {
  background-color: transparent;
  color: #E1E1E1;
  border-top: none;
  border-left: none;
  border-bottom: solid 1px transparent;
  border-right: none;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__dark textarea:hover,
.main.color-stop__dark input[type="text"]:hover {
  color: #F0F0F0;
}
.main.color-stop__dark input[type="text"] {
  font-size: 1.4rem;
  height: 2rem;
  border-bottom: 1px solid #707070;
}
.main.color-stop__dark input[type="text"]:hover {
  border-bottom: 1px solid #A3A3A3;
}
.main.color-stop__dark input[type="text"]:hover:disabled,
.main.color-stop__dark input[type="text"]:disabled {
  color: #707070;
  border-bottom-color: #3E3E3E;
}
.main.color-stop__dark input[type="text"]:focus {
  color: #FFFFFF;
  border-bottom-color: #1B8BE9;
}
.main.color-stop__dark input[list]:focus {
  text-decoration: none;
}
.main.color-stop__dark * {
  box-sizing: border-box;
  flex-shrink: 0;
}
.main.color-stop__dark *:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.main.color-stop__dark *::selection {
  background: #1b8be9;
  border-radius: .2rem;
}
.main.color-stop__dark input[disabled]::selection {
  color: #707070;
}
.main.color-stop__dark.main__ready .section-container,
.main.color-stop__dark .panel-set__ready .section-container,
.main.color-stop__dark .panel-set__ready .section-container__no-collapse {
  opacity: 1;
  transition: all 200ms ease;
}
.main.color-stop__dark.main__ready .section-container.libraries__container,
.main.color-stop__dark .panel-set__ready .section-container.libraries__container,
.main.color-stop__dark .panel-set__ready .section-container__no-collapse.libraries__container {
  opacity: 0;
}
.main.color-stop__dark.main__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__dark .panel-set__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__dark .panel-set__ready .section-container__no-collapse.libraries__container.libraries__ready {
  opacity: 1;
}
.main.color-stop__medium {
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Basic Colors */
  /* Dialog */
  /* Align | Distribute */
  /* Layers */
  /* Libraries */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- TOOLBAR -- */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- PROPERTIES -- */
  /**** JAPANESE *****/
  /**** GERMAN *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* STYLE ----------------------*/
  /* PAGES ----------------------*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 *
 * Portions of this code are adapted from react-simple-colorpicker
 * https://github.com/WickyNilliams/react-simple-colorpicker
 * 
 * The MIT License (MIT)
 * 
 * Copyright (c) 2014 Nick Williams
 * Copyright (c) 2014 George Czabania
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** JAPANESE *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* READ THIS FIRST

All class names in this section come from Jquery, so don't get bent out of
shape if you hate the naming conventions. It's out of our hands for the moment.
Class notes come from http://api.jqueryui.com/theming/css-framework/

*/
  /*
Class to be applied to the outer container of all widgets. Applies font-family
and font size to widgets.
*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Clearing the default style */
  /* Bar */
  /* Handle */
  /* Track */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**
 * Exports Panel
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** FRENCH *****/
  /**** GERMAN *****/
  /**** JAPANESE *****/
  color: #F0F0F0;
}
.main.color-stop__medium .document-title {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  letter-spacing: .05rem;
  overflow: hidden;
  max-width: 30rem;
  min-width: 6rem;
  flex-shrink: 1;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #C2C2C2;
}
.main.color-stop__medium .document-title__stub {
  flex-grow: 1;
}
.main.color-stop__medium .document-title:hover {
  flex-shrink: 0;
  color: #F4F4F4;
}
.main.color-stop__medium .document-title__current {
  flex-shrink: 0;
  color: #e6e6e6;
}
.main.color-stop__medium .document-title__current:hover {
  color: #e6e6e6;
}
.main.color-stop__medium .document-title__small {
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__medium .document-title__mask {
  padding-left: 2rem;
  padding-right: 2rem;
}
.main.color-stop__medium .document-header-container {
  height: 4.6rem;
  overflow: hidden;
  flex-grow: 10;
  display: flex;
  width: 10px;
  flex-wrap: wrap;
}
.main.color-stop__medium .document-header,
.main.color-stop__medium .document-header__hidden {
  height: 4.6rem;
  line-height: 4.6rem;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  overflow-x: scroll;
}
.main.color-stop__medium .document-header__stub {
  margin-top: 4.6rem;
}
.main.color-stop__medium .document-controls__unsupported {
  color: red;
  padding-right: .5rem;
}
.main.color-stop__medium .icon-header {
  height: 4.6rem;
  line-height: 4.8rem;
  max-width: 13rem;
  width: 13rem;
  display: flex;
  flex-grow: 1;
}
.main.color-stop__medium .icon-header-buttons {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus {
  background: none;
  fill: #DDDDDD;
  width: 4.8rem;
  height: 4.4rem;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus:hover {
  fill: #DDDDDD;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg {
  fill: #919191;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg:hover {
  fill: #919191;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__active svg {
  fill: #3691ff;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__active svg:hover {
  fill: #3691ff;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode {
  background: #3691ff;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg {
  fill: white;
}
.main.color-stop__medium .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg:hover {
  background: #3691ff;
  fill: white;
}
.main.color-stop__medium .document-container {
  box-sizing: border-box;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
  flex-shrink: 1;
  flex-grow: 10;
  background-color: #535353;
  border-left: 0.2rem solid #383838;
  border-right: 0.2rem solid #383838;
  border-top: 0.2rem solid #383838;
}
.main.color-stop__medium .scrim {
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main.color-stop__medium .scrim-drop {
  cursor: copy;
}
.main.color-stop__medium .scrim__disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 0.01;
}
.main.color-stop__medium .scrim svg {
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__medium .tool-spacer {
  border-top: 1px solid #424242;
  opacity: .55;
}
.main.color-stop__medium .toolbar {
  box-sizing: border-box;
  z-index: 1;
  width: 5rem;
  height: 4.6rem;
  background-color: #535353;
  color: #F0F0F0;
  box-shadow: inset -0.2rem 0 0 transparent, inset 1px 0.2rem 0 #383838;
}
.main.color-stop__medium .toolbar .toolbar-button.tool-selected {
  display: flex;
}
.main.color-stop__medium .toolbar .toolbar-button,
.main.color-stop__medium .toolbar .zoom {
  display: none;
}
.main.color-stop__medium .toolbar.expanded {
  height: auto;
  color: #424242;
}
.main.color-stop__medium .toolbar.expanded .toolbar-button,
.main.color-stop__medium .toolbar.expanded .zoom {
  display: flex;
}
.main.color-stop__medium .toolbar .zoom {
  position: absolute;
  bottom: 1.3rem;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-wrap: wrap;
}
.main.color-stop__medium .toolbar .zoom .button-simple.toolbar__zoom {
  display: flex;
  align-self: flex-start;
}
.main.color-stop__medium .toolbar .zoom .button-simple.toolbar__zoom svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #C2C2C2;
}
.main.color-stop__medium .toolbar .zoom .number-input {
  width: 5rem;
  text-align: center;
  font-size: 1.4rem;
  border-bottom-color: transparent;
}
.main.color-stop__medium .toolbar .zoom .number-input:hover {
  border-bottom-color: transparent;
}
.main.color-stop__medium .toolbar .zoom .number-input:focus {
  border-bottom-color: #3691ff;
}
.main.color-stop__medium .toolbar li:first-child {
  margin: 0;
  box-shadow: -0.2rem 0 0 #383838;
}
.main.color-stop__medium .tool-current {
  display: none;
}
.main.color-stop__medium .toolbar li .button-simple {
  width: 5rem;
  height: 4.8rem;
  margin: 0.1rem 0;
  box-shadow: none;
}
.main.color-stop__medium .panel-set {
  height: 100%;
  max-height: 100%;
  display: flex;
  box-shadow: inset 0.2rem 0 0 transparent;
}
.main.color-stop__medium .panel-section {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
}
.main.color-stop__medium .panel-transform-section,
.main.color-stop__medium .panel-appearance-section {
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__medium .panel-appearance-section .section-container .stroke {
  margin-top: .4rem;
}
.main.color-stop__medium .panel-layers-section,
.main.color-stop__medium .panel-libraries-section {
  min-height: 50%;
}
.main.color-stop__medium .panel-section__collapsed {
  min-height: 4.6rem;
  height: 4.6rem;
  flex-grow: 0;
}
.main.color-stop__medium .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__medium .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__medium .panel-section__not-visible {
  display: none;
}
.main.color-stop__medium .panel-set__container {
  height: 100%;
  max-height: 100%;
  display: flex;
}
.main.color-stop__medium .panel-set__not-visible {
  display: none;
}
.main.color-stop__medium .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__medium .panel__tab-bar {
  background-color: #535353;
  width: 5rem;
  box-shadow: inset 0 0.2rem 0 #383838, inset -1px 1px 0 #383838;
  display: none;
  z-index: 1;
}
.main.color-stop__medium .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__medium .panel__tab-bar .button-simple {
  width: 4.8rem;
  height: 4.8rem;
}
.main.color-stop__medium .panel {
  height: 100%;
  max-height: 100%;
  width: 32rem;
  background-color: #535353;
  box-shadow: inset 0 0.2rem 0 #383838;
  border-right: 0.2rem solid #383838;
  z-index: 1;
  display: none;
  position: relative;
  flex-direction: column;
}
.main.color-stop__medium .panel__visible + .panel:nth-child(2) {
  border-right: 0.2rem solid #383838;
}
.main.color-stop__medium .panel__visible {
  display: flex;
}
.main.color-stop__medium .properties {
  height: 100%;
  width: 32rem;
  overflow: hidden;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
  display: none;
}
.main.color-stop__medium .properties__active {
  display: flex;
}
.main.color-stop__medium .formline {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  width: 28.8rem;
}
.main.color-stop__medium .formline__no-padding {
  padding-bottom: 0.1rem;
}
.main.color-stop__medium .formline:first-child {
  padding-top: 0;
}
.main.color-stop__medium .formline__padded-first-child:first-child {
  padding-top: 0.8rem;
}
.main.color-stop__medium .formline__bottom-align {
  align-items: flex-end;
}
.main.color-stop__medium .formline__space-between {
  justify-content: space-between;
}
.main.color-stop__medium .section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 1;
  border-bottom: 0.2rem solid #383838;
}
.main.color-stop__medium .section.export {
  border-bottom: 0;
}
.main.color-stop__medium .section.section__collapsed {
  flex-grow: 0;
  height: auto;
  border-bottom: 0.2rem solid #383838;
}
.main.color-stop__medium .transform.section,
.main.color-stop__medium .section-header {
  padding: 0 1.6rem;
}
.main.color-stop__medium .recent-files {
  flex-shrink: 1;
}
.main.color-stop__medium .artboard-launcher .section-container {
  flex-shrink: 0;
}
.main.color-stop__medium .layers .section-container {
  padding: 0;
  flex-shrink: 1;
}
.main.color-stop__medium .section-container,
.main.color-stop__medium .section-container__no-collapse {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem 0;
  display: flex;
  align-items: initial;
  opacity: 0;
}
.main.color-stop__medium .section-container__collapsed {
  display: none;
}
.main.color-stop__medium .layer-count {
  opacity: 0;
}
.main.color-stop__medium .artboard-presets,
.main.color-stop__medium .recent-files {
  flex-grow: 1;
}
.main.color-stop__medium .artboard-presets .section-container,
.main.color-stop__medium .recent-files .section-container {
  padding: 0;
}
.main.color-stop__medium .recent-files .section-container {
  padding-bottom: 1rem;
  flex-shrink: 1;
}
.main.color-stop__medium .effects.section__collapsed,
.main.color-stop__medium .export.section__collapsed {
  min-height: 4.8rem;
}
.main.color-stop__medium .appearance .section-container,
.main.color-stop__medium .type .section-container,
.main.color-stop__medium .effects .section-container,
.main.color-stop__medium .export .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__medium .effects .section-container > div {
  width: 100%;
}
.main.color-stop__medium .libraries .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__medium .appearance {
  flex-shrink: 0;
}
.main.color-stop__medium .radius_input .control-group__vertical {
  margin-left: .2rem;
}
.main.color-stop__medium .radius_input {
  padding-bottom: 2rem;
}
.main.color-stop__medium .last-line__type {
  padding-bottom: 2rem;
}
.main.color-stop__medium .transform.section {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
}
.main.color-stop__medium .transform.section .section-header {
  box-sizing: content-box;
  padding: 0 1.6rem;
  border-bottom: 0.2rem solid #383838;
}
.main.color-stop__medium .transform__body {
  padding: 1rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main.color-stop__medium .transform__body .control-group:first-child .control-group__horizontal label:first-child {
  margin-left: 1rem;
}
.main.color-stop__medium .layers {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.main.color-stop__medium .column-1 {
  width: 1rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-2 {
  width: 2rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-3 {
  width: 3rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-4 {
  width: 4rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-5 {
  width: 5rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-6 {
  width: 6rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-7 {
  width: 7rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-8 {
  width: 8rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-9 {
  width: 9rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-10 {
  width: 10rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-11 {
  width: 11rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-12 {
  width: 12rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-13 {
  width: 13rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-14 {
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-15 {
  width: 15rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-16 {
  width: 16rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-17 {
  width: 17rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-18 {
  width: 18rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-19 {
  width: 19rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-20 {
  width: 20rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-21 {
  width: 21rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-22 {
  width: 22rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-23 {
  width: 23rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-24 {
  width: 24rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-25 {
  width: 25rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-26 {
  width: 26rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-27 {
  width: 27rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-28 {
  width: 28rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-29 {
  width: 29rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-30 {
  width: 30rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-31 {
  width: 31rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-32 {
  width: 32rem;
  flex-shrink: 0;
}
.main.color-stop__medium .column-full {
  width: 28.8rem;
}
.main.color-stop__medium .column-half {
  width: 0.5rem;
}
.main.color-stop__medium .panel__info {
  flex-shrink: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.8rem;
  margin: 0 1.6rem;
  color: #C2C2C2;
}
.main.color-stop__medium .panel__info div {
  margin-bottom: 1rem;
}
.main.color-stop__medium .panel__info__title {
  color: #C2C2C2;
}
.main.color-stop__medium .panel__info__link a {
  color: #C2C2C2;
}
.main.color-stop__medium .dialog-effects-popover,
.main.color-stop__medium .dialog-export-popover {
  overflow: visible;
}
.main.color-stop__medium .workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__medium .workflow-buttons .button-simple:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__medium .workflow-buttons .button-simple-plus:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__medium .workflow-buttons .button-simple-iOS {
  width: 2.4rem;
  margin-left: .4rem;
}
.main.color-stop__medium .workflow-buttons .button-simple-xdpi {
  width: 2.8rem;
  margin-left: .4rem;
  margin-right: .4rem;
}
.main.color-stop__medium .popover-list {
  width: 100%;
}
.main.color-stop__medium .popover-list:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 5.4rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #282828;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__medium .popover-list__item {
  padding: 0.8rem;
  border-left: 0.2rem solid transparent;
  padding: 0.8rem 0.8rem 0.8rem 0.6rem;
}
.main.color-stop__medium .popover-list__item:hover {
  color: #1473E6;
  border-left: 0.2rem solid #3691ff;
}
.main.color-stop__medium .popover-list__item-disabled,
.main.color-stop__medium .popover-list__item-disabled:hover {
  color: #757575;
}
.main.color-stop__medium .popover-list__item:first-child {
  border-radius: .4rem 0 0 0;
}
.main.color-stop__medium .popover-list__item:last-child {
  border-radius: 0 0 0 .4rem;
}
.main.color-stop__medium .label__medium.column-4.label__medium__left-aligned.opacity-label {
  margin-top: .2rem;
}
.main.color-stop__medium .panel-set__small-screen .panel {
  border-right: 1px solid #383838;
}
.main.color-stop__medium .panel-set__small-screen .export,
.main.color-stop__medium .panel-set__small-screen .layers {
  border-bottom: 0.2rem solid #383838;
}
.main.color-stop__medium .panel-set__small-screen .section.section__collapsed {
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
  border-bottom: 0.2rem solid #383838;
}
.main.color-stop__medium .panel-set__small-screen .panel-libraries-section,
.main.color-stop__medium .panel-set__small-screen .panel-layers-section {
  flex-grow: 1;
  flex-basis: 20rem;
}
.main.color-stop__medium .panel-set__small-screen .panel-export-section,
.main.color-stop__medium .panel-set__small-screen .panel-effects-section {
  max-height: 15%;
  flex-grow: 0;
  min-height: 0;
}
.main.color-stop__medium .panel-set__small-screen .panel-export-section.section__expand,
.main.color-stop__medium .panel-set__small-screen .panel-effects-section.section__expand {
  height: auto;
}
.main.color-stop__medium .panel-set__small-screen .panel-libraries-section,
.main.color-stop__medium .panel-set__small-screen .panel-layers-section {
  min-height: 0;
}
.main.color-stop__medium .panel-set__small-screen .layers,
.main.color-stop__medium .panel-set__small-screen .libraries,
.main.color-stop__medium .panel-set__small-screen .export,
.main.color-stop__medium .panel-set__small-screen .effects {
  min-height: 0;
}
.main.color-stop__medium .panel-set__small-screen .layers.section__collapsed,
.main.color-stop__medium .panel-set__small-screen .libraries.section__collapsed,
.main.color-stop__medium .panel-set__small-screen .export.section__collapsed,
.main.color-stop__medium .panel-set__small-screen .effects.section__collapsed {
  min-height: 3.2rem;
  flex-grow: 1;
  flex-basis: 0;
}
.main.color-stop__medium .panel-set__small-screen .panel-layers-section,
.main.color-stop__medium .panel-set__small-screen .panel-export-section,
.main.color-stop__medium .panel-set__small-screen .panel-effects-section,
.main.color-stop__medium .panel-set__small-screen .panel-appearance-section {
  min-height: 4.6rem;
  overflow: hidden;
}
.main.color-stop__medium .panel-set__small-screen .appearance,
.main.color-stop__medium .panel-set__small-screen .type {
  height: 18rem;
  flex-grow: 0;
}
.main.color-stop__medium .panel-set__small-screen .panel-section__collapsed {
  flex-grow: 0;
  flex-basis: auto;
  min-height: 3.2rem;
  height: 3.2rem;
}
.main.color-stop__medium .panel-set__small-screen .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__medium .panel-set__small-screen .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__medium :lang(ja) .label__medium.column-4.label__medium__left-aligned.opacity-label {
  width: 5rem;
}
.main.color-stop__medium :lang(ja) .label__medium.column-2.blur-label {
  width: 3.8rem;
}
.main.color-stop__medium :lang(ja) .label__medium.column-4.spread-label {
  width: 7rem;
}
.main.color-stop__medium :lang(ja) .label__medium__left-aligned.scale-title {
  width: 7rem;
}
.main.color-stop__medium :lang(ja) .effect-list__container .section-title__subtitle {
  display: block;
}
.main.color-stop__medium :lang(ja) .stroke-alignment-buttons {
  width: 11rem;
}
.main.color-stop__medium :lang(ja) .effect-list__stroke .label__medium.column-3 {
  width: 4rem;
}
.main.color-stop__medium :lang(de) .label__medium.column-2.blur-label {
  width: 5rem;
}
.main.color-stop__medium :lang(de) .label__medium.column-4.spread-label {
  width: 5rem;
}
.main.color-stop__medium .guard {
  display: none;
}
.main.color-stop__medium .guard__enabled {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: wait;
  z-index: 999;
}
@-webkit-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes revealFromCenter {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 80%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main.color-stop__medium .label__medium {
  display: flex;
  justify-content: flex-end;
  color: #C2C2C2;
  -webkit-user-select: none;
  font-size: 1.2rem;
  letter-spacing: .035rem;
  margin-right: 1rem;
}
.main.color-stop__medium .label__medium__left-aligned {
  justify-content: flex-start;
}
.main.color-stop__medium .loader-animation svg g {
  animation: loader-spin;
  animation-duration: 0.66s;
  animation-timing-function: steps(6, end);
  animation-iteration-count: infinite;
  transform-origin: center center;
}
.main.color-stop__medium .compact-stats {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  height: 5rem;
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__medium .compact-stats .drop-down input {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__medium .compact-stats .number-input {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  height: 1.6rem;
}
.main.color-stop__medium .compact-stats__header input {
  font-size: 1.4rem;
  height: 1.9rem;
}
.main.color-stop__medium .compact-stats__header input:hover {
  border-bottom: 1px solid #F0F0F0;
}
.main.color-stop__medium .compact-stats__header input:focus {
  color: #e6e6e6;
  border-bottom: 1px solid #3691ff;
}
.main.color-stop__medium .compact-stats__body {
  padding-top: 0.5rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
  min-width: 10rem;
}
.main.color-stop__medium .compact-stats__body__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main.color-stop__medium .compact-stats__body__column .label-medium {
  padding-bottom: 0.2rem;
  justify-content: flex-start;
  text-indent: 2px;
}
.main.color-stop__medium .control-group__vertical {
  margin-right: 1rem;
}
.main.color-stop__medium .control-group__vertical:last-child {
  margin-right: 0;
}
.main.color-stop__medium .control-group__no-label {
  margin-top: 1.2rem;
}
.main.color-stop__medium .control-group__horizontal {
  display: flex;
  align-items: center;
}
.main.color-stop__medium .control-group__horizontal__left {
  display: flex;
  align-items: left;
}
.main.color-stop__medium .control-group__column {
  display: flex;
  flex-direction: column;
}
.main.color-stop__medium .drop-down input,
.main.color-stop__medium .drop-down input:hover,
.main.color-stop__medium .drop-down input:focus,
.main.color-stop__medium .drop-down input:focus:hover,
.main.color-stop__medium .drop-down input:disabled .drop-down:hover input {
  font-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #535353;
  background-size: 1rem;
  padding-right: 1rem;
  outline: none;
}
.main.color-stop__medium .drop-down input {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#D7D7D7' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__medium .drop-down input:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#F0F0F0' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__medium .drop-down input:focus,
.main.color-stop__medium .drop-down input:focus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#3691ff' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__medium .drop-down input:disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#919191' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__medium svg use {
  transform: rotate(0);
}
.main.color-stop__medium .icon {
  display: inline-flex;
}
.main.color-stop__medium .toolbar-button,
.main.color-stop__medium .toolbar__backToPs.button-simple {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__medium .toolbar-button svg,
.main.color-stop__medium .toolbar__backToPs.button-simple svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  fill: #D7D7D7;
  stroke: none;
  color: #bcbcbc;
}
.main.color-stop__medium .toolbar-button:hover svg,
.main.color-stop__medium .toolbar__backToPs.button-simple:hover svg {
  fill: #F0F0F0;
  stroke: none;
}
.main.color-stop__medium .tool-selected.button-simple svg,
.main.color-stop__medium .tool-selected.button-simple:hover svg {
  fill: #3691ff;
  stroke: none;
}
.main.color-stop__medium .toolbar__backToPs.button-simple {
  position: absolute;
  bottom: 0;
  width: 5rem;
}
.main.color-stop__medium .toolbar__backToPs.button-simple svg {
  fill: #D7D7D7;
}
.main.color-stop__medium .button-generator {
  background: url("img/ico-generator-white.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__medium .pop-over-header .button-generator {
  background: url("img/ico-generator-black.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__medium #mode-grid {
  background: url("img/ico-mode-grid-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__medium #mode-divide {
  background: url("img/ico-mode-divide-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__medium #mode-inset {
  background: url("img/ico-mode-inset-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__medium .control-group,
.main.color-stop__medium .label,
.main.color-stop__medium .button-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__medium .control-group svg,
.main.color-stop__medium .label svg,
.main.color-stop__medium .button-toggle svg {
  width: 1.6rem;
  height: 2.4rem;
  fill: #D7D7D7;
  stroke: none;
  color: #bcbcbc;
}
.main.color-stop__medium .control-group__disabled svg,
.main.color-stop__medium .label__disabled svg,
.main.color-stop__medium .button-toggle__disabled svg {
  fill: #C2C2C2;
}
.main.color-stop__medium .button-simple svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #D7D7D7;
}
.main.color-stop__medium .button-simple:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .button-simple__disabled svg,
.main.color-stop__medium .button-simple__disabled:hover svg,
.main.color-stop__medium .button-simple:disabled svg svg {
  fill: #919191;
}
.main.color-stop__medium .button-simple__disabled__disabled svg,
.main.color-stop__medium .button-simple__disabled:hover__disabled svg,
.main.color-stop__medium .button-simple:disabled svg__disabled svg,
.main.color-stop__medium .button-simple__disabled__disabled:hover svg,
.main.color-stop__medium .button-simple__disabled:hover__disabled:hover svg,
.main.color-stop__medium .button-simple:disabled svg__disabled:hover svg {
  fill: #757575;
}
.main.color-stop__medium .button-simple.button-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__medium .button-simple.button-iOS {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__medium .button-simple.button-iOS svg {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__medium .button-simple.button-xdpi {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__medium .button-simple.button-xdpi svg {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__medium .export-button {
  height: 1.7rem;
}
.main.color-stop__medium .search-button {
  height: 1.7rem;
}
.main.color-stop__medium .reference-mark {
  margin-right: 4.5rem;
}
.main.color-stop__medium .reference-mark svg {
  width: 2.4rem;
  height: 2.4rem;
}
.main.color-stop__medium .face .button-toggle svg {
  display: none;
}
.main.color-stop__medium .face .button-toggle[data-selected="true"] svg,
.main.color-stop__medium .face:hover .button-toggle svg {
  display: block;
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .face__selected .button-toggle svg,
.main.color-stop__medium .face__selected:hover .button-toggle svg {
  fill: #F0F0F0;
  stroke: none;
  display: block;
}
.main.color-stop__medium .layer__not-visible .layer__not-visible + .layer-group .face:hover .button-toggle svg,
.main.color-stop__medium .layer__not-visible .layer__not-visible + .layer-group .face .button-toggle svg {
  fill: #F0F0F0;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__medium .face.face__not-visible:hover .button-toggle svg,
.main.color-stop__medium .face.face__not-visible .button-toggle svg {
  fill: #F0F0F0;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__medium .fill-list__fill .button-toggle svg,
.main.color-stop__medium .stroke-list__stroke .button-toggle svg,
.main.color-stop__medium .shadow-list__shadow .button-toggle svg {
  display: none;
}
.main.color-stop__medium .fill-list__fill .button-toggle[data-selected="false"] svg,
.main.color-stop__medium .stroke-list__stroke .button-toggle[data-selected="false"] svg,
.main.color-stop__medium .shadow-list__shadow .button-toggle[data-selected="false"] svg {
  display: block;
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .fill-list__fill:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__medium .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__medium .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) {
  opacity: 0.5;
}
.main.color-stop__medium .fill-list__fill:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__medium .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__medium .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) svg {
  display: block;
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .fill-list__fill .button-toggle[data-selected="true"] svg,
.main.color-stop__medium .stroke-list__stroke .button-toggle[data-selected="true"] svg,
.main.color-stop__medium .shadow-list__shadow .button-toggle[data-selected="true"] svg {
  display: none;
  fill: #424242;
  stroke: none;
  color: #bcbcbc;
}
.main.color-stop__medium .fill-list__fill .button-toggle.layer-delete svg,
.main.color-stop__medium .stroke-list__stroke .button-toggle.layer-delete svg,
.main.color-stop__medium .shadow-list__shadow .button-toggle.layer-delete svg {
  stroke-width: 40px;
  stroke: none;
  transform: scale(2);
}
.main.color-stop__medium .button-combo:focus {
  background: url("img/ico-search-white.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__medium .pop-over-header .button-combo:focus {
  background: url("img/ico-search-black.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__medium .face__kind {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__medium .face__kind svg {
  width: 1.8rem;
  height: 2.4rem;
  fill: #919191;
  stroke: none;
}
.main.color-stop__medium .face[data-kind="group"] .face__kind svg {
  fill: #D7D7D7;
}
.main.color-stop__medium .face__not-visible .face__kind svg,
.main.color-stop__medium .layer__not-visible + .layer-group .face .face__kind svg,
.main.color-stop__medium .face__not-visible:hover .face__kind .main.color-stop__medium .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__medium .face__not-visible:hover .face__kind .main.color-stop__medium .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__medium .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__medium .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__medium .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__medium .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__medium .face__not-visible.face[data-kind="group"] .face__kind svg,
.main.color-stop__medium .layer__not-visible + .layer-group .face.face[data-kind="group"] .face__kind svg {
  opacity: 0.28;
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .face__selected .face__kind svg,
.main.color-stop__medium .face__selected:hover .face__kind svg {
  fill: #F0F0F0;
  stroke: none;
}
.main.color-stop__medium .face__selected[data-kind="group"] .face__kind svg {
  fill: #F0F0F0;
  stroke: none;
}
.main.color-stop__medium .face .face__kind.face__kind__error svg,
.main.color-stop__medium .face .face__kind.face__kind__error:hover svg {
  fill: #FF6969;
}
.main.color-stop__medium .face .face__kind.face__kind__warning svg,
.main.color-stop__medium .face .face__kind.face__kind__warning:hover svg {
  fill: #46AA46;
}
.main.color-stop__medium .face .face__kind.face__kind__alert svg,
.main.color-stop__medium .face .face__kind.face__kind__alert:hover svg {
  fill: #F2EE57;
}
.main.color-stop__medium button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__medium .button-simple {
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__medium .button-toggle.column-1 {
  width: 1rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-2 {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-3 {
  width: 3rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-4 {
  width: 4rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-5 {
  width: 5rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-6 {
  width: 6rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle.column-7 {
  width: 7rem;
  height: 2rem;
}
.main.color-stop__medium .button-toggle {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__medium .smallButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__medium .medButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__medium .button-color {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(188, 188, 188, 0.88);
  border-radius: 3px;
  background-color: purple;
  padding: 0;
  margin: 0;
}
.main.color-stop__medium .button-radio ul {
  display: flex;
  justify-content: center;
}
.main.color-stop__medium .button-combo:focus {
  cursor: text;
  background: rgba(240, 240, 240, 0.3);
}
.main.color-stop__medium .button-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  height: 3rem;
}
.main.color-stop__medium .button-radio__fixed {
  flex-grow: 0;
}
.main.color-stop__medium .button-combo {
  background: none;
  color: #F0F0F0;
  opacity: .66;
  box-sizing: border-box !important;
  height: 3rem;
  text-align: center;
  border: 1px solid !important;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main.color-stop__medium .button-generator {
  width: 2rem;
  height: 2rem;
  float: right;
}
.main.color-stop__medium .button-settings {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: #F0F0F0;
  font-weight: 300;
  opacity: .65;
}
.main.color-stop__medium .button-lorem-ipsum,
.main.color-stop__medium .button-glyphs {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #F0F0F0;
  font-weight: 300;
  opacity: .55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__medium .button-lorem-ipsum svg,
.main.color-stop__medium .button-glyphs svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: #D7D7D7;
}
.main.color-stop__medium .button-lorem-ipsum:hover,
.main.color-stop__medium .button-settings:hover,
.main.color-stop__medium .button-glyphs:hover {
  opacity: .95;
}
.main.color-stop__medium .button-settings {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__medium .button-cluster {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.main.color-stop__medium .ui-selectmenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__medium .button-tool-options {
  display: flex;
  align-content: inherit;
  justify-content: inherit;
}
.main.color-stop__medium .button-tool-options button {
  padding: 0 1.6rem;
}
.main.color-stop__medium .button-tool-options button:last-child {
  padding: 0 0 0 1.6rem;
}
.main.color-stop__medium .button-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}
.main.color-stop__medium .button-checkbox label {
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.main.color-stop__medium .button-checkbox label svg {
  width: 1.6rem;
  fill: #D7D7D7;
  height: 1.6rem;
  top: 0;
  position: absolute;
  left: 0;
}
.main.color-stop__medium .button-checkbox label .mixed {
  display: none;
}
.main.color-stop__medium .button-checkbox label .checked {
  display: none;
}
.main.color-stop__medium .button-checkbox label:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .button-checkbox input[type=checkbox] {
  visibility: hidden;
  margin: 0;
}
.main.color-stop__medium .button-checkbox input[type=checkbox]:checked + label .mixed {
  display: none;
}
.main.color-stop__medium .button-checkbox input[type=checkbox]:checked + label .unchecked {
  display: none;
}
.main.color-stop__medium .button-checkbox input[type=checkbox]:checked + label .checked {
  display: block;
  fill: #D7D7D7;
}
.main.color-stop__medium .button-checkbox input[type=checkbox]:checked:hover + label svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .button-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.main.color-stop__medium .button-checkbox__mixed label .mixed {
  display: block;
}
.main.color-stop__medium .button-checkbox__mixed label .unchecked {
  display: none;
}
.main.color-stop__medium .button-checkbox__mixed label .checked {
  display: none;
}
.main.color-stop__medium .button-checkbox__mixed label:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .checkbox-label {
  line-height: 1.2rem;
}
.main.color-stop__medium .spacer-1 {
  width: 1px;
}
.main.color-stop__medium .number-input {
  font-size: 1.6rem;
  color: #F0F0F0;
  border-radius: none;
  border-bottom: 1px solid transparent;
}
.main.color-stop__medium .number-input:hover {
  color: #F4F4F4;
  border-bottom: 1px solid #F0F0F0;
}
.main.color-stop__medium .number-input[type="text"]:disabled {
  border-bottom: 1px solid #5D5D5D;
}
.main.color-stop__medium .number-input[type="text"]:disabled:hover {
  border-bottom: 1px solid #5D5D5D;
}
.main.color-stop__medium .number-input__dirty:focus,
.main.color-stop__medium .number-input__clean:focus {
  color: #e6e6e6;
  border-bottom: 1px solid transparent;
}
.main.color-stop__medium .color-picker {
  top: 0;
  font-size: 100%;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 1rem 1rem 1rem;
  color: #424242;
  overflow-y: auto;
}
.main.color-stop__medium .color-picker input[type="text"] {
  font-size: 1.4rem;
  color: #F0F0F0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #808080;
}
.main.color-stop__medium .color-picker input[type="text"]:hover {
  color: #F4F4F4;
  border: none;
  border-bottom: 1px solid #808080;
}
.main.color-stop__medium .color-picker input[type="text"]:focus {
  color: #e6e6e6;
  background: none;
  border: none;
  border-bottom: 1px solid #3691ff;
}
.main.color-stop__medium .color-picker input[type="text"]::-webkit-input-placeholder {
  color: #C2C2C2;
}
.main.color-stop__medium .color-picker .column-1 {
  width: 0.8rem;
}
.main.color-stop__medium .color-picker {
  left: 0rem;
  width: 30.2rem;
  height: 28.4rem;
  max-height: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
}
.main.color-stop__medium .color-picker:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #282828;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__medium .color-picker:after {
  bottom: -0.9rem;
  transform: rotate(-135deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #282828;
  border: none;
  border-left: 1.5px solid #808080;
  border-top: 1.5px solid #808080;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__medium .color-picker.hide-top-pointer:before {
  display: none;
}
.main.color-stop__medium .color-picker.hide-bottom-pointer:after {
  display: none;
}
.main.color-stop__medium .color-picker .drop-down {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__medium .color-picker .drop-down input {
  color: #424242;
  font-size: 1.2rem;
}
.main.color-stop__medium .color-picker__stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.main.color-stop__medium .color-picker__format {
  height: 2.4rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 1rem;
}
.main.color-stop__medium .color-picker__format .label__medium {
  justify-content: flex-start;
}
.main.color-stop__medium .color-picker-map {
  position: absolute;
  top: 6.8rem;
  left: 6.8rem;
  height: 14.6rem;
  width: 13.8rem;
  -webkit-user-select: none;
}
.main.color-stop__medium .color-picker-map.color-picker-map__dark .color-picker-map__pointer {
  border-color: #F0F0F0;
}
.main.color-stop__medium .color-picker-map.color-picker-map__light .color-picker-map__pointer {
  border-color: #0d0d0d;
}
.main.color-stop__medium .color-picker-map .color-picker-map__pointer {
  position: absolute;
  margin-left: -1rem;
  margin-bottom: -1rem;
  width: 2rem;
  height: 2rem;
  background: none;
  border-radius: 100%;
  border: 0.2rem solid #0d0d0d;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__medium .color-picker-map .color-picker-map__background {
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  top: -1.2rem;
  left: -1.2rem;
  border-radius: 1.2rem;
}
.main.color-stop__medium .color-picker-map .color-picker-map__background:before,
.main.color-stop__medium .color-picker-map .color-picker-map__background:after {
  display: block;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #383838;
}
.main.color-stop__medium .color-picker-map .color-picker-map__background:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #000000 95%);
}
.main.color-stop__medium .color-picker-map .color-picker-map__background:before {
  background: linear-gradient(to right, #ffffff 5%, rgba(255, 255, 255, 0) 95%);
}
.main.color-stop__medium .color-picker__rgbhsb {
  position: absolute;
  right: 0;
  top: 5rem;
  width: 7rem;
  height: auto;
}
.main.color-stop__medium .color-picker__rgbhsb .formline {
  width: 7rem;
  height: 2.8rem;
  padding: 0 .2rem;
}
.main.color-stop__medium .color-picker__rgbhsb .formline:nth-child(3) {
  margin-bottom: 1rem;
}
.main.color-stop__medium .color-picker__rgbhsb label {
  font-size: 1.4rem;
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 1rem;
}
.main.color-stop__medium .color-picker__rgbhsb input[type="text"] {
  font-size: 1.4rem;
  display: inline-block;
  width: 3.2rem;
}
.main.color-stop__medium .color-picker__rgbhsb .column-1 {
  height: 1.2rem;
}
.main.color-stop__medium .color-picker__colortype {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 28.2rem;
  height: 2.4rem;
}
.main.color-stop__medium .color-picker__colortype input {
  vertical-align: top;
  height: 2.4rem;
  width: 16.2rem;
}
.main.color-stop__medium .color-picker__colortype .color-picker__colortype__thumb {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: #e6e6e6;
  border-radius: 0.2rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%), -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
}
.main.color-stop__medium .color-picker__colortype .color-picker__colortype__thumb.empty {
  background: url("img/ico-color-picker-no-color.svg") no-repeat;
}
.main.color-stop__medium .color-picker__colortype .column-1 {
  display: inline-block;
}
.main.color-stop__medium .color-picker__colortype .number-input__clean.column-11.number-input,
.main.color-stop__medium .color-picker__colortype .number-input__dirty.column-11.number-input {
  font-size: 1.4rem;
  line-height: 1.4rem;
  width: 20rem;
  flex-basis: 12rem;
  vertical-align: top;
}
.main.color-stop__medium .color-picker__colortype__thumb__overlay {
  border-radius: 0.2rem;
  box-shadow: 0 0 0 0.1rem #383838;
}
.main.color-stop__medium .color-picker-slider {
  position: absolute;
  -webkit-user-select: none;
  -webkit-backface-visibility: hidden;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__vertical {
  top: 1.4rem;
  width: 2.4rem;
  height: 14.6rem;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track,
.main.color-stop__medium .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track-overlay {
  position: absolute;
  top: -1.4rem;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 17rem;
  margin-left: 0;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__vertical .color-picker-slider__pointer {
  bottom: 50%;
  left: .2rem;
  margin-bottom: -0.8rem;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__horizontal {
  left: 1rem;
  right: 0;
  height: 2.4rem;
  width: 17.8rem;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track,
.main.color-stop__medium .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track-overlay {
  position: absolute;
  left: -1rem;
  right: 0;
  top: 0;
  height: 2.4rem;
  width: 20.2rem;
  margin-top: 0rem;
}
.main.color-stop__medium .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__pointer {
  top: .2rem;
  left: 50%;
  margin-left: -0.8rem;
}
.main.color-stop__medium .color-picker-slider .color-picker-slider__track,
.main.color-stop__medium .color-picker-slider .color-picker-slider__track-overlay {
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #383838;
}
.main.color-stop__medium .color-picker-slider .color-picker-slider__track:before,
.main.color-stop__medium .color-picker-slider .color-picker-slider__track-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  border-radius: 1.2rem;
}
.main.color-stop__medium .color-picker-slider .color-picker-slider__pointer {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: none;
  margin: 0;
  border-radius: 100%;
  border: 2px solid #e6e6e6;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__medium .color-picker .slider_label {
  position: absolute;
  top: 24.3rem;
  right: 0;
  width: 7rem;
  display: flex;
  padding: 0 .2rem;
}
.main.color-stop__medium .color-picker .slider_label label {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.8rem;
  text-align: right;
  width: 1rem;
}
.main.color-stop__medium .color-picker .slider_label input[type='text'] {
  font-size: 1.4rem;
  width: 3.2rem;
  display: inline-block;
}
.main.color-stop__medium .color-picker-slider__disabled .color-picker-slider__pointer {
  background: #c2c2c2;
}
.main.color-stop__medium .color-picker__hue-slider {
  position: absolute;
  top: 5.6rem;
  bottom: 0;
  left: 1.6rem;
  width: 1.6rem;
  transform: rotate(0deg);
}
.main.color-stop__medium .color-picker__hue-slider .color-picker-slider__horizontal > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__medium .color-picker__hue-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__medium .color-picker__transparency-slider {
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 24.2rem;
  height: 2.4rem;
  width: 20.2rem;
  border-radius: calc(1.4rem);
}
.main.color-stop__medium .color-picker__transparency-slider .color-picker-slider__horizontal > .color-picker-slider__track,
.main.color-stop__medium .color-picker__transparency-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%), -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  box-shadow: 0 0 0.2rem #383838;
}
.main.color-stop__medium .color-input {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 0.6rem;
  margin-top: 0.8rem;
}
.main.color-stop__medium .color-input .fill__preview,
.main.color-stop__medium .color-input .stroke__preview {
  height: 100%;
  width: 100%;
}
.main.color-stop__medium .color-input .stroke__preview:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  background-color: #535353;
  border-radius: 0.2rem;
  z-index: 10;
}
.main.color-stop__medium .color-input .type__preview {
  line-height: normal;
  color: black;
  font-size: 2rem;
}
.main.color-stop__medium .color-input__swatch__background,
.main.color-stop__medium .color-input__swatch__background.color-input__disabled {
  background-color: #e6e6e6;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%), -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  overflow: hidden;
  position: relative;
}
.main.color-stop__medium .color-input__swatch__background:focus,
.main.color-stop__medium .color-input__swatch__background.color-input__disabled:focus {
  box-shadow: 0 0 0 0.2rem #3691ff;
}
.main.color-stop__medium .color-input__disabled {
  opacity: 0.4;
}
.main.color-stop__medium .color-input__disabled .color-input__mixednone {
  display: none;
}
.main.color-stop__medium .color-input__disabled .fill__preview {
  display: none;
}
.main.color-stop__medium .color-input__swatch__color {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  justify-content: center;
  overflow: hidden;
}
.main.color-stop__medium .shadow-list__shadow .color-input__swatch__color {
  width: 2.5rem;
  height: 2.5rem;
}
.main.color-stop__medium .color-input__empty {
  width: 3rem;
  height: 3rem;
  margin-right: 1.2rem;
  margin-top: 1.1rem;
}
.main.color-stop__medium .color-input__empty .fill__preview__disabled {
  border: 1px solid #757575;
  opacity: .25;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.main.color-stop__medium .color-widget {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.main.color-stop__medium .color-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main.color-stop__medium .color-input__invalid-color .color-input__swatch__color {
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__medium .color-input__mixednone {
  width: 6.8rem;
  height: 6.8rem;
  left: 1.1rem;
  top: 0.1rem;
  position: absolute;
  transform: rotate(45deg);
}
.main.color-stop__medium .color-input__mixed .color-input__mixednone {
  border: 0.4rem solid #1AB61E;
}
.main.color-stop__medium .dialog__center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.color-stop__medium dialog {
  color: #F0F0F0;
  left: inherit;
  z-index: 10000;
  position: absolute;
  font-size: 100%;
  display: flex;
  justify-content: flex-start;
  width: 30rem;
  max-height: 25rem;
  height: auto;
  border-radius: 0.6rem;
  background: #282828;
  border: 1px solid #808080;
  padding: 0;
  margin: 1rem;
  overflow: hidden;
  box-sizing: border-box;
}
.main.color-stop__medium dialog:not([open]) {
  display: none;
}
.main.color-stop__medium dialog::backdrop {
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
}
.main.color-stop__medium .column-28 + .dialog-blendmodes {
  width: 28.8rem;
  left: 5.2rem;
}
.main.color-stop__medium .column-14 + .dialog-blendmodes {
  width: 14.9rem;
  left: 5.2rem;
  margin-top: -0.1rem;
}
.main.color-stop__medium .column-8 + .dialog-blendmodes {
  width: 9.2rem;
}
.main.color-stop__medium .column-4 + .dialog-blendmodes {
  width: 5.2rem;
}
.main.color-stop__medium .dialog-blendmodes {
  width: 20rem;
  left: 5.2rem;
  margin-top: -1px;
}
.main.color-stop__medium .dialog-search-bar {
  position: relative;
  width: 47rem;
  max-height: 50rem;
  background-color: #282828;
  color: #F0F0F0;
  border-radius: 0.6rem;
  box-shadow: none;
  border: 1px solid #808080;
  margin-left: -1.6rem;
  margin-top: -2.8rem;
  margin-bottom: 5.3rem;
  -webkit-animation: fadeIn 400ms;
}
.main.color-stop__medium .dialog-stroke-alignment {
  right: 4rem;
  margin-top: 0px;
  height: auto;
}
.main.color-stop__medium .dialog-type-typefaces,
.main.color-stop__medium .dialog-type-weights {
  margin-top: -0.1rem;
}
.main.color-stop__medium .dialog-type-typefaces {
  overflow-y: scroll;
  width: 30rem;
  left: 0rem;
}
.main.color-stop__medium .dialog-type-weights {
  overflow-y: scroll;
  width: 23.2rem;
  left: 6.8rem;
}
.main.color-stop__medium .dialog-effects-popover,
.main.color-stop__medium .dialog-export-popover {
  width: 12rem;
  margin-right: 0.8rem;
}
.main.color-stop__medium .dialog-export-popover .popover-list:before {
  left: 6.65rem;
}
.main.color-stop__medium .dialog-export-scale {
  width: 5.0rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__medium .dialog-export-format {
  width: 9.2rem;
  left: 17.5rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__medium .dialog-search-bar {
  overflow-y: scroll;
}
.main.color-stop__medium .dialog-libraries {
  overflow-y: scroll;
}
.main.color-stop__medium .dialog-libraries {
  width: 20.6rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
  box-shadow: none;
  background: #282828;
}
.main.color-stop__medium .dialog-libraries .select__header {
  padding: 0;
  padding-bottom: 0.4rem;
  margin: 0;
  margin-top: 0.4rem;
}
.main.color-stop__medium .section-title.dialog-header {
  opacity: .9;
}
.main.color-stop__medium .dialog-header {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 2rem;
  letter-spacing: .05rem;
  overflow: hidden;
  flex-shrink: 1;
  color: #e6e6e6;
  text-transform: capitalize;
}
.main.color-stop__medium .select {
  width: 100%;
}
.main.color-stop__medium :lang(ja) .dialog-effects-popover {
  width: 13rem;
}
.main.color-stop__medium :lang(ja) .dialog-effects-popover ul:before {
  left: 6.4rem;
}
.main.color-stop__medium .ui-helper-hidden-accessible {
  display: none;
}
.main.color-stop__medium .ui-widget:focus {
  color: red;
}
.main.color-stop__medium .ui-autocomplete {
  border-radius: 0.6rem;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 30rem;
  display: block;
  background: rgba(66, 66, 66, 0.5);
}
.main.color-stop__medium .ui-menu-item:first-child {
  padding: 0 0 0.4rem 0;
}
.main.color-stop__medium .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  background: rgba(240, 240, 240, 0.9);
  color: #424242;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main.color-stop__medium .ui-menu-item:focus {
  color: purple;
}
.main.color-stop__medium .ui-autocomplete li:hover,
.main.color-stop__medium .ui-autocomplete li.activeTypeface {
  background: rgba(66, 66, 66, 0);
  color: #F0F0F0;
  font-weight: 600;
  border: 1px solid #F0F0F0;
  text-rendering: geometricPrecision;
}
.main.color-stop__medium ::-webkit-scrollbar {
  display: none;
}
.main.color-stop__medium .section-container::-webkit-scrollbar,
.main.color-stop__medium .libraries__content::-webkit-scrollbar,
.main.color-stop__medium .exports-panel__asset-list__list::-webkit-scrollbar {
  background: transparent;
  width: .4rem;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
}
.main.color-stop__medium ::-webkit-scrollbar-thumb {
  background-color: #696969;
  border-radius: 0.5rem;
  width: .4rem;
}
.main.color-stop__medium ::-webkit-scrollbar-thumb:window-inactive {
  background-color: #696969;
}
.main.color-stop__medium ::-webkit-scrollbar-track {
  border-radius: none;
  background: transparent;
}
.main.color-stop__medium .range {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 0.3rem;
}
.main.color-stop__medium input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
}
.main.color-stop__medium input[type=range]:hover {
  outline: none;
}
.main.color-stop__medium input[type=range]::-webkit-slider-runnable-track {
  bottom: 1px;
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-clip: padding-box;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: #F0F0F0;
}
.main.color-stop__medium input[type=range]:hover::-webkit-slider-runnable-track {
  background: #F4F4F4;
}
.main.color-stop__medium input[type=range]:active::-webkit-slider-runnable-track {
  background: #3691ff;
}
.main.color-stop__medium input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #808080;
}
.main.color-stop__medium input[type="range"]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #535353;
  border: 1px solid #F0F0F0;
  border-radius: 100%;
  box-sizing: content-box;
  box-shadow: 0 0 0 0.5rem #535353;
  -webkit-appearance: none;
  font-size: 100%;
  margin-top: -0.5rem;
}
.main.color-stop__medium input[type="range"]:hover::-webkit-slider-thumb {
  border: 1px solid #F4F4F4;
}
.main.color-stop__medium input[type="range"]:active::-webkit-slider-thumb {
  border: 1px solid #3691ff;
}
.main.color-stop__medium input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #808080;
}
.main.color-stop__medium .section-header,
.main.color-stop__medium .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2.5rem;
  letter-spacing: 1px;
  -webkit-user-select: none;
  cursor: default;
  overflow: hidden;
  flex-shrink: 0;
  height: 4.6rem;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.main.color-stop__medium .sub-header {
  background: none;
  height: 4rem;
}
.main.color-stop__medium .sub-header h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #C2C2C2;
  flex-shrink: 0;
  white-space: nowrap;
}
.main.color-stop__medium .sub-header-rule {
  height: 1px;
  border: 0;
  background: none;
  flex-shrink: 1;
  -webkit-animation: revealFromCenter 800ms;
}
.main.color-stop__medium .section-header {
  flex-shrink: 0;
  flex-grow: 0;
  color: #F0F0F0;
  display: flex;
  align-items: initial;
}
.main.color-stop__medium .section-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__medium .section-title__subtitle {
  color: #C2C2C2;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__medium .recent-files .section-title {
  border-top: none;
}
.main.color-stop__medium .section-header.section-header__no-padding {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
}
.main.color-stop__medium .panel-set__small-screen .appearance .section-header,
.main.color-stop__medium .panel-set__small-screen .effects .section-header,
.main.color-stop__medium .panel-set__small-screen .export .section-header,
.main.color-stop__medium .panel-set__small-screen .layers .section-header,
.main.color-stop__medium .panel-set__small-screen .libraries .section-header {
  height: 3.2rem;
}
.main.color-stop__medium .select__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 0.2rem solid transparent;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
}
.main.color-stop__medium .select__option span {
  flex: box;
}
.main.color-stop__medium .select__option svg {
  flex: box;
  fill: #F0F0F0;
  height: 1.6rem;
}
.main.color-stop__medium .select__option__selected {
  color: #1473E6;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
  border-left: 0.2rem solid #3691ff;
}
.main.color-stop__medium .select__header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  color: #C2C2C2;
  border-top: 1px solid #757575;
}
.main.color-stop__medium .select__header:first-child {
  border: none;
}
.main.color-stop__medium .select__option__info {
  margin-left: 1rem;
  color: #C2C2C2;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .select__option-library {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.main.color-stop__medium .select__option-library span {
  width: 14.5rem;
}
.main.color-stop__medium .select__option-library .icon {
  width: 1.2rem;
}
.main.color-stop__medium .select__option-library svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #D7D7D7;
}
.main.color-stop__medium .split-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C2C2C2;
  margin: 0 auto;
  flex-grow: 1;
}
.main.color-stop__medium .split-button__item svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  fill: #DDDDDD;
  stroke: none;
  color: #C2C2C2;
}
.main.color-stop__medium .split-button__item svg use {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .split-button__item:hover {
  color: #F4F4F4;
}
.main.color-stop__medium .split-button__item:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .split-button__item__selected {
  color: #F4F4F4;
}
.main.color-stop__medium .split-button__item__selected svg {
  fill: #3691ff;
}
.main.color-stop__medium .split-button__item__selected:hover svg {
  fill: #3691ff;
}
.main.color-stop__medium .split-button__item__disabled,
.main.color-stop__medium .split-button__item__disabled:hover {
  color: #757575;
}
.main.color-stop__medium .split-button__item__disabled svg,
.main.color-stop__medium .split-button__item__disabled:hover svg {
  fill: #919191;
}
.main.color-stop__medium .split-button__item__fixed {
  margin: 0;
  flex-grow: 0;
}
.main.color-stop__medium .vector-operations .split-button__item svg {
  width: 1.4rem;
  height: 1.4rem;
}
.main.color-stop__medium .link-list__list {
  width: 100%;
}
.main.color-stop__medium .link-list__item {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 0;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.4rem;
}
.main.color-stop__medium .link-list__item:hover {
  color: #F4F4F4;
  background-color: #595959;
}
.main.color-stop__medium .link-list__item:active {
  color: #F4F4F4;
  background-color: #4e5e72;
}
.main.color-stop__medium .link-list__item.overflow-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .exports-panel__dialog {
  background-color: #282828;
  border: 1px solid #808080;
  color: #F0F0F0;
  line-height: normal;
  width: 64.4rem;
  max-height: 67rem;
  border-radius: 0.4rem;
  overflow: visible;
  font-size: 1.4rem;
  margin-left: 0;
}
.main.color-stop__medium .exports-panel__container {
  display: flex;
  align-content: stretch;
  flex-direction: column;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  width: 59.6rem;
  font-size: 1.4rem;
}
.main.color-stop__medium .exports-panel__container .section-header {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 0rem;
}
.main.color-stop__medium .exports-panel__two-column {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.main.color-stop__medium .exports-panel__two-column .layout-gutter {
  flex-grow: 0;
}
.main.color-stop__medium .exports-panel__two-column:first-child {
  width: 50%;
}
.main.color-stop__medium .exports-panel__asset-list__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.main.color-stop__medium .exports-panel__asset-list__quick-selection {
  display: flex;
  flex-direction: row;
  color: #e6e6e6;
  font-size: 1.6rem;
  align-items: center;
}
.main.color-stop__medium .exports-panel__asset-list__quick-selection div {
  text-align: center;
}
.main.color-stop__medium .exports-panel__asset-list__list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 51rem;
  overflow-y: hidden;
  border: 1px solid #5c5c5c;
  border-left: none;
  border-right: none;
  margin: 1rem 0 0 0;
  padding: 1rem 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40rem;
}
.main.color-stop__medium .exports-panel__layer-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0.5rem 0rem;
  overflow: none;
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__medium .exports-panel__layer-icon {
  margin-top: 0rem;
}
.main.color-stop__medium .exports-panel__layer-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #F0F0F0;
  stroke: none;
}
.main.color-stop__medium .exports-panel__layer-info {
  width: 19rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .exports-panel__layer__name {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  color: #e6e6e6;
  width: 18rem;
  text-overflow: ellipsis;
}
.main.color-stop__medium .exports-panel__layer__name span {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__medium .exports-panel__layer__prefix {
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #bcbcbc;
}
.main.color-stop__medium .exports-panel__layer-assets {
  font-size: 1.4rem;
  font-color: #C2C2C2;
  display: inline;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main.color-stop__medium .exports-panel__layer-assets span {
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__medium .exports-panel__layer-asset {
  color: #bcbcbc;
  margin-right: 0.5rem;
  display: inline;
}
.main.color-stop__medium .exports-panel__layer-asset__stale {
  opacity: 0.5;
}
.main.color-stop__medium .exports-panel__layer-asset__stable {
  color: #bcbcbc;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.main.color-stop__medium .exports-panel__layer-asset__requested {
  opacity: 0.2;
  transition: opacity 0.5s ease-out;
}
.main.color-stop__medium .exports-panel__layer-asset__error {
  opacity: 0.7;
  color: #FF6969;
}
.main.color-stop__medium .exports-panel__button-group {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 2.4rem 0;
}
.main.color-stop__medium .exports-panel__button-group .button-simple {
  margin-top: -0.25rem;
}
.main.color-stop__medium .exports-panel__button-group__separator {
  margin: 0.5rem 0;
  height: 3rem;
  width: 0.7rem;
  margin-left: .6rem;
  border-left: 1px solid #5c5c5c;
}
.main.color-stop__medium .layer-exports__delete-button svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .face {
  min-height: 2.8rem;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2.8rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__medium .layer__dummy {
  min-height: 2.5rem;
  max-height: 2.5rem;
  cursor: default;
}
.main.color-stop__medium .layer__dummy_drop {
  border-top: 0.25rem inset #3691ff;
}
.main.color-stop__medium .face__separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 3rem;
  padding-left: 0.4rem;
  flex-grow: 10;
  flex-shrink: 100;
  box-sizing: border-box;
  min-width: 0;
}
.main.color-stop__medium .face__depth-0 {
  padding-left: 1rem;
}
.main.color-stop__medium .face__depth-1 {
  padding-left: 2.8rem;
}
.main.color-stop__medium .face__depth-2 {
  padding-left: 4.6rem;
}
.main.color-stop__medium .face__depth-3 {
  padding-left: 6.4rem;
}
.main.color-stop__medium .face__depth-4 {
  padding-left: 8.2rem;
}
.main.color-stop__medium .face__depth-5 {
  padding-left: 10rem;
}
.main.color-stop__medium .face__depth-6 {
  padding-left: 11.8rem;
}
.main.color-stop__medium .face__depth-7 {
  padding-left: 13.6rem;
}
.main.color-stop__medium .face__depth-8 {
  padding-left: 15.4rem;
}
.main.color-stop__medium .face__depth-9 {
  padding-left: 17.2rem;
}
.main.color-stop__medium .face__depth-10 {
  padding-left: 19rem;
}
.main.color-stop__medium .face__name {
  flex-grow: 1;
  flex-shrink: 1;
  -webkit-user-select: none;
  white-space: pre;
  text-overflow: ellipsis;
  overflow-x: hidden;
  height: 2rem;
  padding: 0.4rem 0;
}
.main.color-stop__medium input[type="text"].face__name {
  font-size: 1.2rem;
  color: #e6e6e6;
  margin-top: -0.2rem;
  width: 100%;
  border-bottom: solid 1px #3691ff;
  -webkit-user-select: text;
}
.main.color-stop__medium .face:hover {
  background-color: #595959;
}
.main.color-stop__medium .face:hover .face__name {
  color: #F4F4F4;
}
.main.color-stop__medium .layer__selected + .layer-group .face,
.main.color-stop__medium .layer__selected + .layer-group .face:hover {
  background-color: #515861;
}
.main.color-stop__medium .face__selected,
.main.color-stop__medium .layer__selected + .layer-group .face__selected,
.main.color-stop__medium .face__selected:hover,
.main.color-stop__medium .layer__selected + .layer-group .face__selected:hover {
  background-color: #4e5e72;
}
.main.color-stop__medium .face__selected .face__name,
.main.color-stop__medium .layer__selected + .layer-group .face__selected .face__name,
.main.color-stop__medium .face__selected:hover .face__name,
.main.color-stop__medium .layer__selected + .layer-group .face__selected:hover .face__name {
  color: #e6e6e6;
}
.main.color-stop__medium .layer__not-visible .face__name,
.main.color-stop__medium .layer__not-visible + .layer-group .face__name {
  color: #F4F4F4;
  opacity: 0.28;
}
.main.color-stop__medium .layer__collapsed + .layer-group {
  display: none;
}
.main.color-stop__medium .face__drop_target,
.main.color-stop__medium .face__drop_target:hover {
  background-color: none;
  cursor: -webkit-grabbing;
}
.main.color-stop__medium .face__drop_target_above:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 0.125rem;
  width: 100%;
  background: #3691ff;
}
.main.color-stop__medium .face__drop_target_below:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 100%;
  width: 100%;
  background: #3691ff;
  margin-top: 1px;
}
.main.color-stop__medium .face__drop_target_on {
  box-shadow: inset 0px 0px 0px 0.25rem #3691ff;
}
.main.color-stop__medium .face__drag-target {
  background-color: none;
  opacity: 0.5;
  position: fixed;
  margin-left: 0;
  width: 32rem;
  z-index: 1;
  pointer-events: none;
}
.main.color-stop__medium .layer__drag-target {
  padding-top: 2.8rem;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__medium .face {
    height: 25px;
    min-height: 25px;
  }
  .main.color-stop__medium input[type="text"].face__name {
    margin-top: -1px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__medium .face {
    height: 31px;
    min-height: 31px;
  }
  .main.color-stop__medium input[type="text"].face__name {
    margin-top: -3px;
  }
}
.main.color-stop__medium .layer-group {
  width: 32rem;
}
.main.color-stop__medium .layers .text-fancy {
  font-style: italic;
  letter-spacing: .2rem;
}
.main.color-stop__medium .libraries {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  border-bottom: none;
}
.main.color-stop__medium .libraries .section-container {
  padding: 0;
  overflow-y: hidden;
}
.main.color-stop__medium .libraries .split-button__item {
  width: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__medium .libraries .split-button__item svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .libraries .section-container {
  flex-basis: 17.5rem;
}
.main.color-stop__medium .libraries .assets__graphic__dragging {
  opacity: .7;
}
.main.color-stop__medium .libraries .libraries-bar ul {
  flex-grow: 0;
}
.main.color-stop__medium .libraries .libraries-bar ul .split-button__item__color-icon {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #F0F0F0;
  border-radius: .1rem;
  position: relative;
}
.main.color-stop__medium .libraries .libraries-bar ul .split-button__item__color-icon:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%), -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%);
  background-size: 14.5px 14.5px;
  background-position: 0 0, 7.25px 7.25px;
  z-index: -1;
}
.main.color-stop__medium .libraries .libraries-bar ul .split-button__item__color-icon:hover {
  border: 1px solid #F4F4F4;
}
.main.color-stop__medium .libraries__container {
  justify-content: space-between;
  flex-direction: column;
}
.main.color-stop__medium .libraries__bar__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 4.4rem;
  padding-bottom: 1.2rem;
  margin: 0 1.6rem;
  align-items: center;
}
.main.color-stop__medium .libraries__bar__top__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 3.2rem;
  margin: 0 0rem;
  align-items: center;
  width: 100%;
}
.main.color-stop__medium .libraries__bar__top .drop-down {
  flex-grow: 1;
  width: 18.4rem;
}
.main.color-stop__medium .libraries__bar__top .drop-down input {
  width: 100%;
}
.main.color-stop__medium .libraries__bar__top .libraries__split-button-list {
  flex: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  justify-content: space-between;
}
.main.color-stop__medium .libraries__bar__top .libraries__split-button-list .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__medium .libraries__bar__top .libraries__split-button-list .libraries__split-button-collaborate svg {
  fill: #3691ff;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-cancel,
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-confirm {
  width: 6rem;
  flex-shrink: 0;
  text-align: center;
  font-size: 1.4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #F0F0F0;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-cancel:hover,
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #F4F4F4;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-confirm {
  color: #F4F4F4;
  font-weight: 500;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #e6e6e6;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__input {
  font-size: 1.4rem;
  flex-grow: 1;
  color: #F4F4F4;
}
.main.color-stop__medium .libraries__bar__top .libraries__bar__input::-webkit-input-placeholder {
  color: #757575;
}
.main.color-stop__medium .libraries__bar__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: none;
  height: 4.8rem;
  margin: 0 1.6rem;
}
.main.color-stop__medium .libraries__bar__bottom .libraries-bar__section__left {
  flex: none;
}
.main.color-stop__medium .libraries__bar__bottom .libraries-bar__section__left .split-button__item {
  margin-right: 1.5rem;
}
.main.color-stop__medium .libraries__bar__bottom .libraries-bar__section__right {
  flex: none;
  justify-content: space-between;
}
.main.color-stop__medium .libraries__bar__bottom .libraries-bar__section__right .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__medium .libraries__content {
  height: 5.4rem;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 1.6rem;
}
.main.color-stop__medium .libraries__content-drag {
  overflow-y: hidden;
}
.main.color-stop__medium .libraries__content__hidden {
  display: none;
}
.main.color-stop__medium .libraries__drop-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  cursor: copy;
}
.main.color-stop__medium .libraries__drop-overlay__disallow {
  cursor: not-allowed;
}
.main.color-stop__medium .libraries__assets:last-child {
  padding-bottom: 2rem;
}
.main.color-stop__medium .libraries__assets__title {
  padding: 1rem 1.6rem .5rem 1.6rem;
  color: #C2C2C2;
}
.main.color-stop__medium .libraries__asset {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .3rem 0;
  padding-left: 0rem;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__medium .libraries__asset:hover {
  background-color: #595959;
}
.main.color-stop__medium .libraries__asset:hover input[type="text"],
.main.color-stop__medium .libraries__asset:hover input[type="text"]:disabled {
  color: #F4F4F4;
}
.main.color-stop__medium .libraries__asset-selected,
.main.color-stop__medium .libraries__asset-selected:hover,
.main.color-stop__medium .libraries__asset-selected:hover:disabled {
  background-color: #4e5e72;
  padding-right: 0;
}
.main.color-stop__medium .libraries__asset__preview {
  width: 5.4rem;
  height: 3.8rem;
  margin-right: 1rem;
}
.main.color-stop__medium .libraries__asset__title {
  display: flex;
  flex-grow: 100;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
  height: 3.8rem;
  min-width: 0;
}
.main.color-stop__medium .libraries__asset__title__main {
  line-height: 2rem;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0.5rem;
  margin-top: -1px;
  white-space: pre;
}
.main.color-stop__medium .libraries__asset__title input[type="text"] {
  font-size: 1.2rem;
  color: #e6e6e6;
  -webkit-user-select: none;
  padding: 0;
  margin-right: 0.5rem;
  border-bottom: 1px solid #3691ff;
}
.main.color-stop__medium .libraries__asset__subtitle {
  margin-top: .3rem;
  margin-right: 0.5rem;
  padding-bottom: .3rem;
  font-size: 1rem;
  color: #bcbcbc;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__medium .libraries__asset__preview-character-style,
.main.color-stop__medium .libraries__asset__preview-layer-style,
.main.color-stop__medium .libraries__asset__preview-graphic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__medium .libraries__asset__preview-image {
  width: 3.8rem;
  height: 3.8rem;
  background-size: 3.6rem;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__medium .libraries__asset__preview-image img {
  max-width: 3.6rem;
  max-height: 3.6rem;
}
.main.color-stop__medium .libraries__asset__preview-image-loading {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .libraries__asset__preview-image-loading svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .libraries__asset__preview-image-blank {
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  background-image: url("img/ico-libraries-cc.svg");
  background-size: 2rem 2rem;
}
.main.color-stop__medium .libraries__asset__preview-character-style {
  background-color: white;
  position: relative;
}
.main.color-stop__medium .libraries__asset__preview-character-style__color-swatch {
  position: absolute;
  top: .3rem;
  right: .3rem;
  height: .6rem;
  width: 1rem;
}
.main.color-stop__medium .libraries__asset__preview-layer-style {
  background-color: #E3E3E3;
}
.main.color-stop__medium .libraries__asset__preview-graphic {
  background-color: #e6e6e6;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%), -webkit-linear-gradient(45deg, #D7D7D7 25%, transparent 25%, transparent 75%, #D7D7D7 75%, #D7D7D7 100%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.main.color-stop__medium .libraries__asset__preview-colortheme {
  display: flex;
  flex-direction: row;
  transition: width 100ms ease-out;
}
.main.color-stop__medium .libraries__asset__preview-colortheme > div {
  height: 100%;
  width: 20%;
}
.main.color-stop__medium .libraries__asset__preview-colortheme:hover {
  width: 10.8rem;
}
.main.color-stop__medium .libraries__asset__buttons {
  flex-shrink: 1;
}
.main.color-stop__medium .libraries__asset__buttons .split-button__item {
  justify-content: flex-start;
  margin: 0;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.main.color-stop__medium .libraries__asset-brush {
  color: #bcbcbc;
  font-style: italic;
  padding: .3rem 1.6rem;
  line-height: 1.3rem;
}
.main.color-stop__medium .libraries__dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 32rem;
  padding: 1.5rem 1.6rem;
  background-color: rgba(10, 10, 10, 0.7);
  z-index: 10;
}
.main.color-stop__medium .libraries__dialog-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  border: 1px solid #383838;
  border-radius: 0.4rem;
  background-color: #535353;
}
.main.color-stop__medium .libraries__dialog__title {
  width: 23rem;
  color: #F4F4F4;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #808080;
  font-weight: 500;
}
.main.color-stop__medium .libraries__dialog__body {
  width: 100%;
  color: #F0F0F0;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1rem 2.5rem;
}
.main.color-stop__medium .libraries__dialog__btn-cancel,
.main.color-stop__medium .libraries__dialog__btn-confirm {
  flex-grow: 1;
  line-height: 2.5rem;
  font-size: 1.4rem;
  text-align: center;
}
.main.color-stop__medium .libraries__dialog__btn-cancel:hover,
.main.color-stop__medium .libraries__dialog__btn-confirm:hover {
  color: #F4F4F4;
}
.main.color-stop__medium .libraries__dialog__btn-confirm {
  font-weight: 500;
  color: #F4F4F4;
}
.main.color-stop__medium .libraries__dialog__btn-confirm:hover {
  color: #e6e6e6;
}
.main.color-stop__medium .libraries__dialog__btn-cancel {
  border-right: 1px solid #808080;
}
.main.color-stop__medium .assets__graphic__drag-preview {
  position: fixed;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  margin-top: -1.8rem;
  margin-left: -1.8rem;
  pointer-events: none;
}
.main.color-stop__medium .assets__graphic__drag-preview img {
  max-width: 3.6rem;
  max-height: 3.6rem;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px) {
  .main.color-stop__medium .libraries__asset__preview,
  .main.color-stop__medium .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__medium .libraries__asset {
    padding: 3px 0;
  }
  .main.color-stop__medium .libraries__asset__title__main {
    margin-top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__medium .libraries__asset__preview,
  .main.color-stop__medium .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__medium .libraries__asset {
    padding: 3px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__medium .libraries__asset__preview,
  .main.color-stop__medium .libraries__asset__title {
    height: 42px;
  }
  .main.color-stop__medium .libraries__asset {
    padding: 3px 0;
  }
}
.main.color-stop__medium .shadow__preview {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main.color-stop__medium .shadow__square {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #F0F0F0;
}
.main.color-stop__medium .effect-list__container {
  margin-bottom: 1rem;
}
.main.color-stop__medium .effect-list__list-container__mixed {
  padding-top: 1rem;
  text-align: center;
  color: #757575;
  font-style: italic;
}
.main.color-stop__medium .effect-list__shadow {
  margin-bottom: 1rem;
}
.main.color-stop__medium .effect-list__shadow__disabled {
  color: #757575;
}
.main.color-stop__medium .effect-list__stroke__styles {
  height: auto;
}
.main.color-stop__medium .unsupported-effect-list__effect {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4em 0.6em;
  border: 1px solid #757575;
  margin: 0.4em 0;
  border-radius: 0.4em;
}
.main.color-stop__medium .unsupported-effect-list__effect__title {
  font-style: italic;
  color: #C2C2C2;
}
.main.color-stop__medium .unsupported-effect-list__effect:hover {
  border: 1px solid item-disabled;
  color: #C2C2C2;
}
.main.color-stop__medium .unsupported-effect-list__effect__index {
  margin-left: 1em;
  font-style: italic;
}
.main.color-stop__medium .unsupported-effect-list__effect__toggle-btns {
  display: flex;
  justify-content: space-between;
  width: 4.5rem;
}
.main.color-stop__medium .fill-list__fill__disabled {
  color: #757575;
}
.main.color-stop__medium .pop-over.glyphs ul {
  list-style-type: none;
}
.main.color-stop__medium .pop-over.glyphs li {
  display: block;
}
.main.color-stop__medium .pop-over.glyphs .glyph-container {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  display: block;
  border-left: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__medium .pop-over.glyphs li:nth-child(1) .glyph-container,
.main.color-stop__medium .pop-over.glyphs li:nth-child(2) .glyph-container,
.main.color-stop__medium .pop-over.glyphs li:nth-child(3) .glyph-container,
.main.color-stop__medium .pop-over.glyphs li:nth-child(4) .glyph-container {
  border-top: 1px solid #bcbcbc;
}
.main.color-stop__medium .pop-over.glyphs li:last-child .glyph-container {
  border-right: 1px solid #bcbcbc;
}
.main.color-stop__medium .pop-over.glyphs li:nth-child(4n+4) .glyph-container {
  border-right: 1px solid #bcbcbc;
}
.main.color-stop__medium .pop-over.glyphs .glyph-container:hover {
  background-color: #ffffff;
}
.main.color-stop__medium .pop-over.glyphs .glyph-container:active {
  background-color: #424242;
  color: #F0F0F0;
}
.main.color-stop__medium .pop-over.glyphs .glyph {
  line-height: 49px;
  font-size: 42px;
}
.main.color-stop__medium .pop-over.lorem-ipsum {
  display: block;
  height: 100%;
}
.main.color-stop__medium .lorem-ipsum-container textarea {
  color: #424242;
  height: 100%;
}
.main.color-stop__medium .stroke-list__stroke__disabled {
  color: #757575;
}
.main.color-stop__medium .effects,
.main.color-stop__medium .appearance {
  width: 100%;
}
.main.color-stop__medium .export {
  width: 100%;
}
.main.color-stop__medium .effects {
  flex-shrink: 1;
}
.main.color-stop__medium .effects .section-container {
  min-height: 3rem;
}
.main.color-stop__medium .style-workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__medium .style-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__medium .style-button svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .style-button:hover svg {
  fill: #F0F0F0;
  stroke: none;
}
.main.color-stop__medium .style-button__disabled svg,
.main.color-stop__medium .style-button__disabled:hover svg {
  fill: #919191;
}
.main.color-stop__medium .fill-list__fill .button-toggle,
.main.color-stop__medium .stroke-list__stroke .button-toggle,
.main.color-stop__medium .shadow-list__shadow .button-toggle {
  height: 2.5rem;
  padding-top: 0.2rem;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
.main.color-stop__medium .stroke-list__stroke .button-toggle {
  height: 2rem;
}
.main.color-stop__medium .type {
  height: 22rem;
  flex-grow: 0;
}
.main.color-stop__medium .appearance__mixed {
  height: 36rem;
}
.main.color-stop__medium .header-alignment {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 4.6rem;
}
.main.color-stop__medium .button-align-distribute {
  box-sizing: border-box;
  border: none;
  width: 2rem;
  height: 2rem;
}
.main.color-stop__medium .reference-point {
  opacity: 0;
}
.main.color-stop__medium .reference-point__active {
  opacity: 1.0;
}
.main.color-stop__medium .search-bar__dialog {
  background: no-repeat left #535353;
  background-size: 2rem;
  background-position: 1.7rem 1.5rem;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0);
  /*this is important so it won't bounce when typing in the search field */
  width: 50rem;
  min-height: 5rem;
  max-height: 60rem;
  /*this is important for use with dialog.showModa()*/
  line-height: normal;
  box-shadow: none;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  overflow: visible;
}
.main.color-stop__medium .search-bar__dialog .drop-down {
  margin-top: 1rem;
  border: none;
  float: right;
  width: 46rem;
  background: #535353;
}
.main.color-stop__medium .search-bar__dialog svg {
  margin-left: 1.1rem;
  margin-top: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #D7D7D7;
}
.main.color-stop__medium .search-bar__dialog .drop-down svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-right: 1rem;
  fill: #D7D7D7;
}
.main.color-stop__medium .search-bar__dialog .drop-down:hover {
  background: #535353;
}
.main.color-stop__medium .search-bar__dialog .drop-down input {
  border: none;
  font-size: 2rem;
  margin-left: 1.1rem;
  width: 42rem;
  color: #F4F4F4;
  height: auto;
  line-height: 2.8rem;
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__medium .search-bar__dialog .drop-down.hasIcon input {
  margin-left: 3.2rem;
  width: 40rem;
}
.main.color-stop__medium .search-bar__dialog ::-webkit-input-placeholder {
  color: #757575;
}
.main.color-stop__medium .search-bar__dialog .drop-down input:focus {
  background: rgba(0, 0, 0, 0);
  color: #F4F4F4;
  border: none;
}
.main.color-stop__medium .search-bar__dialog .drop-down input:hover,
.main.color-stop__medium .search-bar__dialog .drop-down input:focus:hover {
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 2rem;
}
.main.color-stop__medium .search-bar__dialog .drop-down .hidden-input {
  font-size: 2rem;
  display: inline-block;
  position: absolute;
  margin-left: 1.1rem;
  visibility: hidden;
  white-space: pre;
}
.main.color-stop__medium .search-bar__dialog .drop-down.hasIcon .hidden-input {
  margin-left: 3.2rem;
}
.main.color-stop__medium .search-bar__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.01);
}
.main.color-stop__medium .search-bar__dialog .dialog__target.dialog-search-bar {
  margin-left: -1.75rem;
  width: 47.5rem;
}
.main.color-stop__medium .search-bar__dialog .select__option {
  padding: 0.5rem 0.8rem 0.7rem 0.7rem;
  margin: 0;
  border-left: .3rem solid transparent;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .search-bar__dialog .select__option span {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .search-bar__dialog .select__option svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__medium .search-bar__dialog .select__option .select__option__info {
  flex-shrink: 1;
  text-overflow: ellipsis;
}
.main.color-stop__medium .search-bar__dialog .select__option__selected {
  color: #1473E6;
  border-left: 0.3rem solid #3691ff;
  background-color: #282828;
}
.main.color-stop__medium .search-bar__dialog .select__option__selected svg {
  fill: #3691ff;
}
.main.color-stop__medium .search-bar__dialog .select__option__selected .select__option__info {
  color: #F4F4F4;
}
.main.color-stop__medium .search-bar__dialog .select__header {
  color: #757575;
  border-top: 1px solid #808080;
  margin-top: 1rem;
  margin-bottom: .25rem;
}
.main.color-stop__medium .search-bar__dialog .select__header:first-child {
  border: none;
  margin-top: .25rem;
}
.main.color-stop__medium .search-bar__dialog .select__option__info {
  color: #757575;
  line-height: 2.1rem;
}
.main.color-stop__medium .search-bar__dialog .datalist__svg {
  position: absolute;
  top: 1.6rem;
  left: 3.6rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #F0F0F0;
}
.main.color-stop__medium .search-bar__dialog .autocomplete {
  display: inline-block;
  position: absolute;
  color: #757575;
  line-height: 3rem;
  height: 3rem;
  white-space: pre;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__medium .button-simple.button-clear-search {
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
  color: #F0F0F0;
  font-size: 1.6rem;
  font-weight: bold;
}
.main.color-stop__medium .button-simple.button-clear-search:hover {
  color: #F4F4F4;
}
.main.color-stop__medium .layer-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #3691ff;
  stroke-opacity: 0.0;
}
.main.color-stop__medium .layer-artboard-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #3691ff;
  stroke-opacity: 0.0;
}
.main.color-stop__medium .superselect-marquee {
  fill: #3691ff;
  fill-opacity: 0.2;
  stroke: #3691ff;
  shape-rendering: crispEdges;
}
.main.color-stop__medium .marquee-hover {
  stroke: #3691ff;
  stroke-width: 0.5;
  stroke-opacity: 1.0;
  shape-rendering: crispEdges;
}
.main.color-stop__medium .layer-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__medium .artboard-adder {
  fill-opacity: 0.0;
  stroke-opacity: 1.0;
  stroke: #3691ff;
}
.main.color-stop__medium .vector-mask-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #3691ff;
}
.main.color-stop__medium .vector-mask-hud {
  fill-opacity: 1.0;
}
.main.color-stop__medium .vector-mask-hud use {
  opacity: 0.85;
}
.main.color-stop__medium .vector-mask-hud use:hover {
  opacity: 1;
}
.main.color-stop__medium .vector-mask-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__medium .vector-mask-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__medium .sampler-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #3691ff;
  stroke-opacity: 0.0;
}
.main.color-stop__medium .sampler-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__medium .sampler-selection {
  fill-opacity: 0.0;
  stroke: #EC39FF;
  stroke-opacity: 1.0;
}
.main.color-stop__medium .sampler-hud {
  fill-opacity: 1.0;
}
.main.color-stop__medium .sampler-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #3691ff;
}
.main.color-stop__medium .sampler-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__medium .sampler-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__medium .guide-edges {
  fill-opacity: 0.0;
  stroke-opacity: 0.0;
}
.main.color-stop__medium .guide-edges__hover {
  fill: #3691ff;
  fill-opacity: 0.5;
}
.main.color-stop__medium .first-launch__dialog {
  background-color: #282828;
  color: #D7D7D7;
}
.main.color-stop__medium .keyboard-shortcut__dialog {
  background-color: #282828;
  color: #F0F0F0;
}
.main.color-stop__medium .first-launch__dialog,
.main.color-stop__medium .keyboard-shortcut__dialog {
  line-height: normal;
  width: 86rem;
  max-height: 66rem;
  height: 66rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-left: 0;
}
.main.color-stop__medium .keyboard-shortcut__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2.4rem 4.8rem 4.8rem 4.8rem;
  width: 76rem;
  font-size: 1.5rem;
}
.main.color-stop__medium .keyboard-shortcut__content li {
  clear: both;
  line-height: 4.5rem;
  height: 4.5rem;
  border-bottom: 1px solid #424242;
  color: #bcbcbc;
}
.main.color-stop__medium .keyboard-shortcut__content li .button-simple {
  display: inline-block;
  padding-top: .3rem;
  height: 4.2rem;
  float: left;
  margin-right: 1rem;
}
.main.color-stop__medium .keyboard-shortcut__title {
  border-bottom: 1px solid #bcbcbc;
  font-size: 1.8rem;
  line-height: 4.8rem;
}
.main.color-stop__medium .keyboard-shortcut__column-1,
.main.color-stop__medium .keyboard-shortcut__column-2 {
  height: 34rem;
}
.main.color-stop__medium .keyboard-shortcut__column-1 {
  width: 30rem;
}
.main.color-stop__medium .keyboard-shortcut__column-2 {
  width: 40rem;
}
.main.color-stop__medium .keyboard-shortcut__name {
  float: left;
}
.main.color-stop__medium .keyboard-shortcut__instr {
  float: right;
  font-weight: bold;
  color: #F0F0F0;
}
.main.color-stop__medium .first-launch__dialog::backdrop,
.main.color-stop__medium .keyboard-shortcut__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main.color-stop__medium .keyboard-shortcut__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__medium .first-launch__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__medium .first-launch__carousel {
  background-color: #282828;
  color: #D7D7D7;
  font-size: 2.5rem;
  width: 86rem;
  height: 66rem;
  position: relative;
}
.main.color-stop__medium .carousel__slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 66rem;
  display: none;
  opacity: 0;
}
.main.color-stop__medium .carousel__slide__shown {
  display: block;
  opacity: 1;
}
.main.color-stop__medium .carousel__slide__full {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  padding-top: 6rem;
  height: 100%;
  text-align: center;
  position: relative;
}
.main.color-stop__medium .carousel__slide__full h1 {
  padding-top: 6rem;
  font-size: 3.2rem;
  padding-bottom: 14.2rem;
}
.main.color-stop__medium .carousel__slide__full h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__medium .carousel__slide__full h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__medium .carousel__slide__full p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.main.color-stop__medium .carousel__slide__full img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__medium .carousel__slide__full img.no-scale {
  width: auto;
  position: relative;
}
.main.color-stop__medium .carousel__slide__head {
  height: 43.7rem;
}
.main.color-stop__medium .carousel__slide__head.links {
  display: flex;
  justify-content: space-around;
}
.main.color-stop__medium .carousel__slide__head img,
.main.color-stop__medium .carousel__slide__head video {
  display: block;
  max-width: 100%;
}
.main.color-stop__medium .carousel__slide__head .block-link__image {
  width: auto;
  height: 8rem;
  flex-grow: 0;
}
.main.color-stop__medium .carousel__slide__body {
  padding-top: 6rem;
  padding-left: 6rem;
  padding-right: 6rem;
  text-align: center;
}
.main.color-stop__medium .carousel__slide__body h1 {
  font-size: 3rem;
}
.main.color-stop__medium .carousel__slide__body h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.main.color-stop__medium .carousel__slide__body p {
  color: #bcbcbc;
  font-size: 1.8rem;
}
.main.color-stop__medium .carousel__nav {
  position: absolute;
  width: 100%;
  bottom: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 3.6rem;
  border-top: #808080 solid 1px;
}
.main.color-stop__medium .carousel__nav .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 10rem;
  height: 7.2rem;
}
.main.color-stop__medium .carousel__nav .dot svg {
  display: block;
  fill: #919191;
  width: 10rem;
  height: 3.6rem;
  align-self: flex-start;
}
.main.color-stop__medium .carousel__nav .dot h3 {
  font-size: 1.6rem;
  color: #757575;
  align-self: flex-end;
}
.main.color-stop__medium .carousel__nav .dot.current svg,
.main.color-stop__medium .carousel__nav .dot.current:hover svg {
  fill: #3691ff;
}
.main.color-stop__medium .carousel__nav .dot.current h3,
.main.color-stop__medium .carousel__nav .dot.current:hover h3 {
  color: #3691ff;
}
.main.color-stop__medium .carousel__nav .dot:hover h3 {
  color: #C2C2C2;
}
.main.color-stop__medium .carousel__nav .dot:hover svg {
  fill: #DDDDDD;
}
.main.color-stop__medium .carousel__slide__head__list,
.main.color-stop__medium .carousel__slide__three__list {
  width: 50%;
  float: left;
  padding-top: 16rem;
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__medium .carousel__slide__head__list h3,
.main.color-stop__medium .carousel__slide__three__list h3 {
  font-size: 1.6rem;
  margin-bottom: 3.2rem;
}
.main.color-stop__medium .carousel__slide__head__list p,
.main.color-stop__medium .carousel__slide__three__list p {
  color: #bcbcbc;
  font-size: 1.4rem;
  height: 9rem;
}
.main.color-stop__medium .carousel__slide__head__list a,
.main.color-stop__medium .carousel__slide__three__list a {
  cursor: pointer;
  text-decoration: underline;
}
.main.color-stop__medium .carousel__slide__three__list {
  width: 33.3%;
}
.main.color-stop__medium .carousel__slide__three__list h2 {
  color: #D7D7D7;
}
.main.color-stop__medium .carousel__slide__three__list div:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__medium .carousel__slide__three__list div:hover h2 {
  color: #F4F4F4;
}
.main.color-stop__medium .carousel__slide__three__list svg {
  fill: #D7D7D7;
  width: 100%;
  height: 3.6rem;
  margin-bottom: 2.4rem;
}
.main.color-stop__medium .carousel__slide-button__continue {
  position: absolute;
  display: block;
  bottom: 16rem;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #D7D7D7;
  border-radius: 3.2rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  cursor: pointer;
}
.main.color-stop__medium .carousel__slide-button__continue:hover {
  color: #F4F4F4;
  border: 1px solid #F4F4F4;
}
.main.color-stop__medium .carousel__slide-button__next,
.main.color-stop__medium .carousel__slide-button__prev,
.main.color-stop__medium .carousel__slide-button__started {
  position: absolute;
  border-radius: 3.2rem;
  border: 1px solid #808080;
  top: -49.2rem;
  cursor: pointer;
}
.main.color-stop__medium .carousel__slide-button__next:hover,
.main.color-stop__medium .carousel__slide-button__prev:hover,
.main.color-stop__medium .carousel__slide-button__started:hover {
  border-color: #F4F4F4;
}
.main.color-stop__medium .carousel__slide-button__started {
  width: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-color: #F0F0F0;
  font-size: 1.5rem;
  line-height: 3.2rem;
}
.main.color-stop__medium .carousel__slide-button__next,
.main.color-stop__medium .carousel__slide-button__prev {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__medium .carousel__slide-button__next svg,
.main.color-stop__medium .carousel__slide-button__prev svg {
  width: 1rem;
  height: 1rem;
  fill: #DDDDDD;
  stroke: none;
}
.main.color-stop__medium .carousel__slide-button__next:hover svg,
.main.color-stop__medium .carousel__slide-button__prev:hover svg {
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__medium .carousel__slide-button__prev {
  left: 1.6rem;
}
.main.color-stop__medium .carousel__slide-button__next,
.main.color-stop__medium .carousel__slide-button__started {
  right: 1.6rem;
}
.main.color-stop__medium .carousel__slide__block {
  width: 33%;
  border-left: 0.5rem solid black;
  border-right: 0.5rem solid black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #D7D7D7;
}
.main.color-stop__medium .carousel__slide__block:first-child {
  border: none;
}
.main.color-stop__medium .carousel__slide__block:last-child {
  border: none;
}
.main.color-stop__medium .carousel__slide__block-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main.color-stop__medium .block-link__image img {
  width: 3.5rem;
  height: 3.5rem;
}
.main.color-stop__medium .carousel__slide .advertisement {
  margin-top: 0;
}
.main.color-stop__medium .carousel__slide .advertisement h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__medium .carousel__slide .advertisement em {
  font-weight: 400;
  white-space: nowrap;
}
.main.color-stop__medium .carousel__slide .advertisement a {
  color: #3691ff;
}
.main.color-stop__medium :lang(ja) .advertisement,
.main.color-stop__medium :lang(de) .advertisement {
  text-align: left;
}
.main.color-stop__medium :lang(fr) .carousel__slide__body {
  padding-right: 2em;
  padding-left: 2em;
}
.main.color-stop__medium :lang(fr) .carousel__slide__full.slide-0 {
  padding-top: 0rem;
}
.main.color-stop__medium :lang(fr) .carousel__slide__full.slide-0 img {
  top: -6rem;
}
.main.color-stop__medium :lang(fr) .carousel__slide__full.slide-5 h2 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.main.color-stop__medium :lang(fr) .carousel__slide-button__continue {
  bottom: 15rem;
}
.main.color-stop__medium :lang(fr) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__medium :lang(de) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__medium :lang(de) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__medium :lang(de) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}
.main.color-stop__medium :lang(de) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__medium :lang(de) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-3 img {
  top: 3rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-3 h2 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-3 h2:first-of-type {
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-4 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-5 h2 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide__full.slide-6 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__medium :lang(ja) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__medium hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #bcbcbc;
}
.main.color-stop__medium [data-scrubby=true] {
  cursor: col-resize;
}
.main.color-stop__medium textarea,
.main.color-stop__medium input[type="text"] {
  background-color: transparent;
  color: #F0F0F0;
  border-top: none;
  border-left: none;
  border-bottom: solid 1px transparent;
  border-right: none;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__medium textarea:hover,
.main.color-stop__medium input[type="text"]:hover {
  color: #F4F4F4;
}
.main.color-stop__medium input[type="text"] {
  font-size: 1.4rem;
  height: 2rem;
  border-bottom: 1px solid #808080;
}
.main.color-stop__medium input[type="text"]:hover {
  border-bottom: 1px solid #C2C2C2;
}
.main.color-stop__medium input[type="text"]:hover:disabled,
.main.color-stop__medium input[type="text"]:disabled {
  color: #757575;
  border-bottom-color: #5D5D5D;
}
.main.color-stop__medium input[type="text"]:focus {
  color: #e6e6e6;
  border-bottom-color: #3691ff;
}
.main.color-stop__medium input[list]:focus {
  text-decoration: none;
}
.main.color-stop__medium * {
  box-sizing: border-box;
  flex-shrink: 0;
}
.main.color-stop__medium *:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.main.color-stop__medium *::selection {
  background: #1B8BE9;
  border-radius: .2rem;
}
.main.color-stop__medium input[disabled]::selection {
  color: #757575;
}
.main.color-stop__medium.main__ready .section-container,
.main.color-stop__medium .panel-set__ready .section-container,
.main.color-stop__medium .panel-set__ready .section-container__no-collapse {
  opacity: 1;
  transition: all 200ms ease;
}
.main.color-stop__medium.main__ready .section-container.libraries__container,
.main.color-stop__medium .panel-set__ready .section-container.libraries__container,
.main.color-stop__medium .panel-set__ready .section-container__no-collapse.libraries__container {
  opacity: 0;
}
.main.color-stop__medium.main__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__medium .panel-set__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__medium .panel-set__ready .section-container__no-collapse.libraries__container.libraries__ready {
  opacity: 1;
}
.main.color-stop__original {
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Basic Colors */
  /* Dialog */
  /* Align | Distribute */
  /* Layers */
  /* Libraries */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- TOOLBAR -- */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* -- PROPERTIES -- */
  /**** JAPANESE *****/
  /**** GERMAN *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2015 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* STYLE ----------------------*/
  /* PAGES ----------------------*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 *
 * Portions of this code are adapted from react-simple-colorpicker
 * https://github.com/WickyNilliams/react-simple-colorpicker
 * 
 * The MIT License (MIT)
 * 
 * Copyright (c) 2014 Nick Williams
 * Copyright (c) 2014 George Czabania
 * 
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 * 
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 * THE SOFTWARE.
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** JAPANESE *****/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* READ THIS FIRST

All class names in this section come from Jquery, so don't get bent out of
shape if you hate the naming conventions. It's out of our hands for the moment.
Class notes come from http://api.jqueryui.com/theming/css-framework/

*/
  /*
Class to be applied to the outer container of all widgets. Applies font-family
and font size to widgets.
*/
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /* Clearing the default style */
  /* Bar */
  /* Handle */
  /* Track */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**
 * Exports Panel
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"),
 * to deal in the Software without restriction, including without limitation
 * the rights to use, copy, modify, merge, publish, distribute, sublicense,
 * and/or sell copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /*
 * Copyright (c) 2014 Adobe Systems Incorporated. All rights reserved.
 *  
 * Permission is hereby granted, free of charge, to any person obtaining a
 * copy of this software and associated documentation files (the "Software"), 
 * to deal in the Software without restriction, including without limitation 
 * the rights to use, copy, modify, merge, publish, distribute, sublicense, 
 * and/or sell copies of the Software, and to permit persons to whom the 
 * Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 *  
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING 
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER 
 * DEALINGS IN THE SOFTWARE.
 *
 */
  /**** FRENCH *****/
  /**** GERMAN *****/
  /**** JAPANESE *****/
  color: #606060;
}
.main.color-stop__original .document-title {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  letter-spacing: .05rem;
  overflow: hidden;
  max-width: 30rem;
  min-width: 6rem;
  flex-shrink: 1;
  padding-left: 2rem;
  padding-right: 2rem;
  color: #A3A3A3;
}
.main.color-stop__original .document-title__stub {
  flex-grow: 1;
}
.main.color-stop__original .document-title:hover {
  flex-shrink: 0;
  color: #555555;
}
.main.color-stop__original .document-title__current {
  flex-shrink: 0;
  color: #333333;
}
.main.color-stop__original .document-title__current:hover {
  color: #333333;
}
.main.color-stop__original .document-title__small {
  font-size: 1.4rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__original .document-title__mask {
  padding-left: 2rem;
  padding-right: 2rem;
}
.main.color-stop__original .document-header-container {
  height: 4.6rem;
  overflow: hidden;
  flex-grow: 10;
  display: flex;
  width: 10px;
  flex-wrap: wrap;
}
.main.color-stop__original .document-header,
.main.color-stop__original .document-header__hidden {
  height: 4.6rem;
  line-height: 4.6rem;
  flex-direction: row;
  position: relative;
  overflow: hidden;
  display: flex;
  width: 100%;
  flex-shrink: 0;
  flex-grow: 1;
  overflow-x: scroll;
}
.main.color-stop__original .document-header__stub {
  margin-top: 4.6rem;
}
.main.color-stop__original .document-controls__unsupported {
  color: red;
  padding-right: .5rem;
}
.main.color-stop__original .icon-header {
  height: 4.6rem;
  line-height: 4.8rem;
  max-width: 13rem;
  width: 13rem;
  display: flex;
  flex-grow: 1;
}
.main.color-stop__original .icon-header-buttons {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus {
  background: none;
  fill: #575757;
  width: 4.8rem;
  height: 4.4rem;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus:hover {
  fill: #575757;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg {
  fill: #909090;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__disabled svg:hover {
  fill: #909090;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__active svg {
  fill: #1473e6;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__active svg:hover {
  fill: #1473e6;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode {
  background: #1473e6;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg {
  fill: white;
}
.main.color-stop__original .icon-header-buttons .button-simple.button-plus.button-simple__active.tool-maskmode svg:hover {
  background: #1473e6;
  fill: white;
}
.main.color-stop__original .document-container {
  box-sizing: border-box;
  height: 4.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 0;
  flex-shrink: 1;
  flex-grow: 10;
  background-color: #f0f0f0;
  border-left: 0.2rem solid #CCCCCC;
  border-right: 0.2rem solid #CCCCCC;
  border-top: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .scrim {
  position: absolute;
  opacity: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.main.color-stop__original .scrim-drop {
  cursor: copy;
}
.main.color-stop__original .scrim__disabled {
  cursor: not-allowed;
  background-color: white;
  opacity: 0.01;
}
.main.color-stop__original .scrim svg {
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__original .tool-spacer {
  border-top: 1px solid #DBDBDB;
  opacity: .55;
}
.main.color-stop__original .toolbar {
  box-sizing: border-box;
  z-index: 1;
  width: 5rem;
  height: 4.6rem;
  background-color: #f0f0f0;
  color: #606060;
  box-shadow: inset -0.2rem 0 0 transparent, inset 1px 0.2rem 0 #CCCCCC;
}
.main.color-stop__original .toolbar .toolbar-button.tool-selected {
  display: flex;
}
.main.color-stop__original .toolbar .toolbar-button,
.main.color-stop__original .toolbar .zoom {
  display: none;
}
.main.color-stop__original .toolbar.expanded {
  height: auto;
  color: #DBDBDB;
}
.main.color-stop__original .toolbar.expanded .toolbar-button,
.main.color-stop__original .toolbar.expanded .zoom {
  display: flex;
}
.main.color-stop__original .toolbar .zoom {
  position: absolute;
  bottom: 1.3rem;
  align-items: center;
  justify-content: center;
  width: 5rem;
  flex-wrap: wrap;
}
.main.color-stop__original .toolbar .zoom .button-simple.toolbar__zoom {
  display: flex;
  align-self: flex-start;
}
.main.color-stop__original .toolbar .zoom .button-simple.toolbar__zoom svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #A3A3A3;
}
.main.color-stop__original .toolbar .zoom .number-input {
  width: 5rem;
  text-align: center;
  font-size: 1.4rem;
  border-bottom-color: transparent;
}
.main.color-stop__original .toolbar .zoom .number-input:hover {
  border-bottom-color: transparent;
}
.main.color-stop__original .toolbar .zoom .number-input:focus {
  border-bottom-color: #1473e6;
}
.main.color-stop__original .toolbar li:first-child {
  margin: 0;
  box-shadow: -0.2rem 0 0 #CCCCCC;
}
.main.color-stop__original .tool-current {
  display: none;
}
.main.color-stop__original .toolbar li .button-simple {
  width: 5rem;
  height: 4.8rem;
  margin: 0.1rem 0;
  box-shadow: none;
}
.main.color-stop__original .panel-set {
  height: 100%;
  max-height: 100%;
  display: flex;
  box-shadow: inset 0.2rem 0 0 transparent;
}
.main.color-stop__original .panel-section {
  display: flex;
  flex-shrink: 1;
  flex-grow: 1;
}
.main.color-stop__original .panel-transform-section,
.main.color-stop__original .panel-appearance-section {
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__original .panel-appearance-section .section-container .stroke {
  margin-top: .4rem;
}
.main.color-stop__original .panel-layers-section,
.main.color-stop__original .panel-libraries-section {
  min-height: 50%;
}
.main.color-stop__original .panel-section__collapsed {
  min-height: 4.6rem;
  height: 4.6rem;
  flex-grow: 0;
}
.main.color-stop__original .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__original .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__original .panel-section__not-visible {
  display: none;
}
.main.color-stop__original .panel-set__container {
  height: 100%;
  max-height: 100%;
  display: flex;
}
.main.color-stop__original .panel-set__not-visible {
  display: none;
}
.main.color-stop__original .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__original .panel__tab-bar {
  background-color: #f0f0f0;
  width: 5rem;
  box-shadow: inset 0 0.2rem 0 #CCCCCC, inset -1px 1px 0 #CCCCCC;
  display: none;
  z-index: 1;
}
.main.color-stop__original .panel__tab-bar__visible {
  display: block;
}
.main.color-stop__original .panel__tab-bar .button-simple {
  width: 4.8rem;
  height: 4.8rem;
}
.main.color-stop__original .panel {
  height: 100%;
  max-height: 100%;
  width: 32rem;
  background-color: #f0f0f0;
  box-shadow: inset 0 0.2rem 0 #CCCCCC;
  border-right: 0.2rem solid #CCCCCC;
  z-index: 1;
  display: none;
  position: relative;
  flex-direction: column;
}
.main.color-stop__original .panel__visible + .panel:nth-child(2) {
  border-right: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .panel__visible {
  display: flex;
}
.main.color-stop__original .properties {
  height: 100%;
  width: 32rem;
  overflow: hidden;
  min-height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: stretch;
  flex-shrink: 0;
  display: none;
}
.main.color-stop__original .properties__active {
  display: flex;
}
.main.color-stop__original .formline {
  display: flex;
  align-items: center;
  padding-top: 0.8rem;
  padding-bottom: 0.9rem;
  width: 28.8rem;
}
.main.color-stop__original .formline__no-padding {
  padding-bottom: 0.1rem;
}
.main.color-stop__original .formline:first-child {
  padding-top: 0;
}
.main.color-stop__original .formline__padded-first-child:first-child {
  padding-top: 0.8rem;
}
.main.color-stop__original .formline__bottom-align {
  align-items: flex-end;
}
.main.color-stop__original .formline__space-between {
  justify-content: space-between;
}
.main.color-stop__original .section {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-shrink: 1;
  border-bottom: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .section.export {
  border-bottom: 0;
}
.main.color-stop__original .section.section__collapsed {
  flex-grow: 0;
  height: auto;
  border-bottom: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .transform.section,
.main.color-stop__original .section-header {
  padding: 0 1.6rem;
}
.main.color-stop__original .recent-files {
  flex-shrink: 1;
}
.main.color-stop__original .artboard-launcher .section-container {
  flex-shrink: 0;
}
.main.color-stop__original .layers .section-container {
  padding: 0;
  flex-shrink: 1;
}
.main.color-stop__original .section-container,
.main.color-stop__original .section-container__no-collapse {
  overflow-x: hidden;
  overflow-y: auto;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.5rem 0;
  display: flex;
  align-items: initial;
  opacity: 0;
}
.main.color-stop__original .section-container__collapsed {
  display: none;
}
.main.color-stop__original .layer-count {
  opacity: 0;
}
.main.color-stop__original .artboard-presets,
.main.color-stop__original .recent-files {
  flex-grow: 1;
}
.main.color-stop__original .artboard-presets .section-container,
.main.color-stop__original .recent-files .section-container {
  padding: 0;
}
.main.color-stop__original .recent-files .section-container {
  padding-bottom: 1rem;
  flex-shrink: 1;
}
.main.color-stop__original .effects.section__collapsed,
.main.color-stop__original .export.section__collapsed {
  min-height: 4.8rem;
}
.main.color-stop__original .appearance .section-container,
.main.color-stop__original .type .section-container,
.main.color-stop__original .effects .section-container,
.main.color-stop__original .export .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__original .effects .section-container > div {
  width: 100%;
}
.main.color-stop__original .libraries .section-container {
  padding: 0 1.6rem;
}
.main.color-stop__original .appearance {
  flex-shrink: 0;
}
.main.color-stop__original .radius_input .control-group__vertical {
  margin-left: .2rem;
}
.main.color-stop__original .radius_input {
  padding-bottom: 2rem;
}
.main.color-stop__original .last-line__type {
  padding-bottom: 2rem;
}
.main.color-stop__original .transform.section {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 0;
}
.main.color-stop__original .transform.section .section-header {
  box-sizing: content-box;
  padding: 0 1.6rem;
  border-bottom: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .transform__body {
  padding: 1rem 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.main.color-stop__original .transform__body .control-group:first-child .control-group__horizontal label:first-child {
  margin-left: 1rem;
}
.main.color-stop__original .layers {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.main.color-stop__original .column-1 {
  width: 1rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-2 {
  width: 2rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-3 {
  width: 3rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-4 {
  width: 4rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-5 {
  width: 5rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-6 {
  width: 6rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-7 {
  width: 7rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-8 {
  width: 8rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-9 {
  width: 9rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-10 {
  width: 10rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-11 {
  width: 11rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-12 {
  width: 12rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-13 {
  width: 13rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-14 {
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-15 {
  width: 15rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-16 {
  width: 16rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-17 {
  width: 17rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-18 {
  width: 18rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-19 {
  width: 19rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-20 {
  width: 20rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-21 {
  width: 21rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-22 {
  width: 22rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-23 {
  width: 23rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-24 {
  width: 24rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-25 {
  width: 25rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-26 {
  width: 26rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-27 {
  width: 27rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-28 {
  width: 28rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-29 {
  width: 29rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-30 {
  width: 30rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-31 {
  width: 31rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-32 {
  width: 32rem;
  flex-shrink: 0;
}
.main.color-stop__original .column-full {
  width: 28.8rem;
}
.main.color-stop__original .column-half {
  width: 0.5rem;
}
.main.color-stop__original .panel__info {
  flex-shrink: 1;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1rem;
  text-align: center;
  line-height: 1.8rem;
  margin: 0 1.6rem;
  color: #A3A3A3;
}
.main.color-stop__original .panel__info div {
  margin-bottom: 1rem;
}
.main.color-stop__original .panel__info__title {
  color: #A3A3A3;
}
.main.color-stop__original .panel__info__link a {
  color: #A3A3A3;
}
.main.color-stop__original .dialog-effects-popover,
.main.color-stop__original .dialog-export-popover {
  overflow: visible;
}
.main.color-stop__original .workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__original .workflow-buttons .button-simple:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__original .workflow-buttons .button-simple-plus:not(:first-child) {
  margin-left: 0.4rem;
}
.main.color-stop__original .workflow-buttons .button-simple-iOS {
  width: 2.4rem;
  margin-left: .4rem;
}
.main.color-stop__original .workflow-buttons .button-simple-xdpi {
  width: 2.8rem;
  margin-left: .4rem;
  margin-right: .4rem;
}
.main.color-stop__original .popover-list {
  width: 100%;
}
.main.color-stop__original .popover-list:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 5.4rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  border: none;
  border-left: 1.5px solid #ADADAD;
  border-top: 1.5px solid #ADADAD;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__original .popover-list__item {
  padding: 0.8rem;
  border-left: 0.2rem solid transparent;
  padding: 0.8rem 0.8rem 0.8rem 0.6rem;
}
.main.color-stop__original .popover-list__item:hover {
  color: #1473E6;
  border-left: 0.2rem solid #1473e6;
}
.main.color-stop__original .popover-list__item-disabled,
.main.color-stop__original .popover-list__item-disabled:hover {
  color: #B5B5B5;
}
.main.color-stop__original .popover-list__item:first-child {
  border-radius: .4rem 0 0 0;
}
.main.color-stop__original .popover-list__item:last-child {
  border-radius: 0 0 0 .4rem;
}
.main.color-stop__original .label__medium.column-4.label__medium__left-aligned.opacity-label {
  margin-top: .2rem;
}
.main.color-stop__original .panel-set__small-screen .panel {
  border-right: 1px solid #CCCCCC;
}
.main.color-stop__original .panel-set__small-screen .export,
.main.color-stop__original .panel-set__small-screen .layers {
  border-bottom: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .panel-set__small-screen .section.section__collapsed {
  flex-grow: 0;
  flex-shrink: 0;
  height: auto;
  border-bottom: 0.2rem solid #CCCCCC;
}
.main.color-stop__original .panel-set__small-screen .panel-libraries-section,
.main.color-stop__original .panel-set__small-screen .panel-layers-section {
  flex-grow: 1;
  flex-basis: 20rem;
}
.main.color-stop__original .panel-set__small-screen .panel-export-section,
.main.color-stop__original .panel-set__small-screen .panel-effects-section {
  max-height: 15%;
  flex-grow: 0;
  min-height: 0;
}
.main.color-stop__original .panel-set__small-screen .panel-export-section.section__expand,
.main.color-stop__original .panel-set__small-screen .panel-effects-section.section__expand {
  height: auto;
}
.main.color-stop__original .panel-set__small-screen .panel-libraries-section,
.main.color-stop__original .panel-set__small-screen .panel-layers-section {
  min-height: 0;
}
.main.color-stop__original .panel-set__small-screen .layers,
.main.color-stop__original .panel-set__small-screen .libraries,
.main.color-stop__original .panel-set__small-screen .export,
.main.color-stop__original .panel-set__small-screen .effects {
  min-height: 0;
}
.main.color-stop__original .panel-set__small-screen .layers.section__collapsed,
.main.color-stop__original .panel-set__small-screen .libraries.section__collapsed,
.main.color-stop__original .panel-set__small-screen .export.section__collapsed,
.main.color-stop__original .panel-set__small-screen .effects.section__collapsed {
  min-height: 3.2rem;
  flex-grow: 1;
  flex-basis: 0;
}
.main.color-stop__original .panel-set__small-screen .panel-layers-section,
.main.color-stop__original .panel-set__small-screen .panel-export-section,
.main.color-stop__original .panel-set__small-screen .panel-effects-section,
.main.color-stop__original .panel-set__small-screen .panel-appearance-section {
  min-height: 4.6rem;
  overflow: hidden;
}
.main.color-stop__original .panel-set__small-screen .appearance,
.main.color-stop__original .panel-set__small-screen .type {
  height: 18rem;
  flex-grow: 0;
}
.main.color-stop__original .panel-set__small-screen .panel-section__collapsed {
  flex-grow: 0;
  flex-basis: auto;
  min-height: 3.2rem;
  height: 3.2rem;
}
.main.color-stop__original .panel-set__small-screen .panel-appearance-section.panel-section__no-selected-layer,
.main.color-stop__original .panel-set__small-screen .panel-effects-section.panel-section__no-selected-layer {
  flex-grow: 0;
  height: auto;
  min-height: 0;
}
.main.color-stop__original :lang(ja) .label__medium.column-4.label__medium__left-aligned.opacity-label {
  width: 5rem;
}
.main.color-stop__original :lang(ja) .label__medium.column-2.blur-label {
  width: 3.8rem;
}
.main.color-stop__original :lang(ja) .label__medium.column-4.spread-label {
  width: 7rem;
}
.main.color-stop__original :lang(ja) .label__medium__left-aligned.scale-title {
  width: 7rem;
}
.main.color-stop__original :lang(ja) .effect-list__container .section-title__subtitle {
  display: block;
}
.main.color-stop__original :lang(ja) .stroke-alignment-buttons {
  width: 11rem;
}
.main.color-stop__original :lang(ja) .effect-list__stroke .label__medium.column-3 {
  width: 4rem;
}
.main.color-stop__original :lang(de) .label__medium.column-2.blur-label {
  width: 5rem;
}
.main.color-stop__original :lang(de) .label__medium.column-4.spread-label {
  width: 5rem;
}
.main.color-stop__original .guard {
  display: none;
}
.main.color-stop__original .guard__enabled {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: wait;
  z-index: 999;
}
@-webkit-keyframes bounceIn {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes revealFromCenter {
  0% {
    width: 0%;
    opacity: 0;
  }
  100% {
    width: 80%;
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.main.color-stop__original .label__medium {
  display: flex;
  justify-content: flex-end;
  color: #A3A3A3;
  -webkit-user-select: none;
  font-size: 1.2rem;
  letter-spacing: .035rem;
  margin-right: 1rem;
}
.main.color-stop__original .label__medium__left-aligned {
  justify-content: flex-start;
}
.main.color-stop__original .loader-animation svg g {
  animation: loader-spin;
  animation-duration: 0.66s;
  animation-timing-function: steps(6, end);
  animation-iteration-count: infinite;
  transform-origin: center center;
}
.main.color-stop__original .compact-stats {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: column;
  height: 5rem;
  width: 14rem;
  flex-shrink: 0;
}
.main.color-stop__original .compact-stats .drop-down input {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__original .compact-stats .number-input {
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
  height: 1.6rem;
}
.main.color-stop__original .compact-stats__header input {
  font-size: 1.4rem;
  height: 1.9rem;
}
.main.color-stop__original .compact-stats__header input:hover {
  border-bottom: 1px solid #606060;
}
.main.color-stop__original .compact-stats__header input:focus {
  color: #333333;
  border-bottom: 1px solid #1473e6;
}
.main.color-stop__original .compact-stats__body {
  padding-top: 0.5rem;
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-direction: row;
  min-width: 10rem;
}
.main.color-stop__original .compact-stats__body__column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.main.color-stop__original .compact-stats__body__column .label-medium {
  padding-bottom: 0.2rem;
  justify-content: flex-start;
  text-indent: 2px;
}
.main.color-stop__original .control-group__vertical {
  margin-right: 1rem;
}
.main.color-stop__original .control-group__vertical:last-child {
  margin-right: 0;
}
.main.color-stop__original .control-group__no-label {
  margin-top: 1.2rem;
}
.main.color-stop__original .control-group__horizontal {
  display: flex;
  align-items: center;
}
.main.color-stop__original .control-group__horizontal__left {
  display: flex;
  align-items: left;
}
.main.color-stop__original .control-group__column {
  display: flex;
  flex-direction: column;
}
.main.color-stop__original .drop-down input,
.main.color-stop__original .drop-down input:hover,
.main.color-stop__original .drop-down input:focus,
.main.color-stop__original .drop-down input:focus:hover,
.main.color-stop__original .drop-down input:disabled .drop-down:hover input {
  font-size: 1.4rem;
  background-repeat: no-repeat;
  background-position: right;
  background-color: #f0f0f0;
  background-size: 1rem;
  padding-right: 1rem;
  outline: none;
}
.main.color-stop__original .drop-down input {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#393939' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__original .drop-down input:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#262626' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__original .drop-down input:focus,
.main.color-stop__original .drop-down input:focus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#1473e6' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__original .drop-down input:disabled {
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg width='11' height='7' viewBox='0 0 11 7' xmlns='http://www.w3.org/2000/svg'><title>drop-down</title><path d='M1.885 1.74l2.93 2.722m.685.68L9.164 1.74' stroke-linecap='square' stroke='#909090' stroke-width='1.5' fill='none' fill-rule='evenodd'/></svg>");
}
.main.color-stop__original svg use {
  transform: rotate(0);
}
.main.color-stop__original .icon {
  display: inline-flex;
}
.main.color-stop__original .toolbar-button,
.main.color-stop__original .toolbar__backToPs.button-simple {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__original .toolbar-button svg,
.main.color-stop__original .toolbar__backToPs.button-simple svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  padding-bottom: 0.2rem;
  border-bottom: 1px solid transparent;
  fill: #393939;
  stroke: none;
  color: #858585;
}
.main.color-stop__original .toolbar-button:hover svg,
.main.color-stop__original .toolbar__backToPs.button-simple:hover svg {
  fill: #262626;
  stroke: none;
}
.main.color-stop__original .tool-selected.button-simple svg,
.main.color-stop__original .tool-selected.button-simple:hover svg {
  fill: #1473e6;
  stroke: none;
}
.main.color-stop__original .toolbar__backToPs.button-simple {
  position: absolute;
  bottom: 0;
  width: 5rem;
}
.main.color-stop__original .toolbar__backToPs.button-simple svg {
  fill: #393939;
}
.main.color-stop__original .button-generator {
  background: url("img/ico-generator-white.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__original .pop-over-header .button-generator {
  background: url("img/ico-generator-black.svg") no-repeat;
  background-size: 2rem;
  background-position-x: 1rem;
  background-position-y: 0.5rem;
}
.main.color-stop__original #mode-grid {
  background: url("img/ico-mode-grid-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__original #mode-divide {
  background: url("img/ico-mode-divide-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__original #mode-inset {
  background: url("img/ico-mode-inset-black.svg") no-repeat;
  background-size: 2rem;
}
.main.color-stop__original .control-group,
.main.color-stop__original .label,
.main.color-stop__original .button-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__original .control-group svg,
.main.color-stop__original .label svg,
.main.color-stop__original .button-toggle svg {
  width: 1.6rem;
  height: 2.4rem;
  fill: #393939;
  stroke: none;
  color: #858585;
}
.main.color-stop__original .control-group__disabled svg,
.main.color-stop__original .label__disabled svg,
.main.color-stop__original .button-toggle__disabled svg {
  fill: #A3A3A3;
}
.main.color-stop__original .button-simple svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #393939;
}
.main.color-stop__original .button-simple:hover svg {
  fill: #262626;
}
.main.color-stop__original .button-simple__disabled svg,
.main.color-stop__original .button-simple__disabled:hover svg,
.main.color-stop__original .button-simple:disabled svg svg {
  fill: #909090;
}
.main.color-stop__original .button-simple__disabled__disabled svg,
.main.color-stop__original .button-simple__disabled:hover__disabled svg,
.main.color-stop__original .button-simple:disabled svg__disabled svg,
.main.color-stop__original .button-simple__disabled__disabled:hover svg,
.main.color-stop__original .button-simple__disabled:hover__disabled:hover svg,
.main.color-stop__original .button-simple:disabled svg__disabled:hover svg {
  fill: #B5B5B5;
}
.main.color-stop__original .button-simple.button-plus {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__original .button-simple.button-iOS {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__original .button-simple.button-iOS svg {
  width: 2.4rem;
  height: 1.6rem;
}
.main.color-stop__original .button-simple.button-xdpi {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__original .button-simple.button-xdpi svg {
  width: 2.8rem;
  height: 1.6rem;
}
.main.color-stop__original .export-button {
  height: 1.7rem;
}
.main.color-stop__original .search-button {
  height: 1.7rem;
}
.main.color-stop__original .reference-mark {
  margin-right: 4.5rem;
}
.main.color-stop__original .reference-mark svg {
  width: 2.4rem;
  height: 2.4rem;
}
.main.color-stop__original .face .button-toggle svg {
  display: none;
}
.main.color-stop__original .face .button-toggle[data-selected="true"] svg,
.main.color-stop__original .face:hover .button-toggle svg {
  display: block;
  fill: #393939;
  stroke: none;
}
.main.color-stop__original .face__selected .button-toggle svg,
.main.color-stop__original .face__selected:hover .button-toggle svg {
  fill: #262626;
  stroke: none;
  display: block;
}
.main.color-stop__original .layer__not-visible .layer__not-visible + .layer-group .face:hover .button-toggle svg,
.main.color-stop__original .layer__not-visible .layer__not-visible + .layer-group .face .button-toggle svg {
  fill: #262626;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__original .face.face__not-visible:hover .button-toggle svg,
.main.color-stop__original .face.face__not-visible .button-toggle svg {
  fill: #262626;
  opacity: 0.28;
  stroke: none;
  display: block;
}
.main.color-stop__original .fill-list__fill .button-toggle svg,
.main.color-stop__original .stroke-list__stroke .button-toggle svg,
.main.color-stop__original .shadow-list__shadow .button-toggle svg {
  display: none;
}
.main.color-stop__original .fill-list__fill .button-toggle[data-selected="false"] svg,
.main.color-stop__original .stroke-list__stroke .button-toggle[data-selected="false"] svg,
.main.color-stop__original .shadow-list__shadow .button-toggle[data-selected="false"] svg {
  display: block;
  fill: #393939;
  stroke: none;
}
.main.color-stop__original .fill-list__fill:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__original .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]),
.main.color-stop__original .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) {
  opacity: 0.5;
}
.main.color-stop__original .fill-list__fill:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__original .stroke-list__stroke:hover .button-toggle:not([data-selected="false"]) svg,
.main.color-stop__original .shadow-list__shadow:hover .button-toggle:not([data-selected="false"]) svg {
  display: block;
  fill: #393939;
  stroke: none;
}
.main.color-stop__original .fill-list__fill .button-toggle[data-selected="true"] svg,
.main.color-stop__original .stroke-list__stroke .button-toggle[data-selected="true"] svg,
.main.color-stop__original .shadow-list__shadow .button-toggle[data-selected="true"] svg {
  display: none;
  fill: #DBDBDB;
  stroke: none;
  color: #858585;
}
.main.color-stop__original .fill-list__fill .button-toggle.layer-delete svg,
.main.color-stop__original .stroke-list__stroke .button-toggle.layer-delete svg,
.main.color-stop__original .shadow-list__shadow .button-toggle.layer-delete svg {
  stroke-width: 40px;
  stroke: none;
  transform: scale(2);
}
.main.color-stop__original .button-combo:focus {
  background: url("img/ico-search-white.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__original .pop-over-header .button-combo:focus {
  background: url("img/ico-search-black.svg") no-repeat center;
  background-position-x: .5rem;
}
.main.color-stop__original .face__kind {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__original .face__kind svg {
  width: 1.8rem;
  height: 2.4rem;
  fill: #909090;
  stroke: none;
}
.main.color-stop__original .face[data-kind="group"] .face__kind svg {
  fill: #393939;
}
.main.color-stop__original .face__not-visible .face__kind svg,
.main.color-stop__original .layer__not-visible + .layer-group .face .face__kind svg,
.main.color-stop__original .face__not-visible:hover .face__kind .main.color-stop__original .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__original .face__not-visible:hover .face__kind .main.color-stop__original .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__original .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__original .face__not-visible.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__original .layer__not-visible + .layer-group .face:hover .face__kind .main.color-stop__original .layer__not-visible + .layer-group .face.face[data-kind="group"]:hover .face__kind svg,
.main.color-stop__original .face__not-visible.face[data-kind="group"] .face__kind svg,
.main.color-stop__original .layer__not-visible + .layer-group .face.face[data-kind="group"] .face__kind svg {
  opacity: 0.28;
  fill: #393939;
  stroke: none;
}
.main.color-stop__original .face__selected .face__kind svg,
.main.color-stop__original .face__selected:hover .face__kind svg {
  fill: #262626;
  stroke: none;
}
.main.color-stop__original .face__selected[data-kind="group"] .face__kind svg {
  fill: #262626;
  stroke: none;
}
.main.color-stop__original .face .face__kind.face__kind__error svg,
.main.color-stop__original .face .face__kind.face__kind__error:hover svg {
  fill: #8A3533;
}
.main.color-stop__original .face .face__kind.face__kind__warning svg,
.main.color-stop__original .face .face__kind.face__kind__warning:hover svg {
  fill: #46AA46;
}
.main.color-stop__original .face .face__kind.face__kind__alert svg,
.main.color-stop__original .face .face__kind.face__kind__alert:hover svg {
  fill: #F2EE57;
}
.main.color-stop__original button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__original .button-simple {
  border: none;
  padding: 0;
  margin: 0;
}
.main.color-stop__original .button-toggle.column-1 {
  width: 1rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-2 {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-3 {
  width: 3rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-4 {
  width: 4rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-5 {
  width: 5rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-6 {
  width: 6rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle.column-7 {
  width: 7rem;
  height: 2rem;
}
.main.color-stop__original .button-toggle {
  width: 2rem;
  height: 2rem;
  padding: 0;
  margin: 0;
  flex-shrink: 0;
  flex-grow: 0;
}
.main.color-stop__original .smallButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__original .medButton {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__original .button-color {
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(133, 133, 133, 0.88);
  border-radius: 3px;
  background-color: purple;
  padding: 0;
  margin: 0;
}
.main.color-stop__original .button-radio ul {
  display: flex;
  justify-content: center;
}
.main.color-stop__original .button-combo:focus {
  cursor: text;
  background: rgba(96, 96, 96, 0.3);
}
.main.color-stop__original .button-radio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  height: 3rem;
}
.main.color-stop__original .button-radio__fixed {
  flex-grow: 0;
}
.main.color-stop__original .button-combo {
  background: none;
  color: #606060;
  opacity: .66;
  box-sizing: border-box !important;
  height: 3rem;
  text-align: center;
  border: 1px solid !important;
  border-radius: 3px;
  display: flex;
  justify-content: center;
  flex-shrink: 0;
}
.main.color-stop__original .button-generator {
  width: 2rem;
  height: 2rem;
  float: right;
}
.main.color-stop__original .button-settings {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  color: #606060;
  font-weight: 300;
  opacity: .65;
}
.main.color-stop__original .button-lorem-ipsum,
.main.color-stop__original .button-glyphs {
  width: 2rem;
  height: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #606060;
  font-weight: 300;
  opacity: .55;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__original .button-lorem-ipsum svg,
.main.color-stop__original .button-glyphs svg {
  width: 1.3rem;
  height: 1.3rem;
  fill: #393939;
}
.main.color-stop__original .button-lorem-ipsum:hover,
.main.color-stop__original .button-settings:hover,
.main.color-stop__original .button-glyphs:hover {
  opacity: .95;
}
.main.color-stop__original .button-settings {
  width: 2rem;
  height: 2rem;
}
.main.color-stop__original .button-cluster {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}
.main.color-stop__original .ui-selectmenu-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__original .button-tool-options {
  display: flex;
  align-content: inherit;
  justify-content: inherit;
}
.main.color-stop__original .button-tool-options button {
  padding: 0 1.6rem;
}
.main.color-stop__original .button-tool-options button:last-child {
  padding: 0 0 0 1.6rem;
}
.main.color-stop__original .button-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}
.main.color-stop__original .button-checkbox label {
  box-sizing: border-box;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent;
}
.main.color-stop__original .button-checkbox label svg {
  width: 1.6rem;
  fill: #393939;
  height: 1.6rem;
  top: 0;
  position: absolute;
  left: 0;
}
.main.color-stop__original .button-checkbox label .mixed {
  display: none;
}
.main.color-stop__original .button-checkbox label .checked {
  display: none;
}
.main.color-stop__original .button-checkbox label:hover svg {
  fill: #262626;
}
.main.color-stop__original .button-checkbox input[type=checkbox] {
  visibility: hidden;
  margin: 0;
}
.main.color-stop__original .button-checkbox input[type=checkbox]:checked + label .mixed {
  display: none;
}
.main.color-stop__original .button-checkbox input[type=checkbox]:checked + label .unchecked {
  display: none;
}
.main.color-stop__original .button-checkbox input[type=checkbox]:checked + label .checked {
  display: block;
  fill: #393939;
}
.main.color-stop__original .button-checkbox input[type=checkbox]:checked:hover + label svg {
  fill: #262626;
}
.main.color-stop__original .button-checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.main.color-stop__original .button-checkbox__mixed label .mixed {
  display: block;
}
.main.color-stop__original .button-checkbox__mixed label .unchecked {
  display: none;
}
.main.color-stop__original .button-checkbox__mixed label .checked {
  display: none;
}
.main.color-stop__original .button-checkbox__mixed label:hover svg {
  fill: #262626;
}
.main.color-stop__original .checkbox-label {
  line-height: 1.2rem;
}
.main.color-stop__original .spacer-1 {
  width: 1px;
}
.main.color-stop__original .number-input {
  font-size: 1.6rem;
  color: #606060;
  border-radius: none;
  border-bottom: 1px solid transparent;
}
.main.color-stop__original .number-input:hover {
  color: #555555;
  border-bottom: 1px solid #606060;
}
.main.color-stop__original .number-input[type="text"]:disabled {
  border-bottom: 1px solid #E0E0E0;
}
.main.color-stop__original .number-input[type="text"]:disabled:hover {
  border-bottom: 1px solid #E0E0E0;
}
.main.color-stop__original .number-input__dirty:focus,
.main.color-stop__original .number-input__clean:focus {
  color: #333333;
  border-bottom: 1px solid transparent;
}
.main.color-stop__original .color-picker {
  top: 0;
  font-size: 100%;
  justify-content: flex-end;
  margin: 1rem 0 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 1rem 1rem 1rem;
  color: #DBDBDB;
  overflow-y: auto;
}
.main.color-stop__original .color-picker input[type="text"] {
  font-size: 1.4rem;
  color: #606060;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #ADADAD;
}
.main.color-stop__original .color-picker input[type="text"]:hover {
  color: #555555;
  border: none;
  border-bottom: 1px solid #ADADAD;
}
.main.color-stop__original .color-picker input[type="text"]:focus {
  color: #333333;
  background: none;
  border: none;
  border-bottom: 1px solid #1473e6;
}
.main.color-stop__original .color-picker input[type="text"]::-webkit-input-placeholder {
  color: #A3A3A3;
}
.main.color-stop__original .color-picker .column-1 {
  width: 0.8rem;
}
.main.color-stop__original .color-picker {
  left: 0rem;
  width: 30.2rem;
  height: 28.4rem;
  max-height: 36rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  overflow: visible;
}
.main.color-stop__original .color-picker:before {
  top: -0.9rem;
  transform: rotate(45deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  border: none;
  border-left: 1.5px solid #ADADAD;
  border-top: 1.5px solid #ADADAD;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__original .color-picker:after {
  bottom: -0.9rem;
  transform: rotate(-135deg);
  content: "";
  position: absolute;
  left: 1.6rem;
  width: 1.5rem;
  height: 1.5rem;
  background: #FFFFFF;
  border: none;
  border-left: 1.5px solid #ADADAD;
  border-top: 1.5px solid #ADADAD;
  border-top-left-radius: 0.2rem;
  -webkit-clip-path: polygon(0% 0%, 1.8rem 0%, 0% 1.8rem);
}
.main.color-stop__original .color-picker.hide-top-pointer:before {
  display: none;
}
.main.color-stop__original .color-picker.hide-bottom-pointer:after {
  display: none;
}
.main.color-stop__original .color-picker .drop-down {
  font-size: 1.2rem;
  outline: none;
  width: 7rem;
}
.main.color-stop__original .color-picker .drop-down input {
  color: #DBDBDB;
  font-size: 1.2rem;
}
.main.color-stop__original .color-picker__stats {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.main.color-stop__original .color-picker__format {
  height: 2.4rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 1rem;
}
.main.color-stop__original .color-picker__format .label__medium {
  justify-content: flex-start;
}
.main.color-stop__original .color-picker-map {
  position: absolute;
  top: 6.8rem;
  left: 6.8rem;
  height: 14.6rem;
  width: 13.8rem;
  -webkit-user-select: none;
}
.main.color-stop__original .color-picker-map.color-picker-map__dark .color-picker-map__pointer {
  border-color: #606060;
}
.main.color-stop__original .color-picker-map.color-picker-map__light .color-picker-map__pointer {
  border-color: #2c2c2c;
}
.main.color-stop__original .color-picker-map .color-picker-map__pointer {
  position: absolute;
  margin-left: -1rem;
  margin-bottom: -1rem;
  width: 2rem;
  height: 2rem;
  background: none;
  border-radius: 100%;
  border: 0.2rem solid #2c2c2c;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__original .color-picker-map .color-picker-map__background {
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  top: -1.2rem;
  left: -1.2rem;
  border-radius: 1.2rem;
}
.main.color-stop__original .color-picker-map .color-picker-map__background:before,
.main.color-stop__original .color-picker-map .color-picker-map__background:after {
  display: block;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  height: 17rem;
  width: 16.2rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #CCCCCC;
}
.main.color-stop__original .color-picker-map .color-picker-map__background:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, #000000 95%);
}
.main.color-stop__original .color-picker-map .color-picker-map__background:before {
  background: linear-gradient(to right, #ffffff 5%, rgba(255, 255, 255, 0) 95%);
}
.main.color-stop__original .color-picker__rgbhsb {
  position: absolute;
  right: 0;
  top: 5rem;
  width: 7rem;
  height: auto;
}
.main.color-stop__original .color-picker__rgbhsb .formline {
  width: 7rem;
  height: 2.8rem;
  padding: 0 .2rem;
}
.main.color-stop__original .color-picker__rgbhsb .formline:nth-child(3) {
  margin-bottom: 1rem;
}
.main.color-stop__original .color-picker__rgbhsb label {
  font-size: 1.4rem;
  display: inline-block;
  width: 1rem;
  text-align: right;
  margin-right: 1rem;
}
.main.color-stop__original .color-picker__rgbhsb input[type="text"] {
  font-size: 1.4rem;
  display: inline-block;
  width: 3.2rem;
}
.main.color-stop__original .color-picker__rgbhsb .column-1 {
  height: 1.2rem;
}
.main.color-stop__original .color-picker__colortype {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  width: 28.2rem;
  height: 2.4rem;
}
.main.color-stop__original .color-picker__colortype input {
  vertical-align: top;
  height: 2.4rem;
  width: 16.2rem;
}
.main.color-stop__original .color-picker__colortype .color-picker__colortype__thumb {
  display: inline-block;
  width: 2.4rem;
  height: 2.4rem;
  background: #333333;
  border-radius: 0.2rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%), -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
}
.main.color-stop__original .color-picker__colortype .color-picker__colortype__thumb.empty {
  background: url("img/ico-color-picker-no-color.svg") no-repeat;
}
.main.color-stop__original .color-picker__colortype .column-1 {
  display: inline-block;
}
.main.color-stop__original .color-picker__colortype .number-input__clean.column-11.number-input,
.main.color-stop__original .color-picker__colortype .number-input__dirty.column-11.number-input {
  font-size: 1.4rem;
  line-height: 1.4rem;
  width: 20rem;
  flex-basis: 12rem;
  vertical-align: top;
}
.main.color-stop__original .color-picker__colortype__thumb__overlay {
  border-radius: 0.2rem;
  box-shadow: 0 0 0 0.1rem #CCCCCC;
}
.main.color-stop__original .color-picker-slider {
  position: absolute;
  -webkit-user-select: none;
  -webkit-backface-visibility: hidden;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__vertical {
  top: 1.4rem;
  width: 2.4rem;
  height: 14.6rem;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track,
.main.color-stop__original .color-picker-slider.color-picker-slider__vertical .color-picker-slider__track-overlay {
  position: absolute;
  top: -1.4rem;
  bottom: 0;
  left: 0;
  width: 2.4rem;
  height: 17rem;
  margin-left: 0;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__vertical .color-picker-slider__pointer {
  bottom: 50%;
  left: .2rem;
  margin-bottom: -0.8rem;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__horizontal {
  left: 1rem;
  right: 0;
  height: 2.4rem;
  width: 17.8rem;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track,
.main.color-stop__original .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__track-overlay {
  position: absolute;
  left: -1rem;
  right: 0;
  top: 0;
  height: 2.4rem;
  width: 20.2rem;
  margin-top: 0rem;
}
.main.color-stop__original .color-picker-slider.color-picker-slider__horizontal .color-picker-slider__pointer {
  top: .2rem;
  left: 50%;
  margin-left: -0.8rem;
}
.main.color-stop__original .color-picker-slider .color-picker-slider__track,
.main.color-stop__original .color-picker-slider .color-picker-slider__track-overlay {
  border-radius: 1.2rem;
  box-shadow: 0 0 0 1px #CCCCCC;
}
.main.color-stop__original .color-picker-slider .color-picker-slider__track:before,
.main.color-stop__original .color-picker-slider .color-picker-slider__track-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: -1;
  border-radius: 1.2rem;
}
.main.color-stop__original .color-picker-slider .color-picker-slider__pointer {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: none;
  margin: 0;
  border-radius: 100%;
  border: 2px solid #333333;
  box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.12), 0 0 0.4rem rgba(0, 0, 0, 0.12) inset;
}
.main.color-stop__original .color-picker .slider_label {
  position: absolute;
  top: 24.3rem;
  right: 0;
  width: 7rem;
  display: flex;
  padding: 0 .2rem;
}
.main.color-stop__original .color-picker .slider_label label {
  font-size: 1.4rem;
  display: inline-block;
  vertical-align: baseline;
  line-height: 1.8rem;
  text-align: right;
  width: 1rem;
}
.main.color-stop__original .color-picker .slider_label input[type='text'] {
  font-size: 1.4rem;
  width: 3.2rem;
  display: inline-block;
}
.main.color-stop__original .color-picker-slider__disabled .color-picker-slider__pointer {
  background: #c2c2c2;
}
.main.color-stop__original .color-picker__hue-slider {
  position: absolute;
  top: 5.6rem;
  bottom: 0;
  left: 1.6rem;
  width: 1.6rem;
  transform: rotate(0deg);
}
.main.color-stop__original .color-picker__hue-slider .color-picker-slider__horizontal > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__original .color-picker__hue-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background: linear-gradient(to bottom, #FF0000 5%, #FF0099 14%, #CD00FF 23%, #3200FF 32%, #0066FF 41%, #00FFFD 50%, #00FF66 59%, #35FF00 68%, #CDFF00 77%, #FF9900 86%, #FF0000 95%);
}
.main.color-stop__original .color-picker__transparency-slider {
  position: absolute;
  left: 1.6rem;
  right: 1.6rem;
  top: 24.2rem;
  height: 2.4rem;
  width: 20.2rem;
  border-radius: calc(1.4rem);
}
.main.color-stop__original .color-picker__transparency-slider .color-picker-slider__horizontal > .color-picker-slider__track,
.main.color-stop__original .color-picker__transparency-slider .color-picker-slider__vertical > .color-picker-slider__track {
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%), -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  box-shadow: 0 0 0.2rem #CCCCCC;
}
.main.color-stop__original .color-input {
  display: flex;
  justify-content: flex-start;
  align-content: center;
  margin-right: 0.6rem;
  margin-top: 0.8rem;
}
.main.color-stop__original .color-input .fill__preview,
.main.color-stop__original .color-input .stroke__preview {
  height: 100%;
  width: 100%;
}
.main.color-stop__original .color-input .stroke__preview:after {
  position: absolute;
  content: " ";
  width: 50%;
  height: 50%;
  left: 25%;
  top: 25%;
  background-color: #f0f0f0;
  border-radius: 0.2rem;
  z-index: 10;
}
.main.color-stop__original .color-input .type__preview {
  line-height: normal;
  color: black;
  font-size: 2rem;
}
.main.color-stop__original .color-input__swatch__background,
.main.color-stop__original .color-input__swatch__background.color-input__disabled {
  background-color: #333333;
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  border-radius: 0.5rem;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%), -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%);
  background-size: 32px 32px;
  background-position: 0 0, 16px 16px;
  overflow: hidden;
  position: relative;
}
.main.color-stop__original .color-input__swatch__background:focus,
.main.color-stop__original .color-input__swatch__background.color-input__disabled:focus {
  box-shadow: 0 0 0 0.2rem #1473e6;
}
.main.color-stop__original .color-input__disabled {
  opacity: 0.4;
}
.main.color-stop__original .color-input__disabled .color-input__mixednone {
  display: none;
}
.main.color-stop__original .color-input__disabled .fill__preview {
  display: none;
}
.main.color-stop__original .color-input__swatch__color {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  justify-content: center;
  overflow: hidden;
}
.main.color-stop__original .shadow-list__shadow .color-input__swatch__color {
  width: 2.5rem;
  height: 2.5rem;
}
.main.color-stop__original .color-input__empty {
  width: 3rem;
  height: 3rem;
  margin-right: 1.2rem;
  margin-top: 1.1rem;
}
.main.color-stop__original .color-input__empty .fill__preview__disabled {
  border: 1px solid #B5B5B5;
  opacity: .25;
  width: 100%;
  height: 100%;
  border-radius: .2rem;
}
.main.color-stop__original .color-widget {
  display: flex;
  justify-content: flex-start;
  align-content: center;
}
.main.color-stop__original .color-button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main.color-stop__original .color-input__invalid-color .color-input__swatch__color {
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__original .color-input__mixednone {
  width: 6.8rem;
  height: 6.8rem;
  left: 1.1rem;
  top: 0.1rem;
  position: absolute;
  transform: rotate(45deg);
}
.main.color-stop__original .color-input__mixed .color-input__mixednone {
  border: 0.4rem solid #1AB61E;
}
.main.color-stop__original .dialog__center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.main.color-stop__original dialog {
  color: #606060;
  left: inherit;
  z-index: 10000;
  position: absolute;
  font-size: 100%;
  display: flex;
  justify-content: flex-start;
  width: 30rem;
  max-height: 25rem;
  height: auto;
  border-radius: 0.6rem;
  background: #FFFFFF;
  border: 1px solid #ADADAD;
  padding: 0;
  margin: 1rem;
  overflow: hidden;
  box-sizing: border-box;
}
.main.color-stop__original dialog:not([open]) {
  display: none;
}
.main.color-stop__original dialog::backdrop {
  position: inherit;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
}
.main.color-stop__original .column-28 + .dialog-blendmodes {
  width: 28.8rem;
  left: 5.2rem;
}
.main.color-stop__original .column-14 + .dialog-blendmodes {
  width: 14.9rem;
  left: 5.2rem;
  margin-top: -0.1rem;
}
.main.color-stop__original .column-8 + .dialog-blendmodes {
  width: 9.2rem;
}
.main.color-stop__original .column-4 + .dialog-blendmodes {
  width: 5.2rem;
}
.main.color-stop__original .dialog-blendmodes {
  width: 20rem;
  left: 5.2rem;
  margin-top: -1px;
}
.main.color-stop__original .dialog-search-bar {
  position: relative;
  width: 47rem;
  max-height: 50rem;
  background-color: #FFFFFF;
  color: #606060;
  border-radius: 0.6rem;
  box-shadow: none;
  border: 1px solid #ADADAD;
  margin-left: -1.6rem;
  margin-top: -2.8rem;
  margin-bottom: 5.3rem;
  -webkit-animation: fadeIn 400ms;
}
.main.color-stop__original .dialog-stroke-alignment {
  right: 4rem;
  margin-top: 0px;
  height: auto;
}
.main.color-stop__original .dialog-type-typefaces,
.main.color-stop__original .dialog-type-weights {
  margin-top: -0.1rem;
}
.main.color-stop__original .dialog-type-typefaces {
  overflow-y: scroll;
  width: 30rem;
  left: 0rem;
}
.main.color-stop__original .dialog-type-weights {
  overflow-y: scroll;
  width: 23.2rem;
  left: 6.8rem;
}
.main.color-stop__original .dialog-effects-popover,
.main.color-stop__original .dialog-export-popover {
  width: 12rem;
  margin-right: 0.8rem;
}
.main.color-stop__original .dialog-export-popover .popover-list:before {
  left: 6.65rem;
}
.main.color-stop__original .dialog-export-scale {
  width: 5.0rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__original .dialog-export-format {
  width: 9.2rem;
  left: 17.5rem;
  margin: -0.1rem 0 0 0;
}
.main.color-stop__original .dialog-search-bar {
  overflow-y: scroll;
}
.main.color-stop__original .dialog-libraries {
  overflow-y: scroll;
}
.main.color-stop__original .dialog-libraries {
  width: 20.6rem;
  left: 1.1rem;
  margin: -0.1rem 0 0 0;
  box-shadow: none;
  background: #FFFFFF;
}
.main.color-stop__original .dialog-libraries .select__header {
  padding: 0;
  padding-bottom: 0.4rem;
  margin: 0;
  margin-top: 0.4rem;
}
.main.color-stop__original .section-title.dialog-header {
  opacity: .9;
}
.main.color-stop__original .dialog-header {
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 2rem;
  letter-spacing: .05rem;
  overflow: hidden;
  flex-shrink: 1;
  color: #333333;
  text-transform: capitalize;
}
.main.color-stop__original .select {
  width: 100%;
}
.main.color-stop__original :lang(ja) .dialog-effects-popover {
  width: 13rem;
}
.main.color-stop__original :lang(ja) .dialog-effects-popover ul:before {
  left: 6.4rem;
}
.main.color-stop__original .ui-helper-hidden-accessible {
  display: none;
}
.main.color-stop__original .ui-widget:focus {
  color: red;
}
.main.color-stop__original .ui-autocomplete {
  border-radius: 0.6rem;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  width: 30rem;
  display: block;
  background: rgba(219, 219, 219, 0.5);
}
.main.color-stop__original .ui-menu-item:first-child {
  padding: 0 0 0.4rem 0;
}
.main.color-stop__original .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 0.4rem 0;
  background: rgba(96, 96, 96, 0.9);
  color: #DBDBDB;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.main.color-stop__original .ui-menu-item:focus {
  color: purple;
}
.main.color-stop__original .ui-autocomplete li:hover,
.main.color-stop__original .ui-autocomplete li.activeTypeface {
  background: rgba(219, 219, 219, 0);
  color: #606060;
  font-weight: 600;
  border: 1px solid #606060;
  text-rendering: geometricPrecision;
}
.main.color-stop__original ::-webkit-scrollbar {
  display: none;
}
.main.color-stop__original .section-container::-webkit-scrollbar,
.main.color-stop__original .libraries__content::-webkit-scrollbar,
.main.color-stop__original .exports-panel__asset-list__list::-webkit-scrollbar {
  background: transparent;
  width: .4rem;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
}
.main.color-stop__original ::-webkit-scrollbar-thumb {
  background-color: #919191;
  border-radius: 0.5rem;
  width: .4rem;
}
.main.color-stop__original ::-webkit-scrollbar-thumb:window-inactive {
  background-color: #919191;
}
.main.color-stop__original ::-webkit-scrollbar-track {
  border-radius: none;
  background: transparent;
}
.main.color-stop__original .range {
  display: flex;
  justify-content: center;
  align-content: center;
  margin-top: 0.3rem;
}
.main.color-stop__original input[type=range] {
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
}
.main.color-stop__original input[type=range]:hover {
  outline: none;
}
.main.color-stop__original input[type=range]::-webkit-slider-runnable-track {
  bottom: 1px;
  border: none;
  height: 1px;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-clip: padding-box;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: #606060;
}
.main.color-stop__original input[type=range]:hover::-webkit-slider-runnable-track {
  background: #555555;
}
.main.color-stop__original input[type=range]:active::-webkit-slider-runnable-track {
  background: #1473e6;
}
.main.color-stop__original input[type=range]:disabled::-webkit-slider-runnable-track {
  background: #ADADAD;
}
.main.color-stop__original input[type="range"]::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #f0f0f0;
  border: 1px solid #606060;
  border-radius: 100%;
  box-sizing: content-box;
  box-shadow: 0 0 0 0.5rem #f0f0f0;
  -webkit-appearance: none;
  font-size: 100%;
  margin-top: -0.5rem;
}
.main.color-stop__original input[type="range"]:hover::-webkit-slider-thumb {
  border: 1px solid #555555;
}
.main.color-stop__original input[type="range"]:active::-webkit-slider-thumb {
  border: 1px solid #1473e6;
}
.main.color-stop__original input[type="range"]:disabled::-webkit-slider-thumb {
  border-color: #ADADAD;
}
.main.color-stop__original .section-header,
.main.color-stop__original .sub-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 2.5rem;
  letter-spacing: 1px;
  -webkit-user-select: none;
  cursor: default;
  overflow: hidden;
  flex-shrink: 0;
  height: 4.6rem;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.main.color-stop__original .sub-header {
  background: none;
  height: 4rem;
}
.main.color-stop__original .sub-header h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  color: #A3A3A3;
  flex-shrink: 0;
  white-space: nowrap;
}
.main.color-stop__original .sub-header-rule {
  height: 1px;
  border: 0;
  background: none;
  flex-shrink: 1;
  -webkit-animation: revealFromCenter 800ms;
}
.main.color-stop__original .section-header {
  flex-shrink: 0;
  flex-grow: 0;
  color: #606060;
  display: flex;
  align-items: initial;
}
.main.color-stop__original .section-title {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__original .section-title__subtitle {
  color: #A3A3A3;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: .8;
}
.main.color-stop__original .recent-files .section-title {
  border-top: none;
}
.main.color-stop__original .section-header.section-header__no-padding {
  padding: 0;
  height: 2rem;
  line-height: 2rem;
}
.main.color-stop__original .panel-set__small-screen .appearance .section-header,
.main.color-stop__original .panel-set__small-screen .effects .section-header,
.main.color-stop__original .panel-set__small-screen .export .section-header,
.main.color-stop__original .panel-set__small-screen .layers .section-header,
.main.color-stop__original .panel-set__small-screen .libraries .section-header {
  height: 3.2rem;
}
.main.color-stop__original .select__option {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 0.2rem solid transparent;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
}
.main.color-stop__original .select__option span {
  flex: box;
}
.main.color-stop__original .select__option svg {
  flex: box;
  fill: #606060;
  height: 1.6rem;
}
.main.color-stop__original .select__option__selected {
  color: #1473E6;
  padding: 0.5rem 0.8rem 0.5rem 0.4rem;
  border-left: 0.2rem solid #1473e6;
}
.main.color-stop__original .select__header {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  color: #A3A3A3;
  border-top: 1px solid #B5B5B5;
}
.main.color-stop__original .select__header:first-child {
  border: none;
}
.main.color-stop__original .select__option__info {
  margin-left: 1rem;
  color: #A3A3A3;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .select__option-library {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.main.color-stop__original .select__option-library span {
  width: 14.5rem;
}
.main.color-stop__original .select__option-library .icon {
  width: 1.2rem;
}
.main.color-stop__original .select__option-library svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #393939;
}
.main.color-stop__original .split-button__item {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A3A3A3;
  margin: 0 auto;
  flex-grow: 1;
}
.main.color-stop__original .split-button__item svg {
  box-sizing: content-box;
  width: 1.6rem;
  height: 1.6rem;
  fill: #575757;
  stroke: none;
  color: #A3A3A3;
}
.main.color-stop__original .split-button__item svg use {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .split-button__item:hover {
  color: #555555;
}
.main.color-stop__original .split-button__item:hover svg {
  fill: #262626;
}
.main.color-stop__original .split-button__item__selected {
  color: #555555;
}
.main.color-stop__original .split-button__item__selected svg {
  fill: #1473e6;
}
.main.color-stop__original .split-button__item__selected:hover svg {
  fill: #1473e6;
}
.main.color-stop__original .split-button__item__disabled,
.main.color-stop__original .split-button__item__disabled:hover {
  color: #B5B5B5;
}
.main.color-stop__original .split-button__item__disabled svg,
.main.color-stop__original .split-button__item__disabled:hover svg {
  fill: #909090;
}
.main.color-stop__original .split-button__item__fixed {
  margin: 0;
  flex-grow: 0;
}
.main.color-stop__original .vector-operations .split-button__item svg {
  width: 1.4rem;
  height: 1.4rem;
}
.main.color-stop__original .link-list__list {
  width: 100%;
}
.main.color-stop__original .link-list__item {
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.3rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 0;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.4rem;
}
.main.color-stop__original .link-list__item:hover {
  color: #555555;
  background-color: #e5e5e5;
}
.main.color-stop__original .link-list__item:active {
  color: #555555;
  background-color: #d6e1ef;
}
.main.color-stop__original .link-list__item.overflow-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .exports-panel__dialog {
  background-color: #FFFFFF;
  border: 1px solid #ADADAD;
  color: #606060;
  line-height: normal;
  width: 64.4rem;
  max-height: 67rem;
  border-radius: 0.4rem;
  overflow: visible;
  font-size: 1.4rem;
  margin-left: 0;
}
.main.color-stop__original .exports-panel__container {
  display: flex;
  align-content: stretch;
  flex-direction: column;
  margin-left: 2.4rem;
  margin-right: 2.4rem;
  width: 59.6rem;
  font-size: 1.4rem;
}
.main.color-stop__original .exports-panel__container .section-header {
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding-left: 0rem;
}
.main.color-stop__original .exports-panel__two-column {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
.main.color-stop__original .exports-panel__two-column .layout-gutter {
  flex-grow: 0;
}
.main.color-stop__original .exports-panel__two-column:first-child {
  width: 50%;
}
.main.color-stop__original .exports-panel__asset-list__container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.main.color-stop__original .exports-panel__asset-list__quick-selection {
  display: flex;
  flex-direction: row;
  color: #333333;
  font-size: 1.6rem;
  align-items: center;
}
.main.color-stop__original .exports-panel__asset-list__quick-selection div {
  text-align: center;
}
.main.color-stop__original .exports-panel__asset-list__list {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  max-height: 51rem;
  overflow-y: hidden;
  border: 1px solid #c9c9c9;
  border-left: none;
  border-right: none;
  margin: 1rem 0 0 0;
  padding: 1rem 0;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 40rem;
}
.main.color-stop__original .exports-panel__layer-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0.5rem 0rem;
  overflow: none;
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__original .exports-panel__layer-icon {
  margin-top: 0rem;
}
.main.color-stop__original .exports-panel__layer-icon svg {
  width: 1.8rem;
  height: 1.8rem;
  fill: #606060;
  stroke: none;
}
.main.color-stop__original .exports-panel__layer-info {
  width: 19rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .exports-panel__layer__name {
  font-size: 1.6rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  color: #333333;
  width: 18rem;
  text-overflow: ellipsis;
}
.main.color-stop__original .exports-panel__layer__name span {
  text-overflow: ellipsis;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__original .exports-panel__layer__prefix {
  font-size: 1.4rem;
  margin-right: 0.8rem;
  color: #858585;
}
.main.color-stop__original .exports-panel__layer-assets {
  font-size: 1.4rem;
  font-color: #A3A3A3;
  display: inline;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.main.color-stop__original .exports-panel__layer-assets span {
  text-overflow: ellipsis;
  width: 100%;
}
.main.color-stop__original .exports-panel__layer-asset {
  color: #858585;
  margin-right: 0.5rem;
  display: inline;
}
.main.color-stop__original .exports-panel__layer-asset__stale {
  opacity: 0.5;
}
.main.color-stop__original .exports-panel__layer-asset__stable {
  color: #858585;
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.main.color-stop__original .exports-panel__layer-asset__requested {
  opacity: 0.2;
  transition: opacity 0.5s ease-out;
}
.main.color-stop__original .exports-panel__layer-asset__error {
  opacity: 0.7;
  color: #8A3533;
}
.main.color-stop__original .exports-panel__button-group {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin: 2.4rem 0;
}
.main.color-stop__original .exports-panel__button-group .button-simple {
  margin-top: -0.25rem;
}
.main.color-stop__original .exports-panel__button-group__separator {
  margin: 0.5rem 0;
  height: 3rem;
  width: 0.7rem;
  margin-left: .6rem;
  border-left: 1px solid #c9c9c9;
}
.main.color-stop__original .layer-exports__delete-button svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .face {
  min-height: 2.8rem;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 2.8rem;
  position: relative;
  padding-left: 1rem;
  padding-right: 1rem;
}
.main.color-stop__original .layer__dummy {
  min-height: 2.5rem;
  max-height: 2.5rem;
  cursor: default;
}
.main.color-stop__original .layer__dummy_drop {
  border-top: 0.25rem inset #1473e6;
}
.main.color-stop__original .face__separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  height: 3rem;
  padding-left: 0.4rem;
  flex-grow: 10;
  flex-shrink: 100;
  box-sizing: border-box;
  min-width: 0;
}
.main.color-stop__original .face__depth-0 {
  padding-left: 1rem;
}
.main.color-stop__original .face__depth-1 {
  padding-left: 2.8rem;
}
.main.color-stop__original .face__depth-2 {
  padding-left: 4.6rem;
}
.main.color-stop__original .face__depth-3 {
  padding-left: 6.4rem;
}
.main.color-stop__original .face__depth-4 {
  padding-left: 8.2rem;
}
.main.color-stop__original .face__depth-5 {
  padding-left: 10rem;
}
.main.color-stop__original .face__depth-6 {
  padding-left: 11.8rem;
}
.main.color-stop__original .face__depth-7 {
  padding-left: 13.6rem;
}
.main.color-stop__original .face__depth-8 {
  padding-left: 15.4rem;
}
.main.color-stop__original .face__depth-9 {
  padding-left: 17.2rem;
}
.main.color-stop__original .face__depth-10 {
  padding-left: 19rem;
}
.main.color-stop__original .face__name {
  flex-grow: 1;
  flex-shrink: 1;
  -webkit-user-select: none;
  white-space: pre;
  text-overflow: ellipsis;
  overflow-x: hidden;
  height: 2rem;
  padding: 0.4rem 0;
}
.main.color-stop__original input[type="text"].face__name {
  font-size: 1.2rem;
  color: #333333;
  margin-top: -0.2rem;
  width: 100%;
  border-bottom: solid 1px #1473e6;
  -webkit-user-select: text;
}
.main.color-stop__original .face:hover {
  background-color: #e5e5e5;
}
.main.color-stop__original .face:hover .face__name {
  color: #555555;
}
.main.color-stop__original .layer__selected + .layer-group .face,
.main.color-stop__original .layer__selected + .layer-group .face:hover {
  background-color: #e3e9ef;
}
.main.color-stop__original .face__selected,
.main.color-stop__original .layer__selected + .layer-group .face__selected,
.main.color-stop__original .face__selected:hover,
.main.color-stop__original .layer__selected + .layer-group .face__selected:hover {
  background-color: #d6e1ef;
}
.main.color-stop__original .face__selected .face__name,
.main.color-stop__original .layer__selected + .layer-group .face__selected .face__name,
.main.color-stop__original .face__selected:hover .face__name,
.main.color-stop__original .layer__selected + .layer-group .face__selected:hover .face__name {
  color: #333333;
}
.main.color-stop__original .layer__not-visible .face__name,
.main.color-stop__original .layer__not-visible + .layer-group .face__name {
  color: #555555;
  opacity: 0.28;
}
.main.color-stop__original .layer__collapsed + .layer-group {
  display: none;
}
.main.color-stop__original .face__drop_target,
.main.color-stop__original .face__drop_target:hover {
  background-color: none;
  cursor: -webkit-grabbing;
}
.main.color-stop__original .face__drop_target_above:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 0.125rem;
  width: 100%;
  background: #1473e6;
}
.main.color-stop__original .face__drop_target_below:before {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  top: 100%;
  width: 100%;
  background: #1473e6;
  margin-top: 1px;
}
.main.color-stop__original .face__drop_target_on {
  box-shadow: inset 0px 0px 0px 0.25rem #1473e6;
}
.main.color-stop__original .face__drag-target {
  background-color: none;
  opacity: 0.5;
  position: fixed;
  margin-left: 0;
  width: 32rem;
  z-index: 1;
  pointer-events: none;
}
.main.color-stop__original .layer__drag-target {
  padding-top: 2.8rem;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px), (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__original .face {
    height: 25px;
    min-height: 25px;
  }
  .main.color-stop__original input[type="text"].face__name {
    margin-top: -1px;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__original .face {
    height: 31px;
    min-height: 31px;
  }
  .main.color-stop__original input[type="text"].face__name {
    margin-top: -3px;
  }
}
.main.color-stop__original .layer-group {
  width: 32rem;
}
.main.color-stop__original .layers .text-fancy {
  font-style: italic;
  letter-spacing: .2rem;
}
.main.color-stop__original .libraries {
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  border-bottom: none;
}
.main.color-stop__original .libraries .section-container {
  padding: 0;
  overflow-y: hidden;
}
.main.color-stop__original .libraries .split-button__item {
  width: 1.6rem;
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__original .libraries .split-button__item svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .libraries .section-container {
  flex-basis: 17.5rem;
}
.main.color-stop__original .libraries .assets__graphic__dragging {
  opacity: .7;
}
.main.color-stop__original .libraries .libraries-bar ul {
  flex-grow: 0;
}
.main.color-stop__original .libraries .libraries-bar ul .split-button__item__color-icon {
  width: 1.6rem;
  height: 1.6rem;
  border: 1px solid #606060;
  border-radius: .1rem;
  position: relative;
}
.main.color-stop__original .libraries .libraries-bar ul .split-button__item__color-icon:before {
  content: "";
  position: absolute;
  top: 0rem;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #333333;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%), -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%);
  background-size: 14.5px 14.5px;
  background-position: 0 0, 7.25px 7.25px;
  z-index: -1;
}
.main.color-stop__original .libraries .libraries-bar ul .split-button__item__color-icon:hover {
  border: 1px solid #555555;
}
.main.color-stop__original .libraries__container {
  justify-content: space-between;
  flex-direction: column;
}
.main.color-stop__original .libraries__bar__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 4.4rem;
  padding-bottom: 1.2rem;
  margin: 0 1.6rem;
  align-items: center;
}
.main.color-stop__original .libraries__bar__top__content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex: none;
  height: 3.2rem;
  margin: 0 0rem;
  align-items: center;
  width: 100%;
}
.main.color-stop__original .libraries__bar__top .drop-down {
  flex-grow: 1;
  width: 18.4rem;
}
.main.color-stop__original .libraries__bar__top .drop-down input {
  width: 100%;
}
.main.color-stop__original .libraries__bar__top .libraries__split-button-list {
  flex: none;
  flex-shrink: 0;
  flex-grow: 0;
  width: auto;
  justify-content: space-between;
}
.main.color-stop__original .libraries__bar__top .libraries__split-button-list .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__original .libraries__bar__top .libraries__split-button-list .libraries__split-button-collaborate svg {
  fill: #1473e6;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-cancel,
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-confirm {
  width: 6rem;
  flex-shrink: 0;
  text-align: center;
  font-size: 1.4rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: #606060;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-cancel:hover,
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #555555;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-confirm {
  color: #555555;
  font-weight: 500;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__btn-confirm:hover {
  color: #333333;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__input {
  font-size: 1.4rem;
  flex-grow: 1;
  color: #555555;
}
.main.color-stop__original .libraries__bar__top .libraries__bar__input::-webkit-input-placeholder {
  color: #B5B5B5;
}
.main.color-stop__original .libraries__bar__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: none;
  height: 4.8rem;
  margin: 0 1.6rem;
}
.main.color-stop__original .libraries__bar__bottom .libraries-bar__section__left {
  flex: none;
}
.main.color-stop__original .libraries__bar__bottom .libraries-bar__section__left .split-button__item {
  margin-right: 1.5rem;
}
.main.color-stop__original .libraries__bar__bottom .libraries-bar__section__right {
  flex: none;
  justify-content: space-between;
}
.main.color-stop__original .libraries__bar__bottom .libraries-bar__section__right .split-button__item {
  justify-content: flex-end;
  margin: 0;
  margin-left: 1.5rem;
}
.main.color-stop__original .libraries__content {
  height: 5.4rem;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 1.6rem;
}
.main.color-stop__original .libraries__content-drag {
  overflow-y: hidden;
}
.main.color-stop__original .libraries__content__hidden {
  display: none;
}
.main.color-stop__original .libraries__drop-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 1;
  cursor: copy;
}
.main.color-stop__original .libraries__drop-overlay__disallow {
  cursor: not-allowed;
}
.main.color-stop__original .libraries__assets:last-child {
  padding-bottom: 2rem;
}
.main.color-stop__original .libraries__assets__title {
  padding: 1rem 1.6rem .5rem 1.6rem;
  color: #A3A3A3;
}
.main.color-stop__original .libraries__asset {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: .3rem 0;
  padding-left: 0rem;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__original .libraries__asset:hover {
  background-color: #e5e5e5;
}
.main.color-stop__original .libraries__asset:hover input[type="text"],
.main.color-stop__original .libraries__asset:hover input[type="text"]:disabled {
  color: #555555;
}
.main.color-stop__original .libraries__asset-selected,
.main.color-stop__original .libraries__asset-selected:hover,
.main.color-stop__original .libraries__asset-selected:hover:disabled {
  background-color: #d6e1ef;
  padding-right: 0;
}
.main.color-stop__original .libraries__asset__preview {
  width: 5.4rem;
  height: 3.8rem;
  margin-right: 1rem;
}
.main.color-stop__original .libraries__asset__title {
  display: flex;
  flex-grow: 100;
  flex-shrink: 1;
  flex-direction: column;
  justify-content: center;
  height: 3.8rem;
  min-width: 0;
}
.main.color-stop__original .libraries__asset__title__main {
  line-height: 2rem;
  height: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 0.5rem;
  margin-top: -1px;
  white-space: pre;
}
.main.color-stop__original .libraries__asset__title input[type="text"] {
  font-size: 1.2rem;
  color: #333333;
  -webkit-user-select: none;
  padding: 0;
  margin-right: 0.5rem;
  border-bottom: 1px solid #1473e6;
}
.main.color-stop__original .libraries__asset__subtitle {
  margin-top: .3rem;
  margin-right: 0.5rem;
  padding-bottom: .3rem;
  font-size: 1rem;
  color: #858585;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__original .libraries__asset__preview-character-style,
.main.color-stop__original .libraries__asset__preview-layer-style,
.main.color-stop__original .libraries__asset__preview-graphic {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__original .libraries__asset__preview-image {
  width: 3.8rem;
  height: 3.8rem;
  background-size: 3.6rem;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main.color-stop__original .libraries__asset__preview-image img {
  max-width: 3.6rem;
  max-height: 3.6rem;
}
.main.color-stop__original .libraries__asset__preview-image-loading {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .libraries__asset__preview-image-loading svg {
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .libraries__asset__preview-image-blank {
  width: 100%;
  height: 100%;
  background-color: #333333;
  background-image: url("img/ico-libraries-cc.svg");
  background-size: 2rem 2rem;
}
.main.color-stop__original .libraries__asset__preview-character-style {
  background-color: white;
  position: relative;
}
.main.color-stop__original .libraries__asset__preview-character-style__color-swatch {
  position: absolute;
  top: .3rem;
  right: .3rem;
  height: .6rem;
  width: 1rem;
}
.main.color-stop__original .libraries__asset__preview-layer-style {
  background-color: #B2B2B2;
}
.main.color-stop__original .libraries__asset__preview-graphic {
  background-color: #333333;
  background-color: white;
  background-image: -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%), -webkit-linear-gradient(45deg, #DBDBDB 25%, transparent 25%, transparent 75%, #DBDBDB 75%, #DBDBDB 100%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.main.color-stop__original .libraries__asset__preview-colortheme {
  display: flex;
  flex-direction: row;
  transition: width 100ms ease-out;
}
.main.color-stop__original .libraries__asset__preview-colortheme > div {
  height: 100%;
  width: 20%;
}
.main.color-stop__original .libraries__asset__preview-colortheme:hover {
  width: 10.8rem;
}
.main.color-stop__original .libraries__asset__buttons {
  flex-shrink: 1;
}
.main.color-stop__original .libraries__asset__buttons .split-button__item {
  justify-content: flex-start;
  margin: 0;
  margin-left: 0.8rem;
  margin-right: 0.8rem;
}
.main.color-stop__original .libraries__asset-brush {
  color: #858585;
  font-style: italic;
  padding: .3rem 1.6rem;
  line-height: 1.3rem;
}
.main.color-stop__original .libraries__dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 32rem;
  padding: 1.5rem 1.6rem;
  background-color: rgba(10, 10, 10, 0.7);
  z-index: 10;
}
.main.color-stop__original .libraries__dialog-wrapper {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 1.5rem 0;
  border: 1px solid #CCCCCC;
  border-radius: 0.4rem;
  background-color: #f0f0f0;
}
.main.color-stop__original .libraries__dialog__title {
  width: 23rem;
  color: #555555;
  font-size: 1.8rem;
  line-height: 1.8rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ADADAD;
  font-weight: 500;
}
.main.color-stop__original .libraries__dialog__body {
  width: 100%;
  color: #606060;
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1rem 2.5rem;
}
.main.color-stop__original .libraries__dialog__btn-cancel,
.main.color-stop__original .libraries__dialog__btn-confirm {
  flex-grow: 1;
  line-height: 2.5rem;
  font-size: 1.4rem;
  text-align: center;
}
.main.color-stop__original .libraries__dialog__btn-cancel:hover,
.main.color-stop__original .libraries__dialog__btn-confirm:hover {
  color: #555555;
}
.main.color-stop__original .libraries__dialog__btn-confirm {
  font-weight: 500;
  color: #555555;
}
.main.color-stop__original .libraries__dialog__btn-confirm:hover {
  color: #333333;
}
.main.color-stop__original .libraries__dialog__btn-cancel {
  border-right: 1px solid #ADADAD;
}
.main.color-stop__original .assets__graphic__drag-preview {
  position: fixed;
  width: 3.6rem;
  height: 3.6rem;
  line-height: 3.6rem;
  text-align: center;
  margin-top: -1.8rem;
  margin-left: -1.8rem;
  pointer-events: none;
}
.main.color-stop__original .assets__graphic__drag-preview img {
  max-width: 3.6rem;
  max-height: 3.6rem;
  vertical-align: middle;
}
@media (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 801px) and (max-device-width: 1440px) {
  .main.color-stop__original .libraries__asset__preview,
  .main.color-stop__original .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__original .libraries__asset {
    padding: 3px 0;
  }
  .main.color-stop__original .libraries__asset__title__main {
    margin-top: 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 801px) and (max-device-width: 1680px) {
  .main.color-stop__original .libraries__asset__preview,
  .main.color-stop__original .libraries__asset__title {
    height: 34px;
  }
  .main.color-stop__original .libraries__asset {
    padding: 3px 0;
  }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 2561px) {
  .main.color-stop__original .libraries__asset__preview,
  .main.color-stop__original .libraries__asset__title {
    height: 42px;
  }
  .main.color-stop__original .libraries__asset {
    padding: 3px 0;
  }
}
.main.color-stop__original .shadow__preview {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.main.color-stop__original .shadow__square {
  width: 2.5rem;
  height: 2.5rem;
  background-color: #606060;
}
.main.color-stop__original .effect-list__container {
  margin-bottom: 1rem;
}
.main.color-stop__original .effect-list__list-container__mixed {
  padding-top: 1rem;
  text-align: center;
  color: #B5B5B5;
  font-style: italic;
}
.main.color-stop__original .effect-list__shadow {
  margin-bottom: 1rem;
}
.main.color-stop__original .effect-list__shadow__disabled {
  color: #B5B5B5;
}
.main.color-stop__original .effect-list__stroke__styles {
  height: auto;
}
.main.color-stop__original .unsupported-effect-list__effect {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.4em 0.6em;
  border: 1px solid #B5B5B5;
  margin: 0.4em 0;
  border-radius: 0.4em;
}
.main.color-stop__original .unsupported-effect-list__effect__title {
  font-style: italic;
  color: #A3A3A3;
}
.main.color-stop__original .unsupported-effect-list__effect:hover {
  border: 1px solid item-disabled;
  color: #A3A3A3;
}
.main.color-stop__original .unsupported-effect-list__effect__index {
  margin-left: 1em;
  font-style: italic;
}
.main.color-stop__original .unsupported-effect-list__effect__toggle-btns {
  display: flex;
  justify-content: space-between;
  width: 4.5rem;
}
.main.color-stop__original .fill-list__fill__disabled {
  color: #B5B5B5;
}
.main.color-stop__original .pop-over.glyphs ul {
  list-style-type: none;
}
.main.color-stop__original .pop-over.glyphs li {
  display: block;
}
.main.color-stop__original .pop-over.glyphs .glyph-container {
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  display: block;
  border-left: 1px solid #858585;
  border-bottom: 1px solid #858585;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: center;
  vertical-align: bottom;
  -webkit-user-select: none;
  cursor: pointer;
}
.main.color-stop__original .pop-over.glyphs li:nth-child(1) .glyph-container,
.main.color-stop__original .pop-over.glyphs li:nth-child(2) .glyph-container,
.main.color-stop__original .pop-over.glyphs li:nth-child(3) .glyph-container,
.main.color-stop__original .pop-over.glyphs li:nth-child(4) .glyph-container {
  border-top: 1px solid #858585;
}
.main.color-stop__original .pop-over.glyphs li:last-child .glyph-container {
  border-right: 1px solid #858585;
}
.main.color-stop__original .pop-over.glyphs li:nth-child(4n+4) .glyph-container {
  border-right: 1px solid #858585;
}
.main.color-stop__original .pop-over.glyphs .glyph-container:hover {
  background-color: #939393;
}
.main.color-stop__original .pop-over.glyphs .glyph-container:active {
  background-color: #DBDBDB;
  color: #606060;
}
.main.color-stop__original .pop-over.glyphs .glyph {
  line-height: 49px;
  font-size: 42px;
}
.main.color-stop__original .pop-over.lorem-ipsum {
  display: block;
  height: 100%;
}
.main.color-stop__original .lorem-ipsum-container textarea {
  color: #DBDBDB;
  height: 100%;
}
.main.color-stop__original .stroke-list__stroke__disabled {
  color: #B5B5B5;
}
.main.color-stop__original .effects,
.main.color-stop__original .appearance {
  width: 100%;
}
.main.color-stop__original .export {
  width: 100%;
}
.main.color-stop__original .effects {
  flex-shrink: 1;
}
.main.color-stop__original .effects .section-container {
  min-height: 3rem;
}
.main.color-stop__original .style-workflow-buttons {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.main.color-stop__original .style-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
}
.main.color-stop__original .style-button svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: #393939;
  stroke: none;
}
.main.color-stop__original .style-button:hover svg {
  fill: #262626;
  stroke: none;
}
.main.color-stop__original .style-button__disabled svg,
.main.color-stop__original .style-button__disabled:hover svg {
  fill: #909090;
}
.main.color-stop__original .fill-list__fill .button-toggle,
.main.color-stop__original .stroke-list__stroke .button-toggle,
.main.color-stop__original .shadow-list__shadow .button-toggle {
  height: 2.5rem;
  padding-top: 0.2rem;
  display: flex;
  align-self: flex-start;
  align-items: flex-start;
  justify-content: flex-end;
}
.main.color-stop__original .stroke-list__stroke .button-toggle {
  height: 2rem;
}
.main.color-stop__original .type {
  height: 22rem;
  flex-grow: 0;
}
.main.color-stop__original .appearance__mixed {
  height: 36rem;
}
.main.color-stop__original .header-alignment {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 4.6rem;
}
.main.color-stop__original .button-align-distribute {
  box-sizing: border-box;
  border: none;
  width: 2rem;
  height: 2rem;
}
.main.color-stop__original .reference-point {
  opacity: 0;
}
.main.color-stop__original .reference-point__active {
  opacity: 1.0;
}
.main.color-stop__original .search-bar__dialog {
  background: no-repeat left #f0f0f0;
  background-size: 2rem;
  background-position: 1.7rem 1.5rem;
  top: 25%;
  left: 50%;
  transform: translate(-50%, 0);
  /*this is important so it won't bounce when typing in the search field */
  width: 50rem;
  min-height: 5rem;
  max-height: 60rem;
  /*this is important for use with dialog.showModa()*/
  line-height: normal;
  box-shadow: none;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  overflow: visible;
}
.main.color-stop__original .search-bar__dialog .drop-down {
  margin-top: 1rem;
  border: none;
  float: right;
  width: 46rem;
  background: #f0f0f0;
}
.main.color-stop__original .search-bar__dialog svg {
  margin-left: 1.1rem;
  margin-top: 1.5rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #393939;
}
.main.color-stop__original .search-bar__dialog .drop-down svg {
  width: 1.8rem;
  height: 1.8rem;
  margin-left: 0rem;
  margin-top: 0rem;
  margin-right: 1rem;
  fill: #393939;
}
.main.color-stop__original .search-bar__dialog .drop-down:hover {
  background: #f0f0f0;
}
.main.color-stop__original .search-bar__dialog .drop-down input {
  border: none;
  font-size: 2rem;
  margin-left: 1.1rem;
  width: 42rem;
  color: #555555;
  height: auto;
  line-height: 2.8rem;
  background: rgba(0, 0, 0, 0);
}
.main.color-stop__original .search-bar__dialog .drop-down.hasIcon input {
  margin-left: 3.2rem;
  width: 40rem;
}
.main.color-stop__original .search-bar__dialog ::-webkit-input-placeholder {
  color: #B5B5B5;
}
.main.color-stop__original .search-bar__dialog .drop-down input:focus {
  background: rgba(0, 0, 0, 0);
  color: #555555;
  border: none;
}
.main.color-stop__original .search-bar__dialog .drop-down input:hover,
.main.color-stop__original .search-bar__dialog .drop-down input:focus:hover {
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 2rem;
}
.main.color-stop__original .search-bar__dialog .drop-down .hidden-input {
  font-size: 2rem;
  display: inline-block;
  position: absolute;
  margin-left: 1.1rem;
  visibility: hidden;
  white-space: pre;
}
.main.color-stop__original .search-bar__dialog .drop-down.hasIcon .hidden-input {
  margin-left: 3.2rem;
}
.main.color-stop__original .search-bar__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.01);
}
.main.color-stop__original .search-bar__dialog .dialog__target.dialog-search-bar {
  margin-left: -1.75rem;
  width: 47.5rem;
}
.main.color-stop__original .search-bar__dialog .select__option {
  padding: 0.5rem 0.8rem 0.7rem 0.7rem;
  margin: 0;
  border-left: .3rem solid transparent;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .search-bar__dialog .select__option span {
  flex-grow: 0;
  flex-shrink: 0;
  max-width: 42rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .search-bar__dialog .select__option svg {
  flex-grow: 0;
  flex-shrink: 0;
}
.main.color-stop__original .search-bar__dialog .select__option .select__option__info {
  flex-shrink: 1;
  text-overflow: ellipsis;
}
.main.color-stop__original .search-bar__dialog .select__option__selected {
  color: #1473E6;
  border-left: 0.3rem solid #1473e6;
  background-color: #FFFFFF;
}
.main.color-stop__original .search-bar__dialog .select__option__selected svg {
  fill: #1473e6;
}
.main.color-stop__original .search-bar__dialog .select__option__selected .select__option__info {
  color: #555555;
}
.main.color-stop__original .search-bar__dialog .select__header {
  color: #B5B5B5;
  border-top: 1px solid #ADADAD;
  margin-top: 1rem;
  margin-bottom: .25rem;
}
.main.color-stop__original .search-bar__dialog .select__header:first-child {
  border: none;
  margin-top: .25rem;
}
.main.color-stop__original .search-bar__dialog .select__option__info {
  color: #B5B5B5;
  line-height: 2.1rem;
}
.main.color-stop__original .search-bar__dialog .datalist__svg {
  position: absolute;
  top: 1.6rem;
  left: 3.6rem;
  width: 1.8rem;
  height: 1.8rem;
  fill: #606060;
}
.main.color-stop__original .search-bar__dialog .autocomplete {
  display: inline-block;
  position: absolute;
  color: #B5B5B5;
  line-height: 3rem;
  height: 3rem;
  white-space: pre;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.main.color-stop__original .button-simple.button-clear-search {
  position: absolute;
  top: 0.3rem;
  right: 1.4rem;
  color: #606060;
  font-size: 1.6rem;
  font-weight: bold;
}
.main.color-stop__original .button-simple.button-clear-search:hover {
  color: #555555;
}
.main.color-stop__original .layer-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1473e6;
  stroke-opacity: 0.0;
}
.main.color-stop__original .layer-artboard-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1473e6;
  stroke-opacity: 0.0;
}
.main.color-stop__original .superselect-marquee {
  fill: #1473e6;
  fill-opacity: 0.2;
  stroke: #1473e6;
  shape-rendering: crispEdges;
}
.main.color-stop__original .marquee-hover {
  stroke: #1473e6;
  stroke-width: 0.5;
  stroke-opacity: 1.0;
  shape-rendering: crispEdges;
}
.main.color-stop__original .layer-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__original .artboard-adder {
  fill-opacity: 0.0;
  stroke-opacity: 1.0;
  stroke: #1473e6;
}
.main.color-stop__original .vector-mask-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1473e6;
}
.main.color-stop__original .vector-mask-hud {
  fill-opacity: 1.0;
}
.main.color-stop__original .vector-mask-hud use {
  opacity: 0.85;
}
.main.color-stop__original .vector-mask-hud use:hover {
  opacity: 1;
}
.main.color-stop__original .vector-mask-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__original .vector-mask-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__original .sampler-bounds {
  fill-opacity: 0.0;
  stroke-width: 0;
  stroke: #1473e6;
  stroke-opacity: 0.0;
}
.main.color-stop__original .sampler-bounds-hover {
  stroke-opacity: 1.5;
}
.main.color-stop__original .sampler-selection {
  fill-opacity: 0.0;
  stroke: #EC39FF;
  stroke-opacity: 1.0;
}
.main.color-stop__original .sampler-hud {
  fill-opacity: 1.0;
}
.main.color-stop__original .sampler-hud-outline {
  fill-opacity: 1.0;
  stroke-width: 0;
  fill: #1473e6;
}
.main.color-stop__original .sampler-hud-background {
  fill-opacity: 0.0;
  stroke-width: 0;
}
.main.color-stop__original .sampler-hud-icon-disabled {
  opacity: 0.20 !important;
}
.main.color-stop__original .guide-edges {
  fill-opacity: 0.0;
  stroke-opacity: 0.0;
}
.main.color-stop__original .guide-edges__hover {
  fill: #1473e6;
  fill-opacity: 0.5;
}
.main.color-stop__original .first-launch__dialog {
  background-color: #282828;
  color: #D7D7D7;
}
.main.color-stop__original .keyboard-shortcut__dialog {
  background-color: #FFFFFF;
  color: #606060;
}
.main.color-stop__original .first-launch__dialog,
.main.color-stop__original .keyboard-shortcut__dialog {
  line-height: normal;
  width: 86rem;
  max-height: 66rem;
  height: 66rem;
  border-radius: 0.8rem;
  overflow: hidden;
  margin-left: 0;
}
.main.color-stop__original .keyboard-shortcut__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 2.4rem 4.8rem 4.8rem 4.8rem;
  width: 76rem;
  font-size: 1.5rem;
}
.main.color-stop__original .keyboard-shortcut__content li {
  clear: both;
  line-height: 4.5rem;
  height: 4.5rem;
  border-bottom: 1px solid #DBDBDB;
  color: #858585;
}
.main.color-stop__original .keyboard-shortcut__content li .button-simple {
  display: inline-block;
  padding-top: .3rem;
  height: 4.2rem;
  float: left;
  margin-right: 1rem;
}
.main.color-stop__original .keyboard-shortcut__title {
  border-bottom: 1px solid #858585;
  font-size: 1.8rem;
  line-height: 4.8rem;
}
.main.color-stop__original .keyboard-shortcut__column-1,
.main.color-stop__original .keyboard-shortcut__column-2 {
  height: 34rem;
}
.main.color-stop__original .keyboard-shortcut__column-1 {
  width: 30rem;
}
.main.color-stop__original .keyboard-shortcut__column-2 {
  width: 40rem;
}
.main.color-stop__original .keyboard-shortcut__name {
  float: left;
}
.main.color-stop__original .keyboard-shortcut__instr {
  float: right;
  font-weight: bold;
  color: #606060;
}
.main.color-stop__original .first-launch__dialog::backdrop,
.main.color-stop__original .keyboard-shortcut__dialog::backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.main.color-stop__original .keyboard-shortcut__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__original .first-launch__dialog::backdrop {
  background-color: rgba(14, 14, 14, 0.3);
}
.main.color-stop__original .first-launch__carousel {
  background-color: #282828;
  color: #D7D7D7;
  font-size: 2.5rem;
  width: 86rem;
  height: 66rem;
  position: relative;
}
.main.color-stop__original .carousel__slide {
  position: absolute;
  top: 0;
  width: 100%;
  height: 66rem;
  display: none;
  opacity: 0;
}
.main.color-stop__original .carousel__slide__shown {
  display: block;
  opacity: 1;
}
.main.color-stop__original .carousel__slide__full {
  padding-left: 4.8rem;
  padding-right: 4.8rem;
  padding-top: 6rem;
  height: 100%;
  text-align: center;
  position: relative;
}
.main.color-stop__original .carousel__slide__full h1 {
  padding-top: 6rem;
  font-size: 3.2rem;
  padding-bottom: 14.2rem;
}
.main.color-stop__original .carousel__slide__full h2 {
  font-size: 2.4rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__original .carousel__slide__full h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__original .carousel__slide__full p {
  font-size: 1.8rem;
  line-height: 2.5rem;
  margin-bottom: 1.5rem;
}
.main.color-stop__original .carousel__slide__full img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main.color-stop__original .carousel__slide__full img.no-scale {
  width: auto;
  position: relative;
}
.main.color-stop__original .carousel__slide__head {
  height: 43.7rem;
}
.main.color-stop__original .carousel__slide__head.links {
  display: flex;
  justify-content: space-around;
}
.main.color-stop__original .carousel__slide__head img,
.main.color-stop__original .carousel__slide__head video {
  display: block;
  max-width: 100%;
}
.main.color-stop__original .carousel__slide__head .block-link__image {
  width: auto;
  height: 8rem;
  flex-grow: 0;
}
.main.color-stop__original .carousel__slide__body {
  padding-top: 6rem;
  padding-left: 6rem;
  padding-right: 6rem;
  text-align: center;
}
.main.color-stop__original .carousel__slide__body h1 {
  font-size: 3rem;
}
.main.color-stop__original .carousel__slide__body h2 {
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
.main.color-stop__original .carousel__slide__body p {
  color: #858585;
  font-size: 1.8rem;
}
.main.color-stop__original .carousel__nav {
  position: absolute;
  width: 100%;
  bottom: 4.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  padding-top: 3.6rem;
  border-top: #808080 solid 1px;
}
.main.color-stop__original .carousel__nav .dot {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 10rem;
  height: 7.2rem;
}
.main.color-stop__original .carousel__nav .dot svg {
  display: block;
  fill: #919191;
  width: 10rem;
  height: 3.6rem;
  align-self: flex-start;
}
.main.color-stop__original .carousel__nav .dot h3 {
  font-size: 1.6rem;
  color: #757575;
  align-self: flex-end;
}
.main.color-stop__original .carousel__nav .dot.current svg,
.main.color-stop__original .carousel__nav .dot.current:hover svg {
  fill: #3691ff;
}
.main.color-stop__original .carousel__nav .dot.current h3,
.main.color-stop__original .carousel__nav .dot.current:hover h3 {
  color: #3691ff;
}
.main.color-stop__original .carousel__nav .dot:hover h3 {
  color: #C2C2C2;
}
.main.color-stop__original .carousel__nav .dot:hover svg {
  fill: #DDDDDD;
}
.main.color-stop__original .carousel__slide__head__list,
.main.color-stop__original .carousel__slide__three__list {
  width: 50%;
  float: left;
  padding-top: 16rem;
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__original .carousel__slide__head__list h3,
.main.color-stop__original .carousel__slide__three__list h3 {
  font-size: 1.6rem;
  margin-bottom: 3.2rem;
}
.main.color-stop__original .carousel__slide__head__list p,
.main.color-stop__original .carousel__slide__three__list p {
  color: #858585;
  font-size: 1.4rem;
  height: 9rem;
}
.main.color-stop__original .carousel__slide__head__list a,
.main.color-stop__original .carousel__slide__three__list a {
  cursor: pointer;
  text-decoration: underline;
}
.main.color-stop__original .carousel__slide__three__list {
  width: 33.3%;
}
.main.color-stop__original .carousel__slide__three__list h2 {
  color: #D7D7D7;
}
.main.color-stop__original .carousel__slide__three__list div:hover svg {
  fill: #F0F0F0;
}
.main.color-stop__original .carousel__slide__three__list div:hover h2 {
  color: #F4F4F4;
}
.main.color-stop__original .carousel__slide__three__list svg {
  fill: #D7D7D7;
  width: 100%;
  height: 3.6rem;
  margin-bottom: 2.4rem;
}
.main.color-stop__original .carousel__slide-button__continue {
  position: absolute;
  display: block;
  bottom: 16rem;
  left: 50%;
  transform: translateX(-50%);
  padding-left: 2rem;
  padding-right: 2rem;
  border: 1px solid #D7D7D7;
  border-radius: 3.2rem;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  cursor: pointer;
}
.main.color-stop__original .carousel__slide-button__continue:hover {
  color: #F4F4F4;
  border: 1px solid #F4F4F4;
}
.main.color-stop__original .carousel__slide-button__next,
.main.color-stop__original .carousel__slide-button__prev,
.main.color-stop__original .carousel__slide-button__started {
  position: absolute;
  border-radius: 3.2rem;
  border: 1px solid #808080;
  top: -49.2rem;
  cursor: pointer;
}
.main.color-stop__original .carousel__slide-button__next:hover,
.main.color-stop__original .carousel__slide-button__prev:hover,
.main.color-stop__original .carousel__slide-button__started:hover {
  border-color: #F4F4F4;
}
.main.color-stop__original .carousel__slide-button__started {
  width: auto;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  border-color: #606060;
  font-size: 1.5rem;
  line-height: 3.2rem;
}
.main.color-stop__original .carousel__slide-button__next,
.main.color-stop__original .carousel__slide-button__prev {
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main.color-stop__original .carousel__slide-button__next svg,
.main.color-stop__original .carousel__slide-button__prev svg {
  width: 1rem;
  height: 1rem;
  fill: #DDDDDD;
  stroke: none;
}
.main.color-stop__original .carousel__slide-button__next:hover svg,
.main.color-stop__original .carousel__slide-button__prev:hover svg {
  fill: #D7D7D7;
  stroke: none;
}
.main.color-stop__original .carousel__slide-button__prev {
  left: 1.6rem;
}
.main.color-stop__original .carousel__slide-button__next,
.main.color-stop__original .carousel__slide-button__started {
  right: 1.6rem;
}
.main.color-stop__original .carousel__slide__block {
  width: 33%;
  border-left: 0.5rem solid black;
  border-right: 0.5rem solid black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.6rem;
  color: #D7D7D7;
}
.main.color-stop__original .carousel__slide__block:first-child {
  border: none;
}
.main.color-stop__original .carousel__slide__block:last-child {
  border: none;
}
.main.color-stop__original .carousel__slide__block-link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main.color-stop__original .block-link__image img {
  width: 3.5rem;
  height: 3.5rem;
}
.main.color-stop__original .carousel__slide .advertisement {
  margin-top: 0;
}
.main.color-stop__original .carousel__slide .advertisement h3 {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: lighter;
}
.main.color-stop__original .carousel__slide .advertisement em {
  font-weight: 400;
  white-space: nowrap;
}
.main.color-stop__original .carousel__slide .advertisement a {
  color: #3691ff;
}
.main.color-stop__original :lang(ja) .advertisement,
.main.color-stop__original :lang(de) .advertisement {
  text-align: left;
}
.main.color-stop__original :lang(fr) .carousel__slide__body {
  padding-right: 2em;
  padding-left: 2em;
}
.main.color-stop__original :lang(fr) .carousel__slide__full.slide-0 {
  padding-top: 0rem;
}
.main.color-stop__original :lang(fr) .carousel__slide__full.slide-0 img {
  top: -6rem;
}
.main.color-stop__original :lang(fr) .carousel__slide__full.slide-5 h2 {
  padding-left: 10rem;
  padding-right: 10rem;
}
.main.color-stop__original :lang(fr) .carousel__slide-button__continue {
  bottom: 15rem;
}
.main.color-stop__original :lang(fr) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__original :lang(de) .carousel__nav .dot {
  width: 12rem;
}
.main.color-stop__original :lang(de) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__original :lang(de) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 9.5rem;
  padding-right: 9.5rem;
}
.main.color-stop__original :lang(de) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__original :lang(de) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-0 {
  padding-top: 1rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-0 h3 {
  text-align: left;
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-0 img {
  top: -5rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-3 img {
  top: 3rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-3 h2 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-3 h2:first-of-type {
  padding-left: 5rem;
  padding-right: 5rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-4 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-5 h2 {
  padding-left: 6rem;
  padding-right: 6rem;
}
.main.color-stop__original :lang(ja) .carousel__slide__full.slide-6 h2 {
  padding-left: 9rem;
  padding-right: 9rem;
}
.main.color-stop__original :lang(ja) .carousel__slide-button__continue {
  bottom: 14rem;
}
.main.color-stop__original hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #858585;
}
.main.color-stop__original [data-scrubby=true] {
  cursor: col-resize;
}
.main.color-stop__original textarea,
.main.color-stop__original input[type="text"] {
  background-color: transparent;
  color: #606060;
  border-top: none;
  border-left: none;
  border-bottom: solid 1px transparent;
  border-right: none;
  border-radius: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.main.color-stop__original textarea:hover,
.main.color-stop__original input[type="text"]:hover {
  color: #555555;
}
.main.color-stop__original input[type="text"] {
  font-size: 1.4rem;
  height: 2rem;
  border-bottom: 1px solid #ADADAD;
}
.main.color-stop__original input[type="text"]:hover {
  border-bottom: 1px solid #A3A3A3;
}
.main.color-stop__original input[type="text"]:hover:disabled,
.main.color-stop__original input[type="text"]:disabled {
  color: #B5B5B5;
  border-bottom-color: #E0E0E0;
}
.main.color-stop__original input[type="text"]:focus {
  color: #333333;
  border-bottom-color: #1473e6;
}
.main.color-stop__original input[list]:focus {
  text-decoration: none;
}
.main.color-stop__original * {
  box-sizing: border-box;
  flex-shrink: 0;
}
.main.color-stop__original *:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
.main.color-stop__original *::selection {
  background: #b6d6f1;
  border-radius: .2rem;
}
.main.color-stop__original input[disabled]::selection {
  color: #B5B5B5;
}
.main.color-stop__original.main__ready .section-container,
.main.color-stop__original .panel-set__ready .section-container,
.main.color-stop__original .panel-set__ready .section-container__no-collapse {
  opacity: 1;
  transition: all 200ms ease;
}
.main.color-stop__original.main__ready .section-container.libraries__container,
.main.color-stop__original .panel-set__ready .section-container.libraries__container,
.main.color-stop__original .panel-set__ready .section-container__no-collapse.libraries__container {
  opacity: 0;
}
.main.color-stop__original.main__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__original .panel-set__ready .section-container.libraries__container.libraries__ready,
.main.color-stop__original .panel-set__ready .section-container__no-collapse.libraries__container.libraries__ready {
  opacity: 1;
}
