{"version":3,"file":"./style-index.css","mappings":";;;AAAA;EACI;EACA;EACA;EACA;AACJ;;AAEA;EACI;AACJ;;AAEA;EACI;EACA;AACJ;;AAEA;EACI;EACA;AACJ;;AAEA;EACI;EACA;AACJ;;AAEA;EACI;AACJ;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACJ;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;;AAGA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAJ;;AAGA;EACI;EACA;EACA;AAAJ;;AAGA;EACI;AAAJ;;AAGA;EACI;EACA;EACA;EACA;AAAJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;AAJJ;;AAOA;EACI;AAJJ;;AAOA;EACI;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAOA;EACI;EACA;EACA;EACA;EACA;EACA;AAJJ;;AAgBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbD;;AAgBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAbD;;AAgBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAbD;;AAgBA;EACC;AAbD;;AAgBA;EACC;EACA;AAbD;;AAgBA;EACC;AAbD;;AAgBA;EACC;AAbD;;AAgBA;EACC;AAbD;;AAgBA;EACI;AAbJ;;AAgBA;EACI;AAbJ;;AAgBA;EACI;AAbJ;;AAgBA;EACI;AAbJ;;AAgBA;EACI;AAbJ;;AAiBA;EACI;IACI;EAdN;EAgBE;IACI;EAdN;EAiBE;IACI;EAfN;EAkBE;IACI;EAhBN;EAmBE;IACI;EAjBN;AACF,C","sources":["webpack://onesoftway-pricing-table/./src/style.scss"],"sourcesContent":[".app-onesoftway-pricing-table-desktop-header, .app-onesoftway-pricing-table-features, .app-onesoftway-pricing-table-feature-row {\n    display: flex;\n    justify-content: center;\n    width: 100%;\n    gap: 0px;\n}\n\n.app-onesoftway-pricing-table-desktop-header, .app-onesoftway-pricing-table-features {\n    align-items: center;\n}\n\n.app-onesoftway-pricing-table-desktop-header {\n    border-bottom: 1px solid #ddd;\n    background-color: #fdfdfd;\n}\n\n.app-onesoftway-pricing-table-desktop-header .app-onesoftway-pricing-table-tier-price {\n    font-size: 0.8em;\n    color: #666;\n}\n\n.app-onesoftway-pricing-table-desktop-header .app-onesoftway-pricing-table-tier-price .app-onesoftway-pricing-table-tier-price-suffix {\n    font-size: 0.8em;\n    color: #999;\n}\n\n.app-onesoftway-pricing-table-desktop-header div, .app-onesoftway-pricing-table-features div, .app-onesoftway-pricing-table-feature-row div {\n    flex: 1;\n}\n\n.app-onesoftway-pricing-table-desktop-header div {\n    text-align: center;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    font-size: 1.2em;\n    padding-left: 10px;\n    padding-right: 10px;\n    border-top-left-radius: 10px;\n    border-top-right-radius: 10px;\n}\n\n\n.app-onesoftway-pricing-table-tabs, .app-onesoftway-pricing-table-tiers-tabs {\n    display: flex;\n    justify-content: start;\n    align-items: flex-start;\n    width: 100%;\n    gap: 10px;\n    border-bottom: 1px solid #ccc;\n    font-size: 0.8em;\n    padding-top: 10px;\n    padding-bottom: 10px;\n    overflow-x: auto;\n}\n\n.app-onesoftway-pricing-table-tabs div {\n    flex: 10 0 auto;\n    text-align: center;\n    padding-left: 14px;\n    padding-right: 14px;\n    padding-top: 5px;\n    padding-bottom: 5px;\n    cursor: pointer;\n    border-radius: 10px;\n}\n\n.app-onesoftway-pricing-table-tier-tab {\n    flex: 1 0 auto;\n    text-align: center;\n    border-radius: 10px;\n}\n\n.app-onesoftway-pricing-table-tabs div:hover, .app-onesoftway-pricing-table-tiers-tabs div:hover {\n    background-color: #eee;\n}\n\n.app-onesoftway-pricing-table-feature-category-name {\n    font-size: 1.2em;\n    padding-top: 30px;\n    padding-bottom: 10px;\n    border-bottom: 1px solid #ddd;\n}\n\n.app-onesoftway-pricing-table-features div {\n\n}\n\n.app-onesoftway-pricing-table-feature-row {\n    font-size: 0.8em;\n    border-bottom: 1px solid #ccc;\n    text-align: center;\n}\n\n.app-onesoftway-pricing-table-feature-name {\n    padding-top: 10px;\n    padding-bottom: 10px;\n    text-align: left;\n}\n\n.app-onesoftway-pricing-popular-background {\n    background-color: #efefef;\n}\n\n.app-onesoftway-pricing-table-checkmark {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.app-onesoftway-pricing-table-desktop-header .app-onesoftway-pricing-table-tier-popular-badge {\n    background-color: #7a7a7a;\n    width: 100%;\n    color: white;\n    margin-top: -25px;\n    padding: 5px 10px;\n    border-radius: 5px;\n    font-size: 0.6em;\n    box-sizing: border-box;\n}\n\n.app-onesoftway-pricing-table-tier-button {\n    border: none;\n    padding: 8px 20px;\n    border-radius: 8px;\n    text-decoration: none;\n    display: inline-block;\n    margin-top: 8px;\n    font-weight: 600;\n    cursor: pointer;\n}\n\n.app-onesoftway-pricing-table-feature-category-name a, .app-onesoftway-pricing-table-tabs a, .app-onesoftway-pricing-table-tiers-tabs button {\n    color: inherit;\n    text-decoration: none;\n}\n\n.app-onesoftway-pricing-table-tiers-tabs button {\n    background: none;\n    border: none;\n    text-decoration: none;\n    width: 100%;\n    height: 100%;\n    cursor: pointer;\n    font-size: 1em;\n    font-weight: 400;\n    padding-top: 8px;\n    padding-bottom: 8px;\n}\n\n.app-onesoftway-pricing-table-currency-toggle {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 10px;\n    margin-bottom: 20px;\n    font-size: 1em;\n}\n\n\n\n\n\n\n\n\n\n\n.app-onesoftway-pricing-switch {\n --button-width: 3.5em;\n --button-height: 2em;\n --toggle-diameter: 1.5em;\n --button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);\n --toggle-shadow-offset: 10px;\n --toggle-wider: 3em;\n --color-grey: #aaa;\n --color-green: #aaa;\n}\n\n.app-onesoftway-pricing-slider {\n display: inline-block;\n width: var(--button-width);\n height: var(--button-height);\n background-color: var(--color-grey);\n border-radius: calc(var(--button-height) / 2);\n position: relative;\n transition: 0.3s all ease-in-out;\n}\n\n.app-onesoftway-pricing-slider::after {\n content: \"\";\n display: inline-block;\n width: var(--toggle-diameter);\n height: var(--toggle-diameter);\n background-color: #fff;\n border-radius: calc(var(--toggle-diameter) / 2);\n position: absolute;\n top: var(--button-toggle-offset);\n transform: translateX(var(--button-toggle-offset));\n box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);\n transition: 0.3s all ease-in-out;\n}\n\n.app-onesoftway-pricing-switch input[type=\"checkbox\"]:checked + .app-onesoftway-pricing-slider {\n background-color: var(--color-green);\n}\n\n.app-onesoftway-pricing-switch input[type=\"checkbox\"]:checked + .app-onesoftway-pricing-slider::after {\n transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));\n box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);\n}\n\n.app-onesoftway-pricing-switch input[type=\"checkbox\"] {\n display: none;\n}\n\n.app-onesoftway-pricing-switch input[type=\"checkbox\"]:active + .app-onesoftway-pricing-slider::after {\n width: var(--toggle-wider);\n}\n\n.app-onesoftway-pricing-switch input[type=\"checkbox\"]:checked:active + .app-onesoftway-pricing-slider::after {\n transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));\n}\n\n.tier-active {\n    display: block;\n}\n\n.tier-not-active {\n    display: block;\n}\n\n.tier-feature-active {\n    display: flex;\n}\n\n.tier-feature-not-active {\n    display: flex;\n}\n\n.app-onesoftway-pricing-table-tiers-tabs {\n    display:none;\n}\n\n// Responsive styles\n@media (max-width: 600px) {\n    .app-onesoftway-pricing-table-tabs {\n        display: none;\n    }\n    .app-onesoftway-pricing-table-tiers-tabs {\n        display:flex;\n    }\n\n    .tier-active {\n        display: block;\n    }\n    \n    .tier-feature-active {\n        display: flex;\n    }\n\n    .tier-not-active, .tier-feature-not-active {\n        display: none;\n    }\n}\n"],"names":[],"sourceRoot":""}