/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./assets/src/scss/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
.figma-variable-exporter{padding-block:32px;padding-right:20px;display:flex;flex-direction:column;gap:32px}.figma-variable-exporter .action-wrapper{display:flex;flex-direction:column;gap:24px}.figma-variable-exporter .action-wrapper .format-selector{display:flex;align-items:center;gap:16px}.figma-variable-exporter .action-wrapper .input-text-wrapper{display:flex;flex-direction:column;gap:16px}.figma-variable-exporter .action-wrapper .input-text-wrapper .input-text{padding:16px;border:none;outline:none;transition:.3s}.figma-variable-exporter .action-wrapper .input-text-wrapper .input-text:focus{box-shadow:0 0 20px rgba(34,113,177,.2392156863)}.figma-variable-exporter .action-wrapper .btn-submit{background-color:#3582c4;color:#fff;font-weight:600;padding:10px 16px;border-radius:4px;border:none;outline:none;cursor:pointer;transition:.3s}.figma-variable-exporter .action-wrapper .btn-submit:hover{background-color:#28669c}.figma-variable-exporter .output-wrapper{display:flex;flex-direction:column;gap:16px}.figma-variable-exporter .output-wrapper.color-output>div{padding:16px;background-color:#fff;display:flex;flex-direction:column}.figma-variable-exporter .output-wrapper.color-output>div h2{font-weight:700;margin-bottom:16px}.figma-variable-exporter .output-wrapper.color-output>div>div{padding-left:24px;display:flex;flex-direction:column}.figma-variable-exporter .output-wrapper.typography-output>div{padding:16px;background-color:#fff;display:flex;flex-direction:column}.figma-variable-exporter .output-wrapper.typography-output>div h2{font-weight:700;margin-bottom:16px}.figma-variable-exporter .output-wrapper.typography-output>div>.mixin-item{display:flex;flex-direction:column}.figma-variable-exporter .output-wrapper.typography-output>div>.mixin-item div{font-weight:700}.figma-variable-exporter .output-wrapper.typography-output>div>.mixin-item span{padding-left:24px}.figma-variable-exporter .output-wrapper .output{padding:16px;box-sizing:border-box;width:100%;min-height:100px;border-radius:4px;background-color:#fff}.figma-variable-exporter .output-wrapper .output.color{display:flex;flex-direction:column}.figma-variable-exporter .output-wrapper .output.typograph{display:flex;flex-direction:column;gap:20px}.figma-variable-exporter .output-wrapper .output.typograph .typo-output{display:flex;flex-direction:column;font-weight:700}.figma-variable-exporter .output-wrapper .output.typograph .typo-output span{font-weight:400;padding-left:20px}.figma-variable-exporter h1{font-size:40px;font-weight:700}.figma-variable-exporter *{margin:0}

/*# sourceMappingURL=style.min.css.map*/