:root{--col1:4fr;--col2:1fr;--col3:1fr;--col4:.8fr;--col5:1fr}.flash-cyan{animation:1s ease-out flashCyan}@keyframes flashCyan{0%,to{background-color:inherit}50%{background-color:var(--cyan-20)}}.table-selection{justify-content:space-between;align-items:center;display:flex}.table-selection label{margin-bottom:unset}.table-selection .form-check .form-check-label{margin-right:var(--spacing-5)}.table-selection .inline-flex{display:inline-flex}.table-selection .form-radio{margin-right:16px}.grid-table .table-head{padding:0 var(--spacing-5) 0 var(--spacing-5);border:1px solid var(--teal-10);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;background-color:var(--teal-5);border-bottom:0;font-weight:500}.grid-table .table-head i{margin-bottom:2px;font-size:18px}.grid-table .table-head .sorting-order-arrows img{min-width:10px;max-width:10px}.grid-table .head-cell-mobile{display:none}.grid-table .table-row{grid-template-columns:var(--col1) var(--col2) var(--col3) var(--col4) var(--col5);gap:var(--spacing-8);padding:var(--spacing-4) 0;border-bottom:1px solid var(--teal-10);align-items:center;display:grid}.grid-table .table-body .table-row{padding:var(--spacing-4);border-right:1px solid var(--teal-10);border-left:1px solid var(--teal-10);font-size:14px;transition:background .2s ease-out}.grid-table .table-body .table-row:last-of-type{border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.grid-table .table-body .table-row:hover{background-color:var(--teal-5)}.grid-table .table-body .table-row:active{background-color:var(--teal-10)}.grid-table .table-body .table-row.is-active{background-color:var(--teal-5)}.grid-table .item-cell{align-items:center;display:flex}.grid-table .item-cell button{cursor:pointer;border:none;margin-left:10px}.grid-table .item-cell button.clicked img{transform:rotateX(180deg)}.grid-table .item-cell span.mark-true,.grid-table .item-cell span.mark-false{border-radius:100%;justify-content:center;width:32px;height:32px;margin-left:27px;padding:0;display:flex}.grid-table .item-cell span.mark-true i,.grid-table .item-cell span.mark-false i{font-size:var(--font-size-body)}.grid-table .item-cell span.mark-true{background-color:var(--green-20)}.grid-table .item-cell span.mark-false{background-color:var(--orange-20)}.grid-table .item-cell-expanded{background-color:var(--teal-5);padding:var(--spacing-8) var(--spacing-7);border:1px solid var(--teal-10);border-top:0}.grid-table .item-cell-expanded .calculation{max-width:576px}.grid-table .item-cell-expanded .calculation>div{border-bottom:1px solid var(--teal-20);justify-content:space-between}@media screen and (width<=768px){.grid-table{border-top:1px solid var(--teal-10);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.grid-table .table-head .item-cell{width:fit-content}.grid-table .item-cell{text-align:right}.grid-table .item-cell span{margin-left:auto;padding-left:22px}.grid-table .head-cell-mobile{text-align:left;display:block}.grid-table .head-cell-mobile i{margin-bottom:2px;font-size:18px}.grid-table .table-row{gap:var(--spacing-5)}}.api-card{border:1px solid var(--teal-20);padding:var(--spacing-5);margin-bottom:var(--spacing-6);border-radius:5px}.api-card-flex{word-break:break-all;margin-bottom:var(--spacing-2);align-items:center;display:flex}.api-card-text-left{min-width:100px}.api-card-apikeys-container{margin-right:10px;display:inline-block}.api-card-apikeys-label{vertical-align:middle;margin-left:5px;display:inline-block}.apikeys-grid{flex-wrap:wrap;display:flex}.api-details{margin-bottom:var(--spacing-7)}.confirmation-modal{border:2px solid var(--teal-20);background-color:var(--white);z-index:9999;border-radius:5px;flex-direction:column;padding:10px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #0000001a}.confirmation-modal-display-block{display:block}.confirmation-modal-display-none{display:none}.button-container{justify-content:left;margin-top:12px;display:flex}button.api-copy{padding:0 var(--spacing-3) 0 0;background-color:#0000;border:0}.client-secret{word-break:break-word}.filter-checkboxes{flex-shrink:0;gap:1.25rem;display:flex}.filter-checkboxes label{cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;display:flex}.filter-checkboxes label input[type=checkbox]{accent-color:#ceebf3;flex-shrink:0;width:1rem;height:1rem}.consument-type .form-radio-group{flex-direction:column;gap:.5rem;display:flex}.consument-type .form-radio-group.horizontal{flex-direction:row;gap:1rem}.consument-type .form-radio-group .form-radio{align-items:center;display:flex}.consument-type .form-radio-group .form-radio .form-radio-label{margin:.25rem 0 0;padding:0;line-height:1}.breadcrumb{gap:10px;font-size:14px;display:flex}.breadcrumb li{margin-bottom:0}.breadcrumb li:before{content:""}.breadcrumb li i{margin-left:8px;font-size:12px}.modal-btn,.modal-btn-danger,.modal-btn-warning{min-height:36px;max-height:36px;color:var(--text-color);cursor:pointer;border:none;border-radius:32px;align-self:center;font-size:14px;font-weight:500;transition:background .2s ease-out;display:flex;padding:8px 16px!important}.modal-btn-warning{background-color:var(--warning)}.modal-btn-danger{background-color:var(--danger)}.dynamicfield.input-field{width:100%;padding:0 var(--spacing-3);border-radius:var(--border-radius-md);border-style:solid;border-width:1px;border-color:var(--color-border-primary-emphasis);background:var(--frno-cloud-50)}.dynamicfield.input-field input{border-top:0;border-bottom:0;border-radius:0;flex:1;margin-right:8px;padding:10px 12px}.dynamicfield.input-field.disabled{padding:10px 12px}.dynamicfield.input-field.disabled input{border-left-width:0;border-right-width:0;margin-right:0}.dynamicfield.is-invalid{border:2px solid var(--danger)}.dynamicfield input{padding:0 10px}.dynamicfield input:disabled{padding:0}.admin-header{height:60px;font-size:var(--font-size-body);padding:0 var(--spacing-5);border-bottom:1px solid var(--color-border-primary);align-items:center;display:flex}.admin-header .menu-button{display:none}.admin-header a:focus-visible{z-index:1000000}.admin-header .logo{z-index:1000000;position:relative}.admin-header .logo img{width:36px}.admin-header .header-admin-account{margin-left:auto}.admin-header .user{width:38px;height:38px;color:var(--frno-blue-900);background-color:var(--frno-blue-400);cursor:pointer;border-width:0;border-radius:38px;justify-content:center;align-items:center;font-weight:500;display:flex}.admin-header .account-modal{top:56px;right:var(--spacing-5);border:1px solid var(--color-border-primary-emphasis);border-radius:var(--border-radius-md);z-index:999;position:absolute;box-shadow:0 2px 12px #0000001f}.admin-header .account-modal .account-info{border-bottom:1px solid var(--color-border-primary-emphasis)}.admin-header .account-modal .account-action{margin:auto;display:flex}.admin-header .account-modal .account-action i{margin-right:var(--spacing-3);font-size:18px}.admin-header .account-modal .account-action a{text-decoration:none}.admin-header .account-modal .account-action a:hover{text-decoration:underline}.admin-header .account-modal button.account-action{padding:var(--spacing-4);cursor:pointer;background:0 0;border:none;margin:0}.admin-header .account-modal button.account-action:hover span{text-decoration:underline}@media only screen and (width<=1024px){.admin-header .menu-button{width:34px;height:34px;margin-right:var(--spacing-5);z-index:1000000;border-radius:var(--border-radius-md);border:1px solid var(--color-border-primary);background-color:var(--background);justify-content:center;align-items:center;display:flex}.admin-header .menu-button .fbr-icon-bars{width:20px;height:16px}.admin-header .menu-button .fbr-icon-bars span{color:var(--color-icon-primary)}.admin-header .menu-button .fbr-icon-bars span:nth-child(2){top:7px}.admin-header .menu-button .fbr-icon-bars span:nth-child(3){top:14px}.admin-header .menu-button .fbr-icon-bars.is-active span:first-child,.admin-header .menu-button .fbr-icon-bars.is-active span:nth-child(3){top:7px}}@media screen and (width<=380px){.admin-header .header-logo{display:block}}.admin-footer{height:60px;padding:0 var(--spacing-5);border-top:1px solid var(--color-border-primary);justify-content:center;align-items:center;display:flex}.search-container{min-width:330px;position:relative}.search-container i{font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}._backdrop_mg24r_1{z-index:1111;background-color:#00000085;width:100%;height:100%;display:flex;position:fixed;inset:0}._Modal_mg24r_11{width:100%;max-width:576px;min-height:200px;max-height:600px;padding:var(--spacing-7);border-radius:var(--border-radius-md);border-right:1px solid var(--color-border-primary);background-color:var(--color-background);flex-direction:column;justify-content:space-around;align-self:center;margin:0 auto;display:flex;box-shadow:1px 1px 16px 1px #0003}._Modal_mg24r_11 p{font-size:var(--font-size-h3);margin-bottom:var(--spacing-5);font-weight:500}._Modal_mg24r_11 ._buttonRow_mg24r_32{gap:var(--spacing-6);padding:var(--spacing-7) 0 0;justify-content:space-between;display:flex}._shake_mg24r_39{animation:.4s cubic-bezier(.36,.07,.19,.97) both _shake_mg24r_39}@keyframes _shake_mg24r_39{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)}40%,60%{transform:translate(8px)}}.admin-container .form-group .form-select:after{top:10px}.admin-container .card-w-header{border:1px solid var(--color-border-primary-emphasis);padding:var(--spacing-5)}.admin-container .card-w-header.is-invalid{border:2px solid var(--frno-red-600)}.admin-container .card-w-header .card-header{border-bottom:1px solid var(--color-border-primary-emphasis);padding-bottom:var(--spacing-4);margin-bottom:var(--spacing-4);justify-content:space-between;display:flex}.admin-container .card-w-header .card-header i{margin-right:var(--spacing-3)}.admin-container .card-w-header .card-body .form-content-wrap>:not(:last-child){padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-border-primary-emphasis)}.admin-container .card-w-header .card-body .form-item .form-item-content,.admin-container .card-w-header .card-body .form-item .form-item-content *{width:100%}.admin-container .card-w-header .card-body .form-item .card-options-remove{margin-left:var(--spacing-4)}.admin-container .card-w-header .card-body .form-item .card-options-remove i{color:var(--frno-red-600);font-size:18px}.admin-container .card-w-header .card-body .form-item .form-text:after{content:none}.admin-container .card-w-header .card-body .form-item .form-select input[type=number]::-webkit-inner-spin-button{-webkit-appearance:unset}.admin-container button.card-options-remove,.admin-container button.card-options-add{cursor:pointer;background-color:#0000;border:none}.item-status{align-items:center;line-height:1.3}.item-status i{margin-right:8px;font-size:18px}.pill.product-active.red-bordered{color:var(--white)}._ProductSummary_row_18q8s_1{border:1px solid var(--frno-cloud-300);padding:var(--spacing-4) var(--spacing-5);border-top-width:0;justify-content:space-between;display:flex}._ProductSummary_row_first_18q8s_8{border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md);border-top-width:1px}._ProductSummary_row_last_18q8s_13{border-bottom-left-radius:var(--border-radius-md);border-bottom-right-radius:var(--border-radius-md)}._ProductSummary_18q8s_1 h2._ProductSummary_row_18q8s_1{background-color:var(--frno-cloud-50);font-size:var(--font-size-body);font-weight:500;display:block}.admin-sidebar{border-right:1px solid var(--color-border-primary);background-color:var(--color-background);min-width:320px;min-height:calc(100vh - 120px);animation:.4s forwards slide}.admin-sidebar.animate-reverse{animation-name:slide-backwards}.admin-sidebar nav{margin-top:var(--spacing-8);padding:0 var(--spacing-5)}.admin-sidebar nav ul li{margin-bottom:0}.admin-sidebar nav ul li:before{display:none}.admin-sidebar nav ul li a{margin-bottom:var(--spacing-3);border-radius:var(--border-radius-md);cursor:pointer;align-items:center;padding:8px 12px;text-decoration:none;transition:background .12s ease-out;display:flex;position:relative}.admin-sidebar nav ul li a i{margin-right:var(--spacing-4);font-size:18px}.admin-sidebar nav ul li a i:before{justify-content:center;width:16px;display:flex}.admin-sidebar nav ul li a span.notification{text-align:center;width:24px;height:24px;color:var(--color-background);border:3px solid var(--color-background);background-color:var(--frno-red-500);border-radius:24px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;top:-4px;left:-1px}.admin-sidebar nav ul li a{background-color:var(--background)}.admin-sidebar nav ul li a:hover{background-color:var(--frno-blue-100)}.admin-sidebar nav ul li a:active,.admin-sidebar nav ul li.active a{background-color:var(--frno-blue-200)}.admin-sidebar nav ul li.active a:hover{background-color:var(--frno-blue-100)}.admin-sidebar nav ul li.active a:active{background-color:var(--frno-blue-200)}@keyframes slide{0%{left:-320px}to{left:0}}@keyframes slide-backwards{0%{left:0}to{left:-320px}}@media only screen and (width<=1280px){.admin-sidebar{border-right:1px solid var(--color-border-primary);min-width:280px;min-height:calc(100vh - 120px)}}@media only screen and (width<=1024px){.admin-sidebar{z-index:999999;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;width:320px;height:100vh;display:none;position:absolute;top:0;left:0;box-shadow:1px 1px 16px 1px #0003}.admin-sidebar.is-expanded{display:block}.admin-sidebar nav{border-top:1px solid var(--color-border-primary-subdued);padding-top:var(--spacing-6);margin-top:59px}}.sorting-order-arrows{background-color:#0000}.sorting-order-arrows img{max-width:10px;margin-top:2px}.Stepper-root{flex-direction:row;align-items:flex-start;display:flex}.Stepper-root .Step-root{flex:1;padding-left:8px;padding-right:8px;position:relative}.Stepper-root .Step-root .StepConnector-root{z-index:-1;flex:auto;position:absolute;top:20px;left:calc(20px - 50%);right:calc(50% + 20px)}.Stepper-root .Step-root .StepConnector-root .StepConnector-line{border-color:var(--color-border-primary-emphasis);border-top-style:solid;border-top-width:2px;display:block}.Stepper-root .Step-root .StepButton-root{-webkit-tap-highlight-color:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;color:inherit;box-sizing:content-box;background-color:#0000;border:0;border-radius:0;outline:0;justify-content:center;align-items:center;width:100%;margin:-24px -16px;padding:24px 16px;text-decoration:none;display:inline-flex;position:relative}.Stepper-root .Step-root .StepButton-root .StepLabel-root{flex-direction:column;align-items:center;display:flex}.Stepper-root .Step-root .StepButton-root .StepLabel-root .StepLabel-iconContainer{color:#bdbdbd;background-color:var(--frno-cloud-200);border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:6px;display:flex}.Stepper-root .Step-root .StepButton-root .StepLabel-root .StepLabel-iconContainer i{font-size:.9rem;display:none}.Stepper-root .Step-root.completed .StepConnector-line{border-color:var(--frno-green-700)}.Stepper-root .Step-root.completed .StepButton-root .StepLabel-root .StepLabel-iconContainer{color:var(--frno-green-900);background-color:var(--frno-green-200)}.Stepper-root .Step-root.completed .StepButton-root .StepLabel-root .StepLabel-iconContainer i{color:var(--frno-green-900);font-size:18px;display:block}.Stepper-root .Step-root.current-step .StepConnector-line{border-color:var(--frno-green-700)}.Stepper-root .Step-root.current-step .StepButton-root .StepLabel-root .StepLabel-iconContainer{color:var(--frno-green-900);background-color:var(--frno-green-100);border:1px solid var(--frno-green-400);box-shadow:0 0 0 3px #fff}.Stepper-root .Step-root.current-step .StepButton-root .StepLabel-root .StepLabel-iconContainer i{color:var(--frno-green-900);font-size:18px;display:block}.tooltip-container{box-shadow:none;background-color:#0000;padding-top:0;display:inline-block;position:relative}.tooltip-container i{cursor:pointer}.tooltip-container .tooltip-text{width:320px;font-size:var(--font-size-sm);white-space:normal;border:1px solid var(--color-border-primary-emphasis);background-color:var(--color-background);z-index:2;border-radius:5px;padding:10px 12px;font-weight:400;display:none;position:absolute;right:8px;box-shadow:1px 1px 8px 1px #0003}.tooltip-container.tooltip-grow-right{vertical-align:middle}.tooltip-container.tooltip-grow-right .tooltip-text{top:calc(100% + 6px);left:0;right:auto}.tooltip-container.tooltip-auto-width .tooltip-text{width:max-content;max-width:320px}.tooltip-container:hover .tooltip-text{display:block}
