.nav-link.active[data-v-b3288ccc]{background-color:#fff}#error-element[data-v-b3288ccc]{padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.subscription-modal-canvas{&[data-v-b3288ccc]{display:flex;flex-direction:row;position:relative;padding:0;border-radius:.8rem;width:100%;max-width:400px;background-color:#fff;overflow:hidden}.sub-left-banner[data-v-b3288ccc] {position: relative; display: flex; width: 30%; background-color: var(--coolGrey50);} .subscription-modal-container {&[data-v-b3288ccc] {position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; gap: 1rem; padding: 1rem; width: 100%;} .subscription-modal-header {&[data-v-b3288ccc] {display: flex; justify-content: space-between; align-items: center; position: relative;} .btn-close {&[data-v-b3288ccc] {position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; right: 0px; width: 24px; height: 24px; margin-bottom: auto; color: var(--bs-body-color); border-radius: 50%; background-color: var(--coolGrey50) !important; cursor: pointer;} &[data-v-b3288ccc]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-b3288ccc] {font-size: 1.5rem; position: relative;} .subscription-modal-body {&[data-v-b3288ccc] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem;} .sub-tabs[data-v-b3288ccc] {position: relative; z-index: 2;} .price-box {&[data-v-b3288ccc] {width: 270px;} .badge-save[data-v-b3288ccc] {position: absolute; display: flex; right: 60px; top: 0px; height: 50px; width: 50px; color: rgba(20,150,129,1); background-color: rgba(37,245,210,.6); border-radius: 50%;}} .subscription-modal-footer {&[data-v-b3288ccc] {position: relative; padding-top: 2rem;} .btn[data-v-b3288ccc] {width: 100%;}}}}}.error[data-v-b3288ccc]{color:red}.success[data-v-b3288ccc]{color:green}.nav-link.active[data-v-c43ed17f]{background-color:#fff}.subscription-modal-canvas{&[data-v-c43ed17f]{display:flex;flex-direction:row;position:relative;padding:0;border-radius:.8rem;width:100%;max-width:700px;background-color:#fff;overflow:hidden}.sub-left-banner[data-v-c43ed17f] {position: relative; display: flex; width: 30%; background-color: var(--coolGrey50);} .subscription-modal-container {&[data-v-c43ed17f] {position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; gap: 1rem; padding: 1rem; width: 100%;} .subscription-modal-header {&[data-v-c43ed17f] {display: flex; justify-content: space-between; align-items: center; position: relative;} .btn-close {&[data-v-c43ed17f] {position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; right: 0px; width: 24px; height: 24px; margin-bottom: auto; color: var(--bs-body-color); border-radius: 50%; background-color: var(--coolGrey50) !important; cursor: pointer;} &[data-v-c43ed17f]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-c43ed17f] {font-size: 1.5rem; position: relative;} .subscription-modal-body {&[data-v-c43ed17f] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem;} .sub-tabs[data-v-c43ed17f] {position: relative; z-index: 2;} .price-box {&[data-v-c43ed17f] {width: 270px;} .badge-save[data-v-c43ed17f] {position: absolute; display: flex; right: 60px; top: 0px; height: 50px; width: 50px; color: rgba(20,150,129,1); background-color: rgba(37,245,210,.6); border-radius: 50%;}} .subscription-modal-footer {&[data-v-c43ed17f] {position: relative; padding-top: 2rem;} .btn[data-v-c43ed17f] {width: 100%;}}}}}