cja-phoenix 0.0.2 → 0.0.4

package/dist/cja-phoenix.es.js

@@ -36,7 +36,7 @@ const On = (e) => (at("data-v-2c22e62b"), e = e(), ot(), e), An = { class: "flex
     ]));
   }
 }), Fn = /* @__PURE__ */ $e(Ln, [["__scopeId", "data-v-2c22e62b"]]);
-const Nn = (e) => (at("data-v-4c7349cf"), e = e(), ot(), e), Dn = { class: "modal-backdrop" }, Tn = ["onClick"], Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ U("span", { class: "m-cgg-icon--cross" }, null, -1)), jn = [
+const Nn = (e) => (at("data-v-11e69a12"), e = e(), ot(), e), Dn = { class: "modal-backdrop" }, Tn = ["onClick"], Mn = /* @__PURE__ */ Nn(() => /* @__PURE__ */ U("span", { class: "m-cgg-icon--cross" }, null, -1)), jn = [
   Mn
 ], Pn = {
   key: 0,
@@ -102,7 +102,7 @@ const Nn = (e) => (at("data-v-4c7349cf"), e = e(), ot(), e), Dn = { class: "moda
       })
     ]));
   }
-}), Rn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-4c7349cf"]]);
+}), Rn = /* @__PURE__ */ $e(Un, [["__scopeId", "data-v-11e69a12"]]);
 const zn = {}, $n = { class: "cja-btn" };
 function Gn(e, t) {
   return ee(), ne("button", $n, [

package/dist/style.css

@@ -1 +1 @@
-.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}.modal-backdrop[data-v-4c7349cf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:12;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-4c7349cf]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-4c7349cf]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box}@media screen and (min-width: 601px){.modal-container[data-v-4c7349cf]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-4c7349cf]{max-width:1040px}}.modal-container .modal-header[data-v-4c7349cf]{font-weight:700;font-size:18px;line-height:21px;padding-bottom:15px;padding-right:20px;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-4c7349cf]{font-size:24px;line-height:27px}}.modal-container .btn-close[data-v-4c7349cf]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-4c7349cf]{right:40px}}.modal-container .btn-close span[data-v-4c7349cf]{line-height:20px}.modal-container .btn-close[data-v-4c7349cf]:focus{outline:0}.modal-container .modal-body[data-v-4c7349cf]{margin:20px -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;max-height:calc(100vh - 97px);height:auto;padding:0 15px 15px}@media screen and (min-width: 768px){.modal-container .modal-body[data-v-4c7349cf]{max-height:700px}}.modal-container .modal-footer[data-v-4c7349cf]{border-top:1px solid #dedede;padding-top:15px;margin-top:15px}.modal-container .modal-footer[data-v-4c7349cf] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-4c7349cf],.fade-leave-to[data-v-4c7349cf]{opacity:0}.fade-enter-to[data-v-4c7349cf],.fade-leave-from[data-v-4c7349cf]{opacity:1}.cja-btn[data-v-2bfec323]{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#076b9c;background:none;font-weight:700;font-size:16px;line-height:16px;cursor:pointer}@media screen and (min-width: 768px){.cja-btn[data-v-2bfec323]{padding:15px 20px;font-size:20px;line-height:20px}}.cja-btn[data-v-2bfec323]:focus-visible{outline:none}.cja-btn.btn-primary[data-v-2bfec323]{background:#076b9c;border:1px solid #076b9c;color:#fff}.cja-btn.btn-primary.btn-orange[data-v-2bfec323]{background:#f58423;border-color:#f58423}.cja-btn.btn-primary.btn-white[data-v-2bfec323]{background:#fff;border-color:#fff;color:#155072}.cja-btn.btn-primary[data-v-2bfec323]:disabled{background:#dedede;border:1px solid #dedede;cursor:pointer}.cja-btn.btn-secondary[data-v-2bfec323]{border:1px solid #dedede}.cja-btn[data-v-2bfec323] span[class^=m-cgg-icon--]:last-child{margin-left:5px}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNovaT-Thin.woff2) format("woff2"),url(fonts/ProximaNovaT-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Black.woff2) format("woff2"),url(fonts/ProximaNova-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.woff2) format("woff2"),url(fonts/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Bold.woff2) format("woff2"),url(fonts/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Extrabld.woff2) format("woff2"),url(fonts/ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}body{font-family:Proxima Nova,Helvetica Neue,Helvetica,Microsoft JhengHei,Open Sans,Arial,"sans-serif"}*,*:before,*:after{box-sizing:border-box}.form-group .input-title{font-size:14px;line-height:17px;font-weight:700;margin-bottom:10px}@media screen and (min-width: 768px){.form-group .input-title{font-size:16px;line-height:19px}}.form-group .input-container{position:relative}.form-group .input-container input,.form-group .input-container textarea{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px;transition:all .1s ease-in}.form-group .input-container input:active,.form-group .input-container input:focus,.form-group .input-container textarea:active,.form-group .input-container textarea:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container input:active+.icon,.form-group .input-container input:focus+.icon,.form-group .input-container textarea:active+.icon,.form-group .input-container textarea:focus+.icon{color:#312f2e}.form-group .input-container textarea{resize:none}.form-group .input-container.has-icon input{padding-right:50px}.form-group .input-container.has-icon .icon{position:absolute;top:50%;transform:translateY(-50%);right:20px;line-height:10px;font-size:20px;font-weight:700;color:#979290;transition:color .1s ease-in}.form-group .input-container.error input,.form-group .input-container.error textarea{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-radio ul{display:flex;flex-direction:column;gap:15px}.form-group .input-container-radio label{display:flex;flex-direction:row;gap:10px;cursor:pointer}.form-group .input-container-radio label input{display:none}.form-group .input-container-radio label input:checked+.radio-icon{border-color:#77aa43}.form-group .input-container-radio label input:checked+.radio-icon:before{opacity:1}.form-group .input-container-radio label .radio-icon{height:25px;width:25px;border:2px solid #9fabbc;border-radius:50%;transition:all .3s ease-in-out}.form-group .input-container-radio label .radio-icon:before{content:"";display:block;opacity:0;transition:all .3s ease-in-out;width:100%;height:100%;background-color:#77aa43;background-clip:content-box;border:4px solid transparent;border-radius:50%}.form-group .input-container-radio label p{font-size:16px;line-height:25px}.form-group .input-container-checkbox label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer}.form-group .input-container-checkbox label input{display:none}.form-group .input-container-checkbox label.active .radio-icon{border-color:#77aa43}.form-group .input-container-checkbox label.active .radio-icon:before{opacity:1}.form-group .input-container-checkbox label.active p{color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon{position:relative}.form-group .input-container-checkbox label .checkbox-icon:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon:before{position:absolute;opacity:0;font-size:20px}.form-group .input-container-checkbox label input:checked+.checkbox-icon:before{opacity:1}.form-group .input-container-checkbox label .text-container{font-size:12px;line-height:18px;user-select:none}.form-group .input-container-checkbox label .text-container a{color:inherit;font-weight:700;text-decoration:underline}.form-group .input-container-checkbox label .text-container a:hover{text-decoration:none}.form-group .input-container-select{position:relative}.form-group .input-container-select .close-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:23}.form-group .input-container-select .select-toggle{position:relative;display:flex;justify-content:space-between;gap:10px;background-color:#fff;border:1px solid #dedede;border-radius:5px;cursor:pointer;padding:10px 8px;font-size:15px;line-height:18px;width:100%;transition:z-index 0s .3s;z-index:0}.form-group .input-container-select .select-toggle .select-display{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.form-group .input-container-select .select-toggle.open{z-index:25;transition:z-index 0s}.form-group .input-container-select .select-toggle.open em{transform:rotate(180deg)}.form-group .input-container-select .select-toggle.disabled{opacity:.5;cursor:auto}.form-group .input-container-select .select-toggle em{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse{position:absolute;z-index:24;left:0;width:100%;max-height:400px;overflow-y:auto;padding-top:4px;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse.position-top{bottom:calc(100% - 5px);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.form-group .input-container-select .select-collapse.position-bottom{top:calc(100% - 5px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.form-group .input-container-select .select-collapse .search-filter-container{padding:5px 10px}.form-group .input-container-select .select-collapse .search-filter-container input{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.form-group .input-container-select .select-collapse .search-filter-container input:active,.form-group .input-container-select .select-collapse .search-filter-container input:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container-select .select-collapse.slide-fade-enter-from,.form-group .input-container-select .select-collapse.slide-fade-leave-to{opacity:0}.form-group .input-container-select .select-collapse.slide-fade-enter-to,.form-group .input-container-select .select-collapse.slide-fade-leave-from{opacity:1}.form-group .input-container-select .select-collapse ul li{display:flex;align-items:center;transition:all .3s ease-in-out;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.form-group .input-container-select .select-collapse ul li:hover{background-color:#f1f7ee}.form-group .input-container-select .select-collapse ul li .checkbox-icon{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.form-group .input-container-select .select-collapse ul li .checkbox-icon:before{color:#77aa43;opacity:0}.form-group .input-container-select .select-collapse ul li.active .checkbox-icon:before{opacity:1}.form-group .input-container-select.error .select-toggle{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-select.error em{background-color:#ffebeb}.form-group .input-error{color:#ff533f;font-size:14px;line-height:16px;margin-top:8px}@media screen and (min-width: 768px){.form-group .input-error{font-size:16px;line-height:18px}}.form-group .iti{display:block}.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}
+.icon-heart[data-v-5800c09e]{color:tomato}.counter label[data-v-2c22e62b]{padding-right:10px;font-weight:700}.counter .count[data-v-2c22e62b]{padding:0 10px}.modal-backdrop[data-v-11e69a12]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#0006;transition:all .4s ease-in-out}.modal-overlay[data-v-11e69a12]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13}.modal-container[data-v-11e69a12]{position:absolute;top:0;left:0;height:100%;background:#ffffff;padding:20px;width:100%;box-sizing:border-box}@media screen and (min-width: 601px){.modal-container[data-v-11e69a12]{top:50%;left:50%;transform:translateY(-50%) translate(-50%);max-width:calc(100% - 60px);border-radius:8px;padding:20px 40px;height:auto}}@media screen and (min-width: 1100px){.modal-container[data-v-11e69a12]{max-width:1040px}}.modal-container .modal-header[data-v-11e69a12]{font-weight:700;font-size:18px;line-height:21px;padding-bottom:15px;padding-right:20px;border-bottom:1px solid #dedede}@media screen and (min-width: 601px){.modal-container .modal-header[data-v-11e69a12]{font-size:24px;line-height:27px}}.modal-container .btn-close[data-v-11e69a12]{position:absolute;top:20px;right:20px;background:none;border:none;padding:0;outline:0;height:20px;cursor:pointer}@media screen and (min-width: 601px){.modal-container .btn-close[data-v-11e69a12]{right:40px}}.modal-container .btn-close span[data-v-11e69a12]{line-height:20px}.modal-container .btn-close[data-v-11e69a12]:focus{outline:0}.modal-container .modal-body[data-v-11e69a12]{margin:20px -15px -15px;font-size:15px;line-height:17px;overflow-y:auto;max-height:calc(100vh - 97px);height:auto;padding:0 15px 15px}@media screen and (min-width: 768px){.modal-container .modal-body[data-v-11e69a12]{max-height:800px}}.modal-container .modal-footer[data-v-11e69a12]{border-top:1px solid #dedede;padding-top:15px;margin-top:15px}.modal-container .modal-footer[data-v-11e69a12] .button-container{display:flex;flex-direction:row;justify-content:flex-end;gap:10px}.fade-enter-from[data-v-11e69a12],.fade-leave-to[data-v-11e69a12]{opacity:0}.fade-enter-to[data-v-11e69a12],.fade-leave-from[data-v-11e69a12]{opacity:1}.cja-btn[data-v-2bfec323]{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;border-radius:8px;box-shadow:0 4px 20px #0000001a;color:#076b9c;background:none;font-weight:700;font-size:16px;line-height:16px;cursor:pointer}@media screen and (min-width: 768px){.cja-btn[data-v-2bfec323]{padding:15px 20px;font-size:20px;line-height:20px}}.cja-btn[data-v-2bfec323]:focus-visible{outline:none}.cja-btn.btn-primary[data-v-2bfec323]{background:#076b9c;border:1px solid #076b9c;color:#fff}.cja-btn.btn-primary.btn-orange[data-v-2bfec323]{background:#f58423;border-color:#f58423}.cja-btn.btn-primary.btn-white[data-v-2bfec323]{background:#fff;border-color:#fff;color:#155072}.cja-btn.btn-primary[data-v-2bfec323]:disabled{background:#dedede;border:1px solid #dedede;cursor:pointer}.cja-btn.btn-secondary[data-v-2bfec323]{border:1px solid #dedede}.cja-btn[data-v-2bfec323] span[class^=m-cgg-icon--]:last-child{margin-left:5px}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNovaT-Thin.woff2) format("woff2"),url(fonts/ProximaNovaT-Thin.woff) format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Black.woff2) format("woff2"),url(fonts/ProximaNova-Black.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Regular.woff2) format("woff2"),url(fonts/ProximaNova-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Bold.woff2) format("woff2"),url(fonts/ProximaNova-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Proxima Nova;src:url(fonts/ProximaNova-Extrabld.woff2) format("woff2"),url(fonts/ProximaNova-Extrabld.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}body{font-family:Proxima Nova,Helvetica Neue,Helvetica,Microsoft JhengHei,Open Sans,Arial,"sans-serif"}*,*:before,*:after{box-sizing:border-box}.form-group .input-title{font-size:14px;line-height:17px;font-weight:700;margin-bottom:10px}@media screen and (min-width: 768px){.form-group .input-title{font-size:16px;line-height:19px}}.form-group .input-container{position:relative}.form-group .input-container input,.form-group .input-container textarea{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px;transition:all .1s ease-in}.form-group .input-container input:active,.form-group .input-container input:focus,.form-group .input-container textarea:active,.form-group .input-container textarea:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container input:active+.icon,.form-group .input-container input:focus+.icon,.form-group .input-container textarea:active+.icon,.form-group .input-container textarea:focus+.icon{color:#312f2e}.form-group .input-container textarea{resize:none}.form-group .input-container.has-icon input{padding-right:50px}.form-group .input-container.has-icon .icon{position:absolute;top:50%;transform:translateY(-50%);right:20px;line-height:10px;font-size:20px;font-weight:700;color:#979290;transition:color .1s ease-in}.form-group .input-container.error input,.form-group .input-container.error textarea{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-radio ul{display:flex;flex-direction:column;gap:15px}.form-group .input-container-radio label{display:flex;flex-direction:row;gap:10px;cursor:pointer}.form-group .input-container-radio label input{display:none}.form-group .input-container-radio label input:checked+.radio-icon{border-color:#77aa43}.form-group .input-container-radio label input:checked+.radio-icon:before{opacity:1}.form-group .input-container-radio label .radio-icon{height:25px;width:25px;border:2px solid #9fabbc;border-radius:50%;transition:all .3s ease-in-out}.form-group .input-container-radio label .radio-icon:before{content:"";display:block;opacity:0;transition:all .3s ease-in-out;width:100%;height:100%;background-color:#77aa43;background-clip:content-box;border:4px solid transparent;border-radius:50%}.form-group .input-container-radio label p{font-size:16px;line-height:25px}.form-group .input-container-checkbox label{display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;cursor:pointer;margin:0}.form-group .input-container-checkbox label input{display:none}.form-group .input-container-checkbox label.active .radio-icon{border-color:#77aa43}.form-group .input-container-checkbox label.active .radio-icon:before{opacity:1}.form-group .input-container-checkbox label.active p{color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon{position:relative}.form-group .input-container-checkbox label .checkbox-icon:after{content:"";display:block;width:22px;height:22px;border-radius:3px;border:1px solid #cccbc8;color:#77aa43}.form-group .input-container-checkbox label .checkbox-icon:before{position:absolute;opacity:0;font-size:20px}.form-group .input-container-checkbox label input:checked+.checkbox-icon:before{opacity:1}.form-group .input-container-checkbox label .text-container{font-size:12px;line-height:18px;user-select:none}.form-group .input-container-checkbox label .text-container a{color:inherit;font-weight:700;text-decoration:underline}.form-group .input-container-checkbox label .text-container a:hover{text-decoration:none}.form-group .input-container-select{position:relative}.form-group .input-container-select .close-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:23}.form-group .input-container-select .select-toggle{position:relative;display:flex;justify-content:space-between;gap:10px;background-color:#fff;border:1px solid #dedede;border-radius:5px;cursor:pointer;padding:10px 8px;font-size:15px;line-height:18px;width:100%;transition:z-index 0s .3s;z-index:0}.form-group .input-container-select .select-toggle .select-display{flex-grow:1;text-overflow:ellipsis;overflow:hidden}.form-group .input-container-select .select-toggle.open{z-index:25;transition:z-index 0s}.form-group .input-container-select .select-toggle.open em{transform:rotate(180deg)}.form-group .input-container-select .select-toggle.disabled{opacity:.5;cursor:auto}.form-group .input-container-select .select-toggle em{font-size:12px;line-height:18px;color:#9fabbc;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse{position:absolute;z-index:24;left:0;width:100%;max-height:400px;overflow-y:auto;padding-top:4px;background-color:#fff;border:1px solid #dedede;transition:all .3s ease-in-out}.form-group .input-container-select .select-collapse.position-top{bottom:calc(100% - 5px);border-top-left-radius:5px;border-top-right-radius:5px;box-shadow:0 -4px 10px #00000026}.form-group .input-container-select .select-collapse.position-bottom{top:calc(100% - 5px);border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:0 4px 10px #00000026}.form-group .input-container-select .select-collapse .search-filter-container{padding:5px 10px}.form-group .input-container-select .select-collapse .search-filter-container input{outline:none;padding:10px 8px;font-size:15px;line-height:18px;width:100%;border:1px solid #dedede;border-radius:5px}.form-group .input-container-select .select-collapse .search-filter-container input:active,.form-group .input-container-select .select-collapse .search-filter-container input:focus{border:1px solid #5fbbff;outline:none}.form-group .input-container-select .select-collapse.slide-fade-enter-from,.form-group .input-container-select .select-collapse.slide-fade-leave-to{opacity:0}.form-group .input-container-select .select-collapse.slide-fade-enter-to,.form-group .input-container-select .select-collapse.slide-fade-leave-from{opacity:1}.form-group .input-container-select .select-collapse ul li{display:flex;align-items:center;transition:all .3s ease-in-out;padding:8px 10px;cursor:pointer;user-select:none;overflow-x:hidden}.form-group .input-container-select .select-collapse ul li:hover{background-color:#f1f7ee}.form-group .input-container-select .select-collapse ul li .checkbox-icon{height:20px;width:20px;border:2px solid #9fabbc;border-radius:3px;transition:all .3s ease-in-out;display:inline-flex;place-items:center;margin-right:10px}.form-group .input-container-select .select-collapse ul li .checkbox-icon:before{color:#77aa43;opacity:0}.form-group .input-container-select .select-collapse ul li.active .checkbox-icon:before{opacity:1}.form-group .input-container-select.error .select-toggle{background-color:#ffebeb;border:1px solid #ff533f}.form-group .input-container-select.error em{background-color:#ffebeb}.form-group .input-error{color:#ff533f;font-size:14px;line-height:16px;margin-top:8px}@media screen and (min-width: 768px){.form-group .input-error{font-size:16px;line-height:18px}}.form-group .iti{display:block}.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags.png)!important}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.form-group .iti__flag{background-image:url(https://www.comparaja.pt/s3/portugal/comparaja.pt/production/pt/images/general/flags@2x.png)!important}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "scripts": {
     "build:lib": "rimraf dist && vue-tsc && vite build",
     "publish:lib": "npm run build:lib && npm publish",

package/src/assets/forms.scss

@@ -127,6 +127,8 @@
       flex-wrap: nowrap;
       gap: 15px;
       cursor: pointer;
+      margin: 0;
+      font-weight: 400;
 
       input {
         display: none;

package/src/components/Modal.vue

@@ -75,7 +75,7 @@ defineExpose({ active, openModal, closeModal, toggleModal });
   left: 0;
   width: 100%;
   height: 100%;
-  z-index: 12;
+  z-index: 1000;
   background-color: rgba(0, 0, 0, 0.4);
   transition: all 0.4s ease-in-out;
 }
@@ -161,7 +161,7 @@ defineExpose({ active, openModal, closeModal, toggleModal });
     padding: 0 15px 15px;
 
     @media screen and (min-width: 768px) {
-      max-height: 700px;
+      max-height: 800px;
     }
   }