.nav-link.active[data-v-86af752c]{background-color:#fff}#error-element[data-v-86af752c]{padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px}.sub-left-banner[data-v-86af752c]{position:relative;display:flex;width:30%;background-color:var(--coolGrey50)}.subscription-modal-container[data-v-86af752c]{position:relative;display:flex;flex-direction:column;align-content:center;justify-content:center;gap:1rem;padding:1rem;width:100%;.subscription-modal-header[data-v-86af752c] {display: flex; justify-content: space-between; align-items: center; position: relative; .btn-close[data-v-86af752c] {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-86af752c]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-86af752c] {font-size: 1.5rem; position: relative;} .subscription-modal-body[data-v-86af752c] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem; .sub-tabs[data-v-86af752c] {position: relative; z-index: 2;} .price-box[data-v-86af752c] {width: 270px; .badge-save[data-v-86af752c] {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-86af752c] {position: relative; padding-top: 2rem; .btn[data-v-86af752c] {width: 100%;}}}}.error[data-v-86af752c]{color:red}.success[data-v-86af752c]{color:green}.nav-link.active[data-v-9a09fba7]{background-color:#fff}.subscription-modal-canvas[data-v-9a09fba7]{display:flex;flex-direction:row;position:relative;padding:0;border-radius:.8rem;width:100%;max-width:500px;background-color:#fff;overflow:hidden;.sub-left-banner[data-v-9a09fba7] {position: relative; display: flex; width: 30%; background-color: var(--coolGrey50);} .subscription-modal-container[data-v-9a09fba7] {position: relative; display: flex; flex-direction: column; align-content: center; justify-content: center; gap: 1rem; padding: 1rem; width: 100%; .subscription-modal-header[data-v-9a09fba7] {display: flex; justify-content: space-between; align-items: center; position: relative; .btn-close[data-v-9a09fba7] {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-9a09fba7]:hover {color: rgba(255,158,244,1) ; background-color: var(--coolGrey100) !important;}}} .subscription-modal-header h3[data-v-9a09fba7] {font-size: 1.5rem; position: relative;} .subscription-modal-body[data-v-9a09fba7] {margin-right: 1rem; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem; .sub-tabs[data-v-9a09fba7] {position: relative; z-index: 2;} .price-box[data-v-9a09fba7] {width: 270px; margin-left: auto; margin-right: auto; .badge-save[data-v-9a09fba7] {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-9a09fba7] {position: relative; padding-top: 2rem; .btn[data-v-9a09fba7] {width: 100%;}}}}}