{"version":3,"file":"separator/index.css","mappings":";;;AAAA;EACI;EACA;EACA;AACJ;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;AAAI;EACI;EACA;AAER;;AAEA;EACI;EACA;AACJ;AACI;EACI;EACA;AACR;AAEI;EAEI;EACA;EACA;EACA;EACA;EACA;AADR;AAII;EACI;EACA;AAFR;AAKI;EACI;EACA;AAHR;AAMI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAJR;AAOI;EACI;EACA;AALR;AAQI;EACI;EACA;EACA;EACA;EACA;EACA;AANR;AASI;EACI;EACA;EACA;EACA;EACA;AAPR;AAUI;EACI;EACA;EACA;EACA;EACA;AARR;AAWI;EACI;EACA;EACA;AATR;AAYI;EACI;EACA;EACA;AAVR;AAYI;EACI;EACA;EACA;AAVR;AAYI;EACI;EACA;EACA;EACA;AAVR;AAaI;EACI;EACA;EACA;AAXR;AAcI;EACI;EACA;EACA;AAZR;AAeI;EACI;EACA;EACA;AAbR;AAeI;EACI;EACA;EACA;AAbR;AAgBI;EACI;EACA;EACA;EACA;EACA;AAdR;AAiBI;EACI;EACA;EACA;EACA;EACA;AAfR,C","sources":["webpack://templazee/./src/separator/editor.scss"],"sourcesContent":[".separator-style-options {\n    display: flex;\n    gap: 5px;\n    flex-direction: column;\n}\n\n.separator-option {\n    position: relative;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    background: white;\n    border: 1px solid rgba(0, 0, 0, 0.4);\n    border-radius: 4px;\n    cursor: pointer;\n    &.active {\n        border-color: #007cba;\n        box-shadow: 0 0 5px rgba(0, 124, 186, 0.5);\n    }\n}\n\n.separator-preview {\n    position: relative;\n    margin-bottom:8px ;\n\n    &.style1 {\n        width: 100%;\n        padding-top: 2px;\n    }\n\n    &.style1 :before,\n    &.style1 :after {\n        content: \"\";\n        height: 2px;\n        background-color: rgba(0, 0, 0, 0.4);\n        position: absolute;\n        top: 50%;\n        transform: translateY(-50%);\n    }\n\n    &.style1 :before {\n        left: 0;\n        right: calc(50% + 3px);\n    }\n\n    &.style1 :after {\n        right: 0;\n        left: calc(50% + 3px);\n    }\n\n    &.style1 .center-part {\n        position: absolute;\n        width: 20%;\n        height: 5px;\n        background-color: rgb(0, 0, 0, 1);\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n    }\n\n    &.style2 {\n        border-top: 2px dotted rgba(0, 0, 0, 0.4);\n        width: 100%;\n    }\n\n    &.style3:before {\n        content: \"\";\n        position: absolute;\n        height: 2px;\n        width: 100%;\n        background-color: rgba(0, 0, 0, 0.4);\n        left: 0;\n    }\n\n    &.style3 .left-part {\n        width: 20%;\n        height: 5px;\n        background-color: rgba(0, 0, 0, 0.5);\n        transform: translate(0%, -20%);\n        position: absolute;\n    }\n\n    &.style3:before {\n        content: \"\";\n        position: absolute;\n        height: 2px;\n        width: 100%;\n        background-color: rgba(0, 0, 0, 0.4);\n    }\n\n    &.style4 {\n        width:100%;\n        height: 2px;\n        box-shadow: 0 2px 4px  rgba(0, 0, 0, 0.4);\n    }\n\n    &.style5 {\n        height: 3px;\n        width: 100%;\n        background: linear-gradient(to right, transparent, rgb(0, 0, 0, 0.4), transparent);\n    }\n    &.style6{\n        display: flex;\n        gap:10px;\n        justify-content: center;\n    }\n    &.style6 .tagline{\n        font-size:  13px;\n        color:  rgba(0, 0, 0, 0.4);\n        margin-top: 5px;\n        display: flex;\n    }\n    \n    &.style6 .beforeStyle {\n        border-top: 2px solid rgba(0, 0, 0, 0.4);\n        width: 50%;\n        margin-top: 6%;\n    }\n    \n    &.style6 .afterStyle {\n        border-top: 2px solid rgba(0, 0, 0, 0.4);\n        width: 50%;\n        margin-top: 6%;\n    }\n\n    &.style7{\n        display: flex;\n        gap:10px;\n        justify-content: center;\n    }\n    &.style7 .tagline{\n        font-size:  13px;\n        color:  rgba(0, 0, 0, 0.4);\n        display: flex;\n    }\n    \n    &.style7 .beforeStyle {\n        border-top: 2px solid rgba(0, 0, 0, 0.4);\n        width: 50%;\n        height: 5px;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.4);\n        margin-top: 3%;\n    }\n    \n    &.style7 .afterStyle {\n        border-top: 2px solid rgba(0, 0, 0, 0.4);\n        width: 50%;\n        height: 5px;\n        border-bottom: 2px solid rgba(0, 0, 0, 0.4);\n        margin-top: 3%;\n    }\n    \n\n}"],"names":[],"sourceRoot":""}