._createContainer_1u6o8_1{flex-flow:column;place-content:stretch flex-start;align-items:stretch;width:100%;padding:0 2rem 2rem;display:flex}._swatchNameAndButtonsContainer_1u6o8_12{align-items:center;display:flex}._editableSwatchSetLabelInput_1u6o8_16{border:.2rem solid #fff;border-radius:.4rem;flex:auto;margin:1rem 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:3.25rem;font-weight:700}._editableSwatchSetLabelInput_1u6o8_16:hover{border:.2rem solid #dfdfdf;border-radius:.4rem}._swatchActionButton_1u6o8_31{flex-direction:column;flex:0 auto;height:5rem;margin-left:1rem;display:flex}._swatchActionButton_1u6o8_31:disabled{cursor:not-allowed}._swatchActionButton_1u6o8_31:disabled>svg{opacity:.3}._swatchActionButton_1u6o8_31>svg{height:3rem}._swatchActionButton_1u6o8_31>span{font-size:1rem}._swatch_18e38_1{flex-direction:column;flex:100px;order:0;justify-content:flex-end;align-self:auto;align-items:center;display:flex;position:relative}._closerToWhite_18e38_13{color:#000}._closerToBlack_18e38_16{color:#fff}._colourPickerContainer_18e38_20{z-index:10;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);background:#0000004d;border-radius:1.5rem;flex-direction:column;padding:3rem 3rem 1rem;display:flex;position:absolute;top:1rem}._colourPickerContainer_18e38_20>input{text-align:center;align-self:center;width:6rem;margin-top:1rem;font-family:inherit}._colourHex_18e38_39{margin:.5rem;font-size:2rem;font-weight:600}._humanReadableName_18e38_45{margin:0 0 1rem;font-size:1.4rem;font-weight:600}._hoverCaptureContainer_18e38_51{z-index:10;justify-content:center;align-items:center;width:3rem;display:flex;position:absolute;top:0;bottom:0}._addBefore_18e38_62{left:0;transform:translate(-1.5rem)}._addAfter_18e38_66{right:0;transform:translate(1.5rem)}._addButton_18e38_70{opacity:0;flex:none;transition:opacity .3s ease-in-out}._hoverCaptureContainer_18e38_51:hover>._addButton_18e38_70{opacity:1}._swatchButton_18e38_80{background:0 0;border-radius:2rem;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:2rem;padding:0;transition:border .1s ease-in-out;display:inline-flex;position:relative}._closerToWhite_18e38_13 ._swatchButton_18e38_80{border:.2rem solid #0000}._closerToWhite_18e38_13 ._swatchButton_18e38_80:hover{border:.2rem solid #000}._closerToBlack_18e38_16 ._swatchButton_18e38_80{border:.2rem solid #fff0}._closerToBlack_18e38_16 ._swatchButton_18e38_80:hover{border:.2rem solid #fff}._swatchButton_18e38_80>svg{width:2.5rem;height:2.5rem}._closerToBlack_18e38_16 ._swatchButton_18e38_80>svg{fill:#fff}._swatchButton_18e38_80>._textLabel_18e38_114{color:#000;text-align:left;opacity:0;pointer-events:none;width:10rem;font-size:1.2rem;transition:opacity .2s ease-in-out,transform .2s ease-in-out;position:absolute;left:calc(100% + 1rem);transform:translate(-.5rem)}._swatchButton_18e38_80._leftAlignedLabel_18e38_128>._textLabel_18e38_114{left:unset;text-align:right;right:calc(100% + 1rem);transform:translate(.5rem)}._closerToBlack_18e38_16 ._swatchButton_18e38_80>._textLabel_18e38_114{color:#fff}._swatchButton_18e38_80._leftAlignedLabel_18e38_128:hover>._textLabel_18e38_114{opacity:1;transform:translate(-1rem)}._swatchButton_18e38_80:hover>._textLabel_18e38_114{opacity:1;transform:translate(1rem)}._swatchesContainer_1lial_1{flex-flow:row;flex:auto;order:0;place-content:stretch center;align-self:auto;align-items:stretch;display:flex}._importModalContentContainer_1k18y_7{justify-content:center;align-items:center;min-width:40rem;display:flex}._importButtonsContainer_1k18y_13{width:100%;display:flex}._importButton_1k18y_13{cursor:pointer;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;margin-right:2rem;display:flex}._importButton_1k18y_13:last-of-type{margin-right:0}._importButtonIcon_1k18y_29{width:6rem;height:6rem;margin:1rem 0}._importButtonLabel_1k18y_34{width:8rem}._importFromURLContainer_1k18y_39{flex-direction:column;width:100%;display:flex}._importFormContainer_1k18y_44{flex-direction:column;display:flex}._importFormContainer_1k18y_44>label{font-size:1.2rem}._importPreviewContainer_1k18y_52{background:#d7d7d7;border:.1rem solid #444;border-radius:.5rem;justify-content:center;align-items:center;max-width:40rem;height:30rem;max-height:40rem;margin:1rem 0 0;font-size:1.4rem;display:flex;position:relative}._imagePreview_1k18y_1{max-width:39rem;max-height:29rem}._numberOfSwatchesContainer_1k18y_71{flex-direction:column;display:flex}._numberOfSwatchesContainer_1k18y_71>label{font-size:1.4rem;transform:translateY(1rem)}._numberOfSwatchesInputWrapper_1k18y_79{flex-direction:row;margin-bottom:1rem;display:flex}._numberOfSwatchesInputWrapper_1k18y_79>input{flex:auto}._numberOfSwatchesInputWrapper_1k18y_79>span{flex:0 auto;margin:1rem;font-size:1.6rem}._generateButton_1k18y_93{flex-direction:row;justify-content:center;align-items:center;display:inline-flex}._generateButton_1k18y_93:disabled{cursor:not-allowed}._generateButton_1k18y_93:disabled>span>svg{opacity:.2}._generateButtonIcon_1k18y_105{width:2rem;height:2rem}._extractedPaletteContainer_1k18y_110{width:100%;margin:1rem 0;display:flex}._extractedPaletteSwatch_1k18y_115{flex:auto;height:50px}._openInNewTabLink_1k18y_121{width:100%;text-decoration:none}._openInNewTabButton_1k18y_125{justify-content:center;align-items:center;width:100%;display:flex}._loaderContainer_1k18y_133{background:#0009;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}._loaderContainer_1k18y_133>h6{color:#fff;font-size:1.8rem}._loader_1k18y_133{box-sizing:border-box;border:3px solid #fff;border-style:solid solid dotted dotted;border-radius:50%;width:48px;height:48px;animation:2s linear infinite _rotation_1k18y_1;display:inline-block;position:relative}._loader_1k18y_133:after{content:"";box-sizing:border-box;transform-origin:50%;border:3px solid #ff3d00;border-bottom-style:dotted;border-radius:50%;width:24px;height:24px;margin:auto;animation:1s linear infinite _rotationBack_1k18y_1;position:absolute;inset:0}@keyframes _rotation_1k18y_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes _rotationBack_1k18y_1{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}._modalContainer_1mzeg_1{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modalWindow_1mzeg_14{z-index:200;background:#fff;border:.1rem solid #bababa;border-radius:1rem;padding:2rem;box-shadow:inset 0 0 .5rem #a7a7a7}._modalHeader_1mzeg_23{display:flex}._modalHeader_1mzeg_23>h6{flex:auto;margin:0 2rem 1rem 0}._modalHeader_1mzeg_23>button{background-color:#000;border:none;border-radius:50%;flex:0 auto;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;display:flex}._modalHeader_1mzeg_23>button>svg{width:2rem;height:2rem}._exportModalContentContainer_1yxma_1{justify-content:center;align-items:center;min-width:40rem;display:flex}._exportButtonsContainer_1yxma_8{width:100%;display:flex}._exportButton_1yxma_8{cursor:pointer;flex-direction:column;flex:auto;justify-content:space-between;align-items:center;margin-right:2rem;display:flex}._exportButton_1yxma_8:last-of-type{margin-right:0}._exportButtonIcon_1yxma_24{width:6rem;height:6rem;margin:1rem 0}._exportButtonLabel_1yxma_29{width:8rem}._codeForExport_1yxma_33{width:100%}._codeForExport_1yxma_33>pre{color:#00f5d4;background:#46494c;border-radius:.5rem;padding:1rem}._codeForExport_1yxma_33>pre>code{font-size:1.6rem}._exportButtonContainer_1yxma_46{justify-content:space-between;display:flex}._exportBackButton_1yxma_50,._exportCopyToClipboardButton_1yxma_55{justify-self:flex-end;align-items:center;display:flex}._exportBackButton_1yxma_50>svg,._exportCopyToClipboardButton_1yxma_55>svg{height:2rem;margin-right:.5rem}._tooltipElement_w8k5h_5{pointer-events:none;opacity:0;transition:opacity .1s ease-in-out .2s;position:fixed}._anchoredElement_w8k5h_3:hover+._tooltipElement_w8k5h_5{opacity:1}._tooltipBubble_w8k5h_18{color:#fff;text-align:center;background:#000;border-radius:.4rem;margin:1.2rem;padding:1rem;font-size:1.2rem;position:relative}._tooltipBubble_w8k5h_18._top_w8k5h_31:after{content:"";border:10px solid #0000;border-top:0;border-bottom-color:#000;width:0;height:0;margin-top:-10px;margin-left:-10px;position:absolute;top:0;left:50%}._tooltipBubble_w8k5h_18._right_w8k5h_44:after{content:"";border:10px solid #0000;border-left-color:#000;border-right:0;width:0;height:0;margin-top:-10px;margin-right:-10px;position:absolute;top:50%;right:0}._tooltipBubble_w8k5h_18._bottom_w8k5h_57:after,._tooltipBubble_w8k5h_18._left_w8k5h_70:after{content:"";border:10px solid #0000;border-top-color:#000;border-bottom:0;width:0;height:0;margin-bottom:-10px;margin-left:-10px;position:absolute;bottom:0;left:50%}._tooltipBubble_w8k5h_18._topRight_w8k5h_84:after{content:"";border-top:0;border-bottom:10px solid #000;border-left:10px solid #0000;border-right:0;width:0;height:0;margin-top:-10px;margin-left:-10px;position:absolute;top:0;left:90%}._tooltipBubble_w8k5h_18._topLeft_w8k5h_98:after{content:"";border-top:0;border-bottom:10px solid #000;border-left:0;border-right:10px solid #0000;width:0;height:0;margin-top:-10px;margin-left:-5px;position:absolute;top:0;left:10%}._tooltipBubble_w8k5h_18._bottomLeft_w8k5h_113:after{content:"";border-top:10px solid #000;border-bottom:0;border-left:0;border-right:10px solid #0000;width:0;height:0;margin-bottom:-10px;margin-left:-5px;position:absolute;bottom:0;left:10%}._tooltipBubble_w8k5h_18._bottomRight_w8k5h_127:after{content:"";border:0;border-top:10px solid #000;border-left:10px solid #0000;width:0;height:0;margin-bottom:-10px;margin-left:-5px;position:absolute;bottom:0;left:90%}