/*
 Copyright 2016 Google Inc.

 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.
*/

@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-ripple-surface--test-edge-var-bug{--mdc-ripple-surface-test-edge-var:1px solid #000;visibility:hidden}.mdc-ripple-surface--test-edge-var-bug::before{border:var(--mdc-ripple-surface-test-edge-var)}.mdc-ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform, opacity;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:225ms mdc-ripple-fg-radius-in forwards,75ms mdc-ripple-fg-opacity-in forwards}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{animation:150ms mdc-ripple-fg-opacity-out;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000}.mdc-ripple-surface:hover::before{opacity:.04}.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}.mdc-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:var(--mdc-theme-primary, #6200ee)}.mdc-ripple-surface--primary:hover::before{opacity:.04}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:var(--mdc-theme-secondary, #018786)}.mdc-ripple-surface--accent:hover::before{opacity:.04}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before,.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before{transition-duration:75ms;opacity:.12}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:.16}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:.16}body{margin:0;padding:0;overflow-y:scroll}*,*::before,*::after{box-sizing:border-box;-webkit-font-smoothing:antialiased}.tool-title{color:#212121;font-size:24px}.color-tool,.mobile-message{font-family:'Roboto', sans-serif}.color-tool{max-width:760px;padding:48px 60px}#clipboardcopy{left:-9999px;position:absolute;top:0}.clipboard-confirmation{position:fixed;height:40px;width:260px;left:0;right:0;bottom:0;margin:0 auto;padding-left:24px;line-height:40px;border-radius:4px;background-color:#212121;color:#fff;font-size:14px;transform:translateY(40px);animation:fadeout 2s linear 500ms;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1);transition-delay:1500ms}.clipboard-confirmation--visible{animation:fadein 1s linear;transform:translateY(-16px);transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1);transition-delay:0}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadeout{0%{opacity:1}100%{opacity:0}}.color-palette__label{margin-bottom:16px;margin-top:32px;color:#424242;font-size:14px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.color-palette__row{display:flex;padding:0 0 2px}.color-palette__row:nth-of-type(3) div:nth-child(1){transition-delay:0,100ms,0ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(2){transition-delay:0,100ms,35ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(3){transition-delay:0,100ms,70ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(4){transition-delay:0,100ms,105ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(5){transition-delay:0,100ms,140ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(6){transition-delay:0,100ms,175ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(7){transition-delay:0,100ms,210ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(8){transition-delay:0,100ms,245ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(9){transition-delay:0,100ms,280ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(3) div:nth-child(10){transition-delay:0,100ms,315ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(1){transition-delay:0,100ms,115ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(2){transition-delay:0,100ms,150ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(3){transition-delay:0,100ms,185ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(4){transition-delay:0,100ms,220ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(5){transition-delay:0,100ms,255ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(6){transition-delay:0,100ms,290ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(7){transition-delay:0,100ms,325ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(8){transition-delay:0,100ms,360ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(9){transition-delay:0,100ms,395ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(15) div:nth-child(10){transition-delay:0,100ms,430ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(1){transition-delay:0,100ms,230ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(2){transition-delay:0,100ms,265ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(3){transition-delay:0,100ms,300ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(4){transition-delay:0,100ms,335ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(5){transition-delay:0,100ms,370ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(6){transition-delay:0,100ms,405ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(7){transition-delay:0,100ms,440ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(8){transition-delay:0,100ms,475ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(9){transition-delay:0,100ms,510ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(27) div:nth-child(10){transition-delay:0,100ms,545ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(1){transition-delay:0,100ms,345ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(2){transition-delay:0,100ms,380ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(3){transition-delay:0,100ms,415ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(4){transition-delay:0,100ms,450ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(5){transition-delay:0,100ms,485ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(6){transition-delay:0,100ms,520ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(7){transition-delay:0,100ms,555ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(8){transition-delay:0,100ms,590ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(9){transition-delay:0,100ms,625ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(28) div:nth-child(10){transition-delay:0,100ms,660ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(1){transition-delay:0,100ms,460ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(2){transition-delay:0,100ms,495ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(3){transition-delay:0,100ms,530ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(4){transition-delay:0,100ms,565ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(5){transition-delay:0,100ms,600ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(6){transition-delay:0,100ms,635ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(7){transition-delay:0,100ms,670ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(8){transition-delay:0,100ms,705ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(9){transition-delay:0,100ms,740ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(40) div:nth-child(10){transition-delay:0,100ms,775ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(1){transition-delay:0,100ms,575ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(2){transition-delay:0,100ms,610ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(3){transition-delay:0,100ms,645ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(4){transition-delay:0,100ms,680ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(5){transition-delay:0,100ms,715ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(6){transition-delay:0,100ms,750ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(7){transition-delay:0,100ms,785ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(8){transition-delay:0,100ms,820ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(9){transition-delay:0,100ms,855ms;transition-property:transform, border-radius, background}.color-palette__row:nth-of-type(41) div:nth-child(10){transition-delay:0,100ms,890ms;transition-property:transform, border-radius, background}.color-palette__swatch-label{font-size:26px;opacity:0}.color-palette__cell{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform 165ms cubic-bezier(0.4, 0, 0.2, 1),border-radius 380ms cubic-bezier(0.4, 0, 0.2, 1) 215ms,background 500ms linear}.color-palette__cell:hover{box-shadow:0 2px 4px 0 rgba(0,0,0,0.2);transform:scale(1.15);z-index:100}.color-palette__cell:hover .color-palette__cell-hex-value{display:block}.color-palette__cell--selected{border-radius:32px}.color-palette__cell--selected .color-palette__swatch-label{opacity:1;transition:150ms linear 100ms}.color-palette__cell--selected .color-palette__ripple{border-radius:32px}.color-palette__cell-hex-value{position:absolute;top:-28px;left:6px;width:50px;height:22px;display:none;background:#000;border-radius:2px;color:#fff;font-size:10px;font-weight:500;line-height:22px;text-align:center;text-transform:uppercase}.color-palette__color-weight-label{display:inline-block;margin-top:6px;width:10%;color:#424242;font-family:'Roboto Mono', monospace;font-size:14px;text-align:center}.utility-panel{position:fixed;right:16px;top:16px;width:220px;height:40px;overflow:hidden;background-color:#212121;border-radius:4px;transition:height 250ms cubic-bezier(0.4, 0, 0.2, 1)}.utility-panel .utility-panel__label:hover .utility-panel__label-icon{transform:translateY(4px)}.utility-panel .content__info,.utility-panel .content__color{padding:16px}.utility-panel .content__color{padding-top:0}.utility-panel .content__info{border-top:1px solid #424242;padding-bottom:20px}.utility-panel .content__info .external__link{display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:14px;text-decoration:none}.utility-panel .content__info .external__link .external__link--open{color:rgba(255,255,255,0.5);height:20px;width:20px;font-size:18px;text-align:right}.utility-panel .content__info .external__logo{display:inline-block;height:20px;padding-left:28px;line-height:20px;vertical-align:middle;background:url(logo.svg);background-repeat:no-repeat;background-size:20px 20px}.utility-panel .content__info .external-copy{margin-top:8px;color:#fff;font-size:11px;font-weight:500;line-height:1.5;opacity:.6}.utility-panel__label{padding:12px 16px;color:#fff;cursor:pointer;font-size:14px}.utility-panel__label i{position:absolute;right:12px;top:0;transform:translateY(8px);transition:transform 100ms cubic-bezier(0.4, 0, 0.2, 1);color:rgba(255,255,255,0.5)}.utility-panel .color-row{display:flex;justify-content:space-between}.utility-panel__color-entry{position:relative;height:60px;width:92px;border-radius:4px;border:1px solid #424242;cursor:pointer}.utility-panel__large-letter{width:100%;margin-top:6px;font-size:26px;text-align:center}.utility-panel__subtitle{font-size:11px;text-align:center}.utility-panel--open{height:213px;transition:height 300ms cubic-bezier(0.4, 0, 0.2, 1)}.utility-panel--open .utility-panel__label-icon{transform:translateY(4px)}.color-palette__ripple,.utility-panel__ripple{position:absolute;top:0;width:100%;height:100%}.color-palette__ripple:hover::before,.utility-panel__ripple:hover::before{opacity:0}.ripple-white .color-palette__ripple::before,.ripple-white .color-palette__ripple::after,.ripple-white .utility-panel__ripple::before,.ripple-white .utility-panel__ripple::after{background:#fff}.color-picker-panel{position:fixed;right:28px;top:28px;width:220px;background-color:#303030;border-radius:4px;pointer-events:none;transform-origin:top right}.color-picker-panel .color-picker-satval{position:relative;width:100%;height:80px}.color-picker-panel .color-picker-satval__mask{position:relative;width:100%;height:100%;overflow:hidden;border-radius:2px}.color-picker-panel .color-picker-satval__fill,.color-picker-panel .color-picker-satval__saturation,.color-picker-panel .color-picker-satval__value{position:absolute;width:100%;height:100%}.color-picker-panel .color-picker-satval__saturation{background-image:linear-gradient(to right, #fff, transparent)}.color-picker-panel .color-picker-satval__value{background-image:linear-gradient(to top, #000, transparent)}.color-picker-panel .color-picker-satval__thumb{width:12px;height:12px;transform:translate(-50%, -50%);position:absolute;border-radius:100%;border:2px solid rgba(0,0,0,0.08);pointer-events:none}.color-picker-panel .color-picker-satval__thumb__inner{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid #fff;border-radius:100%;content:''}.color-picker-panel .color-picker-satval__thumb__inner::after{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid rgba(1,1,1,0.08);border-radius:100%;content:''}.color-picker-panel .color-picker-hue{position:relative;height:20px;margin-top:4px;margin-bottom:4px;display:flex;flex-direction:column;justify-content:center}.color-picker-panel .color-picker-hue__gradient{height:4px;background:linear-gradient(to right, red, #ff0, lime, cyan, blue, #f0f, red);border-radius:2px}.color-picker-panel .color-picker-hue__thumb{width:16px;height:16px;transform:translate(-50%, -50%);position:absolute;border-radius:100%;border:2px solid rgba(0,0,0,0.08);pointer-events:none}.color-picker-panel .color-picker-hue__thumb__inner{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid #fff;border-radius:100%;content:''}.color-picker-panel .color-picker-hue__thumb__inner::after{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid rgba(1,1,1,0.08);border-radius:100%;content:''}.color-picker-panel .color-picker-inputs{display:flex}.color-picker-panel .color-picker-inputs__hex{min-width:60px;height:24px;margin-right:4px}.color-picker-panel .color-picker-inputs__hsl{position:relative;min-width:57px;height:1.5rem;padding:0;border-radius:0}.color-picker-panel .color-picker-inputs__hsl--hue{min-width:50px}.color-picker-panel .color-picker-inputs__hsl+.color-picker-panel .color-picker-inputs__hsl{border-left:0}.color-picker-panel .color-picker-inputs__hsl--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.color-picker-panel .color-picker-inputs__hsl--last{border-top-right-radius:2px;border-bottom-right-radius:2px}.color-picker-panel .color-picker-inputs__hsl-input{width:100%;height:100%;padding-right:16px;line-height:.9375rem;border:0}.color-picker-panel .color-picker-inputs__hsl-label{font-size:.6875rem;line-height:1rem;letter-spacing:.1px;font-weight:300;width:16px;height:100%;padding-left:0px;padding-right:8px;line-height:.9375rem;position:absolute;top:0;right:0;border:0;color:rgba(255,255,255,0.54);text-align:right;pointer-events:none}.color-picker-panel .color-palette-picker__row{display:flex}.color-picker-panel .color-palette-picker__row+.color-picker-panel .color-palette-picker__row{margin-top:8px}.color-picker-panel .color-palette-picker__cell{display:flex;justify-content:center;align-items:center;width:24px;height:16px;position:relative}.color-picker-panel .color-palette-picker__cell:hover{transform:scale(1.5);z-index:100}.color-picker-panel .color-palette-picker__thumb{width:12px;height:12px;transform:translate(-50%, -50%);position:absolute;border-radius:100%;border:2px solid rgba(0,0,0,0.08);pointer-events:none}.color-picker-panel .color-palette-picker__thumb__inner{width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid #fff;border-radius:100%;content:''}.color-picker-panel .color-palette-picker__thumb__inner::after{width:100%;height:100%;position:absolute;top:0;left:0;border:1px solid rgba(1,1,1,0.08);border-radius:100%;content:''}.color-picker-panel--show{opacity:1;transform:scale(1);pointer-events:all;transition:opacity 100ms cubic-bezier(0.4, 0, 0.2, 1),transform 200ms cubic-bezier(0.4, 0, 0.2, 1)}.color-picker-panel--hide{transform:scale(0.6);opacity:0;transition:opacity 35ms cubic-bezier(0.4, 0, 1, 1) 100ms,transform 100ms cubic-bezier(0.4, 0, 1, 1)}.color-picker-panel__label{padding:12px 0 8px 16px;color:#fff}.color-picker-panel__swatch-selector{margin:8px 0}.color-picker-panel__remove{padding:12px 16px;border-top:1px solid #424242}.color-picker-panel__remove-button{display:flex;justify-content:center;height:32px;width:100%;background:#494949;border:0;color:#fff;cursor:pointer}.color-picker-panel__remove-button:disabled{opacity:.5;pointer-events:none}.color-picker-panel__remove-button i,.color-picker-panel__remove-button span{line-height:32px}.color-picker-panel__remove-button i{font-size:18px}.color-picker-panel__remove-button span{margin-left:8px;font-weight:500}.color-picker-panel .color-picker{cursor:pointer;padding:0 16px}.color-picker-panel .color-picker-hue{margin-bottom:12px}.color-picker-panel .color-palette-picker__row{cursor:pointer;margin:0 16px}.color-picker-panel .color-picker-inputs__hex{width:72px;height:24px;margin:0 0 12px;padding-left:8px;padding-right:8px;color:#fff;text-align:left;background:#212121;border:1px solid #424242;border-radius:2px}.color-picker-panel .color-picker-inputs__hsl{display:none}.mobile-message{display:none;position:absolute;width:100%;height:100%;justify-content:center}.mobile-message__title{position:fixed;bottom:16px;width:328px;padding:16px;background:#212121;color:#fff;font-size:13px;font-weight:400;border-radius:4px}.mobile-message__title-icon{margin-right:8px}.mobile-message__title-icon,.mobile-message__title-message{display:inline-block;vertical-align:middle}.mobile-message__logo{width:160px;height:160px;background:url(guidelines_logo.svg);background-repeat:no-repeat}.mobile-message__logo-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 700px){body{background-color:#eee}.color-tool{display:none}.mobile-message{display:flex}}

/*# sourceMappingURL=color.css.map */
