@import url(https://i.icomoon.io/public/5287269068/ngx-feng/style.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&family=Barlow+Semi+Condensed:wght@400;700&family=Titillium+Web:wght@200;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Work+Sans&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-card-title{font-size:24px;font-weight:500}.mat-card-header .mat-card-title{font-size:20px}.mat-card-subtitle,.mat-card-content{font-size:14px}.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-checkbox-layout .mat-checkbox-label{line-height:24px}.mat-chip{font-size:14px;font-weight:500}.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-header-cell{font-size:12px;font-weight:500}.mat-cell,.mat-footer-cell{font-size:14px}.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-form-field-wrapper{padding-bottom:1.34375em}.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}.mat-form-field-label{top:1.34375em}.mat-form-field-underline{bottom:1.34375em}.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}input.mat-input-element{margin-top:-0.0625em}.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-select-trigger{height:1.125em}.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:14px}.mat-step-label-selected{font-size:14px;font-weight:500}.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-list-base .mat-list-item{font-size:16px}.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-list-option{font-size:16px}.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}.mat-list-base[dense] .mat-list-item{font-size:12px}.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-list-option{font-size:12px}.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}.mat-focus-indicator{position:relative}.mat-mdc-focus-indicator{position:relative}.mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-option{color:rgba(0,0,0,.87)}.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}.mat-optgroup-label{color:rgba(0,0,0,.54)}.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox::after{color:#fafafa}.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge{position:relative}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}.mat-button-focus-overlay{background:#000}.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-card{background:#fff;color:rgba(0,0,0,.87)}.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-card-subtitle{color:rgba(0,0,0,.54)}.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}.mat-checkbox-checkmark{fill:#fafafa}.mat-checkbox-checkmark-path{stroke:#fafafa !important}.mat-checkbox-mixedmark{background-color:#fafafa}.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}.mat-checkbox .mat-ripple-element{background-color:#000}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}.mat-chip.mat-standard-chip::after{background:#000}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}.mat-table{background:#fff}.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}.mat-header-cell{color:rgba(0,0,0,.54)}.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header{color:rgba(0,0,0,.38)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}.mat-datepicker-content-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-form-field-label{color:rgba(0,0,0,.6)}.mat-hint{color:rgba(0,0,0,.6)}.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}.mat-focused .mat-form-field-required-marker{color:#ff4081}.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}.mat-error{color:#f44336}.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-input-element{caret-color:#3f51b5}.mat-input-element::placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}.mat-list-item-disabled{background-color:#eee}.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}.mat-menu-panel{background:#fff}.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-paginator{background:#fff}.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}.mat-paginator-container{min-height:56px}.mat-progress-bar-background{fill:#c5cae9}.mat-progress-bar-buffer{background-color:#c5cae9}.mat-progress-bar-fill::after{background-color:#3f51b5}.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}.mat-radio-button .mat-ripple-element{background-color:#000}.mat-select-value{color:rgba(0,0,0,.87)}.mat-select-placeholder{color:rgba(0,0,0,.42)}.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}.mat-select-arrow{color:rgba(0,0,0,.54)}.mat-select-panel{background:#fff}.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}.mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}.mat-primary .mat-slider-thumb-label-text{color:#fff}.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}.mat-accent .mat-slider-thumb-label-text{color:#fff}.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}.mat-warn .mat-slider-thumb-label-text{color:#fff}.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-sort-header-arrow{color:#757575}.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-tooltip{background:rgba(97,97,97,.9)}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-simple-snackbar-action{color:#ff4081}

/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}

.leaflet-container {
	overflow: hidden;
	}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}

/* Prevents IE11 from highlighting tiles in blue */

.leaflet-tile::selection {
	background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */

.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}

/* hack that prevents hw layers "stretching" when loading new tiles */

.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}

.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */

/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */

.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}

.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}

.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}

.leaflet-tile-loaded {
	visibility: inherit;
	}

.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */

.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }

.leaflet-overlay-pane { z-index: 400; }

.leaflet-shadow-pane  { z-index: 500; }

.leaflet-marker-pane  { z-index: 600; }

.leaflet-tooltip-pane   { z-index: 650; }

.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }

.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}

.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}

/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}

.leaflet-top {
	top: 0;
	}

.leaflet-right {
	right: 0;
	}

.leaflet-bottom {
	bottom: 0;
	}

.leaflet-left {
	left: 0;
	}

.leaflet-control {
	float: left;
	clear: both;
	}

.leaflet-right .leaflet-control {
	float: right;
	}

.leaflet-top .leaflet-control {
	margin-top: 10px;
	}

.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}

.leaflet-left .leaflet-control {
	margin-left: 10px;
	}

.leaflet-right .leaflet-control {
	margin-right: 10px;
	}

/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}

.leaflet-zoom-animated {
	transform-origin: 0 0;
	}

svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}

/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}

.leaflet-grab {
	cursor:         grab;
	}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}

.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */

.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}

.leaflet-container a {
	color: #0078A8;
	}

.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}

/* general typography */

.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}

/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}

.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}

.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}

.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}

.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}

.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}

.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}

.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}

/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}

.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}

.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}

.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}

.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}

.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}

.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}

.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}

.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */

.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}

/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}

.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}

.leaflet-control-attribution a {
	text-decoration: none;
	}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}

.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}

.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}

.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}

.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}

.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}

/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}

.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}

.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}

.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}

.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}

.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}

.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}

.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}

.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}

/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}

/* Tooltip */

/* Base styles for the element that has a tooltip */

.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}

.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}

.leaflet-tooltip-top {
	margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}

.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}

.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}

.leaflet-tooltip-left {
	margin-left: -6px;
}

.leaflet-tooltip-right {
	margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}

.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}

.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-badge-small .mat-badge-content{font-size:9px}
.mat-badge-large .mat-badge-content{font-size:24px}
.mat-h1,.mat-headline,.mat-typography h1{font:400 24px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h2,.mat-title,.mat-typography h2{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h3,.mat-subheading-2,.mat-typography h3{font:400 16px/28px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h4,.mat-subheading-1,.mat-typography h4{font:400 15px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 16px}
.mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, "Helvetica Neue", sans-serif;margin:0 0 12px}
.mat-body-strong,.mat-body-2{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body,.mat-body-1,.mat-typography{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-body p,.mat-body-1 p,.mat-typography p{margin:0 0 12px}
.mat-small,.mat-caption{font:400 12px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-display-4,.mat-typography .mat-display-4{font:300 112px/112px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.05em;margin:0 0 56px}
.mat-display-3,.mat-typography .mat-display-3{font:400 56px/56px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.02em;margin:0 0 64px}
.mat-display-2,.mat-typography .mat-display-2{font:400 45px/48px Roboto, "Helvetica Neue", sans-serif;letter-spacing:-0.005em;margin:0 0 64px}
.mat-display-1,.mat-typography .mat-display-1{font:400 34px/40px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0 0 64px}
.mat-bottom-sheet-container{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-button,.mat-raised-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button,.mat-fab,.mat-mini-fab{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-button-toggle{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-card-title{font-size:24px;font-weight:500}
.mat-card-header .mat-card-title{font-size:20px}
.mat-card-subtitle,.mat-card-content{font-size:14px}
.mat-checkbox{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-checkbox-layout .mat-checkbox-label{line-height:24px}
.mat-chip{font-size:14px;font-weight:500}
.mat-chip .mat-chip-trailing-icon.mat-icon,.mat-chip .mat-chip-remove.mat-icon{font-size:18px}
.mat-table{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-header-cell{font-size:12px;font-weight:500}
.mat-cell,.mat-footer-cell{font-size:14px}
.mat-calendar{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-calendar-body{font-size:13px}
.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}
.mat-calendar-table-header th{font-size:11px;font-weight:400}
.mat-dialog-title{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-expansion-panel-header{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:15px;font-weight:400}
.mat-expansion-panel-content{font:400 14px/20px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field{font-size:inherit;font-weight:400;line-height:1.125;font-family:Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-form-field-wrapper{padding-bottom:1.34375em}
.mat-form-field-prefix .mat-icon,.mat-form-field-suffix .mat-icon{font-size:150%;line-height:1.125}
.mat-form-field-prefix .mat-icon-button,.mat-form-field-suffix .mat-icon-button{height:1.5em;width:1.5em}
.mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field-suffix .mat-icon-button .mat-icon{height:1.125em;line-height:1.125}
.mat-form-field-infix{padding:.5em 0;border-top:.84375em solid transparent}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34375em) scale(0.75);width:133.3333333333%}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.34374em) scale(0.75);width:133.3333433333%}
.mat-form-field-label-wrapper{top:-0.84375em;padding-top:.84375em}
.mat-form-field-label{top:1.34375em}
.mat-form-field-underline{bottom:1.34375em}
.mat-form-field-subscript-wrapper{font-size:75%;margin-top:.6666666667em;top:calc(100% - 1.7916666667em)}
.mat-form-field-appearance-legacy .mat-form-field-wrapper{padding-bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-infix{padding:.4375em 0}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);-ms-transform:translateY(-1.28125em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);-ms-transform:translateY(-1.28124em) scale(0.75);width:133.3333433333%}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);-ms-transform:translateY(-1.28123em) scale(0.75);width:133.3333533333%}
.mat-form-field-appearance-legacy .mat-form-field-label{top:1.28125em}
.mat-form-field-appearance-legacy .mat-form-field-underline{bottom:1.25em}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{margin-top:.5416666667em;top:calc(100% - 1.6666666667em)}
@media print{.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28122em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.28121em) scale(0.75)}.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.2812em) scale(0.75)}}
.mat-form-field-appearance-fill .mat-form-field-infix{padding:.25em 0 .75em 0}
.mat-form-field-appearance-fill .mat-form-field-label{top:1.09375em;margin-top:-0.5em}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-0.59374em) scale(0.75);width:133.3333433333%}
.mat-form-field-appearance-outline .mat-form-field-infix{padding:1em 0 1em 0}
.mat-form-field-appearance-outline .mat-form-field-label{top:1.84375em;margin-top:-0.25em}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59375em) scale(0.75);width:133.3333333333%}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown)+.mat-form-field-label-wrapper .mat-form-field-label{transform:translateY(-1.59374em) scale(0.75);width:133.3333433333%}
.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}
.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}
input.mat-input-element{margin-top:-0.0625em}
.mat-menu-item{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:400}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px}
.mat-radio-button{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-select-trigger{height:1.125em}
.mat-slide-toggle-content{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-slider-thumb-label-text{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-step-label{font-size:14px;font-weight:400}
.mat-step-sub-label-error{font-weight:normal}
.mat-step-label-error{font-size:14px}
.mat-step-label-selected{font-size:14px;font-weight:500}
.mat-tab-group{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tab-label,.mat-tab-link{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font:500 20px/32px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal;margin:0}
.mat-tooltip{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:10px;padding-top:6px;padding-bottom:6px}
.mat-tooltip-handset{font-size:14px;padding-top:8px;padding-bottom:8px}
.mat-list-item{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-option{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-list-base .mat-list-item{font-size:16px}
.mat-list-base .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-list-option{font-size:16px}
.mat-list-base .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2){font-size:14px}
.mat-list-base .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px;font-weight:500}
.mat-list-base[dense] .mat-list-item{font-size:12px}
.mat-list-base[dense] .mat-list-item .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-list-option{font-size:12px}
.mat-list-base[dense] .mat-list-option .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2){font-size:12px}
.mat-list-base[dense] .mat-subheader{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:12px;font-weight:500}
.mat-option{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:16px}
.mat-optgroup-label{font:500 14px/24px Roboto, "Helvetica Neue", sans-serif;letter-spacing:normal}
.mat-simple-snackbar{font-family:Roboto, "Helvetica Neue", sans-serif;font-size:14px}
.mat-simple-snackbar-action{line-height:1;font-family:inherit;font-size:inherit;font-weight:500}
.mat-tree{font-family:Roboto, "Helvetica Neue", sans-serif}
.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}
.mat-ripple{overflow:hidden;position:relative}
.mat-ripple:not(:empty){transform:translateZ(0)}
.mat-ripple.mat-ripple-unbounded{overflow:visible}
.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale(0)}
.cdk-high-contrast-active .mat-ripple-element{display:none}
.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
@keyframes cdk-text-field-autofill-start{/*!*/}
@keyframes cdk-text-field-autofill-end{/*!*/}
.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}
textarea.cdk-textarea-autosize{resize:none}
textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}
textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}
.mat-focus-indicator{position:relative}
.mat-mdc-focus-indicator{position:relative}
.mat-ripple-element{background-color:rgba(0,0,0,.1)}
.mat-option{color:rgba(0,0,0,.87)}
.mat-option:hover:not(.mat-option-disabled),.mat-option:focus:not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled){background:rgba(0,0,0,.04)}
.mat-option.mat-active{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}
.mat-option.mat-option-disabled{color:rgba(0,0,0,.38)}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled){color:#3f51b5}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled){color:#ff4081}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled){color:#f44336}
.mat-optgroup-label{color:rgba(0,0,0,.54)}
.mat-optgroup-disabled .mat-optgroup-label{color:rgba(0,0,0,.38)}
.mat-pseudo-checkbox{color:rgba(0,0,0,.54)}
.mat-pseudo-checkbox::after{color:#fafafa}
.mat-pseudo-checkbox-disabled{color:#b0b0b0}
.mat-primary .mat-pseudo-checkbox-checked,.mat-primary .mat-pseudo-checkbox-indeterminate{background:#3f51b5}
.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-indeterminate,.mat-accent .mat-pseudo-checkbox-checked,.mat-accent .mat-pseudo-checkbox-indeterminate{background:#ff4081}
.mat-warn .mat-pseudo-checkbox-checked,.mat-warn .mat-pseudo-checkbox-indeterminate{background:#f44336}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background:#b0b0b0}
.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 5px 8px 0px rgba(0, 0, 0, 0.14),0px 1px 14px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2),0px 7px 10px 1px rgba(0, 0, 0, 0.14),0px 2px 16px 1px rgba(0, 0, 0, 0.12)}
.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}
.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2),0px 9px 12px 1px rgba(0, 0, 0, 0.14),0px 3px 16px 2px rgba(0, 0, 0, 0.12)}
.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2),0px 10px 14px 1px rgba(0, 0, 0, 0.14),0px 4px 18px 3px rgba(0, 0, 0, 0.12)}
.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2),0px 11px 15px 1px rgba(0, 0, 0, 0.14),0px 4px 20px 3px rgba(0, 0, 0, 0.12)}
.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2),0px 14px 21px 2px rgba(0, 0, 0, 0.14),0px 5px 26px 4px rgba(0, 0, 0, 0.12)}
.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2),0px 15px 22px 2px rgba(0, 0, 0, 0.14),0px 6px 28px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2),0px 17px 26px 2px rgba(0, 0, 0, 0.14),0px 6px 32px 5px rgba(0, 0, 0, 0.12)}
.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2),0px 18px 28px 2px rgba(0, 0, 0, 0.14),0px 7px 34px 6px rgba(0, 0, 0, 0.12)}
.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2),0px 19px 29px 2px rgba(0, 0, 0, 0.14),0px 7px 36px 6px rgba(0, 0, 0, 0.12)}
.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 20px 31px 3px rgba(0, 0, 0, 0.14),0px 8px 38px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2),0px 21px 33px 3px rgba(0, 0, 0, 0.14),0px 8px 40px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2),0px 22px 35px 3px rgba(0, 0, 0, 0.14),0px 8px 42px 7px rgba(0, 0, 0, 0.12)}
.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2),0px 23px 36px 3px rgba(0, 0, 0, 0.14),0px 9px 44px 8px rgba(0, 0, 0, 0.12)}
.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12)}
.mat-theme-loaded-marker{display:none}
.mat-autocomplete-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-autocomplete-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover){background:#fff}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled){color:rgba(0,0,0,.87)}
.mat-badge-content{color:#fff;background:#3f51b5}
.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}
.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}
.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}
.mat-badge{position:relative}
.mat-badge-hidden .mat-badge-content{display:none}
.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}
.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}
.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}
.mat-badge-content.mat-badge-active{transform:none}
.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}
.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}
.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}
.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}
.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}
.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}
.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}
.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}
.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}
.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}
.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}
.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}
.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}
.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}
.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}
.mat-bottom-sheet-container{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-button,.mat-icon-button,.mat-stroked-button{color:inherit;background:transparent}
.mat-button.mat-primary,.mat-icon-button.mat-primary,.mat-stroked-button.mat-primary{color:#3f51b5}
.mat-button.mat-accent,.mat-icon-button.mat-accent,.mat-stroked-button.mat-accent{color:#ff4081}
.mat-button.mat-warn,.mat-icon-button.mat-warn,.mat-stroked-button.mat-warn{color:#f44336}
.mat-button.mat-primary.mat-button-disabled,.mat-button.mat-accent.mat-button-disabled,.mat-button.mat-warn.mat-button-disabled,.mat-button.mat-button-disabled.mat-button-disabled,.mat-icon-button.mat-primary.mat-button-disabled,.mat-icon-button.mat-accent.mat-button-disabled,.mat-icon-button.mat-warn.mat-button-disabled,.mat-icon-button.mat-button-disabled.mat-button-disabled,.mat-stroked-button.mat-primary.mat-button-disabled,.mat-stroked-button.mat-accent.mat-button-disabled,.mat-stroked-button.mat-warn.mat-button-disabled,.mat-stroked-button.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-button.mat-primary .mat-button-focus-overlay,.mat-icon-button.mat-primary .mat-button-focus-overlay,.mat-stroked-button.mat-primary .mat-button-focus-overlay{background-color:#3f51b5}
.mat-button.mat-accent .mat-button-focus-overlay,.mat-icon-button.mat-accent .mat-button-focus-overlay,.mat-stroked-button.mat-accent .mat-button-focus-overlay{background-color:#ff4081}
.mat-button.mat-warn .mat-button-focus-overlay,.mat-icon-button.mat-warn .mat-button-focus-overlay,.mat-stroked-button.mat-warn .mat-button-focus-overlay{background-color:#f44336}
.mat-button.mat-button-disabled .mat-button-focus-overlay,.mat-icon-button.mat-button-disabled .mat-button-focus-overlay,.mat-stroked-button.mat-button-disabled .mat-button-focus-overlay{background-color:transparent}
.mat-button .mat-ripple-element,.mat-icon-button .mat-ripple-element,.mat-stroked-button .mat-ripple-element{opacity:.1;background-color:currentColor}
.mat-button-focus-overlay{background:#000}
.mat-stroked-button:not(.mat-button-disabled){border-color:rgba(0,0,0,.12)}
.mat-flat-button,.mat-raised-button,.mat-fab,.mat-mini-fab{color:rgba(0,0,0,.87);background-color:#fff}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{color:#fff}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{color:#fff}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{color:#fff}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{color:rgba(0,0,0,.26)}
.mat-flat-button.mat-primary,.mat-raised-button.mat-primary,.mat-fab.mat-primary,.mat-mini-fab.mat-primary{background-color:#3f51b5}
.mat-flat-button.mat-accent,.mat-raised-button.mat-accent,.mat-fab.mat-accent,.mat-mini-fab.mat-accent{background-color:#ff4081}
.mat-flat-button.mat-warn,.mat-raised-button.mat-warn,.mat-fab.mat-warn,.mat-mini-fab.mat-warn{background-color:#f44336}
.mat-flat-button.mat-primary.mat-button-disabled,.mat-flat-button.mat-accent.mat-button-disabled,.mat-flat-button.mat-warn.mat-button-disabled,.mat-flat-button.mat-button-disabled.mat-button-disabled,.mat-raised-button.mat-primary.mat-button-disabled,.mat-raised-button.mat-accent.mat-button-disabled,.mat-raised-button.mat-warn.mat-button-disabled,.mat-raised-button.mat-button-disabled.mat-button-disabled,.mat-fab.mat-primary.mat-button-disabled,.mat-fab.mat-accent.mat-button-disabled,.mat-fab.mat-warn.mat-button-disabled,.mat-fab.mat-button-disabled.mat-button-disabled,.mat-mini-fab.mat-primary.mat-button-disabled,.mat-mini-fab.mat-accent.mat-button-disabled,.mat-mini-fab.mat-warn.mat-button-disabled,.mat-mini-fab.mat-button-disabled.mat-button-disabled{background-color:rgba(0,0,0,.12)}
.mat-flat-button.mat-primary .mat-ripple-element,.mat-raised-button.mat-primary .mat-ripple-element,.mat-fab.mat-primary .mat-ripple-element,.mat-mini-fab.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button.mat-accent .mat-ripple-element,.mat-raised-button.mat-accent .mat-ripple-element,.mat-fab.mat-accent .mat-ripple-element,.mat-mini-fab.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-flat-button.mat-warn .mat-ripple-element,.mat-raised-button.mat-warn .mat-ripple-element,.mat-fab.mat-warn .mat-ripple-element,.mat-mini-fab.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-stroked-button:not([class*=mat-elevation-z]),.mat-flat-button:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-raised-button:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0, 0, 0, 0.12)}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-fab:not([class*=mat-elevation-z]),.mat-mini-fab:not([class*=mat-elevation-z]){box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]),.mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]){box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),0px 12px 17px 2px rgba(0, 0, 0, 0.14),0px 5px 22px 4px rgba(0, 0, 0, 0.12)}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]),.mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-button-toggle-standalone,.mat-button-toggle-group{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{box-shadow:none}
.mat-button-toggle{color:rgba(0,0,0,.38)}
.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}
.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px rgba(0,0,0,.12)}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}
.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}
.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px rgba(0,0,0,.12)}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}
.mat-card{background:#fff;color:rgba(0,0,0,.87)}
.mat-card:not([class*=mat-elevation-z]){box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12)}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]){box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-card-subtitle{color:rgba(0,0,0,.54)}
.mat-checkbox-frame{border-color:rgba(0,0,0,.54)}
.mat-checkbox-checkmark{fill:#fafafa}
.mat-checkbox-checkmark-path{stroke:#fafafa !important}
.mat-checkbox-mixedmark{background-color:#fafafa}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,.mat-checkbox-checked.mat-primary .mat-checkbox-background{background-color:#3f51b5}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,.mat-checkbox-checked.mat-accent .mat-checkbox-background{background-color:#ff4081}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background,.mat-checkbox-checked.mat-warn .mat-checkbox-background{background-color:#f44336}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background,.mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background{background-color:#b0b0b0}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame{border-color:#b0b0b0}
.mat-checkbox-disabled .mat-checkbox-label{color:rgba(0,0,0,.54)}
.mat-checkbox .mat-ripple-element{background-color:#000}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element{background:#3f51b5}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:#ff4081}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:#f44336}
.mat-chip.mat-standard-chip{background-color:#e0e0e0;color:rgba(0,0,0,.87)}
.mat-chip.mat-standard-chip .mat-chip-remove{color:rgba(0,0,0,.87);opacity:.4}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2),0px 3px 4px 0px rgba(0, 0, 0, 0.14),0px 1px 8px 0px rgba(0, 0, 0, 0.12)}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover{opacity:.54}
.mat-chip.mat-standard-chip.mat-chip-disabled{opacity:.4}
.mat-chip.mat-standard-chip::after{background:#000}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary{background-color:#3f51b5;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn{background-color:#f44336;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent{background-color:#ff4081;color:#fff}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove{color:#fff;opacity:.4}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element{background-color:rgba(255,255,255,.1)}
.mat-table{background:#fff}
.mat-table thead,.mat-table tbody,.mat-table tfoot,mat-header-row,mat-row,mat-footer-row,[mat-header-row],[mat-row],[mat-footer-row],.mat-table-sticky{background:inherit}
mat-row,mat-header-row,mat-footer-row,th.mat-header-cell,td.mat-cell,td.mat-footer-cell{border-bottom-color:rgba(0,0,0,.12)}
.mat-header-cell{color:rgba(0,0,0,.54)}
.mat-cell,.mat-footer-cell{color:rgba(0,0,0,.87)}
.mat-calendar-arrow{border-top-color:rgba(0,0,0,.54)}
.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}
.mat-calendar-table-header{color:rgba(0,0,0,.38)}
.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}
.mat-calendar-body-label{color:rgba(0,0,0,.54)}
.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:transparent}
.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}
.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}
.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}
.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}
.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}
.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}
.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}
.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}
.mat-datepicker-content{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12);background-color:#fff;color:rgba(0,0,0,.87)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}
.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}
.mat-datepicker-content-touch{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),0px 0px 0px 0px rgba(0, 0, 0, 0.14),0px 0px 0px 0px rgba(0, 0, 0, 0.12)}
.mat-datepicker-toggle-active{color:#3f51b5}
.mat-datepicker-toggle-active.mat-accent{color:#ff4081}
.mat-datepicker-toggle-active.mat-warn{color:#f44336}
.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}
.mat-dialog-container{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),0px 24px 38px 3px rgba(0, 0, 0, 0.14),0px 9px 46px 8px rgba(0, 0, 0, 0.12);background:#fff;color:rgba(0,0,0,.87)}
.mat-divider{border-top-color:rgba(0,0,0,.12)}
.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}
.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}
.mat-expansion-panel:not([class*=mat-elevation-z]){box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0, 0, 0, 0.12)}
.mat-action-row{border-top-color:rgba(0,0,0,.12)}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}
@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}
.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}
.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}
.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}
.mat-expansion-panel-header{height:48px}
.mat-expansion-panel-header.mat-expanded{height:64px}
.mat-form-field-label{color:rgba(0,0,0,.6)}
.mat-hint{color:rgba(0,0,0,.6)}
.mat-form-field.mat-focused .mat-form-field-label{color:#3f51b5}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent{color:#ff4081}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn{color:#f44336}
.mat-focused .mat-form-field-required-marker{color:#ff4081}
.mat-form-field-ripple{background-color:rgba(0,0,0,.87)}
.mat-form-field.mat-focused .mat-form-field-ripple{background-color:#3f51b5}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent{background-color:#ff4081}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn{background-color:#f44336}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after{color:#3f51b5}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after{color:#ff4081}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker{color:#f44336}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent{background-color:#f44336}
.mat-error{color:#f44336}
.mat-form-field-appearance-legacy .mat-form-field-label{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-hint{color:rgba(0,0,0,.54)}
.mat-form-field-appearance-legacy .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-standard .mat-form-field-underline{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 100%;background-repeat:repeat-x}
.mat-form-field-appearance-fill .mat-form-field-flex{background-color:rgba(0,0,0,.04)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex{background-color:rgba(0,0,0,.02)}
.mat-form-field-appearance-fill .mat-form-field-underline::before{background-color:rgba(0,0,0,.42)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before{background-color:transparent}
.mat-form-field-appearance-outline .mat-form-field-outline{color:rgba(0,0,0,.12)}
.mat-form-field-appearance-outline .mat-form-field-outline-thick{color:rgba(0,0,0,.87)}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick{color:#3f51b5}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick{color:#ff4081}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick{color:#f44336}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label{color:rgba(0,0,0,.38)}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline{color:rgba(0,0,0,.06)}
.mat-icon.mat-primary{color:#3f51b5}
.mat-icon.mat-accent{color:#ff4081}
.mat-icon.mat-warn{color:#f44336}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after{color:rgba(0,0,0,.54)}
.mat-input-element:disabled,.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after{color:rgba(0,0,0,.38)}
.mat-input-element{caret-color:#3f51b5}
.mat-input-element::placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-moz-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element::-webkit-input-placeholder{color:rgba(0,0,0,.42)}
.mat-input-element:-ms-input-placeholder{color:rgba(0,0,0,.42)}
.mat-form-field.mat-accent .mat-input-element{caret-color:#ff4081}
.mat-form-field.mat-warn .mat-input-element,.mat-form-field-invalid .mat-input-element{caret-color:#f44336}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after{color:#f44336}
.mat-list-base .mat-list-item{color:rgba(0,0,0,.87)}
.mat-list-base .mat-list-option{color:rgba(0,0,0,.87)}
.mat-list-base .mat-subheader{color:rgba(0,0,0,.54)}
.mat-list-item-disabled{background-color:#eee}
.mat-list-option:hover,.mat-list-option:focus,.mat-nav-list .mat-list-item:hover,.mat-nav-list .mat-list-item:focus,.mat-action-list .mat-list-item:hover,.mat-action-list .mat-list-item:focus{background:rgba(0,0,0,.04)}
.mat-list-single-selected-option,.mat-list-single-selected-option:hover,.mat-list-single-selected-option:focus{background:rgba(0,0,0,.12)}
.mat-menu-panel{background:#fff}
.mat-menu-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-menu-item{background:transparent;color:rgba(0,0,0,.87)}
.mat-menu-item[disabled],.mat-menu-item[disabled]::after,.mat-menu-item[disabled] .mat-icon-no-color{color:rgba(0,0,0,.38)}
.mat-menu-item .mat-icon-no-color,.mat-menu-item-submenu-trigger::after{color:rgba(0,0,0,.54)}
.mat-menu-item:hover:not([disabled]),.mat-menu-item.cdk-program-focused:not([disabled]),.mat-menu-item.cdk-keyboard-focused:not([disabled]),.mat-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}
.mat-paginator{background:#fff}
.mat-paginator,.mat-paginator-page-size .mat-select-trigger{color:rgba(0,0,0,.54)}
.mat-paginator-decrement,.mat-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}
.mat-paginator-first,.mat-paginator-last{border-top:2px solid rgba(0,0,0,.54)}
.mat-icon-button[disabled] .mat-paginator-decrement,.mat-icon-button[disabled] .mat-paginator-increment,.mat-icon-button[disabled] .mat-paginator-first,.mat-icon-button[disabled] .mat-paginator-last{border-color:rgba(0,0,0,.38)}
.mat-paginator-container{min-height:56px}
.mat-progress-bar-background{fill:#c5cae9}
.mat-progress-bar-buffer{background-color:#c5cae9}
.mat-progress-bar-fill::after{background-color:#3f51b5}
.mat-progress-bar.mat-accent .mat-progress-bar-background{fill:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer{background-color:#ff80ab}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after{background-color:#ff4081}
.mat-progress-bar.mat-warn .mat-progress-bar-background{fill:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer{background-color:#ffcdd2}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after{background-color:#f44336}
.mat-progress-spinner circle,.mat-spinner circle{stroke:#3f51b5}
.mat-progress-spinner.mat-accent circle,.mat-spinner.mat-accent circle{stroke:#ff4081}
.mat-progress-spinner.mat-warn circle,.mat-spinner.mat-warn circle{stroke:#f44336}
.mat-radio-outer-circle{border-color:rgba(0,0,0,.54)}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:#3f51b5}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:#3f51b5}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ff4081}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ff4081}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle{border-color:#f44336}
.mat-radio-button.mat-warn .mat-radio-inner-circle,.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-warn:active .mat-radio-persistent-ripple{background-color:#f44336}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle{border-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle{background-color:rgba(0,0,0,.38)}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content{color:rgba(0,0,0,.38)}
.mat-radio-button .mat-ripple-element{background-color:#000}
.mat-select-value{color:rgba(0,0,0,.87)}
.mat-select-placeholder{color:rgba(0,0,0,.42)}
.mat-select-disabled .mat-select-value{color:rgba(0,0,0,.38)}
.mat-select-arrow{color:rgba(0,0,0,.54)}
.mat-select-panel{background:#fff}
.mat-select-panel:not([class*=mat-elevation-z]){box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),0px 4px 5px 0px rgba(0, 0, 0, 0.14),0px 1px 10px 0px rgba(0, 0, 0, 0.12)}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple){background:rgba(0,0,0,.12)}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow{color:#3f51b5}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow{color:#ff4081}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow{color:#f44336}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow{color:rgba(0,0,0,.38)}
.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}
.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}
.mat-drawer.mat-drawer-push{background-color:#fff}
.mat-drawer:not(.mat-drawer-side){box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12)}
.mat-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}
[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}
.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color:#ff4081}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color:rgba(255,64,129,.54)}
.mat-slide-toggle.mat-checked .mat-ripple-element{background-color:#ff4081}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb{background-color:#3f51b5}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar{background-color:rgba(63,81,181,.54)}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element{background-color:#3f51b5}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb{background-color:#f44336}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar{background-color:rgba(244,67,54,.54)}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element{background-color:#f44336}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element{background-color:#000}
.mat-slide-toggle-thumb{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0, 0, 0, 0.12);background-color:#fafafa}
.mat-slide-toggle-bar{background-color:rgba(0,0,0,.38)}
.mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-primary .mat-slider-track-fill,.mat-primary .mat-slider-thumb,.mat-primary .mat-slider-thumb-label{background-color:#3f51b5}
.mat-primary .mat-slider-thumb-label-text{color:#fff}
.mat-primary .mat-slider-focus-ring{background-color:rgba(63,81,181,.2)}
.mat-accent .mat-slider-track-fill,.mat-accent .mat-slider-thumb,.mat-accent .mat-slider-thumb-label{background-color:#ff4081}
.mat-accent .mat-slider-thumb-label-text{color:#fff}
.mat-accent .mat-slider-focus-ring{background-color:rgba(255,64,129,.2)}
.mat-warn .mat-slider-track-fill,.mat-warn .mat-slider-thumb,.mat-warn .mat-slider-thumb-label{background-color:#f44336}
.mat-warn .mat-slider-thumb-label-text{color:#fff}
.mat-warn .mat-slider-focus-ring{background-color:rgba(244,67,54,.2)}
.mat-slider:hover .mat-slider-track-background,.cdk-focused .mat-slider-track-background{background-color:rgba(0,0,0,.38)}
.mat-slider-disabled .mat-slider-track-background,.mat-slider-disabled .mat-slider-track-fill,.mat-slider-disabled .mat-slider-thumb{background-color:rgba(0,0,0,.26)}
.mat-slider-disabled:hover .mat-slider-track-background{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value .mat-slider-focus-ring{background-color:rgba(0,0,0,.12)}
.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label{background-color:rgba(0,0,0,.87)}
.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label{background-color:rgba(0,0,0,.26)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb{border-color:rgba(0,0,0,.26);background-color:transparent}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb{border-color:rgba(0,0,0,.38)}
.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb,.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb{border-color:rgba(0,0,0,.26)}
.mat-slider-has-ticks .mat-slider-wrapper::after{border-color:rgba(0,0,0,.7)}
.mat-slider-horizontal .mat-slider-ticks{background-image:repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);background-image:-moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-slider-vertical .mat-slider-ticks{background-image:repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent)}
.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover{background-color:rgba(0,0,0,.04)}
@media(hover: none){.mat-step-header:hover{background:none}}
.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}
.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}
.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}
.mat-step-header.mat-accent .mat-step-icon{color:#fff}
.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}
.mat-step-header.mat-warn .mat-step-icon{color:#fff}
.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}
.mat-step-header .mat-step-icon-state-error{background-color:transparent;color:#f44336}
.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}
.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}
.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}
.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}
.mat-horizontal-stepper-header{height:72px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}
.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}
.mat-sort-header-arrow{color:#757575}
.mat-tab-nav-bar,.mat-tab-header{border-bottom:1px solid rgba(0,0,0,.12)}
.mat-tab-group-inverted-header .mat-tab-nav-bar,.mat-tab-group-inverted-header .mat-tab-header{border-top:1px solid rgba(0,0,0,.12);border-bottom:none}
.mat-tab-label,.mat-tab-link{color:rgba(0,0,0,.87)}
.mat-tab-label.mat-tab-disabled,.mat-tab-link.mat-tab-disabled{color:rgba(0,0,0,.38)}
.mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.87)}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(0,0,0,.38)}
.mat-tab-group[class*=mat-background-] .mat-tab-header,.mat-tab-nav-bar[class*=mat-background-]{border-bottom:none;border-top:none}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}
.mat-tab-group.mat-primary .mat-ink-bar,.mat-tab-nav-bar.mat-primary .mat-ink-bar{background-color:#3f51b5}
.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-primary.mat-background-primary>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}
.mat-tab-group.mat-accent .mat-ink-bar,.mat-tab-nav-bar.mat-accent .mat-ink-bar{background-color:#ff4081}
.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-accent.mat-background-accent>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-warn .mat-ink-bar,.mat-tab-nav-bar.mat-warn .mat-ink-bar{background-color:#f44336}
.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-group.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-header .mat-ink-bar,.mat-tab-nav-bar.mat-warn.mat-background-warn>.mat-tab-link-container .mat-ink-bar{background-color:#fff}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(197,202,233,.3)}
.mat-tab-group.mat-background-primary>.mat-tab-header,.mat-tab-group.mat-background-primary>.mat-tab-link-container,.mat-tab-group.mat-background-primary>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination{background-color:#3f51b5}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-primary>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-primary>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-primary>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,128,171,.3)}
.mat-tab-group.mat-background-accent>.mat-tab-header,.mat-tab-group.mat-background-accent>.mat-tab-link-container,.mat-tab-group.mat-background-accent>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination{background-color:#ff4081}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-accent>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-accent>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-accent>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled){background-color:rgba(255,205,210,.3)}
.mat-tab-group.mat-background-warn>.mat-tab-header,.mat-tab-group.mat-background-warn>.mat-tab-link-container,.mat-tab-group.mat-background-warn>.mat-tab-header-pagination,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination{background-color:#f44336}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link{color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-tab-label.mat-tab-disabled,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-tab-link.mat-tab-disabled{color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-group.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-group.mat-background-warn>.mat-tab-header .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-links .mat-focus-indicator::before,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-focus-indicator::before{border-color:#fff}
.mat-tab-group.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron{border-color:rgba(255,255,255,.4)}
.mat-tab-group.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-group.mat-background-warn>.mat-tab-link-container .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-header .mat-ripple-element,.mat-tab-nav-bar.mat-background-warn>.mat-tab-link-container .mat-ripple-element{background-color:rgba(255,255,255,.12)}
.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}
.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}
.mat-toolbar.mat-accent{background:#ff4081;color:#fff}
.mat-toolbar.mat-warn{background:#f44336;color:#fff}
.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}
.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}
.mat-toolbar .mat-input-element{caret-color:currentColor}
.mat-toolbar-multiple-rows{min-height:64px}
.mat-toolbar-row,.mat-toolbar-single-row{height:64px}
@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}
.mat-tooltip{background:rgba(97,97,97,.9)}
.mat-tree{background:#fff}
.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}
.mat-tree-node{min-height:48px}
.mat-snack-bar-container{color:rgba(255,255,255,.7);background:#323232;box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12)}
.mat-simple-snackbar-action{color:#ff4081}
@font-face {
  font-family: "Titillium Web Black";
  src: url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.ttf") format("truetype"), url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.woff") format("woff"), url("https://vasco-gs.s3.amazonaws.com/prod/assets/fonts/titillium-web.black.woff2") format("woff2");
}
@font-face {
  font-family: Apocalypse Grunge;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Apocalypse+Grunge/Apocalypse+Grunge.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
}
@font-face {
  font-family: D-DIN;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/d-din/D-DIN.otf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: D-DIN-bold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/d-din/D-DIN-Bold.otf") format("truetype");
  font-style: bold;
  font-weight: 900;
}
@font-face {
  font-family: D-DIN-italic;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/d-din/D-DIN-Italic.otf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Montserrat;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Montserrat/Montserrat-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Montserrat-bold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype");
  font-style: bold;
  font-weight: 900;
}
@font-face {
  font-family: Montserrat-SemiBold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: IntegralCF;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Integral-font/IntegralCF-Regular.otf") format("truetype");
}
@font-face {
  font-family: IntegralCF-Bold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Integral-font/IntegralCF-Bold.otf") format("truetype");
  font-style: bold;
  font-weight: 900;
}
@font-face {
  font-family: IntegralCF-SemiBold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/Integral-font/IntegralCF-Medium.otf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: AdineuePro;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/adineue+PRO/adineue+PRO.ttf") format("truetype");
}
@font-face {
  font-family: AdineuePro-Bold;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/adineue+PRO/adineue+PRO+Bold.ttf") format("truetype");
  font-style: bold;
  font-weight: 900;
}
@font-face {
  font-family: LedDotMatrix;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/LedDotMatrix/LEDDot-Matrix.ttf") format("truetype");
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: "";
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 122px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
}
.fengst-snackbar .mat-simple-snackbar span {
  font-weight: bold;
}
.fengst-snackbar--success {
  background-color: var(--success);
  color: var(--on-success);
}
.fengst-snackbar--success button {
  background-color: var(--on-success);
  color: var(--success);
}
.fengst-snackbar--error {
  background-color: var(--error);
  color: var(--on-error);
}
.fengst-snackbar--error button {
  background-color: var(--on-error);
  color: var(--error);
}
.fengst-snackbar--warning {
  background-color: var(--warning);
  color: var(--on-warning);
}
.fengst-snackbar--warning button {
  background-color: var(--on-warning);
  color: var(--warning);
}
.fengst-snackbar--info {
  background-color: var(--info);
  color: var(--on-info);
}
.fengst-snackbar--info button {
  background-color: var(--on-info);
  color: var(--info);
}
.feng-btn {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  border-color: transparent;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.feng-btn--border-inside {
  box-shadow: 0 0 0 0, inset 0 0 0 var(--button-inside-border-width) var(--button-inside-border-color);
}
.feng-btn--loading::after {
  display: inline-flex;
  content: ".";
  width: 25px;
  margin-left: 5px;
  text-align: initial;
  letter-spacing: 5px;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseEllipses;
  animation-delay: 0;
}
@keyframes pulseEllipses {
  0% {
    content: ".  ";
  }
  20% {
    content: ".. ";
  }
  40% {
    content: "...";
  }
  60% {
    content: "...";
  }
  80% {
    content: ".. ";
  }
  100% {
    content: ".  ";
  }
}
.feng-btn:disabled:not(.feng-btn--processing) {
  cursor: not-allowed;
}
.feng-btn__img-size--tiny {
  margin: var(--button-margin-tiny);
  width: var(--button-width-tiny);
}
.feng-btn__img-size--small {
  margin: var(--button-margin-small);
  width: var(--button-width-small);
}
.feng-btn__img-size--medium {
  margin: var(--button-margin-medium);
  width: var(--button-width-medium);
}
.feng-btn__img-size--large {
  margin: var(--button-margin-large);
  width: var(--button-width-large);
}
.feng-btn__img-size--giant {
  margin: var(--button-margin-giant);
  width: var(--button-width-giant);
}
.feng-btn--tiny:not(.feng-btn--icon) {
  padding: var(--button-padding-tiny);
  font-size: var(--button-font-size-tiny);
}
.feng-btn--tiny:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-tiny);
}
.feng-btn--tiny:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-tiny);
}
.feng-btn--small:not(.feng-btn--icon) {
  padding: var(--button-padding-small);
  font-size: var(--button-font-size-small);
}
.feng-btn--small:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-small);
}
.feng-btn--small:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-small);
}
.feng-btn--medium:not(.feng-btn--icon) {
  padding: var(--button-padding-medium);
  font-size: var(--button-font-size-medium);
}
.feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-medium);
}
.feng-btn--medium:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-medium);
}
.feng-btn--large:not(.feng-btn--icon) {
  padding: var(--button-padding-large);
  font-size: var(--button-font-size-large);
}
.feng-btn--large:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-large);
}
.feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-large);
}
.feng-btn--giant:not(.feng-btn--icon) {
  padding: var(--button-padding-giant);
  font-size: var(--button-font-size-giant);
}
.feng-btn--giant:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: var(--button-icon-margin-giant);
}
.feng-btn--giant:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: var(--button-icon-margin-giant);
}
.feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 1.4em;
}
.feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--primary-RGB), 0.3);
}
.feng-btn--primary:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--primary-RGB), 0.5);
}
.feng-btn--primary:disabled {
  opacity: 0.5;
  color: var(--on-primary);
}
.feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--primary);
  background-color: var(--background);
}
.feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--primary);
  color: var(--on-primary);
}
.feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--primary);
  filter: brightness(94%);
}
.feng-btn--primary.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--primary.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--primary);
  background-color: rgba(var(--primary-RGB), 0.05);
  border-color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--primary);
  background-color: rgba(var(--primary-RGB), 0.1);
  border-color: var(--primary);
}
.feng-btn--primary.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--primary);
}
.feng-btn--secondary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--secondary-RGB), 0.3);
}
.feng-btn--secondary:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--secondary-RGB), 0.5);
}
.feng-btn--secondary:disabled {
  opacity: 0.5;
  color: var(--on-secondary);
}
.feng-btn--secondary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--secondary);
  background-color: var(--background);
}
.feng-btn--secondary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--secondary);
  color: var(--on-secondary);
}
.feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--secondary);
  filter: brightness(94%);
}
.feng-btn--secondary.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--secondary);
  color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--secondary);
  background-color: rgba(var(--secondary-RGB), 0.05);
  border-color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--secondary);
  background-color: rgba(var(--secondary-RGB), 0.1);
  border-color: var(--secondary);
}
.feng-btn--secondary.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--secondary);
}
.feng-btn--success:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--success-RGB), 0.3);
}
.feng-btn--success:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--success-RGB), 0.5);
}
.feng-btn--success:disabled {
  opacity: 0.5;
  color: var(--on-success);
}
.feng-btn--success:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--success);
  background-color: var(--background);
}
.feng-btn--success:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--success:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--success);
  color: var(--on-success);
}
.feng-btn--success:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--success);
  filter: brightness(94%);
}
.feng-btn--success.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--success);
  color: var(--success);
}
.feng-btn--success.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--success.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--success);
  background-color: rgba(var(--success-RGB), 0.05);
  border-color: var(--success);
}
.feng-btn--success.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--success);
  background-color: rgba(var(--success-RGB), 0.1);
  border-color: var(--success);
}
.feng-btn--success.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--success);
}
.feng-btn--warning:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--warning-RGB), 0.3);
}
.feng-btn--warning:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--warning-RGB), 0.5);
}
.feng-btn--warning:disabled {
  opacity: 0.5;
  color: var(--on-warning);
}
.feng-btn--warning:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--warning);
  background-color: var(--background);
}
.feng-btn--warning:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--warning:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--warning);
  color: var(--on-warning);
}
.feng-btn--warning:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--warning);
  filter: brightness(94%);
}
.feng-btn--warning.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--warning);
  color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--warning.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--warning);
  background-color: rgba(var(--warning-RGB), 0.05);
  border-color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--warning);
  background-color: rgba(var(--warning-RGB), 0.1);
  border-color: var(--warning);
}
.feng-btn--warning.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--warning);
}
.feng-btn--danger:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--error-RGB), 0.3);
}
.feng-btn--danger:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--error-RGB), 0.5);
}
.feng-btn--danger:disabled {
  opacity: 0.5;
  color: var(--on-error);
}
.feng-btn--danger:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--error);
  background-color: var(--background);
}
.feng-btn--danger:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--danger:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--error);
  color: var(--on-error);
}
.feng-btn--danger:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--error);
  filter: brightness(94%);
}
.feng-btn--danger.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--error);
  color: var(--error);
}
.feng-btn--danger.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--danger.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--error);
  background-color: rgba(var(--error-RGB), 0.05);
  border-color: var(--error);
}
.feng-btn--danger.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--error);
  background-color: rgba(var(--error-RGB), 0.1);
  border-color: var(--error);
}
.feng-btn--danger.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--error);
}
.feng-btn--info:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--info-RGB), 0.3);
}
.feng-btn--info:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--info-RGB), 0.5);
}
.feng-btn--info:disabled {
  opacity: 0.5;
  color: var(--on-info);
}
.feng-btn--info:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--info);
  background-color: var(--background);
}
.feng-btn--info:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--info:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--info);
  color: var(--on-info);
}
.feng-btn--info:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--info);
  filter: brightness(94%);
}
.feng-btn--info.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--info);
  color: var(--info);
}
.feng-btn--info.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--info.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--info);
  background-color: rgba(var(--info-RGB), 0.05);
  border-color: var(--info);
}
.feng-btn--info.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--info);
  background-color: rgba(var(--info-RGB), 0.1);
  border-color: var(--info);
}
.feng-btn--info.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--info);
}
.feng-btn--ghost:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.3);
}
.feng-btn--ghost:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.5);
}
.feng-btn--ghost:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--ghost:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--on-background);
  background-color: var(--background);
}
.feng-btn--ghost:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--background);
  color: var(--on-background);
}
.feng-btn--ghost:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.feng-btn--ghost.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--on-background);
  color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--on-background);
  border-color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--on-background);
  background-color: rgba(var(--background-RGB), 0.3);
  border-color: var(--on-background);
}
.feng-btn--ghost.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--link:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.3);
}
.feng-btn--link:active:not(:disabled):not(.feng-btn--link) {
  box-shadow: 0 0 0 0.3rem rgba(var(--background-RGB), 0.5);
}
.feng-btn--link:hover:not(:disabled) {
  text-decoration: underline;
}
.feng-btn--link:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--link:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--on-background);
  background-color: var(--background);
}
.feng-btn--link:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 0.5;
}
.feng-btn--link:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--background);
  color: var(--on-background);
}
.feng-btn--link:not(.feng-btn--outline):not(.feng-btn--icon):hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.feng-btn--link.feng-btn--outline {
  border-style: var(--button-outline-style);
  border-width: var(--button-outline-width);
  background-color: transparent;
  border-color: var(--on-background);
  color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:not(:disabled):hover {
  filter: brightness(80%);
}
.feng-btn--link.feng-btn--outline:not(:disabled):not(.feng-btn--invert):hover {
  color: var(--on-background);
  border-color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:not(:disabled).feng-btn--invert:hover {
  color: var(--on-background);
  background-color: rgba(var(--background-RGB), 0.3);
  border-color: var(--on-background);
}
.feng-btn--link.feng-btn--outline:disabled {
  opacity: 0.5;
  color: var(--on-background);
}
.feng-btn--icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.feng-btn--icon.feng-btn--primary:not(.feng-btn--invert) {
  color: var(--primary);
}
.feng-btn--icon.feng-btn--primary.feng-btn--invert {
  color: var(--on-primary);
  background: var(--primary);
}
.feng-btn--icon.feng-btn--secondary:not(.feng-btn--invert) {
  color: var(--secondary);
}
.feng-btn--icon.feng-btn--secondary.feng-btn--invert {
  color: var(--on-secondary);
  background: var(--secondary);
}
.feng-btn--icon.feng-btn--success:not(.feng-btn--invert) {
  color: var(--success);
}
.feng-btn--icon.feng-btn--success.feng-btn--invert {
  color: var(--on-success);
  background: var(--success);
}
.feng-btn--icon.feng-btn--warning:not(.feng-btn--invert) {
  color: var(--warning);
}
.feng-btn--icon.feng-btn--warning.feng-btn--invert {
  color: var(--on-warning);
  background: var(--warning);
}
.feng-btn--icon.feng-btn--danger:not(.feng-btn--invert) {
  color: var(--error);
}
.feng-btn--icon.feng-btn--danger.feng-btn--invert {
  color: var(--on-error);
  background: var(--error);
}
.feng-btn--icon.feng-btn--info:not(.feng-btn--invert) {
  color: var(--info);
}
.feng-btn--icon.feng-btn--info.feng-btn--invert {
  color: var(--on-info);
  background: var(--info);
}
.feng-btn--icon.feng-btn--ghost:not(.feng-btn--invert) {
  color: var(--on-background);
}
.feng-btn--icon.feng-btn--ghost.feng-btn--invert {
  color: var(--background);
  background: var(--on-background);
}
.feng-btn--icon.feng-btn--link:not(.feng-btn--invert) {
  color: var(--on-background);
}
.feng-btn--icon.feng-btn--link.feng-btn--invert {
  color: var(--background);
  background: var(--on-background);
}
.feng-btn--icon.feng-btn--tiny {
  width: 25px;
  height: 25px;
  font-size: 14px;
}
.feng-btn--icon.feng-btn--small {
  width: 30px;
  height: 30px;
  font-size: 16px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--small {
    font-size: 18px;
    width: 32px;
    height: 32px;
  }
}
.feng-btn--icon.feng-btn--medium {
  width: 35px;
  height: 35px;
  font-size: 18px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--medium {
    font-size: 20px;
    width: 37px;
    height: 37px;
  }
}
.feng-btn--icon.feng-btn--large {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--large {
    font-size: 22px;
    width: 42px;
    height: 42px;
  }
}
.feng-btn--icon.feng-btn--giant {
  width: 45px;
  height: 45px;
  font-size: 22px;
}
@media (min-width: 992px) {
  .feng-btn--icon.feng-btn--giant {
    font-size: 24px;
    width: 47px;
    height: 47px;
  }
}
.feng-btn--processing {
  cursor: progress;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseOpacity;
  animation-delay: 0;
}
@keyframes pulseOpacity {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0.8;
  }
}
.feng-checkbox {
  display: inline-flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.feng-checkbox .mat-checkbox-inner-container {
  display: none;
}
.feng-checkbox__label {
  margin-left: var(--checkbox-label-margin);
  text-align: start;
}
.feng-checkbox--highlighted-label .feng-checkbox__label {
  padding: 5px 15px;
}
.feng-checkbox--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox-disabled i {
  cursor: not-allowed;
}
.feng-checkbox.mat-checkbox:not(.mat-checkbox-disabled) i:hover {
  cursor: pointer;
}
.feng-checkbox.mat-checkbox-checked .mat-checkbox-label i {
  content: initial;
}
.feng-checkbox.mat-checkbox:not(.mat-checkbox-checked):not(:hover) .mat-checkbox-label i:before {
  content: unset;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label i {
  display: grid;
  justify-content: center;
  align-items: center;
  border: var(--checkbox-border-width) solid rgba(0, 0, 0, 0.5);
  border-radius: var(--checkbox-border-radius);
  width: var(--checkbox-size);
  height: var(--checkbox-size);
  color: rgba(0, 0, 0, 0.3);
  font-size: var(--checkbox-size);
  font-weight: bold;
  transition: background 200ms ease;
}
.feng-checkbox.mat-checkbox .mat-checkbox-label i:before {
  font-size: 0.5em;
}
.feng-checkbox--primary.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-primary);
  background-color: var(--primary);
}
.feng-checkbox--primary.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--primary);
  color: var(--on-primary);
}
.feng-checkbox--secondary.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-secondary);
  background-color: var(--secondary);
}
.feng-checkbox--secondary.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--secondary);
  color: var(--on-secondary);
}
.feng-checkbox--success.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-success);
  background-color: var(--success);
}
.feng-checkbox--success.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--success);
  color: var(--on-success);
}
.feng-checkbox--warning.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-warning);
  background-color: var(--warning);
}
.feng-checkbox--warning.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--warning);
  color: var(--on-warning);
}
.feng-checkbox--danger.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-error);
  background-color: var(--error);
}
.feng-checkbox--danger.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--error);
  color: var(--on-error);
}
.feng-checkbox--info.mat-checkbox-checked .mat-checkbox-label i {
  color: var(--on-info);
  background-color: var(--info);
}
.feng-checkbox--info.feng-checkbox--highlighted-label .feng-checkbox__label {
  background-color: var(--info);
  color: var(--on-info);
}
.swal2-title {
  color: #595959 !important;
  font-size: 25px;
  font-weight: 700;
}
.swal2-actions {
  gap: 10px;
}
.swal2-actions button {
  text-align: center;
  cursor: pointer;
  border: 0;
  border-radius: 6px;
  font-size: 14px;
  padding: 8px 18px;
}
.swal2-actions button:focus {
  outline: none;
}
.swal2-actions button:disabled {
  cursor: not-allowed;
  background: #f1f1f1;
  color: lightgray;
}
.swal2-actions button:disabled:hover {
  background: #f1f1f1;
  color: lightgray;
}
.swal2-actions .swal2-confirm {
  padding: 10px 20px;
  color: var(--on-background);
  background-color: var(--background);
}
.swal2-actions .swal2-confirm:hover {
  background-color: var(--background);
  filter: brightness(94%);
}
.swal2-actions .swal2-cancel {
  padding: 10px 20px;
  color: var(--on-error);
  background-color: var(--error);
}
.swal2-actions .swal2-cancel:hover {
  background-color: var(--error);
  filter: brightness(94%);
}
.feng-input {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--input-border-radius);
}
.feng-input--icon-right:not(.feng-input--icon-left) {
  grid-template: 1fr/auto 41px;
}
.feng-input--icon-left:not(.feng-input--icon-right) {
  grid-template: 1fr/41px auto;
}
.feng-input--icon-left.feng-input--icon-right {
  grid-template: 1fr/41px auto 41px;
}
.feng-input--password .mat-form-field-infix {
  display: grid;
  grid-template-columns: auto 25px;
  grid-gap: 5px;
}
.feng-input__password-visibility {
  padding: 0 5px;
}
.feng-input__password-visibility:hover {
  cursor: pointer;
  opacity: 0.5;
}
.feng-input__password-strength {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
}
.feng-input__password-strength-step {
  height: 1px;
  flex: 1;
  background: #ccc;
  margin-top: 9px;
}
.feng-input__password-strength-step--1 {
  background: #f00;
}
.feng-input__password-strength-step--2 {
  background: #ffd500;
}
.feng-input__password-strength-step--3 {
  background: #41c205;
}
.feng-input__password-strength-step:not(:first-child) {
  margin-left: 1px;
}
@media (min-width: 992px) {
  .feng-input__password-strength-step:not(:first-child) {
    margin-left: 11.2px;
  }
}
.feng-input--primary {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--primary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--primary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--primary.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-input--primary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--primary.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--primary.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-input--primary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--primary.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--primary);
  color: var(--on-primary);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--primary.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--primary.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--secondary {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--secondary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-input--secondary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--secondary.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-input--secondary.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--secondary);
  color: var(--on-secondary);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--secondary.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--secondary.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--success {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--success:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--success:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--success.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-input--success.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--success.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--success.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--success.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--success) !important;
}
.feng-input--success.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--success.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--success);
  color: var(--on-success);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--success.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--success.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--success.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--warning {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--warning:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--warning:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--warning.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-input--warning.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--warning.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--warning.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--warning.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-input--warning.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--warning.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--warning);
  color: var(--on-warning);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--warning.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--warning.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--warning.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--danger {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--danger:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--danger:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--danger.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-input--danger.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--danger.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--danger.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--danger.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--error) !important;
}
.feng-input--danger.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--danger.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--error);
  color: var(--on-error);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--danger.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--danger.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--danger.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-input--info {
  display: grid;
  grid-auto-flow: column;
}
.feng-input--info:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius);
}
.feng-input--info:not(.feng-input--icon-left):not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius);
}
.feng-input--info.feng-input--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-input--info.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--icon-left:not(.feng-input--icon-right) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input--icon-right:not(.feng-input--icon-left) .feng-input__mat-form-field .mat-form-field-flex {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input.feng-input--icon-left.feng-input--icon-right .mat-form-field-flex {
  border-radius: 0;
}
.feng-input--info.feng-input .feng-input__mat-form-field {
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-input--info.feng-input .feng-input:not(.feng-input--icon-left):not(.feng-input--icon-right) {
  border-radius: var(--input-border-radius);
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  color: var(--input-text);
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-input--info.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  color: var(--info) !important;
}
.feng-input--info.feng-input .feng-input__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-input--info.feng-input .feng-input__icon-wrapper {
  display: inline-grid;
  width: var(--input-icon-width);
  height: 100%;
  background-color: var(--info);
  color: var(--on-info);
  font-size: var(--input-icon-font-size);
  justify-content: center;
  align-items: center;
}
.feng-input--info.feng-input .feng-input__icon-wrapper--left {
  border-radius: var(--input-border-radius) 0 0 var(--input-border-radius);
}
.feng-input--info.feng-input .feng-input__icon-wrapper--right {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.feng-input--info.feng-input--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.fengstui-global-loading {
  position: fixed;
  top: 0;
  left: 0;
  display: grid;
  justify-content: center;
  align-items: center;
  z-index: 1100;
  width: 100%;
  height: 100%;
  color: white;
  background: var(--global-loading-background-color);
  align-content: center;
  justify-items: center;
}
.fengstui-global-loading__wrapper {
  position: relative;
  width: var(--loading-wrapper-size);
  height: var(--loading-wrapper-size);
  top: -2%;
  display: grid;
  justify-content: center;
  align-content: center;
}
.fengstui-global-loading__wrapper img {
  width: var(--loading-image-size);
  height: auto;
}
.fengstui-global-loading__status {
  color: var(--global-loading-status-text-color);
  background-color: var(--global-loading-status-background-color);
  text-align: center;
  padding: 1em;
  margin: 0;
}
.fengstui-global-loading--default img {
  animation: pulseImg 1s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes pulseImg {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.5;
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.fengstui-global-loading--ring .spinner {
  height: var(--loading-wrapper-size);
  width: var(--loading-wrapper-size);
  animation: rotate 2s linear infinite;
  transform-origin: center center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
  fill: var(--global-loading-fill-color);
}
.fengstui-global-loading--ring .spinner .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #ddd;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
.fengstui-global-loading--orbital svg {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--loading-wrapper-size);
  height: auto;
  z-index: -1;
}
.fengstui-global-loading--orbital svg .circle {
  stroke: var(--on-primary);
  fill: none;
  animation: pulse 2s linear infinite;
}
.fengstui-global-loading--orbital svg .spinner {
  fill: var(--primary);
  stroke: none;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
}
@keyframes pulse {
  0% {
    opacity: 0.2;
    stroke-width: 2;
  }
  25% {
    opacity: 0.5;
    stroke-width: 1;
  }
  50% {
    opacity: 0.5;
    stroke-width: 1;
  }
  100% {
    opacity: 0.2;
    stroke-width: 2;
  }
}
@keyframes rotate {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }
  25% {
    opacity: 0.5;
    transform: rotate(90deg);
  }
  50% {
    opacity: 0.5;
    transform: rotate(180deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}
.fengstui-global-loading--pulse .pulse {
  width: var(--loading-wrapper-size);
  height: var(--loading-wrapper-size);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.fengstui-global-loading--pulse .pulse div {
  position: absolute;
  border: 4px solid var(--global-loading-fill-color);
  border-radius: 50%;
  animation: ripple 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  transform-origin: center center;
}
.fengstui-global-loading--pulse .pulse div:nth-child(1) {
  border-width: 3px;
  animation-delay: 0s;
}
.fengstui-global-loading--pulse .pulse div:nth-child(2) {
  border-width: 6px;
  animation-delay: -0.5s;
}
.fengstui-global-loading--pulse .pulse div:nth-child(3) {
  border-width: 9px;
  animation-delay: -1s;
}
@keyframes ripple {
  0% {
    top: 47.5%;
    left: 47.5%;
    width: 5%;
    height: 5%;
    opacity: 0.3;
  }
  100% {
    top: 0px;
    left: 0px;
    width: var(--loading-wrapper-size);
    height: var(--loading-wrapper-size);
    opacity: 0;
  }
}
.fengstui-local-loading {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 8;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.fengstui-local-loading__status {
  color: var(--local-loading-status-text-color);
  background-color: var(--local-loading-status-background-color);
  text-align: center;
  padding: 0.85em;
  margin: 0;
}
.fengstui-local-loading--default .bars {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 60px;
}
.fengstui-local-loading--default .bars div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 32px;
  background: var(--primary);
  animation: pulseBars 1.96s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--default .bars div:nth-child(1) {
  left: 10px;
  animation-delay: -0.48s;
}
.fengstui-local-loading--default .bars div:nth-child(2) {
  left: 35px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--default .bars div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBars {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--bars .bars {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 60px;
}
.fengstui-local-loading--bars .bars div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 32px;
  background: var(--primary);
  animation: pulseBullets 1s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--bars .bars div:nth-child(1) {
  left: 10px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--bars .bars div:nth-child(2) {
  left: 35px;
  animation-delay: -0.14s;
}
.fengstui-local-loading--bars .bars div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBullets {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--bullets .bullets {
  display: grid;
  align-items: center;
  position: relative;
  width: 80px;
  height: 20px;
}
.fengstui-local-loading--bullets .bullets div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  animation: pulseBullets 1s ease infinite;
  transform-origin: center center;
}
.fengstui-local-loading--bullets .bullets div:nth-child(1) {
  left: 10px;
  animation-delay: -0.24s;
}
.fengstui-local-loading--bullets .bullets div:nth-child(2) {
  left: 35px;
  animation-delay: -0.14s;
}
.fengstui-local-loading--bullets .bullets div:nth-child(3) {
  left: 60px;
  animation-delay: 0;
}
@keyframes pulseBullets {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  25%, 50% {
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.5;
  }
}
.fengstui-local-loading--progress .progress {
  width: 90%;
  max-width: 200px;
}
.fengstui-local-loading--progress .progress__bar {
  width: 100%;
  background-color: #e0e0e0;
  padding: 3px;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
  margin: 0 auto;
}
.fengstui-local-loading--progress .progress__bar-fill {
  display: block;
  height: 3px;
  background-color: var(--primary);
  border-radius: 3px;
  transition: width 500ms ease-in-out;
  animation: progressFill 1.5s ease-in-out infinite;
}
@keyframes progressFill {
  0% {
    width: 0%;
    margin-right: auto;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0%;
    margin-left: auto;
  }
}
.feng-textarea {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--input-border-radius);
}
.feng-textarea--primary {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--primary.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--primary);
}
.feng-textarea--primary.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--primary.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--primary.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-textarea--primary.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-textarea--primary.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-textarea--primary.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--primary.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--secondary {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--secondary.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--secondary);
}
.feng-textarea--secondary.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--secondary.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--secondary.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-textarea--secondary.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-textarea--secondary.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-textarea--secondary.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--secondary.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--success {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--success.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--success);
}
.feng-textarea--success.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--success.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--success.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-textarea--success.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-textarea--success.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--success) !important;
}
.feng-textarea--success.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--success.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--warning {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--warning.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--warning);
}
.feng-textarea--warning.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--warning.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--warning.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-textarea--warning.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-textarea--warning.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-textarea--warning.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--warning.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--danger {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--danger.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--error);
}
.feng-textarea--danger.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--danger.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--danger.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-textarea--danger.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-textarea--danger.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--error) !important;
}
.feng-textarea--danger.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--danger.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-textarea--info {
  display: grid;
  grid-auto-flow: column;
  border-radius: var(--input-border-radius);
  border: var(--input-outline-width) var(--input-outline-style) var(--input-outline-color);
}
.feng-textarea--info.feng-textarea--focused {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: 0;
  background-color: var(--input-background);
  padding: 0.375em 0.75em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea {
  cursor: auto;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar {
  width: 1em;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-track {
  background-color: #F8F8F8;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:hover::-webkit-scrollbar-thumb,
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix textarea:focus::-webkit-scrollbar-thumb {
  background-color: var(--info);
}
.feng-textarea--info.feng-textarea .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-textarea--info.feng-textarea.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--info.feng-textarea.mat-form-field-invalid {
  border: var(--input-outline-width) var(--input-outline-style) var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-textarea--info.feng-textarea.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
.feng-textarea--info.feng-textarea.mat-focused .mat-form-field-label {
  color: var(--info) !important;
}
.feng-textarea--info.feng-textarea.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-textarea--info.feng-textarea--disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-radio {
  display: grid;
  grid-gap: 5px;
  transition: box-shadow 0.2s ease-in-out;
}
.feng-radio--disabled > label,
.feng-radio--disabled .mat-radio-group {
  opacity: 0.5;
}
.feng-radio--disabled > label label,
.feng-radio--disabled .mat-radio-group label {
  opacity: 0.75;
}
.feng-radio--disabled label,
.feng-radio--disabled .mat-radio-group,
.feng-radio--disabled .mat-radio-disabled,
.feng-radio--disabled .mat-radio-disabled .mat-radio-label {
  cursor: not-allowed;
}
.feng-radio .mat-radio-group {
  display: grid;
  justify-content: flex-start;
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-outer-circle {
  border-width: 1px;
}
.feng-radio .mat-radio-group .mat-radio-button:not(.mat-radio-disabled) .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.3);
}
.feng-radio .mat-radio-group .mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: var(--on-background);
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-label .mat-radio-label-content {
  padding-left: var(--radio-label-margin);
}
.feng-radio .mat-radio-group .mat-radio-button .mat-radio-checked .mat-radio-inner-circle {
  transform: scale(0.8);
}
.feng-radio--vertical .mat-radio-group {
  grid-auto-flow: row;
  grid-gap: var(--radio-label-gap-vertical);
}
.feng-radio--horizontal .mat-radio-group {
  grid-auto-flow: column;
  grid-gap: var(--radio-label-gap-horizontal);
}
.feng-radio--primary .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--primary .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--primary);
}
.feng-radio--primary .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--primary .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--primary);
}
.feng-radio--secondary .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--secondary .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.feng-radio--secondary .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--secondary .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.feng-radio--success .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--success .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--success);
}
.feng-radio--success .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--success .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--success);
}
.feng-radio--warning .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--warning .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--warning);
}
.feng-radio--warning .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--warning .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--warning);
}
.feng-radio--danger .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--danger .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--error);
}
.feng-radio--danger .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--danger .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--error);
}
.feng-radio--info .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.feng-radio--info .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--info);
}
.feng-radio--info .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.feng-radio--info .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--info);
}
.feng-toggle.mat-slide-toggle.mat-slide-toggle-label-before .mat-slide-toggle-label .mat-slide-toggle-bar {
  margin-left: var(--toggle-label-margin);
  margin-right: 0;
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar {
  margin-left: 0;
  margin-right: var(--toggle-label-margin);
}
.feng-toggle.mat-slide-toggle.mat-disabled {
  opacity: 0.5;
}
.feng-toggle.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,
.feng-toggle.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container {
  cursor: not-allowed;
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar {
  width: var(--toggle-size);
  height: calc(var(--toggle-size) * 0.38);
  border-radius: var(--toggle-bar-border-radius);
}
.feng-toggle.mat-slide-toggle .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb-container .mat-slide-toggle-thumb {
  width: calc(var(--toggle-size) * 0.55);
  border-radius: var(--toggle-thumb-border-radius);
}
.feng-toggle--primary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--primary-RGB), 0.5);
}
.feng-toggle--primary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--primary);
}
.feng-toggle--secondary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--secondary-RGB), 0.5);
}
.feng-toggle--secondary.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--secondary);
}
.feng-toggle--success.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--success-RGB), 0.5);
}
.feng-toggle--success.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--success);
}
.feng-toggle--warning.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--warning-RGB), 0.5);
}
.feng-toggle--warning.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--warning);
}
.feng-toggle--danger.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--error-RGB), 0.5);
}
.feng-toggle--danger.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--error);
}
.feng-toggle--info.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar {
  background-color: rgba(var(--info-RGB), 0.5);
}
.feng-toggle--info.mat-slide-toggle.mat-checked .mat-slide-toggle-label .mat-slide-toggle-bar .mat-slide-toggle-thumb {
  background-color: var(--info);
}
.feng-select {
  transition: box-shadow 0.2s ease-in-out;
  border-radius: var(--select-border-radius);
  display: grid;
  grid-auto-flow: column;
}
.feng-select__mat-form-field {
  border-width: var(--select-outline-width);
  border-style: var(--select-outline-style);
  border-radius: var(--select-border-radius);
}
.feng-select__mat-form-field.mat-form-field-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.feng-select__mat-form-field.mat-form-field-disabled .mat-select-trigger {
  cursor: not-allowed;
}
.feng-select__mat-form-field.mat-focused .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-select__mat-form-field.mat-form-field-invalid {
  border-width: var(--select-outline-width);
  border-style: var(--select-outline-style);
}
.feng-select__mat-form-field.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-10px) scale(0.75) perspective(100px) translateZ(0.001px) !important;
}
.feng-select__mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  border-radius: var(--select-border-radius);
  background-color: var(--select-background);
  padding: var(--select-padding-top-bottom) var(--select-icon-margin) var(--select-padding-top-bottom) var(--select-padding-left);
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.25em 0 0.25em 0;
  font-size: 1.125em;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element:disabled {
  cursor: not-allowed;
}
.feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  padding-left: var(--select-icon-margin);
}
.feng-select--primary.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-RGB), 0.3);
}
.feng-select--primary.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-select--primary .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--primary .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--primary .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--primary) !important;
  background-color: rgba(var(--primary-RGB), 0.2);
}
.feng-select--primary .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--primary) !important;
}
.feng-select--secondary.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--secondary-RGB), 0.3);
}
.feng-select--secondary.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-select--secondary .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--secondary .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--secondary .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--secondary) !important;
  background-color: rgba(var(--secondary-RGB), 0.2);
}
.feng-select--secondary .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--secondary) !important;
}
.feng-select--success.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--success-RGB), 0.3);
}
.feng-select--success.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--success) !important;
}
.feng-select--success .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--success .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--success .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--success) !important;
  background-color: rgba(var(--success-RGB), 0.2);
}
.feng-select--success .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--success) !important;
}
.feng-select--warning.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--warning-RGB), 0.3);
}
.feng-select--warning.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-select--warning .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--warning .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--warning .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--warning) !important;
  background-color: rgba(var(--warning-RGB), 0.2);
}
.feng-select--warning .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--warning) !important;
}
.feng-select--danger.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--error-RGB), 0.3);
}
.feng-select--danger.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--error) !important;
}
.feng-select--danger .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--danger .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--danger .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--error) !important;
  background-color: rgba(var(--error-RGB), 0.2);
}
.feng-select--danger .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--error) !important;
}
.feng-select--info.feng-select--focused .feng-select__mat-form-field {
  box-shadow: 0 0 0 0.2rem rgba(var(--info-RGB), 0.3);
}
.feng-select--info.feng-select--focused .feng-select__mat-form-field .mat-form-field-label {
  color: var(--info) !important;
}
.feng-select--info .feng-select__mat-form-field {
  border-color: var(--select-outline-color);
}
.feng-select--info .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}
.feng-select--info .feng-select__mat-form-field.mat-form-field-invalid {
  border-color: var(--info) !important;
  background-color: rgba(var(--info-RGB), 0.2);
}
.feng-select--info .feng-select__mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: var(--info) !important;
}
body.feng-select--primary--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--primary-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-primary);
  background-color: rgba(var(--primary-RGB), 0.5);
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-primary);
  background-color: rgba(var(--primary-RGB), 0.7);
}
body.feng-select--primary--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--secondary--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--secondary-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-secondary);
  background-color: rgba(var(--secondary-RGB), 0.5);
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-secondary);
  background-color: rgba(var(--secondary-RGB), 0.7);
}
body.feng-select--secondary--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--success--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--success-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-success);
  background-color: rgba(var(--success-RGB), 0.5);
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-success);
  background-color: rgba(var(--success-RGB), 0.7);
}
body.feng-select--success--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--warning--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--warning-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-warning);
  background-color: rgba(var(--warning-RGB), 0.5);
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-warning);
  background-color: rgba(var(--warning-RGB), 0.7);
}
body.feng-select--warning--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--danger--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--error-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-error);
  background-color: rgba(var(--error-RGB), 0.5);
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-error);
  background-color: rgba(var(--error-RGB), 0.7);
}
body.feng-select--danger--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
body.feng-select--info--oppened-panel .mat-select-panel {
  display: block;
  border: 1px solid rgba(var(--info-RGB), 0.5);
  box-shadow: none;
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-active:not(.mat-option-disabled), body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-selected:not(.mat-option-disabled) {
  color: var(--on-info);
  background-color: rgba(var(--info-RGB), 0.5);
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option:hover:not(.mat-option-disabled) {
  color: var(--on-info);
  background-color: rgba(var(--info-RGB), 0.7);
}
body.feng-select--info--oppened-panel .mat-select-panel .mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.05);
  cursor: not-allowed;
}
.feng-chips {
  transition: box-shadow 0.2s ease-in-out;
  display: grid;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.feng-chips--disabled {
  opacity: 0.5;
}
.feng-chips--primary.mat-chip.mat-standard-chip {
  color: var(--on-primary);
  background-color: var(--primary);
}
.feng-chips--secondary.mat-chip.mat-standard-chip {
  color: var(--on-secondary);
  background-color: #7C7C7C;
}
.feng-chips--success.mat-chip.mat-standard-chip {
  color: var(--on-success);
  background-color: var(--success);
}
.feng-chips--warning.mat-chip.mat-standard-chip {
  color: var(--on-warning);
  background-color: var(--warning);
}
.feng-chips--danger.mat-chip.mat-standard-chip {
  color: var(--on-error);
  background-color: var(--error);
}
.feng-chips--info.mat-chip.mat-standard-chip {
  color: var(--on-info);
  background-color: var(--info);
}
.feng-chips--tiny {
  border-radius: var(--chips-tiny-border-radius);
  padding: var(--chips-tiny-padding);
  font-size: var(--chips-tiny-font-size);
}
.feng-chips--small {
  border-radius: var(--chips-small-border-radius);
  padding: var(--chips-small-padding);
  font-size: var(--chips-small-font-size);
}
.feng-chips--medium {
  border-radius: var(--chips-medium-border-radius);
  padding: var(--chips-medium-padding);
  font-size: var(--chips-medium-font-size);
}
.feng-chips--large {
  border-radius: var(--chips-large-border-radius);
  padding: var(--chips-large-padding);
  font-size: var(--chips-large-font-size);
}
.feng-chips--giant {
  border-radius: var(--chips-giant-border-radius);
  padding: var(--chips-giant-padding);
  font-size: var(--chips-giant-font-size);
}
.app-modal-default {
  min-height: 480px;
}
.app-modal-default header {
  position: relative;
}
.app-modal-default header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.app-modal-default header button.modal-default-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  background: transparent;
  border: 0;
  font-size: 24px;
  cursor: pointer;
}
.app-modal-default header button.modal-default-close i {
  color: #000;
}
.app-modal-default header.plan-header {
  border-radius: 0;
}
.app-modal-default header.plan-header > div {
  height: 72px;
  background-size: cover;
  background-position-y: 21%;
}
.app-modal-default header.plan-header > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.13);
  right: 16px;
  top: 16px;
  font-size: 24px;
}
.app-modal-default div.modal-default-text p {
  text-align: justify;
}
.app-modal-default div.modal-default-text--center {
  text-align: center;
}
.app-modal-default ::ng-deep mat-dialog-content div.modal-default-html p {
  text-align: justify;
}
.app-modal-default ::ng-deep mat-dialog-content div.modal-default-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.app-modal-default-success {
  min-height: 480px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-modal-default-success ::ng-deep .mat-dialog-content {
  max-height: inherit !important;
}
.app-modal-default-success header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.app-modal-default-success header button.modal-default-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  background: transparent;
  border: 0;
  font-size: 24px;
  cursor: pointer;
}
.app-modal-default-success header button.modal-default-close i {
  color: #000;
}
.app-modal-default-success div.modal-default-text p {
  text-align: justify;
}
.app-modal-default-success div.modal-default-text--center {
  text-align: center;
}
::ng-deep mat-dialog-content div.modal-default-html p {
  text-align: justify;
}
::ng-deep mat-dialog-content div.modal-default-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstui-panel {
  background: #fff;
  border: none;
  box-shadow: 0 1px 15px 1px rgba(69, 65, 78, 0.08);
  border-radius: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
}
.fengstui-panel > div {
  height: 100%;
  padding: 15px 22px;
  flex: 1 1 auto;
}
.fengstui-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F4F4F4;
  border-bottom: 1px solid #E4E4E4;
  padding: 7px 14px;
}
@media (min-width: 992px) {
  .fengstui-paginator {
    justify-content: flex-end;
    background: #fff;
    border-bottom: none;
  }
}
.fengstui-paginator button {
  background: transparent;
  border: none;
  padding: 14px;
  cursor: pointer;
  color: #000;
}
.fengstui-paginator button:disabled {
  color: #6C757D;
}
.fengstui-paginator__pages {
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  display: none;
}
@media (min-width: 992px) {
  .fengstui-paginator__pages {
    display: flex;
  }
}
.fengstui-paginator__pages li button {
  padding: 14px;
  color: #393939;
}
.fengstui-paginator__pages .active {
  color: #000;
  font-weight: bold;
}
.fengstui-paginator__pages-select {
  display: flex;
}
.fengstui-paginator__pages-select select {
  border: solid 1px #E4E4E4;
  border-radius: 6px;
  padding: 10.5px;
  font-weight: 700;
}
@media (min-width: 992px) {
  .fengstui-paginator__pages-select {
    display: none;
  }
}
.feng-expansion-panel, .feng-expansion-panel .ng-star-inserted {
  box-shadow: none;
  border-radius: 0;
  padding-right: 0;
  border-bottom: 1px solid #979797;
}
.feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
  font-size: 55px;
  width: 50px;
  height: 50px;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.feng-expansion-panel .mat-expansion-panel:not([class*=mat-elevation-z]), .feng-expansion-panel .mat-expansion-panel, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel:not([class*=mat-elevation-z]), .feng-expansion-panel .ng-star-inserted .mat-expansion-panel {
  box-shadow: none;
}
.feng-expansion-panel .mat-expansion-indicator::after, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator::after {
  color: black;
}
.feng-expansion-panel:nth-last-of-type(1), .feng-expansion-panel .ng-star-inserted:nth-last-of-type(1) {
  border: 0;
}
.feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
  width: 25px !important;
  height: 25px !important;
  font-size: 30px !important;
}
.feng-expansion-panel .mat-expansion-panel-header-title, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-title {
  margin: 0;
}
.feng-expansion-panel .mat-expansion-panel-header, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header {
  padding: 0;
}
.feng-expansion-panel .mat-expansion-panel-header-description, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description {
  display: flex;
  flex-direction: column;
  padding: 0 10px;
}
.feng-expansion-panel .mat-expansion-panel-header-description p, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description p {
  text-align: left;
}
.feng-expansion-panel .mat-expansion-panel-body, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body {
  padding: 0 !important;
}
.feng-expansion-panel .mat-expansion-panel-body p, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body p {
  font-size: 15px;
  color: #27292D;
}
@media (min-width: 992px) {
  .feng-expansion-panel .mat-expansion-indicator, .feng-expansion-panel .ng-star-inserted .mat-expansion-indicator {
    padding: 0 24px 0;
    width: 50px !important;
    height: 50px !important;
    font-size: 55px !important;
  }
  .feng-expansion-panel .mat-expansion-panel-header-title, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-title {
    margin: 16px;
  }
  .feng-expansion-panel .mat-expansion-panel-header, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header {
    padding: 0 24px;
  }
  .feng-expansion-panel .mat-expansion-panel-header-description, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-header-description {
    padding: 0 65px;
  }
  .feng-expansion-panel .mat-expansion-panel-body, .feng-expansion-panel .ng-star-inserted .mat-expansion-panel-body {
    padding: 0 24px 16px;
  }
}
.feng-expansion-panel__title, .feng-expansion-panel .ng-star-inserted__title {
  padding: 0;
}
.feng-form-error--on-background.mat-error {
  color: var(--on-background);
}
.feng-form-error--primary.mat-error {
  color: var(--primary);
}
.feng-form-error--secondary.mat-error {
  color: var(--secondary);
}
.feng-form-error--success.mat-error {
  color: var(--success);
}
.feng-form-error--warning.mat-error {
  color: var(--warning);
}
.feng-form-error--danger.mat-error {
  color: var(--error);
}
.feng-form-error--info.mat-error {
  color: var(--info);
}
.feng-ui-password {
  text-align: left;
  width: 100%;
}
.feng-ui-password__strength {
  margin-top: 3px !important;
  display: flex;
  flex-direction: row;
}
.feng-ui-password__strengthBar {
  display: flex;
  flex-grow: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: 2px;
}
.feng-ui-password__point:last-of-type {
  margin: 0 !important;
}
.feng-ui-password__point {
  background: #ddd;
  border-radius: 2px;
  display: inline-block;
  height: 5px;
  margin-right: 1px;
  flex-grow: 1;
}
.feng-ui-password__p {
  font-weight: bold;
  flex-grow: 0.1;
  color: #393939 !important;
  margin-bottom: 9px !important;
  margin-top: 10px !important;
}
.feng-ui-password__card-message {
  padding-left: 0px;
  margin: 0;
  line-height: 1.5;
}
.feng-ui-password__card-message > li {
  list-style: none;
  /* Remove os marcadores de lista */
}
.feng-ui-password__card-message--valid {
  color: #1F845A;
}
.feng-ui-password__card-message--invalid {
  color: #CA3521;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --shadow-elevation: 1dp;
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: #dedede;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: "";
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-card-font-weight: 400;
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 122px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
}
.view-first-access {
  display: block;
  min-height: 760px;
  margin: auto;
  background: white;
  text-align: center;
  width: 100%;
  padding: 10px 20px 25px;
}
@media (min-width: 576px) {
  .view-first-access {
    width: 500px;
    padding: 20px 20px 50px;
  }
}
.view-first-access .logo {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--first-access-bg);
  border-radius: 5px;
}
.view-first-access .logo img {
  width: var(--header-desktop-logo-width);
  object-fit: cover;
}
.view-first-access h1 {
  font-weight: normal;
  font-size: 28px;
}
.view-first-access h2 {
  font-weight: normal;
  font-size: 15px;
  padding: 0 10px;
}
.view-first-access .forms {
  padding: 0;
  display: grid;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .view-first-access .forms {
    padding: 0 30px;
  }
}
.view-first-access .forms__changePwd {
  display: grid;
  grid-gap: 10px;
}
.view-first-access__terms {
  grid-gap: 10px;
  margin-bottom: 2rem;
}
.view-data-pending {
  display: block;
  min-height: 760px;
  margin: auto;
  background: white;
  text-align: center;
  width: 100%;
  padding: 10px 10px 25px;
}
@media (min-width: 576px) {
  .view-data-pending {
    width: 500px;
    padding: 20px 20px 50px;
  }
}
.view-data-pending .logo {
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-data-pending .logo img {
  width: var(--header-desktop-logo-width);
  object-fit: cover;
}
.view-data-pending h1 {
  font-weight: normal;
  font-size: 28px;
}
.view-data-pending h2 {
  font-weight: normal;
  font-size: 15px;
  padding: 0 10px;
}
.view-data-pending .view-data-pending-form > form {
  padding: 0 30px;
  display: grid;
  grid-gap: 10px;
}
.view-data-pending .view-data-pending-form .form-pending {
  position: relative;
}
.view-data-pending .view-data-pending-form .form-pending .loading {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
}
div.view-pending-container {
  background: var(--pending-mail-bg);
  color: var(--pending-mail-color);
}
div.view-pending-container .view-pending-content {
  display: block;
  max-width: 500px;
  min-height: 760px;
  margin: auto;
  text-align: center;
}
div.view-pending-container .view-pending-content .start-validation {
  margin: 20px 0;
}
div.view-pending-container .view-pending-content__logo {
  display: block;
  width: 100%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--pending-mail-logo-bg);
}
div.view-pending-container .view-pending-content__logo img {
  height: var(--pending-mail-logo-height);
  object-fit: cover;
}
div.view-pending-container .view-pending-content__text {
  padding: 10px 40px 0;
}
div.view-pending-container .view-pending-content__text h1 {
  font-weight: normal;
  font-size: 28px;
}
div.view-pending-container .view-pending-content__text h2 {
  font-weight: normal;
  font-size: 15px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form {
  display: block;
  max-width: 400px;
  margin: auto;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form span.foreign-address {
  font-size: 14px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form span.foreign-address span {
  margin-left: 14px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  margin: 25px auto;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  grid-column-gap: 8px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div {
  max-width: 100%;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div mat-form-field {
  width: 100%;
  max-width: 196px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field.col-2 div div.charset-validation {
  font-size: 9px;
  margin: 3px auto;
  color: #c0c0c0;
  position: absolute;
  bottom: -3px;
  right: 5px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field span.instructions {
  position: absolute;
  font-size: 13px;
  font-style: italic;
  left: 0px;
  bottom: -18px;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field mat-form-field {
  width: 100%;
}
div.view-pending-container .view-pending-content__text div.view-data-pending-form form div.pedding-field button {
  width: 100%;
  font-weight: bold;
  text-transform: uppercase;
  padding: 20px;
  font-size: 18px;
}
div.view-pending-container .view-pending-content__text div.view-pending-footer h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
}
div.view-pending-container .view-pending-content__text div.view-pending-footer h3 i {
  margin-left: 10px;
  font-size: 20px;
}
.view-guardian-pending-container {
  background: var(--pending-mail-bg);
  color: var(--pending-mail-color);
}
.view-guardian-pending-container form {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
}
.view-guardian-pending-container form .padding-field {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: center;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.design-system {
  background: var(--background);
  padding-top: 150px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 70vh;
  position: relative;
}
.design-system .hidden {
  display: none !important;
}
.design-system__section {
  height: -moz-fit-content;
  height: fit-content;
  padding: 50px 0 100px;
}
.design-system__section-title {
  display: grid;
  background-color: var(--info);
  align-items: center;
  padding: 20px;
}
@media (min-width: 992px) {
  .design-system__section-title {
    padding: 20px 0;
    justify-content: center;
  }
}
.design-system__section-title span {
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .design-system__section-title span {
    width: var(--max-width);
  }
}
.design-system__section-title h1 {
  color: var(--on-background);
}
.design-system__section-content {
  display: grid;
  width: 100%;
  padding: 20px 20px 50px;
  margin: auto;
}
@media (min-width: 992px) {
  .design-system__section-content {
    width: var(--max-width);
    padding: 20px 0 50px;
  }
}
.design-system__section-content p {
  line-height: 1.5em;
}
.design-system__section-content code {
  background: #f5f5f5;
  color: black;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 0.9em;
  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.6), 1px 1px 3px rgba(0, 0, 0, 0.3);
  margin: auto 3px;
}
.design-system__section-content code.--selected {
  background: black;
  color: white;
}
.design-system__section-content code.--selected::after {
  content: "padrão";
  display: inline-block;
  position: relative;
  top: -5px;
  font-size: 0.6em;
  letter-spacing: 0.5px;
  font-weight: bold;
  margin-left: 5px;
}
.design-system__section-content .elements-grid {
  display: grid;
  grid-gap: 8px;
}
.design-system__section-content .elements-grid__buttons {
  display: flex;
  flex-direction: column;
}
.design-system__section-content .elements-grid__buttons > * {
  margin: 5px 0;
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__buttons {
    flex-direction: row;
    justify-content: space-between;
  }
  .design-system__section-content .elements-grid__buttons > * {
    margin: 0;
  }
}
.design-system__section-content .elements-grid__inputs {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__inputs {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__textareas {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__textareas {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__radios {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__radios {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__checkboxs {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__checkboxs {
    grid-template-columns: repeat(5, max-content);
  }
}
.design-system__section-content .elements-grid__toggles {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__toggles {
    grid-template-columns: repeat(6, max-content);
  }
}
.design-system__section-content .elements-grid__selects {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__selects {
    grid-template-columns: repeat(6, max-content);
  }
}
.design-system__section-content .elements-grid__chips {
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(1, max-content);
}
@media (min-width: 576px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(2, max-content);
  }
}
@media (min-width: 767px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(4, max-content);
  }
}
@media (min-width: 992px) {
  .design-system__section-content .elements-grid__chips {
    grid-template-columns: repeat(6, max-content);
  }
}
.internal-server-error {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 200px 30px 200px;
  text-align: center;
  grid-auto-rows: min-content;
  height: -moz-fit-content;
  height: fit-content;
}
.internal-server-error h1 {
  font-size: 50px;
  font-weight: bold;
  margin: 0;
}
.internal-server-error h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.internal-server-error p {
  width: 60%;
  margin: 0 auto;
}
.internal-server-error a {
  overflow-wrap: break-word;
}
.scailing_message {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 80px 30px 90px;
  text-align: center;
  grid-auto-rows: min-content;
  height: -moz-fit-content;
  height: fit-content;
}
.scailing_message h1 {
  font-size: 26px;
  line-height: 100%;
  font-weight: bold;
  margin: 0;
}
.scailing_message h2 {
  font-size: 20px;
  line-height: 100%;
  font-weight: normal;
  margin: 0;
}
.scailing_message p {
  font-size: 16px;
  width: 100%;
  margin: 0 auto;
}
.scailing_message a {
  overflow-wrap: break-word;
}
@media (min-width: 767px) {
  .scailing_message {
    padding: 160px 30px 160px;
  }
  .scailing_message h1 {
    font-size: 44px;
  }
  .scailing_message h2 {
    font-size: 26px;
  }
  .scailing_message p {
    font-size: 20px;
    width: 60%;
  }
}
.maintenance {
  position: relative;
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
}
@media (min-width: 992px) {
  .maintenance {
    padding-top: 40px;
    align-items: center;
  }
}
.maintenance__content {
  background: var(--background);
  color: var(--on-background);
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .maintenance__content {
    position: relative;
    top: -10%;
  }
}
.maintenance__content-logo {
  height: auto;
  width: var(--maintenance-logo-width-mobile);
  padding: var(--maintenance-logo-background-padding);
  background-color: var(--maintenance-logo-background-color);
  border-radius: var(--maintenance-logo-background-border-radius);
  margin: 0 auto 20px;
}
@media (min-width: 992px) {
  .maintenance__content-logo {
    width: var(--maintenance-logo-width-desktop);
    margin: 0 auto 50px;
  }
}
.maintenance__content-logo img {
  width: 100%;
  height: auto;
}
.maintenance__content i {
  font-size: 60px;
  color: var(--primary);
}
@media (min-width: 992px) {
  .maintenance__content i {
    font-size: 110px;
  }
}
.maintenance__content h1 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .maintenance__content h1 {
    font-size: 60px;
  }
}
.maintenance__content h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.maintenance__content p {
  width: 60%;
  margin: 0 auto;
}
.maintenance__description {
  margin: 2em 0;
}
.admin-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--on-primary);
  text-align: center;
}
.admin-bar__actions {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.staging {
  position: relative;
  display: grid;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
  background-color: var(--background);
  color: var(--on-background);
}
@media (min-width: 992px) {
  .staging {
    padding-top: 40px;
    align-items: center;
  }
}
.staging__content {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .staging__content {
    position: relative;
    top: -10%;
  }
}
.staging__content-logo {
  height: auto;
  width: var(--staging-logo-width-mobile);
  padding: var(--staging-logo-background-padding);
  background-color: var(--staging-logo-background-color);
  border-radius: var(--staging-logo-background-border-radius);
  margin: 0 auto 20px;
}
@media (min-width: 992px) {
  .staging__content-logo {
    width: var(--staging-logo-width-desktop);
    margin: 0 auto 50px;
  }
}
.staging__content-logo img {
  width: 100%;
  height: auto;
}
.staging__content h1 {
  font-size: 35px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .staging__content h1 {
    font-size: 60px;
  }
}
.staging__content h2 {
  font-size: 30px;
  font-weight: normal;
  margin: 0;
}
.staging__content p {
  width: 60%;
  margin: 0 auto;
}
.staging-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--primary);
  color: var(--on-primary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--on-primary);
  text-align: center;
}
.staging-bar--with-admin:not(.resale-bar--with-resale) {
  top: 70px;
}
.staging-bar--with-admin.resale-bar--with-resale {
  top: 140px;
}
.staging-bar__actions {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.page-not-found {
  background: var(--background);
  color: var(--on-background);
  display: grid;
  grid-gap: 20px;
  justify-content: center;
  padding: 200px 30px 200px;
  text-align: center;
  grid-auto-rows: min-content;
}
.page-not-found i {
  font-size: 110px;
  color: var(--primary);
}
.page-not-found h1 {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
}
.page-not-found h2 {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}
.fengstlayout-recovery-password {
  position: relative;
  display: grid;
  width: 100%;
  height: 80vh;
  justify-content: center;
  padding-top: 40px;
  align-items: initial;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password {
    padding-top: 40px;
    align-items: center;
  }
}
.fengstlayout-recovery-password__loading {
  position: relative;
  height: 50px;
}
.fengstlayout-recovery-password__content {
  background: var(--background);
  color: var(--on-background);
  text-align: center;
  display: grid;
  grid-gap: 20px;
  grid-auto-rows: min-content;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content {
    position: relative;
    top: -10%;
  }
}
.fengstlayout-recovery-password__content-icon {
  font-size: 60px;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content-icon {
    font-size: 110px;
  }
}
.fengstlayout-recovery-password__content-icon--success {
  color: var(--success);
}
.fengstlayout-recovery-password__content-icon--error {
  color: var(--error);
}
.fengstlayout-recovery-password__content h1 {
  font-size: 26px;
  font-weight: bold;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstlayout-recovery-password__content h1 {
    font-size: 46px;
  }
}
.fengstlayout-recovery-password__content h2 {
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}
.fengstlayout-recovery-password__content p {
  width: 60%;
  margin: 0 auto;
}
.fengstlayout-recovery-password__content form {
  display: grid;
  gap: 20px;
}
.fengstlayout-recovery-pass-2 {
  background: var(--recoverypass-v2-background);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--recoverypass-v2-content-padding);
}
@media (min-width: 767px) {
  .fengstlayout-recovery-pass-2 {
    background-size: var(--recoverypass-v2-background-size-small);
  }
}
@media (min-width: 992px) {
  .fengstlayout-recovery-pass-2 {
    background-size: var(--recoverypass-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstlayout-recovery-pass-2 {
    background-position: var(--recoverypass-v2-background-position-large);
    background-size: var(--recoverypass-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2 {
    background-position: var(--recoverypass-v2-background-position-extra-large);
    background-size: var(--recoverypass-v2-background-size-extra-large);
  }
}
.fengstlayout-recovery-pass-2__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
.fengstlayout-recovery-pass-2__content-brand {
  width: var(--recoverypass-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2__content-brand {
    padding-top: 0;
  }
}
.fengstlayout-recovery-pass-2__content-card {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--recoverypass-v2-card-form-background);
  border-radius: var(--recoverypass-v2-card-form-radius);
  padding: var(--recoverypass-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--recoverypass-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstlayout-recovery-pass-2__content-card .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
@media (min-width: 767px) {
  .fengstlayout-recovery-pass-2__content-card {
    width: var(--recoverypass-v2-card-form-width-desktop);
  }
}
@media (min-width: 1500px) {
  .fengstlayout-recovery-pass-2__content-card {
    margin: 33px 0;
  }
}
.fengstlayout-recovery-pass-2__content-card--success {
  background: transparent;
  color: var(--recoverypass-v2-sucess-color);
  text-align: center;
}
.fengstlayout-recovery-pass-2__content-card-title {
  color: var(--recoverypass-v2-card-form-title-color);
  font-size: var(--recoverypass-v2-card-form-title-size);
  font-weight: var(--recoverypass-v2-card-form-title-weight);
  font-family: var(--recoverypass-v2-card-form-title-family);
  line-height: var(--recoverypass-v2-card-form-title-line-height);
  margin: 0;
}
.fengstlayout-recovery-pass-2__content-card-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--recoverypass-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-divider {
  border: none;
  height: 1px;
  background: var(--recoverypass-v2-card-form-divider-color);
  width: 100%;
}
.fengstlayout-recovery-pass-2__content-card-inputs-password-info, .fengstlayout-recovery-pass-2__content-card-inputs-required-list-item {
  font-family: var(--recoverypass-v2-card-form-title-family);
  font-weight: var(--recoverypass-v2-card-form-password-info-title-weight);
  font-size: var(--recoverypass-v2-card-form-password-info-title-size);
  line-height: var(--recoverypass-v2-card-form-password-info-title-line-height);
  color: var(--recoverypass-v2-card-form-password-info-color);
}
.fengstlayout-recovery-pass-2__content-card-inputs-required-list {
  list-style: var(--recoverypass-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstlayout-recovery-pass-2__content-card-inputs-required-list-item {
  font-weight: 400;
}
.fengstlayout-recovery-pass-2__content-card-inputs-submit--goto {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstlayout-recovery-pass-2__content-card-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengstlayout-recovery-pass-2__content-card-success-msg {
  font-weight: 400;
  font-size: var(--recoverypass-v2-sucess-font-size);
}
.fengstlayout-recovery-pass-2__content-card .icon {
  font-size: var(--recoverypass-v2-sucess-icon-size);
}
.fengstlayout-recovery-pass-2__content-card-success-text {
  font-weight: 400;
  font-size: var(--recoverypass-v2-sucess-text-size);
  font-family: var(--font-button);
}
.fengstlayout-recovery-pass-2__divider-or {
  position: relative;
}
.fengstlayout-recovery-pass-2__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstlayout-recovery-pass-2__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 4px;
}
.fengstlayout-discount-validator {
  display: grid;
  width: 100%;
  height: 80vh;
  padding-top: 40px;
  align-items: initial;
  text-align: center;
  justify-items: center;
}
.fengstlayout-discount-validator__content {
  max-width: 800px;
  width: 100%;
  padding: 2rem;
}
.fengstlayout-discount-validator__content fengstui-button .feng-btn {
  margin-top: 2.4rem;
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
}
.fengstlayout-discount-validator__content-request {
  max-width: 500px;
  width: 100%;
  text-align: initial;
}
.fengstlayout-discount-validator__content-request p {
  font-size: 1.4rem;
}
.fengstlayout-discount-validator__content-request p:nth-child(2) {
  margin: 0;
  padding: 0;
}
.header {
  top: 0;
  height: 65px;
  position: fixed;
  width: 100%;
  z-index: 9;
  background: linear-gradient(180deg, black 40%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 95%);
}
@media (min-width: 992px) {
  .header {
    height: 120px;
  }
}
.header.internal-header {
  background: #C11D1E;
  height: 65px;
}
@media (min-width: 992px) {
  .header.internal-header .topo .mobile {
    display: none;
  }
}
.header.internal-header .topo-content .desktop {
  display: none;
}
@media (min-width: 992px) {
  .header.internal-header .topo-content .desktop {
    display: flex;
  }
}
@media (min-width: 992px) {
  .header.internal-header {
    background: #C11D1E;
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--primary)), color-stop(36%, var(--primary)), color-stop(48%, var(--primary)), color-stop(69%, var(--primary)), color-stop(69%, black), color-stop(100%, black));
    background: linear-gradient(to right, #C11D1E 0%, #C11D1E 36%, #C11D1E 48%, #C11D1E 69%, black 69%, black 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#C11D1E", endColorstr="#000000", GradientType=1 );
    height: 115px;
    display: flex;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header.internal-header .logoST img {
    top: 0 !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .text-socios {
    padding-top: 24px;
  }
  .header.internal-header .text-socios .number {
    font-size: 25px !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .login-wrapper i {
    background: transparent !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .header-content .topo {
    justify-content: space-around !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .login-wrapper {
    display: flex !important;
    position: relative !important;
    align-items: center !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .space {
    width: 0;
    display: none;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header.internal-header .space {
    display: flex;
  }
}
.header.internal-header .partner {
  padding-left: 20px;
  display: none !important;
}
@media (min-width: 992px) {
  .header.internal-header .partner {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .header.internal-header .topo-content {
    margin: 0;
    height: 112px !important;
  }
}
.header .header-wrapper {
  background-size: 100% 108px;
}
.header .header-wrapper .header-content .topo {
  width: 100%;
  display: grid;
  grid-template: auto/auto auto;
  justify-content: right;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .header .header-wrapper .header-content .topo .topo-content {
    display: flex;
    align-items: center;
    height: 150px;
  }
}
.header .header-wrapper .header-content .topo .logoST {
  height: 100%;
  position: absolute;
  left: 5px;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .logoST {
    position: inherit;
  }
}
.header .header-wrapper .header-content .topo .logoST img {
  height: auto;
  width: 70px;
  text-align: start;
  position: relative;
  top: 0;
  z-index: 10;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .logoST img {
    height: auto;
    width: 120px;
  }
}
.header .header-wrapper .header-content .topo .text-socios {
  font-weight: bold;
  color: #fff;
  position: relative;
  top: 2px;
  font-size: 27px;
  z-index: 10;
  display: flex;
  line-height: 0;
  font-style: normal;
  align-items: center;
  padding-top: 0;
  height: 100%;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios {
    max-width: 100%;
    right: 0;
    top: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios span.description {
  height: 100%;
  color: #FFFFFF;
  font-size: 15px;
  letter-spacing: 2.22px;
  line-height: 62px;
  padding-right: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios span.description {
    height: 0;
    font-size: 20px;
    line-height: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios .number {
  color: #FFFFFF;
  font-size: 27px;
  letter-spacing: 4px;
  line-height: 62px;
  font-weight: bolder;
  padding-right: 20px;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios .number {
    font-size: 45px;
    line-height: 0;
    padding-right: 0;
  }
}
.header .header-wrapper .header-content .topo .text-socios .partner {
  display: none;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .text-socios .partner {
    line-height: 0;
    height: 0;
  }
}
.header .header-wrapper .header-content .topo .columns {
  margin-right: 0;
}
.header .header-wrapper .header-content .topo .columns .login-text {
  font-weight: bold;
}
.header .header-wrapper .header-content .topo .login-btn {
  display: none;
}
.header .header-wrapper .header-content .topo .login-btn a {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .topo .login-btn {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }
}
.header .header-wrapper .header-content .topo .login-btn button {
  font-weight: bold;
}
.header .header-wrapper .header-content .login-wrapper {
  color: #FFFFFF;
  display: none;
}
@media (min-width: 992px) {
  .header .header-wrapper .header-content .login-wrapper {
    display: grid;
    grid-template: auto/auto auto;
    grid-gap: 20px;
    align-self: center;
    position: relative;
    align-items: center;
    margin-right: 25px;
  }
}
.header .header-wrapper .header-content .login-wrapper a, .header .header-wrapper .header-content .login-wrapper a:active, .header .header-wrapper .header-content .login-wrapper a:visited {
  height: 100%;
  display: flex;
  flex-flow: row;
  align-self: center;
  color: #fff;
}
.header .header-wrapper .header-content .login-wrapper i {
  background: #B11116;
  padding: 10px;
  border-radius: 100%;
  color: #fff !important;
  margin-left: 15px;
}
.header .header-wrapper .header-content .login-wrapper .line {
  box-sizing: border-box;
  margin: auto auto auto 25px;
  width: 1px;
  height: 34.5px;
  border: 1px solid #ccc;
}
.header-2 {
  width: 100%;
  height: 120px;
  background-color: var(--primary);
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-2 {
    background-color: var(--primary);
  }
}
.header-2 .button-header {
  border-left: 1px solid #646464;
}
.header-2 .button-login-header button {
  display: flex;
  align-items: center;
  font-weight: bold;
}
.header-2 .button-login-header button i {
  font-size: 18px;
  margin-right: 8px;
}
.header-2 .header-container {
  position: relative;
  height: 100%;
  margin: auto;
  max-width: 600px;
  display: grid;
  grid-row-gap: 10px;
}
.header-2 .header-container .login-container:hover {
  cursor: pointer;
}
.header-2 .header-container .header-row-1 {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-column-gap: 10px;
  justify-content: right;
}
.header-2 .header-container .header-row-1 .header-row-1-left {
  align-self: center;
  text-transform: uppercase;
  color: #000;
  font-size: 25px;
  text-align: right;
}
.header-2 .header-container .header-row-1 .header-row-1-right {
  align-self: center;
}
.header-2 .header-container .header-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  justify-content: center;
  position: relative;
  z-index: 10;
}
.header-2 .header-container .header-row-2 .header-row-2-left {
  display: flex;
  justify-content: flex-start;
  text-align: center;
  color: #000;
}
.header-2 .header-container .header-row-2 .header-row-2-left button {
  align-self: center;
  text-transform: uppercase;
  font-weight: normal;
  height: 30px;
  font-size: 11px;
  width: 90px;
  padding: 3px 10px;
}
.header-2 .header-container .header-row-2 .header-row-2-right {
  display: flex;
  justify-content: flex-end;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container {
  align-self: center;
  width: 110px;
  display: grid;
  grid-template-columns: 75% 25%;
  grid-column-gap: 5px;
  margin-right: 10px;
  align-items: center;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container .login-container-left {
  color: #000;
  align-self: center;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  text-align: right;
  display: flex;
  align-items: center;
}
.header-2 .header-container .header-row-2 .header-row-2-right .login-container .login-container-right i {
  display: flex;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  color: white;
  background-color: var(--primary);
}
.header-2 .header-container .logo-header {
  position: absolute;
  top: 20px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2;
}
.header-2 .header-container .logo-header a img {
  position: relative;
  display: block;
  max-width: 120px;
  height: auto;
  margin: auto;
}
.header-2 .header-container .logo-header a img:hover {
  cursor: pointer;
}
.header-2 .header-container .header-col-1, .header-2 .header-container .header-col-2, .header-2 .header-container .header-col-3 {
  display: none;
}
@media (min-width: 992px) {
  .header-2 .header-container {
    display: grid;
    height: 100%;
    grid-template-columns: 50% 50%;
    justify-content: center;
    max-width: 960px;
  }
  .header-2 .header-container .header-row-1, .header-2 .header-container .header-row-2, .header-2 .header-container .header-row-3 {
    display: none;
  }
  .header-2 .header-container .logo-header {
    display: none;
    z-index: 2;
  }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .header-2 .header-container .logo-header {
    display: block;
    position: absolute;
    height: auto;
    right: auto;
    bottom: auto;
    left: -135px;
    top: 0px;
  }
  .header-2 .header-container .logo-header a img {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-1 {
    align-self: center;
    display: block;
    padding-right: 10px;
    display: flex;
    justify-content: center;
  }
  .header-2 .header-container .header-col-1 .login-container {
    width: 100%;
    align-self: center;
    display: grid;
    justify-content: right;
    grid-template-columns: 25% 44%;
    grid-column-gap: 10px;
    margin-right: 10px;
  }
  .header-2 .header-container .header-col-1 .login-container .login-container-right {
    color: #fff;
    align-self: center;
    font-size: 14px;
    text-align: left;
  }
  .header-2 .header-container .header-col-1 .login-container .login-container-left i {
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    color: white;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-2 {
    align-self: center;
    text-align: center;
    display: block;
  }
  .header-2 .header-container .header-col-2 .cadastro {
    display: flex;
    height: 36px;
    background-color: black;
    margin: 0 auto;
    justify-content: center;
  }
  .header-2 .header-container .header-col-2 .cadastro button {
    padding: 0 28px;
    font-weight: bold;
    align-self: center;
  }
}
@media (min-width: 992px) {
  .header-2 .header-container .header-col-3 {
    display: grid;
    grid-template-rows: 65% 35%;
    clip-path: polygon(3% 0%, 100% 0%, 97% 100%, 0% 100%);
    height: 120px;
    background-color: white;
    justify-content: center;
  }
  .header-2 .header-container .header-col-3 .header-col-3-header {
    align-self: center;
    width: 350px;
  }
  .header-2 .header-container .header-col-3 .header-col-3-footer {
    align-self: center;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    color: black;
    font-weight: 900;
    margin-top: 0;
    height: 50px;
  }
}
.header-2 .header-container.hide-scoreboard {
  grid-template-areas: "header-row-2";
}
.header-2 .header-container.hide-scoreboard .header-row-1 {
  display: none;
}
@media (min-width: 992px) {
  .header-2 .header-container.hide-scoreboard {
    grid-template-columns: 25% 75%;
  }
}
.header-2 .header-container.hide-scoreboard .header-col-3 {
  display: none;
}
.header-3 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
}
@media (min-width: 992px) {
  .header-3 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-3--floating-login {
  height: 70px;
}
.header-3--floating-login .header-3__content {
  padding-top: 0px;
}
.header-3--floating-login .header-3__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-3--floating-login .header-3__content-navigation {
    display: grid;
  }
}
.header-3 * {
  box-sizing: border-box;
}
.header-3__counter {
  width: 100%;
  display: flex;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
  font-weight: normal;
}
@media (min-width: 767px) {
  .header-3__counter {
    flex-direction: row;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .header-3__counter {
    margin-top: 0px;
  }
}
.header-3__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-3__counter > .number {
  margin: 0 10px 8px;
  font-weight: bold;
  font-size: 30px;
}
.header-3__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-3__counter > .partner {
    display: block;
  }
}
.header-3__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px auto max-content;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-3__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-3__content {
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-3__content {
    width: var(--max-width);
  }
}
.header-3__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-3__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-3__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-3__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-3__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
@media (min-width: 576px) {
  .header-3__content-navigation {
    grid-template: auto/auto auto;
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-3__content-navigation {
    margin-top: 0px;
  }
}
.header-3__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-3__content-navigation a:first-child {
  color: #27292D;
}
.header-3__content-navigation a fengstui-button .feng-btn {
  font-family: var(--font-title) !important;
  font-style: italic !important;
  padding: 12px 10px !important;
  font-size: 12px;
}
.header-3__content-navigation a fengstui-button .feng-btn::before {
  content: "SEJA ST";
}
@media (min-width: 992px) {
  .header-3__content-navigation a fengstui-button .feng-btn {
    padding: 12px 30px !important;
    font-size: 18px;
  }
  .header-3__content-navigation a fengstui-button .feng-btn::before {
    content: "SEJA SÓCIO TORCEDOR";
  }
}
.header-3__content-navigation a fengstui-button .feng-btn:hover {
  background-color: black !important;
}
.header-3-logged {
  display: grid;
  background: #fff;
  width: 100%;
  z-index: 9;
  height: 68px;
  border-bottom: 1px solid #9e9e9e;
}
@media (min-width: 992px) {
  .header-3-logged {
    height: 135px;
    justify-content: center;
  }
}
.header-3-logged:not(.header-3-logged--is-home) {
  border-bottom: 2px solid #979797;
}
.header-3-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 5%;
  width: 90%;
  padding: 5px 0;
  grid-template: auto/30px 0 max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-3-logged__content {
    grid-gap: 30px;
    width: var(--max-width-md);
    padding: 0;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-3-logged__content {
    width: var(--max-width);
  }
}
.header-3-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-3-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-3-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-3-logged__content-mobile-menu {
  display: grid;
}
.header-3-logged__content-mobile-menu i {
  color: var(--menu-itens-color);
  font-size: 26px;
  font-weight: 700;
}
.header-3-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-3-logged__content-mobile-menu .fengi-x1::before {
  color: #404040;
  text-shadow: 2px 2px 1px var(--menu-itens-color);
}
.header-3-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-3-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-3-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 15px;
  }
}
.header-3-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-3-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
  }
}
.header-3-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-3-logged__content-others-counter > .number {
  margin: 0 10px 8px;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter > .number {
    font-size: 30px;
  }
}
.header-3-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-3-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-3-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-3-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications {
    right: -25px;
  }
}
.header-3-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-box {
    width: 375px;
  }
}
.header-3-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-3-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-3-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-3-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-3-logged__content-notifications-box-message b,
.header-3-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-3-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-3-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-3-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-3-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-3-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-3-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-3-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-3-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-3-logged__content-user a.loggedInMenu {
  color: var(--on-background);
  min-width: 70px;
}
.header-3-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-3-logged__content-user a.exit {
  color: var(--on-background);
  padding-left: 10px;
  font-size: 12px;
}
.header-3-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-3-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-3-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-3-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-3-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-3-logged__content-user-points {
    display: block;
  }
}
.header-3-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-3-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-3-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-3-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-3-logged__content-navigation {
    grid-gap: 10px;
    display: grid;
  }
}
.header-3-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-3-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-3-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-3-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-3-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-3-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-3-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-3-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-3-logged__content-icons {
    margin-left: 200px;
  }
  .header-3-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-3-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-3-logged--is-home {
  border: "0";
}
.header-3-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-3-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-3-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-3-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-3-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-3-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-3-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-3-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-3-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-3-logged__mobile-menu {
    display: none;
  }
}
.header-3-logged__mobile-menu img {
  width: 50%;
}
.header-3-logged__mobile-menu i {
  width: 70px;
}
.header-4-new {
  top: 0;
  width: 100%;
  display: grid;
  background: transparent;
  height: var(--header-mobile-height);
  position: relative;
  margin-bottom: -129px;
  z-index: 1;
}
@media (min-width: 992px) {
  .header-4-new {
    justify-content: center;
    margin-bottom: -233px;
    height: var(--header-desktop-height);
  }
}
.header-4-new--floating-login {
  height: 70px;
}
.header-4-new--floating-login .header-4-new__content {
  padding-top: 0px;
}
.header-4-new--floating-login .header-4-new__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4-new--floating-login .header-4-new__content-navigation {
    display: grid;
  }
}
.header-4-new * {
  box-sizing: border-box;
}
.header-4-new__counter {
  display: grid;
  grid-auto-flow: column;
  text-align: center;
  border: 1px solid white;
  justify-self: center;
  align-items: center;
  width: 50%;
  border-radius: 5px;
}
@media (min-width: 992px) {
  .header-4-new__counter {
    width: 77%;
    grid-auto-flow: row;
  }
}
.header-4-new__counter > .description {
  color: #fff;
  font-family: BFRSans;
  padding: 2%;
}
@media (min-width: 992px) {
  .header-4-new__counter > .description {
    font-size: 20px;
    justify-self: normal;
    line-height: 22px;
  }
}
.header-4-new__counter > .number {
  background-color: white;
  font-family: BFRSans;
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .header-4-new__counter > .number {
    font-size: 48.36px;
    line-height: 48.36px;
  }
}
.header-4-new__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0;
  overflow: visible;
  grid-template: auto/100%;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-4-new__content {
    grid-gap: 6px;
    padding: 0 3%;
  }
}
@media (min-width: 992px) {
  .header-4-new__content {
    width: var(--max-width-md);
    grid-template: auto/72% 28%;
    padding-bottom: 54px;
  }
}
@media (min-width: 1200px) {
  .header-4-new__content {
    width: var(--max-width);
  }
}
.header-4-new__content__action {
  display: grid;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
}
@media (min-width: 576px) {
  .header-4-new__content__action {
    grid-auto-flow: column;
    justify-content: start;
    grid-template: auto/35%;
  }
}
.header-4-new__content__action-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto auto auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-4-new__content__action-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-4-new__content__action-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-4-new__content__action-navigation {
    grid-gap: 32px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-4-new__content__action-navigation {
    margin-top: 0px;
  }
}
.header-4-new__content__action-navigation a {
  padding: 0;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
  margin-top: var(--header-mobile-margin-top);
  font-family: Uni-Sans;
  font-weight: 900;
  cursor: pointer;
}
.header-4-new__content__action-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4-new__content__action-navigation a {
    font-size: 16px;
    line-height: 20px;
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-4-new__content__action-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-4-new__content__action-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-4-new__content__action-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-4-new__content__action-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-4-new__content__action-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-4 {
  background: var(--primary-dark);
  height: var(--header-mobile-height);
  position: relative;
  border-bottom: solid 3px var(--primary-light);
}
@media (min-width: 992px) {
  .header-4 {
    justify-content: center;
    background: var(--primary-dark);
    height: var(--header-desktop-height);
  }
}
.header-4--floating-login {
  height: 70px;
}
.header-4--floating-login .header-4__content {
  padding: 0;
}
.header-4--floating-login .header-4__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4--floating-login .header-4__content-navigation {
    display: grid;
  }
}
.header-4 * {
  box-sizing: border-box;
}
.header-4__content {
  width: 100%;
  height: 100%;
  padding: 0 35px;
  display: grid;
  align-items: center;
  grid-template: auto/auto auto;
}
@media (min-width: 992px) {
  .header-4__content {
    max-width: 1280px;
    width: 92%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 767px) {
  .header-4__content {
    grid-template: auto/26% 46% 29%;
  }
}
.header-4__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-4__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-4__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-4__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
@media (max-width: 768px) {
  .header-4__content-counter-logged-out {
    display: none;
  }
}
@media (min-width: 767px) {
  .header-4__content-counter-logged-out {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 63px;
    font-size: 16px;
    font-family: var(--font-title);
    color: #f8f8f8;
  }
}
.header-4__content-counter-logged-out > .description-logged-out {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 20px;
  height: 36px;
  border: solid 1px #f8f8f8;
  border-radius: 5px 0 0 5px;
}
@media (min-width: 767px) {
  .header-4__content-counter-logged-out > .description-logged-out {
    font-size: 20px;
    height: 63px;
    width: 115px;
  }
}
.header-4__content-counter-logged-out > .text-socio-loading-logged-out {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-4__content-counter-logged-out > .number-logged-out {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  border-radius: 0 5px 5px 0;
  color: var(--primary-dark);
  width: 230px;
  height: 50px;
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 48px;
}
@media (min-width: 767px) {
  .header-4__content-counter-logged-out > .number-logged-out {
    height: 63px;
    width: 204px;
  }
}
.header-4__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-4__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-4__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-4__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-4__content-navigation {
    margin-top: 0px;
  }
}
.header-4__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-4__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-4__content-navigation a:first-child {
  color: var(--primary-light);
}
.header-4__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-4-logged {
  background: var(--primary-dark);
  color: var(--primary-light);
  border-bottom: solid 3px var(--primary-light);
  z-index: 999;
}
.header-4-logged__content {
  height: 65px;
}
@media (min-width: 992px) {
  .header-4-logged__content {
    height: 195px;
  }
}
.header-4-logged__content-container {
  width: 100%;
}
.header-4-logged__content-logo img {
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-4-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
  }
}
.header-4-logged__content-mobile-menu {
  display: grid;
}
.header-4-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
  margin: 0 20px 0 0;
}
.header-4-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-4-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-4-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-4-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-4-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 45px;
  }
}
.header-4-logged__content-others {
  display: flex;
  align-items: flex-end;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .header-4-logged__content-others {
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0 26px 0;
  }
}
@media (min-width: 992px) {
  .header-4-logged__content-others {
    width: 90%;
    justify-content: space-between;
    padding: 40px 0 26px 0;
  }
}
.header-4-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  margin-top: 6px;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
  align-items: center;
  flex-direction: column;
  height: 45px;
  margin: 0 30;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.header-4-logged__content-others-counter > .description {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 30px;
  padding-bottom: 3px;
  border: solid 1px #f8f8f8;
  border-radius: 5px 0 0 5px;
  text-align: center;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .description {
    height: 63px;
  }
}
@media (max-width: 991px) {
  .header-4-logged__content-others-counter > .description {
    width: 150px;
    border-radius: 5px 5px 0 0;
  }
}
.header-4-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-4-logged__content-others-counter > .number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 63px;
  padding-bottom: 4px;
  background: #f8f8f8;
  border-radius: 0 5px 5px 0;
  color: var(--primary-dark);
  font-weight: normal;
  font-size: 20px;
}
@media (min-width: 1200px) {
  .header-4-logged__content-others-counter > .number {
    padding-bottom: 9px;
    width: 204px;
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .number {
    padding-bottom: 9px;
    width: 204px;
    font-size: 40px;
  }
}
@media (max-width: 991px) {
  .header-4-logged__content-others-counter > .number {
    height: 42px;
    border-radius: 0px 0px 5px 5px;
  }
}
.header-4-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-4-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-4-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-4-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications {
    right: -25px;
  }
}
.header-4-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-box {
    width: 375px;
  }
}
.header-4-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-4-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-4-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-4-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-4-logged__content-notifications-box-message b,
.header-4-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-4-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-4-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-4-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-4-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-4-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-4-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-4-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-4-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-4-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-4-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-4-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-4-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-4-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-4-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-4-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-4-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-4-logged__content-user-points {
    display: block;
  }
}
.header-4-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-4-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-4-logged__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-4-logged__content-navigation {
    display: flex;
    justify-content: center;
    flex-direction: row;
    width: 96%;
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-4-logged__content-navigation {
    width: 100%;
    justify-content: center;
  }
}
.header-4-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-family: Uni-Sans;
  font-weight: normal;
  font-size: 12px;
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
@media (min-width: 1200px) {
  .header-4-logged__content-navigation a {
    margin: 0 7px;
  }
}
.header-4-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-4-logged__content-navigation a.--selected {
  color: var(--menu-active-background);
  border-bottom: 1px solid var(--menu-active-background);
}
.header-4-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-4-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-4-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-4-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-4-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-4-logged__content-icons {
    margin-left: 200px;
  }
  .header-4-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-4-logged--menu-opened {
  position: fixed;
  width: 100%;
  top: 0;
}
.header-4-logged--is-home {
  border: "0";
}
.header-4-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-4-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-4-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-4-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-4-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-4-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-4-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  font-family: Uni-Sans;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-4-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-4-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-4-logged__mobile-menu {
    display: none;
  }
}
.header-4-logged__mobile-menu img {
  width: 50%;
}
.header-4-logged__mobile-menu i {
  width: 70px;
}
.header-5 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-5 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-5__content-logo {
  display: flex;
}
.header-5--floating-login {
  height: 70px;
}
.header-5--floating-login .header-5__content {
  padding-top: 0px;
}
.header-5--floating-login .header-5__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-5--floating-login .header-5__content-navigation {
    display: grid;
  }
}
.header-5 * {
  box-sizing: border-box;
}
.header-5__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-5__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-5__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 54px;
  }
}
.header-5__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-5__counter > .description, .header-5__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-5__counter > .description, .header-5__counter .partner {
    font-size: 26px;
  }
}
.header-5__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 4px var(--header-counter-number-border-color);
  border-right: solid 4px var(--header-counter-number-border-color);
  border-top: solid 3px var(--header-counter-number-border-color);
  border-bottom: solid 3px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: normal;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-5__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-5__counter > .number {
    margin: 0 18px;
    width: 186px;
    height: 72px;
    font-size: 52px;
  }
}
.header-5__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid var(--header-counter-number-outline-color);
  outline-offset: -6px;
  padding: 5px;
}
.header-5__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-5__counter > .partner {
    display: block;
  }
}
.header-5__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-5__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-5__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-5__content {
    width: var(--max-width);
  }
}
.header-5__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-5__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-5__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-5__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-5__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-5__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-5__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-5__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-5__content-navigation {
    margin-top: 0px;
  }
}
.header-5__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-5__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-5__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-5__content-navigation a:first-child {
  color: var(--primary-light);
}
.header-5__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-5-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-5-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-5-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-5-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-5-logged__content {
    width: var(--max-width);
  }
}
.header-5-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-5-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-5-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-5-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-5-logged__content-mobile-menu {
  display: grid;
}
.header-5-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-5-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-5-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-5-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-5-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-5-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-5-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-5-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-5-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-5-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-5-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-5-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-5-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-5-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-5-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications {
    right: -25px;
  }
}
.header-5-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-box {
    width: 375px;
  }
}
.header-5-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-5-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-5-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-5-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-5-logged__content-notifications-box-message b,
.header-5-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-5-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-5-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-5-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-5-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-5-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-5-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-5-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-5-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-5-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-5-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-5-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-5-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-5-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-5-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-5-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-5-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-5-logged__content-user-points {
    display: block;
  }
}
.header-5-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-5-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-5-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-5-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-5-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-5-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-5-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-5-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-5-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-5-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-5-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-5-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-5-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-5-logged__content-icons {
    margin-left: 200px;
  }
  .header-5-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-5-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-5-logged--is-home {
  border: "0";
}
.header-5-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-5-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-5-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-5-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-5-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-5-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-5-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-5-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-5-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-5-logged__mobile-menu {
    display: none;
  }
}
.header-5-logged__mobile-menu img {
  width: 50%;
}
.header-5-logged__mobile-menu i {
  width: 70px;
}
.header-6 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-6 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-6--floating-login {
  height: 70px;
}
.header-6--floating-login .header-6__content {
  padding-top: 0px;
}
.header-6--floating-login .header-6__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-6--floating-login .header-6__content-navigation {
    display: grid;
  }
}
.header-6 * {
  box-sizing: border-box;
}
.header-6__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-6__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-6__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 54px;
  }
}
.header-6__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-6__counter > .description, .header-6__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-6__counter > .description, .header-6__counter .partner {
    font-size: 26px;
  }
}
.header-6__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 4px var(--header-counter-number-border-color);
  border-right: solid 4px var(--header-counter-number-border-color);
  border-top: solid 3px var(--header-counter-number-border-color);
  border-bottom: solid 3px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: normal;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-6__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-6__counter > .number {
    margin: 0 18px;
    width: 186px;
    height: 72px;
    font-size: 52px;
  }
}
.header-6__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 1px solid var(--header-counter-number-outline-color);
  outline-offset: -6px;
  padding: 5px;
}
.header-6__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-6__counter > .partner {
    display: block;
  }
}
.header-6__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: var(--header-mobile-content-padding);
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-6__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-6__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-6__content {
    width: var(--max-width);
  }
}
.header-6__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-6__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-6__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-6__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-6__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-6__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-6__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-6__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-6__content-navigation {
    margin-top: 0px;
  }
}
.header-6__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.header-6__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-6__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-6__content-navigation a:first-child {
  color: var(--header-login-color);
}
.header-6__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-6-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-6-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-6-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-6-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-6-logged__content {
    width: var(--max-width);
  }
}
.header-6-logged__content-logo {
  display: grid;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-6-logged__content-logo {
    margin-top: -50px;
  }
}
.header-6-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-6-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-6-logged__content-mobile-menu {
  display: grid;
}
.header-6-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-6-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-6-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-6-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-6-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-6-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-6-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-6-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-6-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-6-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-6-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-6-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-6-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-6-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-6-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications {
    right: -25px;
  }
}
.header-6-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-box {
    width: 375px;
  }
}
.header-6-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-6-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-6-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-6-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-6-logged__content-notifications-box-message b,
.header-6-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-6-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-6-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-6-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-6-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-6-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-6-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-6-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-6-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-6-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-6-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-6-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-6-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-6-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-6-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-6-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-6-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-6-logged__content-user-points {
    display: block;
  }
}
.header-6-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-6-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-6-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-6-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-6-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-6-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-6-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-6-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-6-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-6-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-6-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-6-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-6-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-6-logged__content-icons {
    margin-left: 200px;
  }
  .header-6-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-6-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-6-logged--is-home {
  border: "0";
}
.header-6-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-6-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-6-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-6-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-6-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-6-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-6-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-6-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-6-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-6-logged__mobile-menu {
    display: none;
  }
}
.header-6-logged__mobile-menu img {
  width: 50%;
}
.header-6-logged__mobile-menu i {
  width: 70px;
}
.header-7 {
  top: 0;
  width: 100%;
  background: var(--header-mobile-bg);
  position: relative;
}
@media (min-width: 992px) {
  .header-7 {
    justify-content: center;
    background: var(--primary);
  }
}
.header-7--floating-login {
  height: 70px;
}
.header-7--floating-login .header-7__content {
  padding-top: 0px;
}
.header-7--floating-login .header-7__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-7--floating-login .header-7__content-navigation {
    display: grid;
  }
}
.header-7 * {
  box-sizing: border-box;
}
.header-7__counter {
  display: flex;
  align-items: center;
  gap: 1.26rem;
  font-family: var(--header-counter-font-family);
  font-size: var(--header-counter-font-size);
  font-weight: 400;
  color: var(--header-counter-color);
}
@media (min-width: 992px) {
  .header-7__counter .stars {
    display: none;
  }
}
.header-7__counter .number {
  font-family: var(--header-counter-number-font-family);
  font-size: var(--header-counter-number-font-size);
  font-weight: 700;
}
.header-7__content {
  background: var(--header-bg);
  background-size: cover;
}
.header-7__content-logo {
  display: flex;
}
.header-7__content-logo img {
  display: none;
  width: var(--header-desktop-logo-width);
}
@media (min-width: 992px) {
  .header-7__content-logo img {
    display: block;
  }
}
.header-7__content-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem;
}
@media (min-width: 992px) {
  .header-7__content-wrapper {
    justify-content: space-between;
    max-width: var(--max-width-md);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-7__content-wrapper {
    max-width: var(--max-width);
  }
}
.header-7__content-navigation {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: relative;
  padding: 1rem;
  width: 100%;
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    max-width: var(--max-width-md);
    margin: 0 auto;
  }
}
@media (min-width: 1200px) {
  .header-7__content-navigation {
    max-width: var(--max-width);
  }
}
.header-7__content-navigation > div {
  display: flex;
  align-items: center;
}
.header-7__content-navigation-wrapper {
  gap: 3rem;
}
.header-7__content-navigation-wrapper.nav {
  display: none;
}
@media (min-width: 992px) {
  .header-7__content-navigation-wrapper.nav {
    display: flex;
  }
}
.header-7__content-navigation-wrapper.login {
  justify-content: right;
  gap: 1rem;
}
.header-7__content-navigation-wrapper.login fengstui-button {
  display: none;
}
.header-7__content-navigation-wrapper.login fengstui-button button {
  background-color: var(--secondary-light) !important;
  color: var(--primary) !important;
}
@media (min-width: 992px) {
  .header-7__content-navigation-wrapper.login fengstui-button {
    display: flex;
  }
}
.header-7__content-navigation-stlogo {
  display: flex;
}
.header-7__content-navigation-stlogo img {
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-7__content-navigation-stlogo {
    display: none;
  }
}
.header-7__content-navigation-logo {
  justify-content: center;
}
.header-7__content-navigation-logo img {
  width: var(--header-mobile-shield-width);
}
@media (min-width: 992px) {
  .header-7__content-navigation-logo img {
    width: var(--header-desktop-shield-width);
    position: absolute;
    top: 35%;
    right: 50%;
    transform: translate(50%);
    z-index: 9;
  }
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .header-7__content-navigation {
    margin-top: 0px;
  }
}
.header-7__content-navigation a {
  padding: 0;
  color: var(--primary-light);
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-7__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-7__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-7__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-7-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-7-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-7-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-7-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content {
    width: var(--max-width);
  }
}
.header-7-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-7-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-7-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
.header-7-logged__content-logo img:first-child {
  height: 45px;
  width: 100%;
  margin-right: 1.1rem;
}
@media (min-width: 992px) {
  .header-7-logged__content-logo img:first-child {
    height: 80px;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-7-logged__content-mobile-menu {
  display: grid;
}
.header-7-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-7-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-7-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-7-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-7-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-7-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-7-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-7-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
  margin-left: 2.5rem;
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
    margin-left: 0;
  }
}
.header-7-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-7-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-7-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-7-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-7-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-7-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-7-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications {
    right: -25px;
  }
}
.header-7-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-box {
    width: 375px;
  }
}
.header-7-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-7-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-7-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-7-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-7-logged__content-notifications-box-message b,
.header-7-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-7-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-7-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-7-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-7-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-7-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-7-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-7-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-7-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-7-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-7-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-7-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-7-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-7-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-7-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-7-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-7-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-7-logged__content-user-points {
    display: block;
  }
}
.header-7-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-7-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-7-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-7-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-7-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-7-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-7-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-7-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-7-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-7-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-7-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-7-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-7-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-7-logged__content-icons {
    margin-left: 200px;
  }
  .header-7-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-7-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-7-logged--is-home {
  border: "0";
}
.header-7-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-7-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-7-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-7-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-7-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-7-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-7-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-7-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-7-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-7-logged__mobile-menu {
    display: none;
  }
}
.header-7-logged__mobile-menu img {
  width: 50%;
}
.header-7-logged__mobile-menu i {
  width: 70px;
}
.header-8 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-8 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-8__content-logo {
  display: flex;
}
.header-8--floating-login {
  height: 70px;
}
.header-8--floating-login .header-8__content {
  padding-top: 0px;
}
.header-8--floating-login .header-8__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-8--floating-login .header-8__content-navigation {
    display: grid;
  }
}
.header-8 * {
  box-sizing: border-box;
}
.header-8__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-8__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-8__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 66px;
    border-bottom: 26px solid black;
  }
}
.header-8__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-8__counter > .description, .header-8__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-8__counter > .description, .header-8__counter .partner {
    font-size: 26px;
  }
}
.header-8__counter > .number {
  width: 166px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 5px var(--header-counter-number-border-color);
  border-right: solid 5px var(--header-counter-number-border-color);
  border-top: solid 4px var(--header-counter-number-border-color);
  border-bottom: solid 4px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: bold;
  font-size: 33px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 767px) {
  .header-8__counter > .number {
    margin: 0 14px;
  }
}
@media (min-width: 992px) {
  .header-8__counter > .number {
    margin: 0 18px;
    width: 198px;
    height: 66px;
    font-size: 50px;
  }
}
.header-8__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
}
.header-8__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-8__counter > .partner {
    display: block;
  }
}
.header-8__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-8__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-8__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-8__content {
    width: var(--max-width);
  }
}
.header-8__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-8__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-8__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-8__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-8__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-8__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-8__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-8__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-8__content-navigation {
    margin-top: 0px;
  }
}
.header-8__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-8__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-8__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-8__content-navigation a:first-child {
  color: var(--primary-light);
}
.header-8__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-8__content-navigation fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #F00A0A !important;
  padding: 8px 16px !important;
}
@media (min-width: 992px) {
  .header-8__content-navigation fengstui-button .feng-btn {
    padding: 10px 26px !important;
  }
}
.header-8-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-8-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-8-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 44px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-8-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-8-logged__content {
    width: var(--max-width);
  }
}
.header-8-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-8-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-8-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-8-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-8-logged__content-mobile-menu {
  display: grid;
}
.header-8-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-8-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-8-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-8-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-8-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-8-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-8-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-8-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
  margin-left: 0;
}
@media (min-width: 992px) {
  .header-8-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-8-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-8-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-8-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-8-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-8-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-8-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-8-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-8-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications {
    right: -25px;
  }
}
.header-8-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-box {
    width: 375px;
  }
}
.header-8-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-8-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-8-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-8-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-8-logged__content-notifications-box-message b,
.header-8-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-8-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-8-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-8-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-8-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-8-logged__content-notifications i.fengi-bell {
    right: 20px;
  }
}
.header-8-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-8-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-8-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-8-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-8-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-8-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-8-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-8-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-8-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-8-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-8-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-8-logged__content-user-points {
    display: block;
  }
}
.header-8-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-8-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-8-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-8-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-8-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-8-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-8-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-8-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
  font-weight: bold;
}
.header-8-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-8-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-8-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-8-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-8-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-8-logged__content-icons {
    margin-left: 200px;
  }
  .header-8-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-8-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-8-logged--is-home {
  border: "0";
}
.header-8-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-8-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-8-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-8-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-8-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-8-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-8-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-8-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-8-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-8-logged__mobile-menu {
    display: none;
  }
}
.header-8-logged__mobile-menu img {
  width: 50%;
}
.header-8-logged__mobile-menu i {
  width: 70px;
}
.header-9 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  background-color: black;
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-9 {
    justify-content: center;
    align-items: center;
    background: var(--header-bg);
    background-color: black;
    height: var(--header-desktop-height);
  }
}
.header-9__content-logo {
  display: flex;
}
.header-9--floating-login {
  height: 70px;
}
.header-9--floating-login .header-9__content {
  padding-top: 0px;
}
.header-9--floating-login .header-9__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-9--floating-login .header-9__content-navigation {
    display: grid;
  }
}
.header-9 * {
  box-sizing: border-box;
}
.header-9__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  background: var(--header-counter-background);
  padding: 0 14px;
  position: initial;
  clip-path: none;
  border-top: 2px solid var(--secondary);
  z-index: 999;
}
.header-9__counter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-9__counter--hideCounter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  text-transform: uppercase;
  background: var(--header-counter-background);
  padding: 0 14px;
  position: initial;
  clip-path: none;
  border-top: 2px solid var(--secondary);
  z-index: 999;
}
.header-9__counter--hideCounter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .header-9__counter--hideCounter {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-9__counter {
    width: 360px;
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 70px;
    padding: 0;
    right: 0;
    bottom: -36px;
    position: absolute;
    justify-content: center;
    clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
  .header-9__counter > div {
    justify-content: center;
  }
}
.header-9__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-9__counter > div > .partner {
  display: none;
}
@media (min-width: 400px) {
  .header-9__counter > div > .partner {
    display: block;
  }
}
@media (min-width: 992px) {
  .header-9__counter > div > .partner {
    display: none;
  }
}
.header-9__counter > div > .description > div {
  display: none;
}
@media (min-width: 992px) {
  .header-9__counter > div > .description > div {
    display: block;
  }
}
.header-9__counter > div > .description, .header-9__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 15px;
  font-weight: normal;
  line-height: 100%;
}
@media (min-width: 992px) {
  .header-9__counter > div > .description, .header-9__counter .partner {
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    line-height: 21px;
  }
}
.header-9__counter > div > .number {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border: 0;
  line-height: 100%;
  margin: 0 4px;
  font-family: "Titillium Web";
  font-weight: normal;
  font-size: 16px;
  background: var(--header-counter-number-bg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .header-9__counter > div > .number {
    margin: 0 8px;
    font-family: var(--header-counter-number-font-family);
    font-weight: bold;
    margin: 0 18px 8px;
    font-size: 46px;
  }
}
.header-9__counter > div > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
  outline: 0;
  line-height: 100%;
  margin-left: 0;
  margin-bottom: 3px;
}
@media (min-width: 992px) {
  .header-9__counter > div > .number > span {
    margin-bottom: 0;
    margin-left: 10px;
  }
}
.header-9__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-9__counter > .partner {
    display: block;
  }
}
.header-9__counter-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-9__counter-navigation--separator {
  display: none;
}
.header-9__counter-navigation--register {
  color: var(--secondary);
}
.header-9__counter-navigation > :last-child {
  display: none;
}
@media (min-width: 576px) {
  .header-9__counter-navigation > :last-child {
    display: block;
  }
  .header-9__counter-navigation--separator {
    display: block;
    border-left: solid 1px var(--secondary);
    height: 100%;
    width: 1px;
  }
}
@media (min-width: 992px) {
  .header-9__counter-navigation {
    display: none;
  }
}
.header-9__counter-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-9__counter-navigation a:hover {
  font-weight: normal;
}
@media (min-width: 992px) {
  .header-9__counter-navigation a:hover {
    font-weight: bold;
  }
}
.header-9__counter-navigation a i {
  font-size: 12px;
  margin-right: 4px;
}
.header-9__content {
  width: 100%;
  height: 100px;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-9__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-9__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-9__content {
    width: var(--max-width);
  }
}
.header-9__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-9__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-9__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-9__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-9__content-navigation {
  display: none;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  position: absolute;
  top: 40px;
  right: 20px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-9__content-navigation--separator {
  display: none;
}
.header-9__content-navigation--register {
  color: var(--secondary);
}
.header-9__content-navigation > :last-child {
  display: none;
}
@media (min-width: 576px) {
  .header-9__content-navigation {
    grid-gap: 14px;
    justify-content: flex-end;
    text-align: left;
  }
  .header-9__content-navigation > :last-child {
    display: block;
  }
}
@media (min-width: 992px) {
  .header-9__content-navigation {
    display: grid;
    top: 30px;
    margin-top: 0px;
    grid-template: auto auto auto/auto;
    text-align: right;
    right: 190px;
  }
}
@media (min-width: 1550px) {
  .header-9__content-navigation {
    grid-template: auto/auto auto;
    text-align: center;
    grid-gap: 30px;
    top: 44px;
    right: 150px;
  }
  .header-9__content-navigation--separator {
    display: block;
    border-left: solid 1px #E7E7E7;
    height: 100%;
    width: 1px;
  }
}
.header-9__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-9__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-9__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-9__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-9-logged {
  display: grid;
  background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/mobile-cruz-faixa-header.png) no-repeat top 50% left 70%/auto;
  background-color: black;
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 84px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
    height: 185px;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 35%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right -3%/auto;
    background-color: black;
  }
}
@media (min-width: 1700px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 39%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
  }
}
@media (min-width: 1919px) {
  .header-9-logged {
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/cruz-malta-transp.png) no-repeat top left 37%/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/header-det2.png) no-repeat top right/auto;
    background-color: black;
  }
}
.header-9-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-9-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
    width: 110%;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content {
    width: var(--max-width);
  }
}
.header-9-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
}
@media (min-width: 992px) {
  .header-9-logged__content-logo {
    display: flex;
    margin-top: -50px;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content-logo {
    margin-top: 0;
  }
}
@media (min-width: 1919px) {
  .header-9-logged__content-logo {
    margin-left: -80px;
  }
}
@media (min-width: 2000px) {
  .header-9-logged__content-logo {
    margin-left: -200px;
  }
}
.header-9-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-9-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-9-logged__content-mobile-menu {
  display: grid;
}
.header-9-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-9-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-9-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-9-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-9-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-9-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 30px;
  }
}
.header-9-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
@media (min-width: 992px) {
  .header-9-logged__content-others {
    margin-top: 30px;
  }
}
.header-9-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
  margin-left: 2.5rem;
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
    margin-left: 0;
  }
}
.header-9-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-9-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: CityDBol;
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-9-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-9-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-9-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-9-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-9-logged__content-notifications {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.header-9-logged__content-notifications-box {
  position: absolute;
  top: 47px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 200px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
  transition: all 1s;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box {
    right: 194px;
    width: 225px;
  }
}
@media (min-width: 1380px) {
  .header-9-logged__content-notifications-box {
    right: 121px;
  }
}
.header-9-logged__content-notifications-box > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.header-9-logged__content-notifications-box > div :last-of-type {
  margin-bottom: 0;
}
.header-9-logged__content-notifications-box-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--secondary);
  z-index: 2;
  color: black;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  border-radius: 100%;
  font-size: 10px;
  float: left;
  margin: 5px 5px 0 0;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box-counter {
    font-size: 11px;
  }
}
.header-9-logged__content-notifications-box.show {
  visibility: visible;
  opacity: 1;
}
.header-9-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 88%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-box-arrow {
    left: 86.5%;
  }
}
.header-9-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: 17px;
}
.header-9-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-9-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 15px;
  margin: 4px 0 0;
}
.header-9-logged__content-notifications-box-message b,
.header-9-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-9-logged__content-notifications-box-details {
  margin: 0;
  font-size: 13px;
}
.header-9-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: lightgray;
}
.header-9-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-9-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 10px;
  top: 18px;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications-counter {
    font-size: 11px;
    top: 12px;
  }
}
.header-9-logged__content-notifications i.fengi-bell {
  position: relative;
  color: #f8f8f8;
  height: 19px;
  font-size: 32px;
}
@media (min-width: 992px) {
  .header-9-logged__content-notifications i.fengi-bell {
    font-size: 28px;
  }
}
.header-9-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .header-9-logged__content-user {
    padding-right: 78px;
  }
}
@media (min-width: 1380px) {
  .header-9-logged__content-user {
    padding-right: 4px;
  }
}
.header-9-logged__content-user a {
  text-decoration: none;
  font-size: 18px;
  font-weight: normal;
}
.header-9-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-9-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-9-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-9-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-9-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-9-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-9-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-9-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-9-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-9-logged__content-user-points {
    display: block;
  }
}
.header-9-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-9-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-9-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-9-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-9-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-9-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  margin-top: 15px;
  color: var(--menu-itens-color);
  background-color: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-9-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-9-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-9-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-9-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-9-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-9-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-9-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-9-logged__content-icons {
    margin-left: 200px;
  }
  .header-9-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-9-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-9-logged--is-home {
  border: "0";
}
.header-9-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-9-logged__mobile-menu.--open {
  top: 84px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-9-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-9-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-9-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-9-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-9-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-9-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-9-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-9-logged__mobile-menu {
    display: none;
  }
}
.header-9-logged__mobile-menu img {
  width: 50%;
}
.header-9-logged__mobile-menu i {
  width: 70px;
}
.header-10 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
}
@media (min-width: 992px) {
  .header-10 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-10__content-logo {
  display: flex;
}
.header-10--floating-login {
  height: 70px;
}
.header-10--floating-login .header-10__content {
  padding-top: 0px;
}
.header-10--floating-login .header-10__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-10--floating-login .header-10__content-navigation {
    display: grid;
  }
}
.header-10 * {
  box-sizing: border-box;
}
.header-10__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-family: var(--font-title);
  font-weight: bold;
  line-height: 16px;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-10__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-10__counter {
    margin-top: 0px;
    font-size: 24px;
    line-height: 25px;
    height: 47px;
    border-bottom: 12px solid black;
  }
}
.header-10__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-10__counter > .description, .header-10__counter .partner {
  font-family: var(--header-counter-font-family);
  color: var(--header-counter-text-color);
  font-size: 18px;
}
@media (min-width: 992px) {
  .header-10__counter > .description, .header-10__counter .partner {
    font-size: 26px;
  }
}
.header-10__counter > .number {
  width: 130px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--header-counter-color);
  z-index: 999;
  border-left: solid 12px var(--header-counter-number-border-color);
  border-right: solid 12px var(--header-counter-number-border-color);
  border-top: solid 0 var(--header-counter-number-border-color);
  border-bottom: solid 11px var(--header-counter-number-border-color);
  margin: 0 0 0 6px;
  font-family: var(--header-counter-number-font-family);
  font-weight: bold;
  font-size: 36px;
}
@media (min-width: 767px) {
  .header-10__counter > .number {
    margin: 0 10px;
  }
}
@media (min-width: 992px) {
  .header-10__counter > .number {
    margin: 0 10px;
    width: 160px;
    height: 56px;
    font-size: 45px;
  }
}
.header-10__counter > .number > span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: 0;
  background: var(--header-counter-number-bg);
}
.header-10__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-10__counter > .partner {
    display: block;
  }
}
.header-10__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 5px;
  overflow: visible;
  grid-template: auto/65px max-content;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 576px) {
  .header-10__content {
    grid-gap: 20px;
    padding: 0 3%;
    padding-bottom: var(--header-mobile-content-padding);
  }
}
@media (min-width: 992px) {
  .header-10__content {
    width: var(--max-width-md);
    grid-template: auto/89px max-content;
    padding: 0;
    padding-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .header-10__content {
    width: var(--max-width);
  }
}
.header-10__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-10__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-10__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-10__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-10__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
.header-10__content-navigation--separator {
  border-left: solid 0.6px var(--secondary);
  height: 70%;
  width: 1px;
}
.header-10__content-navigation--register {
  color: var(--secondary);
}
@media (min-width: 576px) {
  .header-10__content-navigation {
    grid-gap: 14px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-10__content-navigation {
    margin-top: 0px;
  }
}
.header-10__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-primary);
  font-weight: normal;
}
.header-10__content-navigation a:hover {
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-10__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-10__content-navigation a:first-child {
  color: var(--secondary);
}
.header-10__content-navigation a i {
  font-size: 16px;
  margin-right: 4px;
}
.header-10-logged {
  display: grid;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: 8px solid var(--secondary);
}
@media (min-width: 992px) {
  .header-10-logged {
    height: 185px;
    justify-content: center;
  }
}
.header-10-logged__content {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  width: 100%;
  padding: 5px 12px;
  grid-template: auto/32px 74px max-content auto;
  justify-self: center;
}
@media (min-width: 992px) {
  .header-10-logged__content {
    grid-gap: 30px;
    padding: 0 10px;
    grid-template: auto/68px auto;
  }
}
@media (min-width: 1200px) {
  .header-10-logged__content {
    width: var(--max-width);
  }
}
.header-10-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
}
@media (min-width: 992px) {
  .header-10-logged__content-logo {
    margin-top: -50px;
    display: flex;
  }
}
.header-10-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-10-logged__content-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-10-logged__content-mobile-menu {
  display: grid;
}
.header-10-logged__content-mobile-menu i {
  color: var(--primary-light);
  font-size: 26px;
  font-weight: 700;
}
.header-10-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-10-logged__content-mobile-menu .fengi-x1::before {
  color: var(--primary-light);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-10-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-10-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-10-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-10-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-10-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-title);
  color: #f8f8f8;
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-10-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-10-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  margin: 0;
  font-family: var(--header-counter-number-font-family) !important;
  font-weight: bolder;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-10-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-10-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-10-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-10-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-10-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications {
    right: -25px;
  }
}
.header-10-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-box {
    width: 375px;
  }
}
.header-10-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-10-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-10-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-10-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-10-logged__content-notifications-box-message b,
.header-10-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-10-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-10-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-10-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-10-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-10-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-10-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-10-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-10-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-10-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-10-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-10-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-10-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-10-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-10-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-10-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-10-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .header-10-logged__content-user-points {
    display: block;
  }
}
.header-10-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-10-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-10-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
  width: 90%;
  margin-left: auto;
}
@media (min-width: 992px) {
  .header-10-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-10-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
  }
}
.header-10-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-10-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-10-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-10-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-10-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-10-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-10-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-10-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-10-logged__content-icons {
    margin-left: 200px;
  }
  .header-10-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-10-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-10-logged--is-home {
  border: "0";
}
.header-10-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-10-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-10-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-10-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-10-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-10-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-10-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-10-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-10-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-10-logged__mobile-menu {
    display: none;
  }
}
.header-10-logged__mobile-menu img {
  width: 50%;
}
.header-10-logged__mobile-menu i {
  width: 70px;
}
.sm-login-actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: "." ".";
  width: 100%;
  position: fixed;
  bottom: 0px;
  z-index: 10;
}
.sm-login-actions button {
  display: block;
  margin: auto;
  margin-bottom: 5px;
}
.sm-login-actions button.seja-socio {
  width: 90%;
}
.sm-login-actions button.faca-login {
  width: 100%;
  color: #B11116;
  background: #fff;
}
.sm-login-actions button.faca-login i {
  color: #B11116;
  margin-right: 10px;
}
@media (min-width: 992px) {
  .sm-login-actions {
    display: none;
  }
}
.header-logged {
  color: #fff;
  box-shadow: none;
  background: #C11D1E;
  width: 100%;
  position: inherit;
  z-index: 9;
}
.header-logged--menu-opened {
  position: "fixed";
  top: "0";
}
.header-logged--is-home {
  border: "0";
}
.header-logged ._selected {
  border-bottom: 2px solid #C11D1E;
  font-weight: 600;
}
@media (min-width: 992px) {
  .header-logged {
    height: 184px;
    position: relative;
  }
}
.header-logged .notifications-box {
  position: absolute;
  right: -14px;
  top: 45px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .header-logged .notifications-box {
    right: 227px;
    width: 375px;
  }
}
.header-logged .notification-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-logged .arrow-message-box {
  width: 0px;
  height: 0;
  left: 89%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
.header-logged .notifications-title {
  font-weight: bold;
}
.header-logged .notification-message {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 17px;
}
.header-logged .separator {
  width: 100%;
  margin: 0 auto;
  height: 1px;
  background-color: lightgray;
}
.header-logged .notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}
.header-logged .notifications .fengi-bell {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-logged .notifications .number-notification {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
  background-color: black;
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 23px;
  height: 23px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
}
@media (min-width: 992px) {
  .header-logged .notifications .number-notification {
    margin-left: 0;
  }
}
.header-logged .header-wrapper {
  margin: auto;
  max-width: 1200px;
  padding: 0 20px;
  height: 65px;
}
@media (min-width: 1200px) {
  .header-logged .header-wrapper {
    padding: 0;
  }
}
.header-logged .header-wrapper .logoST {
  object-fit: contain;
  height: auto;
  width: 65px;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .logoST {
    height: auto;
    width: 120px;
  }
}
.header-logged .header-wrapper .counter {
  color: #fff;
  font-size: 27px;
  top: -2px;
  z-index: 9;
  align-items: center;
  display: none;
  font-style: normal;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter {
    display: flex;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter {
    font-size: 25px;
  }
}
.header-logged .header-wrapper .counter span.description {
  color: #fff;
  font-size: 15px;
  padding-right: 20px;
  text-align: center;
}
@media (min-width: 992px) {
  .header-logged .header-wrapper .counter span.description {
    font-size: 20px;
  }
}
.header-logged .header-wrapper .counter span.description .number {
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  letter-spacing: 4px;
  text-align: end;
  font-weight: bolder;
}
.header-logged .header-wrapper .counter .number {
  font-size: 27px;
  padding-right: 20px;
  font-weight: bolder;
}
.header-logged .menu {
  background-color: #fff;
}
.header-logged .menu .opcoes {
  text-align: center;
  background-color: #fff;
  color: black;
  display: grid;
  grid-template-columns: auto auto auto auto;
  padding: 50px 0 25px 0;
  font-size: 0.9em;
}
.header-logged .menu a {
  text-decoration: none;
  color: black;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-logged .menu .option {
    max-width: 400px;
    margin: 0 auto;
  }
}
.header-logged .container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 65px;
}
.header-logged .container .menu-desktop-logado {
  display: none;
}
@media (min-width: 992px) {
  .header-logged .container {
    height: 134px;
  }
  .header-logged .container .menu-desktop-logado {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header-logged .container .menu-desktop-logado ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: grid;
    grid-template: auto/auto auto auto auto auto auto auto;
    grid-gap: 30px;
  }
  .header-logged .container .menu-desktop-logado ul li {
    display: inline;
  }
  .header-logged .container .menu-desktop-logado ul li a {
    display: inline-block;
    color: #404040;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: lighter;
    padding: 4px 4px 6px 4px;
  }
}
.header-logged .container .items a {
  text-decoration: none;
  color: #fff;
}
.header-logged .container .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-logged .container .menuRouter {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.header-logged .container .menuRouter .menu-mobile {
  color: #fff;
}
.header-logged .container .menuRouter .menu-mobile i {
  font-size: 26px;
  height: 20px;
  font-weight: 700;
}
.header-logged .container .menuRouter .menu-mobile .fengi-x1 {
  font-size: 15px;
  padding-right: 11px;
}
.header-logged .container .menuRouter .route-menu {
  padding-left: 5px;
  font-size: 13px;
  color: #fff;
  align-items: center;
  min-width: 30px;
  max-width: 30px;
}
.header-logged .container .logo img {
  width: 50px;
  margin: em(10) 0;
  top: 10px;
}
@media (min-width: 992px) {
  .header-logged .container .logo {
    position: absolute;
    left: calc(50% - 50px);
    margin-top: em(15);
  }
  .header-logged .container .logo img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}
.header-logged .container .icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-logged .container .icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-logged .container .icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-logged .container .icons {
    margin-left: 200px;
  }
  .header-logged .container .icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-logged .menu-bar {
  display: none;
  height: 46px;
  background: #1E1E1E;
  position: relative;
  bottom: -73px;
  width: 100%;
}
@media (min-width: 992px) {
  .header-logged .menu-bar {
    display: flex;
  }
}
.header-logged .menu-bar ul {
  padding: 0px;
  list-style: none;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  align-items: center;
}
.header-logged .menu-bar ul .item-menu {
  display: inline;
  text-decoration: none;
  color: #fff;
  text-align: center;
}
.header-logged .menu-bar ul .item-menu a {
  cursor: pointer;
  color: #efefef;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100%;
  padding: 15px;
}
.header-logged .menu-bar ul .item-menu a:hover {
  border-bottom: 2px solid #B11116;
}
.header-logged .menu-bar ul .item-menu:active {
  outline: 0;
  display: inline;
  text-decoration: none;
  color: #fff;
  text-align: center;
  justify-content: space-around;
}
.header-logged .menu-bar ul .item-menu:active a {
  cursor: pointer;
  color: #efefef;
  text-decoration: none;
  font-weight: normal;
  font-size: 13px;
  text-transform: uppercase;
  min-width: 100%;
  padding: 15px;
}
.header-logged .user {
  position: relative;
  display: flex;
  align-items: center;
}
.header-logged .user .fengi-user:before {
  color: white;
}
.header-logged .user a {
  text-decoration: none;
  color: var(--primary);
  font-size: 16px;
  font-weight: normal;
}
.header-logged .user a img {
  margin: 0;
  z-index: 1;
}
.header-logged .user a span {
  padding: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
.header-logged .user a i {
  padding-left: em(12);
  font-size: 1.75em;
}
.header-logged .user a.loggedInMenu {
  color: #fff;
  font-weight: 900;
  min-width: 70px;
}
.header-logged .user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-logged .user a.pic {
  background: #d8d8d8;
  border-radius: 50%;
  min-width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
@media (min-width: 992px) {
  .header-logged .user a.pic {
    margin-right: em(14);
    min-width: 40px;
    height: 40px;
  }
}
.header-logged .user a.pic img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (min-width: 992px) {
  .header-logged .user a.pic img {
    width: 40px;
    height: 40px;
  }
}
.header-logged .user a.pic i {
  font-size: 16px;
  padding: 0;
  color: black;
}
.header-logged .user a.pic span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-logged .user a.exit {
  color: #fff;
  padding-left: 10px;
  font-size: 12px;
}
.header-logged .user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-logged .user .fengi-bell {
  position: relative;
  color: #fff;
  font-size: 32px;
  height: 19px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-logged .user .fengi-bell {
    right: 20px;
    font-size: 22px;
  }
}
.header-logged .user span {
  margin: 0px 0px 0px 20px;
  display: none;
  font-weight: bold;
  cursor: pointer;
}
@media (min-width: 992px) {
  .header-logged .user span {
    display: block;
  }
}
.menu-lateral {
  position: fixed;
  background-color: black;
  color: #fff;
  height: 100%;
  z-index: 9;
  width: 100%;
  top: -100%;
  transition: top 0.5s ease-in-out, opacity 0.5s ease-in-out;
  text-align: left;
  opacity: 0;
  display: block;
  font-size: 18px;
}
.menu-lateral p {
  font-size: 18px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.menu-lateral h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
@media (min-width: 992px) {
  .menu-lateral {
    display: none;
  }
}
@media (max-height: 530px) {
  .menu-lateral .opcoes {
    overflow: scroll;
    height: 50%;
  }
}
.menu-lateral .opcoes {
  display: grid;
  grid-template: auto/auto;
  color: #fff;
}
.menu-lateral .opcoes i {
  font-size: 40px;
  position: relative;
  left: 41%;
}
.menu-lateral h3 {
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.menu-lateral h3.logout-mobile {
  text-align: left;
  border: 0;
  padding-right: 20px;
  font-size: 17px;
  text-align: left;
  padding: 8px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.menu-lateral h3.logout-mobile > i {
  position: relative;
  top: 3px;
}
.menu-lateral img {
  width: 50%;
}
.menu-lateral i {
  width: 70px;
}
.menu-lateral-open {
  top: 60px;
  transition: 0.5s ease-in-out;
  opacity: 1;
  z-index: 9;
}
.menu-lateral-open .option {
  display: grid;
}
.menu-lateral-open .option h3 {
  min-height: 100%;
  max-height: 100%;
}
.menu-lateral-open .user-menu {
  background-color: #d2232a;
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.logout-mobile-menu {
  padding: 10px 0 10px 10px;
  position: absolute;
  right: 10px;
  bottom: 80px;
  font-size: 45px;
}
.counter-mobile {
  background-color: black;
  min-height: 40px;
  max-height: 40px;
  color: #fff;
  font-size: 20px;
  top: -2px;
  z-index: 9;
  align-items: center;
  display: grid;
  grid-template: auto/auto auto auto;
  grid-gap: 5px;
  padding-left: 20px;
  padding-right: 19px;
  justify-content: center;
  font-style: normal;
  align-items: center;
}
@media (min-width: 992px) {
  .counter-mobile {
    display: none;
  }
}
.counter-mobile span.description {
  color: #fff;
  font-size: 15px;
  text-align: center;
}
.counter-mobile span .partner {
  min-width: 133px;
}
.counter-mobile .number {
  color: #fff;
  letter-spacing: 3px;
  font-size: 20px;
  font-weight: bolder;
}
.header-11 {
  top: 0;
  width: 100%;
  display: grid;
  background: #FAFAFA;
  height: var(--header-mobile-height);
  position: relative;
  z-index: 999;
}
@media (min-width: 992px) {
  .header-11 {
    justify-content: center;
    background: #FAFAFA;
    height: var(--header-desktop-height);
  }
}
.header-11__color1 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  background-color: #034731;
}
@media (min-width: 992px) {
  .header-11__color1 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 0%;
  }
}
.header-11__color2 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 2%;
  background-color: #18815F;
}
@media (min-width: 992px) {
  .header-11__color2 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 4%;
  }
}
.header-11__color3 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 4%;
  background-color: #E7E7E7;
}
@media (min-width: 992px) {
  .header-11__color3 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 8%;
  }
}
.header-11__color4 {
  height: var(--header-mobile-height);
  position: absolute;
  top: 0;
  width: 2%;
  left: 6%;
  background-color: #13AC7B;
}
@media (min-width: 992px) {
  .header-11__color4 {
    height: var(--header-desktop-height);
    width: 4%;
    left: 12%;
  }
}
.header-11__content__become-partner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.header-11__content__become-partner span {
  font-size: 14px;
  color: #188150;
}
@media (min-width: 992px) {
  .header-11__content__become-partner span {
    font-size: 16px;
    margin-top: 18px;
  }
}
@media (min-width: 992px) {
  .header-11__content__become-partner {
    font-size: 16px;
    margin-top: 18px;
  }
}
.header-11__content__become-partner__title {
  display: flex;
  flex-direction: column;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .header-11__content__become-partner__title {
    flex-direction: row;
    gap: 3.5px;
    margin-top: 0;
  }
}
.header-11__content__become-partner__title div {
  display: flex;
  flex-direction: row;
  gap: 3.5px;
}
.header-11__content-logo {
  display: flex;
}
.header-11--floating-login {
  height: 70px;
}
.header-11 * {
  box-sizing: border-box;
}
.header-11__counter {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-family: var(--font-primary);
  line-height: 16px;
  font-weight: 500;
  color: #fff;
  bottom: 0;
  position: absolute;
  background: var(--header-counter-background);
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .header-11__counter {
    flex-direction: row;
  }
}
@media (min-width: 992px) {
  .header-11__counter {
    margin-top: 0px;
    line-height: 25px;
    height: 36px;
  }
}
.header-11__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-11__counter > .description, .header-11__counter .partner {
  font-family: var(--header-counter-font-family);
  color: #fff;
  font-size: 17px;
}
.header-11__counter > .number {
  width: 164px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--header-counter-background);
  border-radius: 10px;
  background: var(--header-counter-background);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 992px) {
  .header-11__counter > .number {
    width: 205px;
    height: 63px;
  }
}
.header-11__counter > .number > div {
  width: 150px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--header-counter-number-bg);
  border-radius: 10px;
  font-size: 35px;
}
@media (min-width: 992px) {
  .header-11__counter > .number > div {
    width: 188px;
    height: 47px;
    font-size: 45px;
  }
}
.header-11__counter > .number > div > span {
  color: #fff;
  font-family: var(--font-primary);
  font-weight: 700;
}
.header-11__content {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 3%;
  overflow: visible;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--header-mobile-content-padding);
}
@media (min-width: 992px) {
  .header-11__content {
    width: var(--max-width-md);
    padding-bottom: var(--header-desktop-content-padding);
  }
}
@media (min-width: 1200px) {
  .header-11__content {
    width: var(--max-width);
    justify-content: space-around;
  }
}
.header-11__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-11__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-11__content-logo img {
  z-index: 10;
  height: 50px;
  width: 50px;
}
@media (min-width: 992px) {
  .header-11__content-logo img {
    height: 117px;
    width: 117px;
  }
}
.header-11__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: center;
  grid-gap: 5px;
  text-align: center;
  margin-top: 7px;
}
@media (min-width: 992px) {
  .header-11__content-navigation {
    grid-gap: 10px;
  }
}
.header-11__content-navigation--separator {
  border-left: solid 1px #E7E7E7;
  height: 100%;
  width: 1px;
}
.header-11__content-navigation--register {
  border-radius: 10px;
}
.header-11__content-navigation--register .feng-btn {
  font-size: 10px;
}
@media (min-width: 767px) {
  .header-11__content-navigation--register .feng-btn {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .header-11__content-navigation--register .feng-btn {
    font-size: 16px;
  }
}
@media (min-width: 576px) {
  .header-11__content-navigation {
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-11__content-navigation {
    margin-top: 36px;
  }
}
.header-11__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: 10px;
  font-family: var(--font-primary);
  font-weight: normal;
  text-transform: uppercase;
}
.header-11__content-navigation a:hover {
  font-weight: bold;
}
.header-11__content-navigation a span {
  margin-left: 4px;
}
@media (min-width: 992px) {
  .header-11__content-navigation a {
    font-size: 16px;
  }
}
.header-11__content-navigation a:first-child {
  color: var(--primary);
}
.header-11__content-navigation a i {
  font-size: 10px;
  margin-right: 4px;
  color: var(--primary);
}
@media (min-width: 992px) {
  .header-11__content-navigation a i {
    font-size: 16px;
  }
}
.header-11-logged {
  display: flex;
  justify-content: center;
  background: var(--header-logged-bg);
  width: 100%;
  z-index: 999;
  height: 68px;
  position: relative;
}
@media (min-width: 992px) {
  .header-11-logged {
    height: 192px;
    justify-content: center;
  }
}
.header-11-logged__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 5px;
  width: 100%;
  padding: 5px 12px;
}
@media (min-width: 992px) {
  .header-11-logged__content {
    margin: 0;
    justify-content: space-between;
    padding: 0 10px;
  }
}
@media (min-width: 1200px) {
  .header-11-logged__content {
    width: var(--max-width);
  }
}
.header-11-logged__content-navigation {
  color: var(--header-logged-bg);
  background-color: #E7E7E7;
  margin-top: 8px;
}
.header-11-logged__content-logo {
  display: flex;
  align-items: center;
  z-index: 1;
  margin-top: 0;
  width: 55px;
  height: 55px;
}
@media (min-width: 992px) {
  .header-11-logged__content-logo {
    width: 117px;
    height: 117px;
    margin-top: -50px;
    display: flex;
  }
}
.header-11-logged__content-logo img {
  z-index: 10;
  height: auto;
  width: 55px;
  height: 55px;
  margin-left: var(--header-logged-mobile-logo-margin-left);
}
@media (min-width: 992px) {
  .header-11-logged__content-logo img {
    margin-left: 0;
    width: 117px;
    height: 117px;
  }
}
.header-11-logged__content-mobile-menu {
  display: grid;
}
.header-11-logged__content-mobile-menu i {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
}
.header-11-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-11-logged__content-mobile-menu .fengi-x1::before {
  color: #fff;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.5);
}
.header-11-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-11-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-11-logged__content-actions-container {
    width: 100%;
    grid-template: auto auto/auto;
    grid-gap: 55px;
  }
}
.header-11-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
@media (min-width: 992px) {
  .header-11-logged__content-others {
    width: 100%;
  }
}
.header-11-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  color: #000;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter {
    font-size: 20px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
    margin-top: 35px;
  }
}
.header-11-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-11-logged__content-others-counter > .number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #E7E7E7;
  margin: 0;
  font-family: var(--font-primary);
  font-weight: normal;
  font-size: 22px;
}
@media (min-width: 767px) {
  .header-11-logged__content-others-counter > .number {
    margin: 0 16px;
  }
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter > .number {
    margin: 0 14px;
    font-size: 40px;
  }
}
.header-11-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-11-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .header-11-logged__content-others-action {
    margin-top: 32px;
  }
}
.header-11-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications {
    right: -25px;
  }
}
.header-11-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-box {
    width: 375px;
  }
}
.header-11-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-11-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-11-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-11-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-11-logged__content-notifications-box-message b,
.header-11-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-11-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-11-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-11-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-11-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 22px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-11-logged__content-notifications i.fengi-bell {
    font-size: 35px;
    right: 20px;
  }
}
.header-11-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
@media (min-width: 992px) {
  .header-11-logged__content-user {
    font-size: 35px;
    right: 20px;
    margin-top: 28px;
  }
}
.header-11-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-11-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-11-logged__content-user a.loggedInMenu {
  color: #f8f8f8;
  min-width: 70px;
}
.header-11-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-11-logged__content-user a.exit {
  color: #f8f8f8;
  padding-left: 10px;
  font-size: 12px;
}
.header-11-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-11-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-11-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-11-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-11-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-11-logged__content-user-points {
    display: block;
  }
}
.header-11-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-11-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-11-logged__content-navigation {
  justify-content: center;
  display: none;
  width: 100%;
  margin-bottom: 4px;
}
@media (min-width: 992px) {
  .header-11-logged__content-navigation {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .header-11-logged__content-navigation {
    display: flex;
  }
}
.header-11-logged__content-navigation a {
  width: auto;
  height: 33px;
  text-decoration: none;
  text-transform: uppercase;
  word-break: keep-all;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: center;
  text-align: center;
}
.header-11-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-11-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-11-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-11-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-11-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-11-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-11-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-11-logged__content-icons {
    margin-left: 200px;
  }
  .header-11-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-11-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-11-logged--is-home {
  border: "0";
}
.header-11-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-11-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-11-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-11-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-11-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-11-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-11-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-11-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-11-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-11-logged__mobile-menu {
    display: none;
  }
}
.header-11-logged__mobile-menu img {
  width: 50%;
}
.header-11-logged__mobile-menu i {
  width: 70px;
}
.header-11-logged-background {
  display: none;
}
@media (min-width: 992px) {
  .header-11-logged-background {
    background-color: #E7E7E7;
    width: 100%;
    height: 33px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    display: inherit;
  }
}
.header-13 {
  width: 100%;
  background: var(--header-mobile-bg);
  height: var(--header-mobile-height);
  position: relative;
  z-index: 1;
  border-bottom: 2px solid var(--on-primary);
}
@media (min-width: 992px) {
  .header-13 {
    height: var(--header-desktop-height);
    position: absolute;
    background: var(--header-bg);
    top: 0;
  }
}
.header-13__content {
  max-width: var(--max-width);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  height: 100%;
  padding: 0 9px;
  color: var(--on-primary);
}
@media (min-width: 992px) {
  .header-13__content {
    padding: 0 16px;
  }
}
.header-13__content-action {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
}
.header-13__content-action-logo {
  width: var(--header-mobile-logo-width);
  height: 100%;
  margin-right: 7px;
}
@media (min-width: 992px) {
  .header-13__content-action-logo {
    width: var(--header-desktop-logo-width);
    margin-right: 32px;
  }
}
.header-13__content-action-logo img {
  width: 100%;
  height: 100%;
}
.header-13__content-action-navigation {
  display: none;
  align-items: center;
}
@media (min-width: 992px) {
  .header-13__content-action-navigation {
    display: flex;
  }
}
.header-13__content-action-navigation a {
  padding: 12px 20px 12px 20px;
  color: var(--on-primary);
  text-decoration: none;
}
.header-13__auth {
  display: flex;
  align-items: center;
  column-gap: 6px;
}
@media (min-width: 992px) {
  .header-13__auth {
    column-gap: 10px;
  }
}
.header-13__auth-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  font-weight: 500;
}
.header-13__auth-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.header-13__auth-button .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: currentColor;
  font-weight: 500;
}
.header-13-logged {
  display: flex;
  background: var(--header-logged-bg);
  color: var(--primary-light);
  width: 100%;
  z-index: 999;
  height: 68px;
  border-bottom: var(--header-logged-border-bottom);
  position: relative;
}
@media (min-width: 992px) {
  .header-13-logged {
    height: var(--header-height);
    justify-content: center;
  }
}
.header-13-logged--checkout {
  height: auto;
  border-bottom: none;
}
.header-13-logged__content {
  width: 100%;
  padding: 5px 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.header-13-logged__content:before {
  content: "";
  width: 100%;
  border-top: var(--header-logged-border-top);
  position: absolute;
  left: 0;
  bottom: 59px;
}
@media (min-width: 992px) {
  .header-13-logged__content {
    align-items: flex-start;
    flex-direction: column;
    padding: 11px 26px 16px;
  }
}
@media (min-width: 1200px) {
  .header-13-logged__content {
    width: var(--max-width);
    padding: 11px 12px 16px;
  }
}
.header-13-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications {
    right: -25px;
  }
}
.header-13-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-box {
    width: 375px;
  }
}
.header-13-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-13-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-13-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-13-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-13-logged__content-notifications-box-message b,
.header-13-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-13-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-13-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-13-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-13-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-13-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-13-logged__content-mobile-menu {
  display: grid;
}
.header-13-logged__content-mobile-menu i {
  color: var(--menu-itens-color);
  font-size: 26px;
}
.header-13-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-13-logged__content-mobile-menu .fengi-x1::before {
  color: var(--menu-itens-color);
}
.header-13-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-13-logged__content-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.header-13-logged__content-top-logo {
  z-index: 1;
}
.header-13-logged__content-top-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-logged-mobile-logo-width);
  margin-left: var(--header-logged-mobile-logo-margin-left);
  position: relative;
  top: var(--header-logged-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-13-logged__content-top-logo img {
    width: var(--header-logged-desktop-logo-width);
    margin-left: 0;
  }
}
.header-13-logged__content-top-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  padding-right: 4px;
}
.header-13-logged__content-top-user a {
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  font-family: var(--font-button);
}
.header-13-logged__content-top-user a img {
  margin: 0;
  z-index: 1;
}
.header-13-logged__content-top-user a.loggedInMenu {
  color: var(--menu-itens-color);
  min-width: 70px;
  margin-right: 6px;
}
.header-13-logged__content-top-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-13-logged__content-top-user a.exit {
  color: var(--menu-itens-color);
  margin-left: 6px;
  font-size: 16px;
}
.header-13-logged__content-top-user a.notification {
  color: var(--menu-itens-color);
  padding: 0 0 0 11px;
  font-size: 18px;
  position: relative;
}
.header-13-logged__content-top-user a.notification:before {
  width: 10px;
  height: 10px;
  background: var(--header-logged-notification-news-color);
  position: absolute;
  border-radius: 50%;
  top: -4px;
  right: 0;
}
@media (min-width: 992px) {
  .header-13-logged__content-top-user a.notification {
    padding: 0 18px 0 6px;
  }
  .header-13-logged__content-top-user a.notification::before {
    right: 15px;
  }
}
.header-13-logged__content-top-user a.notification--new:before {
  content: "";
}
.header-13-logged__content-top-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-13-logged__content-top-user-photo--space {
  margin-right: 16px;
}
.header-13-logged__content-top-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-13-logged__content-top-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-13-logged__content-top-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-13-logged__content-top-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-13-logged__content-top-user-points {
    display: block;
  }
}
.header-13-logged__content-top-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-13-logged__content-top-user i.fengi-exit {
  font-size: 24px;
}
.header-13-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-start;
  display: none;
  width: 90%;
  margin-left: 0;
}
@media (min-width: 992px) {
  .header-13-logged__content-navigation {
    display: grid;
    margin-top: 2%;
  }
}
@media (min-width: 1200px) {
  .header-13-logged__content-navigation {
    grid-gap: 4px;
    display: grid;
    width: 100%;
    margin-top: auto;
  }
}
.header-13-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  font-weight: normal;
  font-size: var(--header-desktop-menu-font-size);
  padding: 4px 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  font-family: var(--menu-itens-font-famaly);
  display: flex;
  align-items: center;
  text-align: center;
  white-space: nowrap;
}
.header-13-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-13-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-radius: var(--menu-active-border-radius);
}
.header-13-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-13-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-13-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-13-logged__content-icons {
    margin-left: 200px;
  }
  .header-13-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-13-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-13-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-13-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-13-logged--is-home {
  border: "0";
}
.header-13-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-13-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-13-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-13-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
  font-family: var(--font-button);
}
.header-13-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-13-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-13-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: 17px;
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-13-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-13-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-13-logged__mobile-menu {
    display: none;
  }
}
.header-13-logged__mobile-menu img {
  width: 50%;
}
.header-13-logged__mobile-menu i {
  width: 70px;
}
.header-12 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
  /* HOME LOGADA */
}
@media (min-width: 992px) {
  .header-12 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-12--floating-login {
  height: 70px;
}
.header-12--floating-login .header-12__content {
  padding-top: 0px;
}
.header-12--floating-login .header-12__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-12--floating-login .header-12__content-navigation {
    display: grid;
  }
}
.header-12 * {
  box-sizing: border-box;
}
.header-12__counter {
  width: 100%;
  display: flex;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-title);
  font-weight: normal;
}
@media (min-width: 767px) {
  .header-12__counter {
    flex-direction: row;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .header-12__counter {
    margin-top: 0px;
  }
}
.header-12__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-12__counter > .number {
  margin: 0 10px 8px;
  font-weight: bold;
  font-size: 30px;
}
.header-12__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-12__counter > .partner {
    display: block;
  }
}
.header-12__content {
  width: 100%;
  height: 100%;
  display: grid;
  grid-gap: 0;
  padding: 0 3%;
  overflow: visible;
  grid-template: auto/65px auto max-content;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 576px) {
  .header-12__content {
    grid-gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-12__content {
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-12__content {
    width: var(--max-width);
  }
}
.header-12__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-12__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-12__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-12__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-12__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  grid-template: auto auto/auto;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  text-align: center;
}
@media (min-width: 576px) {
  .header-12__content-navigation {
    grid-template: auto/auto auto;
    grid-gap: 30px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-12__content-navigation {
    margin-top: 0px;
  }
}
.header-12__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-12__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-12__content-navigation a:first-child {
  color: #27292D;
}
.header-12__content-navigation a fengstui-button .feng-btn {
  font-family: var(--font-title) !important;
  font-style: italic !important;
  padding: 12px 10px !important;
  font-size: 12px;
}
.header-12__content-navigation a fengstui-button .feng-btn::before {
  content: "SEJA ST";
}
@media (min-width: 992px) {
  .header-12__content-navigation a fengstui-button .feng-btn {
    padding: 12px 30px !important;
    font-size: 18px;
  }
  .header-12__content-navigation a fengstui-button .feng-btn::before {
    content: "SEJA SÓCIO TORCEDOR";
  }
}
.header-12__content-navigation a fengstui-button .feng-btn:hover {
  background-color: black !important;
}
.header-12-logged {
  display: grid;
  background-color: var(--header-bg);
  width: 100%;
  z-index: 9;
}
@media (min-width: 992px) {
  .header-12-logged {
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .header-12-logged__content {
    display: flex;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .header-12-logged__content {
    width: var(--max-width);
  }
}
.header-12-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-12-logged__content-mobile-menu {
  display: grid;
}
.header-12-logged__content-mobile-menu i {
  color: #404040;
  font-size: 26px;
  font-weight: 700;
}
.header-12-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-12-logged__content-mobile-menu .fengi-x1::before {
  color: #404040;
}
.header-12-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-12-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-12-logged__content-actions-container {
    grid-template: auto auto/auto;
    grid-gap: 15px;
  }
}
.header-12-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
}
.header-12-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Kufam";
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter {
    font-size: 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.header-12-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-12-logged__content-others-counter > .number {
  margin: 0 10px 8px;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter > .number {
    font-size: 30px;
  }
}
.header-12-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-12-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-12-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-12-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications {
    right: -25px;
  }
}
.header-12-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-box {
    width: 375px;
  }
}
.header-12-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-12-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-12-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-12-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-12-logged__content-notifications-box-message b,
.header-12-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-12-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-12-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-12-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-12-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-12-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-12-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-12-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-12-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-12-logged__content-user a.loggedInMenu {
  color: var(--color-secondary);
  min-width: 70px;
}
.header-12-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-12-logged__content-user a.exit {
  color: var(--color-secondary);
  padding-left: 10px;
  font-size: 12px;
}
.header-12-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-12-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-12-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-12-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-12-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-12-logged__content-user-points {
    display: block;
  }
}
.header-12-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-12-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-12-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-12-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-12-logged__content-navigation {
    grid-gap: 10px;
    display: grid;
  }
}
.header-12-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-12-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-12-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-12-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-12-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-12-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-12-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-12-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-12-logged__content-icons {
    margin-left: 200px;
  }
  .header-12-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-12-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-12-logged--is-home {
  border: 0;
}
.header-12-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-12-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-12-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-12-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-12-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-12-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-12-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-12-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  grid-gap: 8px;
}
.header-12-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-12-logged__mobile-menu {
    display: none;
  }
}
.header-12-logged__mobile-menu img {
  width: 50%;
}
.header-12-logged__mobile-menu i {
  width: 70px;
}
.header-14 {
  top: 0;
  width: 100%;
  display: grid;
  background: var(--header-bg);
  height: var(--header-mobile-height);
  color: var(--on-primary);
  /* HOME LOGADA */
}
@media (min-width: 992px) {
  .header-14 {
    justify-content: center;
    background: var(--header-bg);
    height: var(--header-desktop-height);
  }
}
.header-14--floating-login {
  height: 70px;
}
.header-14--floating-login .header-14__content {
  padding-top: 0px;
}
.header-14--floating-login .header-14__content-navigation {
  display: none;
}
@media (min-width: 992px) {
  .header-14--floating-login .header-14__content-navigation {
    display: grid;
  }
}
.header-14 * {
  box-sizing: border-box;
}
.header-14__counter {
  width: 100%;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: "Athletic-Pro-Thin";
  font-weight: 300;
  display: none;
}
@media (min-width: 767px) {
  .header-14__counter {
    flex-direction: row;
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .header-14__counter {
    margin-top: 0px;
    display: flex;
  }
}
.header-14__counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-14__counter > .number {
  font-family: "Athletic-Pro";
  font-weight: bold;
  font-size: 40px;
  margin: 0 10px 0;
}
.header-14__counter > .partner {
  display: none;
}
@media (min-width: 767px) {
  .header-14__counter > .partner {
    display: block;
  }
}
.header-14__content {
  width: 100%;
  height: 80px;
  display: grid;
  gap: 0;
  padding: 0 3%;
  overflow: visible;
  align-items: center;
  justify-content: space-between;
  grid-template: auto/65px max-content;
}
@media (min-width: 576px) {
  .header-14__content {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .header-14__content {
    height: 100%;
    width: var(--max-width-md);
    grid-template: auto/89px auto max-content;
  }
}
@media (min-width: 1200px) {
  .header-14__content {
    width: var(--max-width);
  }
}
.header-14__content-logo {
  position: initial;
  top: var(--header-mobile-logo-top);
}
@media (min-width: 992px) {
  .header-14__content-logo {
    top: var(--header-desktop-logo-top);
  }
}
.header-14__content-logo img {
  z-index: 10;
  height: auto;
  width: var(--header-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-14__content-logo img {
    width: var(--header-desktop-logo-width);
  }
}
.header-14__content-navigation {
  display: grid;
  height: -moz-fit-content;
  height: fit-content;
  grid-auto-flow: column;
  font-size: 14px;
  margin-top: -10px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-align: center;
}
@media (min-width: 576px) {
  .header-14__content-navigation {
    gap: 16px;
    justify-content: flex-end;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .header-14__content-navigation {
    margin-top: 0px;
  }
}
.header-14__content-navigation a {
  padding: 0;
  text-decoration: none;
  font-size: var(--header-mobile-font-size);
  margin-top: var(--header-mobile-margin-top);
  font-family: var(--font-title);
  font-weight: 700;
}
@media (min-width: 992px) {
  .header-14__content-navigation a {
    font-size: var(--header-desktop-font-size);
    margin-top: var(--header-desktop-margin-top);
  }
}
.header-14__content-navigation a:first-child {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  color: white;
  gap: 8px;
  line-height: 100%;
  border-radius: 1000px;
  border: 1px solid #FFF;
}
.header-14__content-navigation a:first-child > span {
  margin-top: 1px;
}
.header-14__content-navigation fengstui-button .feng-btn {
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  font-size: 12px;
  font-weight: 700;
  border-radius: 1000px;
}
@media (min-width: 992px) {
  .header-14__content-navigation fengstui-button .feng-btn {
    font-size: 14px;
  }
}
.header-14-logged {
  display: grid;
  background-color: var(--header-bg);
  width: 100%;
  z-index: 9;
  color: white;
  height: 68px;
}
@media (min-width: 992px) {
  .header-14-logged {
    height: auto;
    justify-content: center;
  }
}
.header-14-logged__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
}
@media (min-width: 992px) {
  .header-14-logged__content {
    display: grid;
    grid-template: auto/auto auto;
    padding: 20px 0;
  }
}
@media (min-width: 1200px) {
  .header-14-logged__content {
    width: var(--max-width);
  }
}
.header-14-logged__content-data {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.header-14-logged__content-logo {
  display: grid;
  align-items: center;
}
.header-14-logged__content-logo img {
  width: var(--header-logged-mobile-logo-width);
}
@media (min-width: 992px) {
  .header-14-logged__content-logo img {
    width: auto;
  }
}
.header-14-logged__content-mobile-menu {
  display: grid;
}
.header-14-logged__content-mobile-menu i {
  color: var(--secondary);
  font-size: 26px;
  font-weight: 700;
}
.header-14-logged__content-mobile-menu .fengi-x1 {
  font-size: 25px;
}
.header-14-logged__content-mobile-menu .fengi-x1::before {
  color: var(--secondary);
}
.header-14-logged__content-mobile-title {
  text-transform: uppercase;
  font-size: 19px;
  font-weight: normal;
}
.header-14-logged__content-actions-container {
  display: grid;
}
@media (min-width: 992px) {
  .header-14-logged__content-actions-container {
    grid-template: auto auto/auto;
    gap: 15px;
  }
}
.header-14-logged__content-others {
  width: 100%;
  display: grid;
  grid-template: auto/auto max-content;
  align-items: center;
  gap: 0;
}
@media (min-width: 767px) {
  .header-14-logged__content-others {
    gap: 50px;
  }
}
.header-14-logged__content-others-counter {
  width: 100%;
  display: flex;
  font-size: 16px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "Kufam";
  color: var(--color-secondary);
  margin: 0;
}
@media (min-width: 767px) {
  .header-14-logged__content-others-counter {
    margin: 0 50px;
  }
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter {
    font-size: 1.5rem;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
}
.header-14-logged__content-others-counter > .text-socio-loading {
  min-width: 110px;
  min-height: 20px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-14-logged__content-others-counter > .number {
  margin: 0 10px 0;
  font-size: 26px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter > .number {
    font-size: 30px;
    margin: 0 10px 8px;
  }
}
.header-14-logged__content-others-counter > .partner {
  display: none;
}
@media (min-width: 992px) {
  .header-14-logged__content-others-counter > .partner {
    display: block;
  }
}
.header-14-logged__content-others-action {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-end;
}
.header-14-logged__content-notifications {
  position: relative;
  margin: 0 5px 5px 5px;
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  top: 2px;
  right: -5px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications {
    right: -25px;
  }
}
.header-14-logged__content-notifications-box {
  position: absolute;
  right: 0;
  top: 55px;
  z-index: 2;
  background-color: #fff;
  color: black;
  padding: 10px;
  min-height: 200px;
  width: 250px;
  box-shadow: 2px 2px 15px 0.3rem rgba(0, 0, 0, 0.3);
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-box {
    width: 375px;
  }
}
.header-14-logged__content-notifications-box-arrow {
  width: 0px;
  height: 0;
  left: 75%;
  top: -17px;
  position: absolute;
  background-color: transparent;
  border-bottom: 9px solid #fff;
  border-top: 9px solid transparent;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  z-index: 3;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-box-arrow {
    left: 35%;
  }
}
.header-14-logged__content-notifications-box-title {
  font-weight: bold;
  text-transform: uppercase;
}
.header-14-logged__content-notifications-box-link {
  color: darkred !important;
  text-align: right;
  display: block;
}
.header-14-logged__content-notifications-box-message {
  font-weight: bold;
  font-size: 17px;
}
.header-14-logged__content-notifications-box-message b,
.header-14-logged__content-notifications-box-message strong {
  font-size: 1.2em;
}
.header-14-logged__content-notifications-box-divider {
  width: 100%;
  margin: 0 auto 15px;
  height: 1px;
  background-color: lightgray;
}
.header-14-logged__content-notifications-box i {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.header-14-logged__content-notifications-counter {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--primary);
  position: absolute;
  z-index: 2;
  color: #fff;
  font-weight: bold;
  width: 15px;
  height: 15px;
  text-align: center;
  padding-top: 1px;
  border-radius: 100%;
  font-size: 13px;
  top: 10px;
  margin-left: 10px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications-counter {
    margin-left: 0;
  }
}
.header-14-logged__content-notifications i.fengi-bell {
  position: relative;
  color: black;
  height: 19px;
  font-size: 35px;
  right: 5px;
}
@media (min-width: 992px) {
  .header-14-logged__content-notifications i.fengi-bell {
    font-size: 22px;
    right: 20px;
  }
}
.header-14-logged__content-user {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  padding-right: 4px;
}
.header-14-logged__content-user a {
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
}
.header-14-logged__content-user a img {
  margin: 0;
  z-index: 1;
}
.header-14-logged__content-user a.loggedInMenu {
  color: var(--color-secondary);
  min-width: 70px;
}
.header-14-logged__content-user a.loggedInMenu .feng-hide-block-sm {
  margin-right: 0;
  margin-left: 23px;
}
.header-14-logged__content-user a.exit {
  color: var(--color-secondary);
  padding-left: 10px;
  font-size: 12px;
}
.header-14-logged__content-user-photo {
  background-color: var(--info);
  color: var(--on-info);
  border-radius: 50%;
  min-width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}
.header-14-logged__content-user-photo i {
  font-size: 16px;
  padding: 0;
}
.header-14-logged__content-user-photo img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.header-14-logged__content-user-photo span.points.ng-star-inserted {
  min-width: 42px;
  max-width: 42px;
}
.header-14-logged__content-user-points {
  display: none;
  font-size: 16px;
  font-weight: bold;
  color: var(--color-secondary);
}
@media (min-width: 992px) {
  .header-14-logged__content-user-points {
    display: block;
  }
}
.header-14-logged__content-user .fengi-menu {
  position: relative;
  top: -3px;
  right: 10px;
}
.header-14-logged__content-user i.fengi-exit {
  font-size: 24px;
}
.header-14-logged__content-navigation {
  grid-auto-flow: column;
  justify-content: flex-end;
  display: none;
}
@media (min-width: 992px) {
  .header-14-logged__content-navigation {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .header-14-logged__content-navigation {
    gap: 10px;
    display: grid;
  }
}
.header-14-logged__content-navigation a {
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  font-size: 16px;
  padding: 10px;
  color: var(--menu-itens-color);
  background-color: var(--menu-itens-background);
  display: flex;
  align-items: flex-end;
}
.header-14-logged__content-navigation a:hover {
  opacity: 0.75;
}
.header-14-logged__content-navigation a.--selected {
  color: var(--menu-active-color);
  background-color: var(--menu-active-background);
  border-bottom: 3px solid var(--menu-active-underline);
}
.header-14-logged__content .items a {
  text-decoration: none;
  color: #fff;
}
.header-14-logged__content .items a i {
  font-size: em(20);
  padding-right: em(6);
}
.header-14-logged__content-icons {
  display: inline-flex;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 0.7em;
}
.header-14-logged__content-icons a {
  background: transparent;
  margin: 0 1em;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.header-14-logged__content-icons i {
  color: #0b1b31;
  margin-right: 0;
  font-size: 1.6em;
}
@media (min-width: 767px) {
  .header-14-logged__content-icons {
    margin-left: 200px;
  }
  .header-14-logged__content-icons i {
    margin-right: 0.2em;
    font-size: 1.2em;
  }
}
.header-14-logged--menu-opened {
  position: fixed;
  top: 0;
}
.header-14-logged--is-home {
  border: 0;
}
.header-14-logged__mobile-menu {
  position: fixed;
  background-color: var(--menu-mobile-background);
  height: 100%;
  z-index: 9;
  width: 100%;
  transition: opacity 0.5s linear, visibility 0.5s linear;
  text-align: left;
  opacity: 0;
  display: none;
  font-size: 18px;
}
.header-14-logged__mobile-menu.--open {
  top: 68px;
  opacity: 1;
  z-index: 999;
  display: block;
  animation: fade 0.5s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.header-14-logged__mobile-menu__user {
  color: var(--menu-mobile-user-detail-color);
  background-color: var(--menu-mobile-user-detail-background);
  padding-top: 1px;
  border-top: 1px solid #0000001f;
}
.header-14-logged__mobile-menu__user h2 {
  font-size: 20px;
  margin: 0;
  margin-top: 10px;
  padding: 0 0 10px 20px;
}
.header-14-logged__mobile-menu__user p {
  font-size: 15px;
  margin: 0;
  padding: 0 0 12px 20px;
}
.header-14-logged__mobile-menu nav {
  display: grid;
  background-color: var(--menu-mobile-itens-background);
}
.header-14-logged__mobile-menu nav a {
  text-decoration: none;
  color: var(--menu-mobile-itens-color);
  font-size: var(--header-mobile-menu-font-size);
  text-align: left;
  padding: 16px 16px 16px 20px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
}
.header-14-logged__mobile-menu nav a.logout-mobile {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-size: 18px;
  padding: 16px;
  margin: 0;
  border-top: 1px solid #35353575;
  text-transform: uppercase;
  font-weight: normal;
  cursor: pointer;
  gap: 8px;
}
.header-14-logged__mobile-menu nav a.logout-mobile > i {
  width: auto;
  position: relative;
}
@media (min-width: 992px) {
  .header-14-logged__mobile-menu {
    display: none;
  }
}
.header-14-logged__mobile-menu img {
  width: 50%;
}
.header-14-logged__mobile-menu i {
  width: 70px;
}
.header-fngst-1 {
  position: relative;
}
.header-fngst-1__content {
  width: 100%;
  position: absolute;
  background: var(--header-bg-color);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  top: 0;
  z-index: 9;
}
@media (min-width: 767px) {
  .header-fngst-1__content {
    border-bottom: 2px solid var(--header-border-color);
  }
}
.header-fngst-1--internal .header-fngst-1__content {
  position: static;
  background-color: var(--primary-dark);
}
.header-fngst-1__wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  flex-direction: column;
}
@media (min-width: 767px) {
  .header-fngst-1__wrapper {
    flex-direction: row;
    padding: 0 1rem;
    align-items: center;
  }
}
.header-fngst-1__wrapper div:nth-child(2) {
  display: none;
}
@media (min-width: 992px) {
  .header-fngst-1__wrapper div:nth-child(2) {
    display: block;
  }
}
.header-fngst-1__action {
  display: flex;
}
@media (min-width: 767px) {
  .header-fngst-1__action {
    gap: 8px;
  }
}
.header-fngst-1__action fengstui-button {
  width: 100%;
}
.header-fngst-1__action fengstui-button button {
  width: 100%;
}
.header-fngst-1__action fengstui-button .feng-btn--outline,
.header-fngst-1__action fengstui-button .feng-btn--outline:hover {
  color: var(--header-font-color) !important;
  border-color: var(--header-font-color) !important;
}
.header-fngst-1__action fengstui-button .feng-btn--outline i,
.header-fngst-1__action fengstui-button .feng-btn--outline:hover i {
  margin-right: 8px !important;
  font-size: inherit !important;
}
@media (min-width: 767px) {
  .header-fngst-1__action fengstui-button {
    width: inherit;
  }
  .header-fngst-1__action fengstui-button button {
    width: inherit;
  }
}
.header-fngst-1__action-logo {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  width: 100%;
  border-top: 1px solid var(--header-border-color);
  border-bottom: 1px solid var(--header-border-color);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo {
    border: 0;
    padding-left: 0;
  }
}
.header-fngst-1__action-logo img {
  width: var(--header-new-mobile-second-logo-width);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo img {
    width: inherit;
  }
}
.header-fngst-1__action-logo :first-child {
  width: var(--header-new-mobile-logo-width);
}
@media (min-width: 767px) {
  .header-fngst-1__action-logo :first-child {
    width: var(--header-new-desktop-logo-width);
  }
}
.header-fngst-1__action__nav {
  display: flex;
  gap: 32px;
}
@media (min-width: 767px) {
  .header-fngst-1__action__nav {
    border: 0;
  }
}
.header-fngst-1__action__nav a {
  display: flex;
  align-items: center;
  color: var(--header-font-color);
  padding: 8px 0;
  border-bottom: 2px solid transparent;
  font-size: 16px;
  text-decoration: none;
  transition: 0.2s;
}
.header-fngst-1__action__nav a:hover, .header-fngst-1__action__nav a.--selected {
  color: var(--secondary);
  border-bottom: 2px solid var(--secondary);
}
.footer-1 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-1__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-1__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-1__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-1__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-1__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-1__wrapper {
  padding: 40px 5%;
}
.footer-1__logo {
  display: flex;
  justify-content: center;
}
.footer-1__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-1__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-1__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-1__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-1__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-1__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-1__social fengstui-button .feng-btn {
  background-color: var(--footer-background-icon-color, var(--primary)) !important;
  color: var(--footer-color-icon, var(--on-primary)) !important;
}
.footer-1__social a {
  text-decoration: none;
}
.footer-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-1__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-1__copywrite a {
  color: var(--background);
}
.footer-1__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-2 {
  background-color: var(--on-background);
  color: var(--background);
  padding: 20px 0 50px;
}
.footer-2__wrapper {
  display: grid;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (min-width: 992px) {
  .footer-2__wrapper {
    grid-template: 1fr 1fr/0.5fr 1.5fr;
    max-width: 1000px;
    padding: 0;
  }
}
.footer-2__st-image {
  display: grid;
  grid-template: auto/1fr 1fr;
  align-self: center;
  align-items: center;
}
@media (min-width: 992px) {
  .footer-2__st-image-logo {
    position: relative;
  }
}
.footer-2__st-image-logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-2__st-image-shield img {
  max-width: 50px;
  min-width: 30px;
  width: 100%;
}
.footer-2__menu {
  display: grid;
  align-items: center;
}
.footer-2__menu ul {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-2__menu ul li {
  display: inline;
  text-align: center;
  margin: 0 16px;
}
.footer-2__menu ul li a {
  display: inline-block;
  color: var(--background);
  text-decoration: none;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: lighter;
}
.footer-2__menu ul li a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-2__menu ul li a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-2__links {
  display: grid;
  grid-template: auto/1fr 1fr;
}
.footer-2__links--logado {
  grid-template: auto/1fr;
}
.footer-2__links-social {
  display: grid;
  align-items: center;
  grid-template: auto/auto auto;
  justify-content: center;
  grid-gap: 10px;
}
.footer-2__address {
  color: var(--info);
}
@media (min-width: 992px) {
  .footer-2__address {
    margin-left: 20px;
  }
}
.footer-2__address a {
  color: var(--background);
}
.footer-2__address a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-3__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-3__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-3__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-3__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-3__wrapper {
  padding: 40px 5%;
}
.footer-3__logo {
  display: flex;
  justify-content: center;
}
.footer-3__logo a {
  display: flex;
}
.footer-3__logo a img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-3__logo a img:first-child {
  min-height: 80px;
  width: 100%;
  display: flex;
  margin-right: 1.1rem;
}
.footer-3__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-3__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-3__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-3__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-3__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-3__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-3__social a {
  text-decoration: none;
}
.footer-3__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-3__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-3__copywrite a {
  color: var(--background);
}
.footer-3__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-4 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  border-top: 4px solid #AF0202;
}
.footer-4__resale {
  margin: var(--footer-item-margin);
  display: grid;
  color: var(--secondary);
  text-align: center;
}
.footer-4__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-4__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-4__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-4__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-4__wrapper {
  padding: 40px 5%;
}
.footer-4__logo {
  display: flex;
  justify-content: center;
}
.footer-4__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-4__logo a :first-child {
  width: var(--footer-logo-width);
}
.footer-4__logo a :last-child {
  width: 68px;
}
.footer-4__logo-verticalrule {
  background: #4c4c4c;
  width: 0.5px;
  height: 100%;
  margin: 0 33px;
}
.footer-4__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-4__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-4__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-4__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-4__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-4__social fengstui-button .feng-btn {
  background-color: var(--secondary) !important;
  color: var(--on-secondary) !important;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.footer-4__social a {
  text-decoration: none;
}
.footer-4__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-4__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-4__copywrite a {
  color: var(--background);
}
.footer-4__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-5 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-5__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-5__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-5__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 1100px;
  margin: 0 auto;
}
.footer-5__container-first {
  display: grid;
  grid-template: auto auto/auto;
  gap: 50px;
}
@media (min-width: 1000px) {
  .footer-5__container-first {
    grid-template: auto/auto auto;
    gap: 0px;
  }
}
.footer-5__topborder {
  height: 12px;
  background: var(--secondary);
}
.footer-5__wrapper {
  padding: 40px 5%;
  position: relative;
  border-bottom: 12px solid var(--secondary);
}
.footer-5__wrapper > img {
  position: absolute;
  right: -50px;
  width: 60%;
  top: -12px;
}
@media (min-width: 600px) {
  .footer-5__wrapper > img {
    width: auto;
  }
}
@media (min-width: 1740px) {
  .footer-5__wrapper > img {
    right: 30px;
  }
}
.footer-5__wrapper > .footer-5__white-block {
  display: none;
  background: white;
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-5__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-5__logo {
  display: flex;
  justify-content: left;
  margin-top: -14px;
}
@media (min-width: 600px) {
  .footer-5__logo {
    margin-top: 10px;
  }
}
@media (min-width: 1000px) {
  .footer-5__logo {
    justify-content: center;
  }
}
.footer-5__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-5__logo a > img {
  width: 160px;
}
@media (min-width: 450px) {
  .footer-5__logo a > img {
    width: 210px;
  }
}
@media (min-width: 600px) {
  .footer-5__logo a > img {
    width: var(--footer-logo-width);
  }
}
.footer-5__menu {
  display: block;
  text-align: center;
  width: 76%;
  margin: 25px auto 0;
  line-height: 50px;
}
@media (min-width: 450px) {
  .footer-5__menu {
    margin: 50px auto 0;
  }
}
@media (min-width: 600px) {
  .footer-5__menu {
    margin: 25px auto 0;
  }
}
@media (min-width: 992px) {
  .footer-5__menu {
    width: 60%;
  }
}
@media (min-width: 1000px) {
  .footer-5__menu {
    margin: 25px auto 25px 20px;
    line-height: 200%;
  }
}
@media (min-width: 1200px) {
  .footer-5__menu {
    width: 76%;
  }
}
@media (min-width: 1340px) {
  .footer-5__menu {
    width: 80%;
  }
}
@media (min-width: 1640px) {
  .footer-5__menu {
    width: 90%;
  }
}
@media (min-width: 1840px) {
  .footer-5__menu {
    width: 100%;
  }
}
.footer-5__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  margin: 0 16px 0 16px;
  font-family: "Barlow Semi Condensed";
}
.footer-5__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-5__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-5__social {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 22px;
  position: absolute;
  right: 0;
  bottom: -1px;
  background: var(--secondary);
  clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 0% 100%);
  padding: 22px 20px 20px 60px;
  color: black;
  font-weight: bold;
}
.footer-5__social > p {
  font-family: "Barlow Semi Condensed";
  font-size: 27px;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-5__social fengstui-button .feng-btn {
  border-radius: 100%;
  background-color: transparent !important;
  color: black !important;
  font-size: 34px;
}
.footer-5__social a {
  text-decoration: none;
  background: transparent;
}
.footer-5__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-5__copywrite {
  padding: 0;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px;
  display: grid;
  grid-template: auto/auto auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 18px;
  color: white;
}
.footer-5__copywrite > img {
  width: 66px;
}
@media (min-width: 500px) {
  .footer-5__copywrite {
    gap: 34px;
  }
  .footer-5__copywrite > img {
    width: 97px;
  }
}
.footer-5__copywrite > div {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1000px) {
  .footer-5__copywrite > div {
    gap: 34px;
    flex-direction: row;
  }
}
.footer-5__copywrite > div > div {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: left;
  text-align: left;
  gap: 14px;
}
@media (min-width: 500px) {
  .footer-5__copywrite > div > div {
    gap: 6px;
  }
}
.footer-5__copywrite > div > div > span {
  font-family: "Barlow Semi Condensed";
  font-size: 16px;
  line-height: 18px;
  display: flex;
  align-items: center;
  height: 20px;
}
.footer-5__copywrite a {
  color: var(--background);
  text-decoration: none;
}
.footer-5__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-5__copywrite-id {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.footer-5__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-5__copywrite-phone {
    margin: 0;
  }
}
.footer-5__copywrite-terms {
  font-family: "Barlow Semi Condensed";
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.footer-6 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-6__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-6__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-6__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 1100px;
  margin: 0 auto;
}
.footer-6__container-first {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.footer-6__wrapper {
  padding: 40px 5%;
  position: relative;
}
.footer-6__wrapper > img {
  position: absolute;
  right: -50px;
  width: 60%;
  top: -12px;
}
@media (min-width: 600px) {
  .footer-6__wrapper > img {
    width: auto;
  }
}
@media (min-width: 1740px) {
  .footer-6__wrapper > img {
    right: 30px;
  }
}
.footer-6__wrapper > .footer-5__white-block {
  display: none;
  background: white;
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-6__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-6__logo {
  display: flex;
  justify-content: center;
}
.footer-6__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-6__logo a > img {
  width: 160px;
}
@media (min-width: 450px) {
  .footer-6__logo a > img {
    width: 210px;
  }
}
@media (min-width: 600px) {
  .footer-6__logo a > img {
    width: var(--footer-logo-width);
  }
}
.footer-6__menu {
  display: block;
  text-align: center;
  margin: auto;
  line-height: 50px;
  width: 100%;
}
.footer-6__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  margin: 0 16px 0 16px;
  font-family: "BarlowSemiCondensed";
}
.footer-6__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-6__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-6__social {
  display: grid;
  justify-content: center;
  grid-auto-flow: column;
  grid-gap: 22px;
  color: black;
  font-weight: bold;
}
.footer-6__social > p {
  font-family: "BarlowSemiCondensed";
  font-size: 27px;
  margin: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-6__social fengstui-button .feng-btn {
  border-radius: 100%;
  background-color: transparent !important;
  color: black !important;
  font-size: 34px;
}
.footer-6__social a {
  border-radius: 100%;
  background: #9FA3A7;
  text-decoration: none;
  background: transparent;
}
.footer-6__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-6__copywrite {
  padding: 0;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  display: grid;
  grid-template: auto/auto auto;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 18px;
  color: white;
}
.footer-6__copywrite > img {
  width: 66px;
}
@media (min-width: 500px) {
  .footer-6__copywrite {
    gap: 34px;
  }
  .footer-6__copywrite > img {
    width: 97px;
  }
}
.footer-6__copywrite > div {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.footer-6__copywrite > div > div {
  text-align: center;
}
.footer-6__copywrite > div > div > span {
  font-family: "BarlowSemiCondensed";
  font-size: 16px;
  line-height: 18px;
  height: 20px;
}
.footer-6__copywrite a {
  color: var(--background);
  text-decoration: none;
}
.footer-6__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-6__copywrite-id {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 18px;
}
.footer-6__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-6__copywrite-phone {
    margin: 0;
  }
}
.footer-6__copywrite-phone > a {
  color: white;
}
.footer-6__copywrite-terms {
  margin-left: 10px;
  font-family: "BarlowSemiCondensed";
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.footer-6__copywrite-terms > a {
  color: white;
}
.footer-7 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-7__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-7__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-7__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 10px auto;
}
.footer-7__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-7__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-7__wrapper {
  padding: 10px;
}
.footer-7__logo {
  display: flex;
  justify-content: center;
}
.footer-7__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-7__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-7__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-7__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-7__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-7__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-7__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-7__social a {
  text-decoration: none;
}
.footer-7__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-7__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-7__copywrite a {
  color: var(--background);
}
.footer-7__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-8__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-8__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 10px auto;
}
.footer-8__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-8__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-8__wrapper {
  padding: 10px;
}
.footer-8__logo {
  display: flex;
  justify-content: center;
}
.footer-8__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-8__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-8__menu a {
  display: inline-block;
  color: var(--footer-color);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-8__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-8__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-8__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-8__social fengstui-button .feng-btn {
  background-color: #000 !important;
  color: var(--on-primary) !important;
}
.footer-8__social a {
  text-decoration: none;
}
.footer-8__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-8__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: #000;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-8__copywrite a {
  color: #000;
}
.footer-8__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-9 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
}
.footer-9__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-9__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-9__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-9__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-9__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-9__wrapper {
  padding: 40px 5%;
}
.footer-9__logo {
  display: flex;
  justify-content: center;
}
.footer-9__logo img {
  width: var(--footer-logo-width);
  height: auto;
}
.footer-9__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-9__menu a {
  display: inline-block;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: lighter;
  font-weight: bold;
  margin: 20px 16px 0 16px;
}
.footer-9__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-9__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-9__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-9__social fengstui-button .feng-btn {
  background-color: var(--primary) !important;
  color: var(--on-primary) !important;
}
.footer-9__social a {
  text-decoration: none;
}
.footer-9__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-9__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  color: white;
  filter: brightness(80%);
  cursor: pointer;
}
.footer-9__copywrite a {
  color: var(--background);
}
.footer-9__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: 100%;
  height: var(--footer-height);
  border-top: solid 2px var(--footer-border-top-color);
}
.footer-10--logged {
  background: var(--footer-logged-background);
  border-top: solid 2px var(--footer-logged-border-top-color);
  height: auto;
}
.footer-10__resale {
  margin: var(--footer-item-margin);
  display: grid;
  color: var(--secondary);
  text-align: center;
}
.footer-10__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10__container {
  display: block;
  grid-gap: 45px;
  font-size: em(14px);
  max-width: 960px;
  margin: 0 auto;
}
.footer-10__top-bar {
  width: 100%;
  background: var(--primary);
  height: 40px;
}
.footer-10__bottom-bar {
  width: 100%;
  background: black;
  height: 40px;
}
.footer-10__wrapper {
  padding: 34px 0;
}
.footer-10__logo {
  display: flex;
  justify-content: center;
}
.footer-10__logo a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-10__logo a img {
  width: var(--footer-logo-width);
}
.footer-10__logo-verticalrule {
  background: #E4E4E4;
  width: 1px;
  height: 77%;
  margin: 0 33px;
}
.footer-10__logo-alt {
  width: var(--footer-logo-alt-width) !important;
}
.footer-10__menu {
  display: block;
  text-align: center;
  width: 100%;
  margin: var(--footer-item-margin);
}
.footer-10__menu a {
  display: inline-block;
  color: var(--footer-color);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: normal;
  margin: 20px 16px 0 16px;
  font-family: var(--footer-font-family);
}
.footer-10__menu a._selected {
  text-decoration: underline;
}
.footer-10__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-10__social {
  display: grid;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.footer-10__social fengstui-button .feng-btn {
  background-color: transparent !important;
  color: var(--footer-color-icon, var(--on-primary)) !important;
  font-size: 25px !important;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}
.footer-10__social a {
  text-decoration: none;
}
.footer-10__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.footer-10__copywrite {
  padding: 0 15px;
  text-align: center;
  margin-top: 30px;
  font-family: var(--footer-font-family);
  color: var(--footer-color);
  cursor: pointer;
}
.footer-10__copywrite a {
  color: var(--footer-color);
  font-weight: 400;
  text-decoration: none;
}
.footer-10__copywrite a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1 {
  color: var(--footer-color);
  background: var(--footer-background);
  justify-content: center;
  width: auto;
  overflow: hidden;
}
.footer-fngst-1__resale {
  margin: var(--footer-item-margin);
  display: grid;
  text-align: center;
}
.footer-fngst-1__resale:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1__container-first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 212px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first {
    max-width: 326px;
  }
}
.footer-fngst-1__container-first img {
  width: 35px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first img {
    width: 60px;
  }
}
.footer-fngst-1__container-first > a > img {
  width: 131px;
}
@media (min-width: 767px) {
  .footer-fngst-1__container-first > a > img {
    width: 198px;
  }
}
.footer-fngst-1__divider {
  width: 1px;
  height: 81px;
  background-color: var(--footer-color);
}
.footer-fngst-1__topborder {
  height: 10px;
  background: var(--secondary);
}
.footer-fngst-1__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 64px;
  padding: 40px 16px;
  position: relative;
  max-width: 360px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .footer-fngst-1__wrapper {
    max-width: 100%;
  }
}
.footer-fngst-1__wrapper > .footer-5__white-block {
  display: none;
  background: var(--footer-color);
  width: 160px;
  height: 36px;
  position: absolute;
  right: 0;
  top: -36px;
}
@media (min-width: 600px) {
  .footer-fngst-1__wrapper > .footer-5__white-block {
    display: block;
    width: auto;
    top: -36px;
  }
}
.footer-fngst-1__menu {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 70px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
@media (min-width: 767px) {
  .footer-fngst-1__menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.footer-fngst-1__menu a {
  color: var(--footer-color);
  text-decoration: none;
  font-size: 18px;
  font-weight: lighter;
  font-weight: bold;
  font-family: var(--footer-font-family);
}
.footer-fngst-1__menu a._selected {
  text-decoration: underline;
  font-weight: 600;
}
.footer-fngst-1__menu a:hover {
  filter: brightness(85%);
  cursor: pointer;
}
.footer-fngst-1__social {
  display: flex;
  gap: 43px;
}
.footer-fngst-1__social a {
  text-decoration: none;
}
.footer-fngst-1__social a fengstui-button button {
  background-color: var(--secondary) !important;
}
.footer-fngst-1__copywrite {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 30px;
  max-width: 764px;
}
@media (min-width: 767px) {
  .footer-fngst-1__copywrite {
    grid-template-columns: 1fr 1fr;
  }
}
.footer-fngst-1__copywrite > div {
  display: flex;
  flex-direction: column;
  text-align: left;
  font-family: var(--footer-font-family);
}
.footer-fngst-1__copywrite a {
  color: var(--footer-color);
  text-decoration: none;
}
.footer-fngst-1__copywrite-name {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 18px;
}
.footer-fngst-1__copywrite-phone {
  font-weight: bold;
  margin-bottom: 12px;
}
@media (min-width: 450px) {
  .footer-fngst-1__copywrite-phone {
    margin: 0;
  }
}
.footer-fngst-1__copywrite-addr, .footer-fngst-1__copywrite-copy, .footer-fngst-1__copywrite-id,
.footer-fngst-1__copywrite strong {
  font-size: 16px;
}
.footer-fngst-1__copywrite-terms {
  font-family: var(--footer-font-family);
  font-size: 16px;
  line-height: 18px;
  font-weight: bold;
}
.resale-bar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  background-color: var(--secondary);
  color: var(--on-secondary);
  width: 100%;
  height: 70px;
  padding: 1em;
  box-sizing: border-box;
  border-bottom: 2px solid var(--secondary);
  text-align: center;
}
.resale-bar--with-admin:not(.resale-bar--with-staging), .resale-bar--with-staging:not(.resale-bar--with-admin) {
  top: 70px;
}
.resale-bar--with-admin.resale-bar--with-staging {
  top: 140px;
}
.resale-bar .resale-bar-action {
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 8px 18px;
}
.fengstlayout-modal {
  min-height: 200px;
}
.fengstlayout-modal .mat-dialog-content {
  max-height: 70%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  overflow-y: auto;
}
@media (min-width: 767px) {
  .fengstlayout-modal .mat-dialog-content {
    padding: 0 24px;
  }
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar {
  width: 0.5em;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-track-piece {
  background-color: #f1f1f1;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-thumb {
  background-color: #D0D0D0;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-thumb:hover {
  background-color: #8f8f8f;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button {
  background-color: #fcfcfc;
  display: block;
  border-style: solid;
  height: 10px;
  width: 8px;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical {
  /* Up */
  /* Down */
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:decrement {
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #ebebeb transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  border-color: transparent transparent #9b9b9b transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:increment {
  border-width: 8px 8px 0 8px;
  border-color: #ebebeb transparent transparent transparent;
}
.fengstlayout-modal .mat-dialog-content::-webkit-scrollbar-button:single-button:vertical:increment:hover {
  border-color: #9b9b9b transparent transparent transparent;
}
.fengstlayout-modal .mat-dialog-container {
  height: auto;
  max-height: 96vh;
}
.fengstlayout-modal__text {
  display: block;
  height: 90vh;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.fengstlayout-modal__text p {
  text-align: justify;
}
.fengstlayout-modal__text p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstlayout-modal__header {
  position: relative;
  margin-bottom: 15px;
}
.fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
  grid-gap: 5px;
  display: grid;
  grid-template-columns: auto 40px;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
    grid-gap: 15px;
    padding-left: 40px;
  }
}
@media (min-width: 992px) {
  .fengstlayout-modal__header:not(.fengstlayout-modal__header--plan) {
    padding-left: 55px;
  }
}
.fengstlayout-modal__header h1 {
  display: block;
  text-align: center;
  word-break: break-word;
  font-size: 22px;
  margin: 3px 0px;
}
.fengstlayout-modal__header--plan {
  border-radius: 0;
}
.fengstlayout-modal__header--plan .fengstlayout-modal__close-button {
  position: absolute;
  right: 10px;
  top: 18px;
}
.fengstlayout-modal__header--plan > div {
  width: 100%;
  height: 72px;
  background-size: cover;
  background-position-y: 21%;
}
.fengstlayout-modal__header--plan > button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.13);
  right: 16px;
  top: 16px;
  font-size: 24px;
}
.fengstlayout-modal div.modal-text p {
  text-align: justify;
}
.fengstlayout-modal ::ng-deep mat-dialog-content div.modal-html p {
  text-align: justify;
}
.fengstlayout-modal ::ng-deep mat-dialog-content div.modal-html p img {
  display: block;
  width: 100%;
  height: auto;
  margin: auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.fengstlayout-modal-success {
  min-height: 480px;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fengstlayout-modal-success ::ng-deep .mat-dialog-content {
  max-height: inherit !important;
}
.fengstlayout-modal-success header h1 {
  display: block;
  text-align: center;
  font-size: 22px;
  margin: 3px 0px;
}
.fengstlayout-modal-success header button.modal-close {
  display: block;
  background: none;
  position: absolute;
  right: -10px;
  top: -15px;
  cursor: pointer;
}
.fengstlayout-modal-success header button.modal-close i {
  color: #000;
}
.fengstlayout-modal-success div.modal-text p {
  text-align: justify;
}
.modal-view-activate-ticket-card {
  position: relative;
  padding: 10px 0 20px;
}
.modal-view-activate-ticket-card__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.modal-view-activate-ticket-card__content > *:not(:nth-last-child(-n+2)) {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.modal-view-activate-ticket-card__content--not-auth {
  text-align: center;
}
.modal-view-activate-ticket-card__content > p:first-child {
  text-align: center;
}
.modal-view-activate-ticket-card__content-ticket-card-info {
  display: grid;
  grid-gap: 25px;
}
.modal-view-activate-ticket-card__content-ticket-card-info div {
  display: grid;
}
.modal-view-activate-ticket-card__content fengstui-button .feng-btn {
  width: 100%;
}
.modal-view-add-guest {
  position: relative;
  padding: 10px 0 20px;
}
.modal-view-add-guest__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.modal-view-add-guest__content--not-auth {
  text-align: center;
}
.modal-view-add-guest__content .modal-add-guest-total {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  max-width: 320px;
  align-items: center;
  justify-items: center;
  margin: 10px auto;
  border: 1px solid var(--secondary);
  border-radius: 10px;
  padding: 5px;
  font-weight: bold;
}
.modal-view-add-guest__content .modal-add-guest-info {
  max-width: 320px;
  margin: auto;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
.modal-view-add-guest__content .modal-add-guest-info ul {
  padding: 0px;
  margin: 0px;
}
.modal-view-add-guest__content .modal-add-guest-info ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 14px;
}
.modal-view-add-guest__content button {
  display: block;
  width: 100%;
  max-width: 320px;
  font-weight: bold;
  margin: auto;
}
.modal-view-add-guest__table {
  display: grid;
  grid-row-gap: 15px;
  align-items: center;
  justify-items: center;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .modal-view-add-guest__table {
    grid-template-columns: 1fr 1fr;
  }
}
.modal-view-add-guest__table-title {
  color: var(--primary);
  border-bottom: 1px solid var(--primary);
  padding-bottom: 10px;
  width: 100%;
  display: none;
}
@media (min-width: 992px) {
  .modal-view-add-guest__table-title {
    display: block;
  }
}
.modal-view-add-guest__table-content {
  font-weight: bold;
  margin-bottom: 10px;
  width: 100%;
}
.modal-view-add-guest h1 {
  font-size: 20px;
  font-weight: lighter;
  display: block;
  width: 100%;
  text-align: center;
}
.modal-view-add-guest h2 {
  font-size: 17px;
  display: block;
  width: 100%;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--on-background);
  background-color: var(--background);
  overflow: auto;
}
.fengstlayout-modal-view-experience-rescue__description {
  width: 100%;
  padding: 10px 10px 20px;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue__description a {
  display: block;
}
.fengstlayout-modal-view-experience-rescue__price {
  display: grid;
  gap: 1em;
  margin-bottom: 2.5em;
}
.fengstlayout-modal-view-experience-rescue__price h3 {
  font: 700 40px/40px var(--font-title);
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue__warning {
  padding: 2em;
  border-radius: 4px;
  margin: 2em auto;
}
.fengstlayout-modal-view-experience-rescue__warning--points {
  border: 2px solid #D0D0D0;
  background-color: #F8F8F8;
  color: #000000;
  text-align: left;
}
.fengstlayout-modal-view-experience-rescue__warning--points ul > li {
  font-size: 16px;
}
.fengstlayout-modal-view-experience-rescue__warning--creditcard {
  text-align: center;
  color: #F8F8F8;
  background-color: #000000;
}
.fengstlayout-modal-view-experience-rescue__term {
  display: flex;
  height: auto;
  min-height: 100px;
  max-height: 200px;
  padding: 20px 15px 25px 20px;
  margin: 20px 10px;
  border-radius: 15px;
  box-shadow: 1px 1px 10px 0px rgba(var(--on-background-RGB), 0.2);
}
.fengstlayout-modal-view-experience-rescue__term__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-experience-rescue__term__box::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-experience-rescue__action {
  display: inline-table;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-experience-rescue__action-terms {
  display: grid;
  grid-auto-flow: column;
  gap: 3px;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-experience-rescue__action button {
  width: 80%;
  min-width: 200px;
  max-width: 335px;
  height: 45px;
  font-weight: bold;
}
::ng-deep .mat-checkbox-layout {
  white-space: normal !important;
  text-align: left;
}
@media (min-width: 767px) {
  ::ng-deep .mat-checkbox-layout {
    white-space: nowrap;
  }
}
::ng-deep .app-modal-default {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default {
    max-width: 80vw;
  }
}
::ng-deep .app-modal-default .mat-dialog-container {
  border-radius: 0;
  box-shadow: none;
  min-height: 100vh;
  padding: 4px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template: auto/auto;
  align-items: center;
  height: auto;
  min-height: 82px;
  font-size: 20px;
  background-color: #F2F2F2;
  padding: 15px 40px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-content {
  margin: 0;
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 10px;
}
::ng-deep .app-modal-default .mat-checkbox-label {
  line-height: 1em;
}
::ng-deep .app-modal-default header button.modal-default-close {
  right: 15px !important;
  top: 5px !important;
}
::ng-deep .app-modal-default header h1 {
  font-size: 16px !important;
  line-height: 1.4em;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 18px !important;
  }
}
@media (min-width: 767px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 22px !important;
  }
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  white-space: pre-wrap;
}
.fengstlayout-modal-view-experience-rescue-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__description {
  text-align: center;
  line-height: 1.15em;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue-detail__description ul {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-experience-rescue-detail__description ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.fengstlayout-modal-view-experience-rescue-detail__digital-prod-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__digital-prod-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-textarea .mat-form-field-infix {
  width: 160px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-textarea .mat-form-field-infix {
    width: 420px;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__question-msg fengstui-button .feng-btn {
  margin-top: 10px;
}
.fengstlayout-modal-view-experience-rescue-detail__numbers {
  display: grid;
  grid-gap: 10px;
  font-size: 2em;
  padding: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-experience-rescue-detail__numbers strong {
  font-size: 2em;
  line-height: 1.2em;
}
.fengstlayout-modal-view-experience-rescue-detail__price {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  padding: 20px 0;
}
.fengstlayout-modal-view-experience-rescue-detail__price strong:not(.--free) {
  margin: 0 0.25em;
  font-size: 4em;
}
.fengstlayout-modal-view-experience-rescue-detail__price strong.--free {
  font-size: 2em;
}
.fengstlayout-modal-view-experience-rescue-detail__money {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.fengstlayout-modal-view-experience-rescue-detail__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__title {
    flex-direction: row;
    gap: 0;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__title > span {
  display: flex;
}
.fengstlayout-modal-view-experience-rescue-detail__table {
  text-align: center;
  position: relative;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table {
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-head {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table-head {
    display: grid;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-body {
  position: relative;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 10px 0;
  height: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row:last-child {
  border: none;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__table-body-row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "cobrança id status pagamento valor";
  }
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__table-body-row > div {
  margin: 0 10px;
}
.fengstlayout-modal-view-experience-rescue-detail__table-description {
  grid-area: cobrança;
}
.fengstlayout-modal-view-experience-rescue-detail__table-id {
  grid-area: id;
  word-break: break-all;
}
.fengstlayout-modal-view-experience-rescue-detail__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--paid {
  color: var(--success);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--waiting {
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--attempt {
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__table-status .--cancelled {
  color: var(--error);
}
.fengstlayout-modal-view-experience-rescue-detail__table-action {
  grid-area: pagamento;
}
.fengstlayout-modal-view-experience-rescue-detail__table-value {
  grid-area: valor;
}
.fengstlayout-modal-view-experience-rescue-detail__table-value strong {
  font-size: inherit !important;
}
.fengstlayout-modal-view-experience-rescue-detail__history-title {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-experience-rescue-detail__history-title {
    text-align: inherit;
  }
}
.fengstlayout-modal-view-experience-rescue-detail__no-pending-payments {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
}
.fengstlayout-modal-view-experience-rescue-detail__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstlayout-modal-view-experience-rescue-detail__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstlayout-modal-view-experience-rescue-detail__winner-text {
  display: grid;
  grid-gap: 25px;
  margin: 20px auto;
  font-size: 1.75em;
}
.fengstlayout-modal-view-experience-rescue-detail__winner-text i {
  font-size: 2em;
  color: var(--success);
}
.fengstlayout-modal-view-experience-rescue-detail__action {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: column;
  padding: 10px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--active-action {
  position: relative;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--active-action::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstlayout-modal-view-experience-rescue-detail__action .--not-active-action {
  opacity: 0.5;
}
.fengstlayout-modal-view-experience-rescue-detail__box {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 100px;
  max-height: 400px;
  padding: 20px 15px 25px 20px;
  margin-bottom: 20px;
  border-radius: 15px;
  box-shadow: 1px 1px 5px 0px rgba(var(--on-background-RGB), 0.1);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-experience-rescue-detail__box-content--text-color {
  color: var(--primary);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-experience-rescue-detail__box-content::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-experience-rescue-payment-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul {
  list-style-type: none;
  margin: 0 auto;
  padding: 1rem;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li {
  list-style: none;
  padding: 1rem;
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li:nth-child(odd) {
  background-color: rgba(var(--primary-RGB), 0.25);
}
.fengstlayout-modal-view-experience-rescue-payment-detail ul li strong {
  font-weight: bold;
}
.modal-view-bank-slip {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  justify-items: center;
}
.modal-view-bank-slip__content {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
  padding: 5px;
}
.modal-view-net-promoter-score {
  display: grid;
  justify-items: center;
  padding-bottom: 30px;
}
.modal-view-net-promoter-score__container {
  display: grid;
  gap: 5px;
  width: 100%;
  padding-bottom: 30px;
  margin-bottom: 50px;
  text-align: center;
  border-bottom: 2px solid rgba(var(--primary-RGB), 0.15);
}
.modal-view-net-promoter-score__container:last-of-type {
  border-bottom: none;
}
.modal-view-net-promoter-score__container .legends {
  font-style: italic;
}
.modal-view-net-promoter-score__container .legends span {
  opacity: 0.4;
}
@media (min-width: 767px) {
  .modal-view-net-promoter-score__container .legends {
    display: none;
  }
}
.modal-view-net-promoter-score__answer {
  display: grid;
  gap: 5px;
  margin: 1rem 0;
  padding: 10px;
}
@media (min-width: 992px) {
  .modal-view-net-promoter-score__answer {
    width: 100%;
    margin: 0 auto;
  }
}
.modal-view-net-promoter-score__answer-buttons {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}
@media (min-width: 992px) {
  .modal-view-net-promoter-score__answer-buttons {
    flex-wrap: nowrap;
  }
}
.modal-view-net-promoter-score__answer-input .feng-textarea {
  width: 100%;
}
.modal-view-net-promoter-score__answer-score-description {
  opacity: 0.4;
  justify-content: space-between;
  display: none;
}
@media (min-width: 767px) {
  .modal-view-net-promoter-score__answer-score-description {
    display: flex;
  }
}
.modal-view-net-promoter-score__answer-score-description i {
  display: inline-block;
  padding: 3px;
  color: var(--primary);
}
.modal-view-net-promoter-score__answer-score-description i:nth-child(2) {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.modal-view-track-detail {
  display: flex;
  flex-direction: column;
}
.modal-view-track-detail .detail-grid {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .modal-view-track-detail .detail-grid {
    flex-direction: row;
  }
}
.modal-view-track-detail .step {
  display: grid;
  grid-template-columns: 40px auto;
  grid-template-rows: 40px auto;
  grid-template-areas: "icon status" "divider date";
  grid-gap: 5px;
  height: 100px;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step {
    width: 20%;
    height: auto;
    grid-template-columns: 1fr;
    grid-template-rows: 40px 10px auto auto;
    grid-template-areas: "icon" "divider" "status" "date";
    margin: 0 10px;
  }
}
.modal-view-track-detail .step .icon {
  grid-area: icon;
  display: grid;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.modal-view-track-detail .step .icon.step-1 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-1.svg");
}
.modal-view-track-detail .step .icon.step-2 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-2.svg");
}
.modal-view-track-detail .step .icon.step-3 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-3.svg");
}
.modal-view-track-detail .step .icon.step-4 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-4.svg");
}
.modal-view-track-detail .step .icon.step-5 {
  background-image: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/icons/track-step-5.svg");
}
.modal-view-track-detail .step .divider {
  grid-area: divider;
  width: 5px;
  height: 50px;
  justify-self: center;
  background-color: var(--primary);
  border-radius: 10px;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step .divider {
    width: 100%;
    height: 5px;
  }
}
.modal-view-track-detail .step .status {
  grid-area: status;
}
.modal-view-track-detail .step .date-time {
  grid-area: date;
}
.modal-view-track-detail .step .status,
.modal-view-track-detail .step .date-time {
  display: grid;
  align-items: center;
}
@media (min-width: 992px) {
  .modal-view-track-detail .step .status,
.modal-view-track-detail .step .date-time {
    text-align: center;
  }
}
.modal-view-track-detail .step.off .divider {
  background-color: #DEDEDE;
}
.modal-view-track-detail .step.off .icon,
.modal-view-track-detail .step.off .status,
.modal-view-track-detail .step.off .date-time {
  filter: opacity(0.5);
}
.modal-view-track-detail .more-info {
  display: flex;
  flex-direction: column;
}
.modal-view-track-detail .more-info .more-info__button {
  margin: 15px auto;
}
.modal-view-track-detail table {
  width: 100%;
  font-size: 0.9em;
}
.modal-view-track-detail table thead {
  font-weight: bold;
  color: var(--primary);
  background-color: #DEDEDE;
}
.modal-view-track-detail table thead th {
  padding: 5px;
}
.modal-view-track-detail table th,
.modal-view-track-detail table td {
  text-align: left;
  padding: 3px 5px;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 20%;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 20%;
}
.modal-view-track-detail table th:nth-child(1),
.modal-view-track-detail table td:nth-child(1) {
  widows: 60%;
}
.modal-view-track-detail table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.modal-view-track-detail table .hide-mobile {
  display: none;
}
@media (min-width: 992px) {
  .modal-view-track-detail table .hide-mobile {
    display: inline-table;
  }
}
.modal-view-optin-choice {
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: center;
}
.modal-view-events-detail {
  display: block;
}
.modal-view-events-detail__championship p,
.modal-view-events-detail__championship h4 {
  text-align: center;
}
.modal-view-events-detail__championship p {
  margin: 0;
}
.modal-view-events-detail__championship-date {
  font-size: 20px;
  color: var(--primary);
  font-style: italic;
  text-transform: uppercase;
}
.modal-view-events-detail__match-info {
  margin: 10px auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  max-width: 550px;
  justify-content: center;
  align-items: center;
}
.modal-view-events-detail__match-info.has-pacote {
  grid-template-columns: 1fr;
}
.modal-view-events-detail__match-info div.match {
  display: block;
}
@media (min-width: 992px) {
  .modal-view-events-detail__match-info div.match {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    justify-content: center;
    align-items: center;
    grid-column-gap: 10px;
  }
  .modal-view-events-detail__match-info div.match.match-pacote {
    grid-template-columns: 1fr;
    grid-column-gap: 0px;
    max-width: 440px;
  }
}
.modal-view-events-detail__match-info div.match img {
  width: 85px;
  height: 85px;
  object-fit: contain;
}
.modal-view-events-detail__match-info div.match span {
  display: block;
  font-weight: bold;
}
@media (min-width: 992px) {
  .modal-view-events-detail__match-info div.match span {
    text-transform: uppercase;
    font-size: 22px;
  }
}
.modal-view-events-detail__match-info div.match-hour {
  letter-spacing: 3px;
  color: var(--primary-dark);
  font-size: 22px;
  font-weight: bolder;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-self: center;
}
.modal-view-events-detail__countdown {
  border: solid 1.5px var(--primary);
  padding: 10px 20px;
  max-width: 400px;
  margin: 10px auto;
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}
.modal-view-events-detail__countdown p {
  margin-right: 10px;
  text-align: center;
}
.modal-view-events-detail__countdown strong {
  margin: 0 5px;
  display: flex;
  flex-direction: column;
  font-size: 30px;
  font-weight: bold;
  color: var(--primary);
  text-align: center;
}
.modal-view-events-detail__countdown .wave-timer-description {
  color: #7F7F7F;
  font-size: 11px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  justify-content: center;
  grid-gap: 20px;
}
.modal-view-events-detail__waves {
  display: block;
  position: relative;
  width: 100%;
  min-height: 100px;
  padding: 2.5em;
}
.modal-view-events-detail__waves #prev,
.modal-view-events-detail__waves #next {
  font-size: 2em;
  color: var(--primary);
  position: absolute;
  z-index: 9;
  top: 2em;
}
.modal-view-events-detail__waves #prev {
  left: 0;
}
.modal-view-events-detail__waves #next {
  right: 0;
}
.modal-view-events-detail__waves .wave-info {
  width: 200px;
  padding: 0;
  margin: 0;
  overflow: hidden !important;
}
.modal-view-events-detail__waves .wave-info.scrollOndas {
  min-width: 100%;
}
@media (min-width: 767px) {
  .modal-view-events-detail__waves .wave-info.scrollOndas {
    min-width: 190px;
  }
}
@media (min-width: 992px) {
  .modal-view-events-detail__waves .wave-info.scrollOndas {
    min-width: 33%;
  }
}
.modal-view-events-detail__waves .wave-info.swiper-slide-active .plan-levels {
  border-bottom-width: 8px;
}
.modal-view-events-detail__waves .wave-situation {
  font-size: 10px;
  margin: 0;
  padding: 0px;
  margin: 0px;
}
.modal-view-events-detail__waves .plan-name {
  font-size: 13px;
  min-height: 100px;
}
.modal-view-events-detail__waves .plan-levels {
  font-size: 13px;
  margin: 0px;
  padding: 0px;
  letter-spacing: 1.2px;
  padding-bottom: 16px;
  border-bottom-style: solid;
  border-bottom-color: var(--primary);
  border-bottom-width: 3px;
  min-height: 53px;
  margin-top: 8px;
}
.modal-view-events-detail__waves .time-open-wave {
  font-size: 12px;
  padding: 0px;
  margin: 0px;
  margin-top: 5px;
}
.modal-view-events-detail__waves .scrollOndas {
  min-width: 100%;
}
@media (min-width: 767px) {
  .modal-view-events-detail__waves .scrollOndas {
    min-width: 190px;
  }
}
.modal-view-events-detail__description table {
  width: 100%;
}
.modal-view-events-detail__description table tr {
  position: relative;
  background: white;
  font-weight: normal;
  padding: 10px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e2;
}
.modal-view-events-detail__description table tr:first-child {
  padding-top: 0;
}
.modal-view-events-detail__description table tr:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
.modal-view-events-detail__description table td:last-child {
  text-align: right;
  font-weight: bold !important;
}
.modal-view-events-detail__description ol {
  display: block;
  list-style: none;
  text-align: left;
  margin: 0px;
  padding: 0px;
  padding: 0px;
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .modal-view-events-detail__description ol {
    max-width: 400px;
  }
}
.modal-view-events-detail__description ol li {
  background: rgba(var(--primary-RGB), 0.15);
  padding: 0px;
  padding-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  display: block;
  width: 100%;
}
.modal-view-events-detail__description ol li ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: var(--background);
  color: var(--on-background);
  margin-top: 10px;
  text-align: left;
  width: 100%;
  display: block;
}
.modal-view-events-detail__description ol li ul li {
  position: relative;
  font-weight: normal;
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.33);
  padding: 10px;
  text-align: left;
  width: 100%;
  display: block;
  color: var(--on-background);
  background: var(--background);
}
.modal-view-events-detail__description ol li ul li ul li {
  position: absolute;
  border-bottom: none;
  right: 5px;
  top: 2px;
  background: none;
  text-align: right;
}
.modal-view-events-detail__action {
  display: grid;
  justify-content: center;
}
.modal-view-events-detail__action p {
  font-size: 20px;
  font-weight: bold;
}
.modal-virtual-ticket-card-1 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-1__card-data-row {
  height: 10px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1__card-data-row {
    height: 15px;
  }
}
.modal-virtual-ticket-card-1 #card {
  display: flex;
  position: relative;
  height: 117px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card {
    height: 187px;
  }
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card {
  bottom: 22px;
  left: 5px;
  position: absolute;
  text-align: left;
  width: 100%;
  height: 1vh;
  font-size: 10px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card {
    width: 140px;
    left: 15px;
    height: 23px;
    line-height: 1;
    font-size: 15px;
  }
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card > span {
  margin: 0;
  font-size: 5px;
  font-family: var(--font-primary);
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card > span {
    font-size: 10px;
  }
}
.modal-virtual-ticket-card-1 #card .modal-virtual-ticket-card-1__card-data {
  margin-left: 9px;
}
.modal-virtual-ticket-card-1 #card img {
  width: 200px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 #card img {
    width: 320px;
  }
}
.modal-virtual-ticket-card-1 .downloadButton {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.modal-virtual-ticket-card-1 #download {
  display: none;
}
.modal-virtual-ticket-card-1 .message {
  width: 200px;
  font-size: 1rem;
  text-align: center;
  margin: 1rem 0;
  font-weight: normal;
  font: 400 17px/17px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-1 .message {
    width: 320px;
    text-align: center;
  }
}
.modal-virtual-ticket-card-2 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-2 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-2 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-2__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 230px;
  height: 230px;
  border: 4px solid;
  padding: 18px 18px 10px;
  margin-bottom: 2%;
  font-family: var(--font-title);
  background: #262626;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-2__card {
    width: 222px;
  }
}
@media (min-width: 767px) {
  .modal-virtual-ticket-card-2__card {
    width: 398px;
    height: 240px;
  }
}
.modal-virtual-ticket-card-2__card-gold {
  background: #D19600;
  color: #333333;
}
.modal-virtual-ticket-card-2__card-silver {
  background: #D6D5D5;
  color: #333333;
}
.modal-virtual-ticket-card-2__card-santista {
  background: #ffffffef;
  color: #333333;
}
.modal-virtual-ticket-card-2__card img {
  width: 100px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-2__card img {
    width: 144px;
  }
}
.modal-virtual-ticket-card-2__card-data {
  display: grid;
  gap: 22px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-2__card-data-row {
  display: grid;
  align-items: start;
  gap: 8px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-2__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-2__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-2__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-2__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-2 #download {
  display: none;
}
.modal-virtual-ticket-card-3 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-3 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-3 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 50px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-3__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 340px;
  height: 218px;
  padding: 18px 18px 10px;
  margin-bottom: 16%;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
.modal-virtual-ticket-card-3__card span {
  width: 76px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border-radius: 100px;
}
.modal-virtual-ticket-card-3__card span > img {
  width: 42px;
}
.modal-virtual-ticket-card-3__card-data {
  display: grid;
  gap: 33px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-3__card-data-row {
  display: grid;
  align-items: start;
  gap: 6px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-3__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-3__card-personal-information {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-personal-information--branco {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-personal-information--tricolor {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-plan-information {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-plan-information--branco {
  color: #000000;
}
.modal-virtual-ticket-card-3__card-plan-information--tricolor {
  color: #F8F8F8;
}
.modal-virtual-ticket-card-3__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-3__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-3__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-3 #download {
  display: none;
}
.modal-virtual-ticket-card-4 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-4 .modal-close {
  text-align: end;
  margin-bottom: 24px;
}
.modal-virtual-ticket-card-4 > h1 {
  font-family: var(--font-title);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  margin: 0 0 20px;
  color: #3D3E42;
}
.modal-virtual-ticket-card-4__card {
  display: grid;
  grid-template: auto/auto auto;
  width: 230px;
  height: 230px;
  border: 4px solid;
  padding: 18px 18px 10px;
  margin-bottom: 2%;
  font-family: var(--font-title);
  background: #262626;
  color: #ebebeb;
  text-align: center;
  overflow: hidden;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-4__card {
    width: 222px;
  }
}
@media (min-width: 767px) {
  .modal-virtual-ticket-card-4__card {
    width: 398px;
    height: 240px;
  }
}
.modal-virtual-ticket-card-4__card-gold {
  background: #D19600;
  color: #333333;
}
.modal-virtual-ticket-card-4__card-silver {
  background: #D6D5D5;
  color: #333333;
}
.modal-virtual-ticket-card-4__card-santista {
  background: #ffffffef;
  color: #333333;
}
.modal-virtual-ticket-card-4__card img {
  width: 100px;
}
@media (min-width: 576px) {
  .modal-virtual-ticket-card-4__card img {
    width: 144px;
  }
}
.modal-virtual-ticket-card-4__card-data {
  display: grid;
  gap: 22px;
  margin: 0px 19px 15px 6px;
}
.modal-virtual-ticket-card-4__card-data-row {
  display: grid;
  align-items: start;
  gap: 8px;
  grid-template: 1fr/auto auto auto;
}
.modal-virtual-ticket-card-4__card-data-row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.modal-virtual-ticket-card-4__card-title {
  margin: 0;
  font-weight: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: left;
}
.modal-virtual-ticket-card-4__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-4__card-qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-4 #download {
  display: none;
}
.modal-virtual-ticket-card-5 {
  position: relative;
  display: grid;
  gap: 1em;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-virtual-ticket-card-5 .modal-close {
  text-align: end;
}
.modal-virtual-ticket-card-5 .modal-close i {
  font-size: 1.4em;
}
.modal-virtual-ticket-card-5__card {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-template-rows: 76px 180px auto;
  gap: 1em;
  width: 270px;
  height: 430px;
  padding: 20px 20px 30px;
  font-family: var(--font-title);
  border: 4px solid;
}
@media (min-width: 992px) {
  .modal-virtual-ticket-card-5__card {
    width: 320px;
    height: 480px;
    grid-template-rows: 76px 230px auto;
  }
}
.modal-virtual-ticket-card-5__data {
  display: grid;
  gap: 5px;
  line-height: 1em;
  width: 100%;
  text-align: center;
}
.modal-virtual-ticket-card-5__data strong {
  font-size: 1.2em;
  line-height: 1.4em;
}
.modal-virtual-ticket-card-5__data small {
  font-size: 0.75em;
}
.modal-virtual-ticket-card-5__logo {
  width: auto;
  height: 100%;
  padding: 1em 0;
}
.modal-virtual-ticket-card-5__qr .qrimg {
  height: 76px;
}
.modal-virtual-ticket-card-5__qr .qrimg > img {
  width: 76px;
  height: 76px;
}
.modal-virtual-ticket-card-5__info {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
  text-align: initial;
}
.modal-virtual-ticket-card-5 #download {
  display: none;
}
.modal-certificate-1 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-1 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-1__card {
  width: 338px;
  height: 317px;
  font-family: var(--font-title);
  background-size: cover;
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
}
@media (min-width: 576px) {
  .modal-certificate-1__card {
    width: 370px;
    height: 270px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card {
    width: 575px;
    height: 500px;
  }
}
.modal-certificate-1__card-data {
  gap: 33px;
  margin: 56% 25% 0px 6px;
  align-content: center;
}
@media (min-width: 576px) {
  .modal-certificate-1__card-data {
    margin: 42% 28% 0px 6px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card-data {
    margin: 52% 38% 0px 6px;
  }
}
.modal-certificate-1__card-info {
  margin: 0;
  font-weight: 700;
  font-size: 1em;
  line-height: 21px;
  text-align: left;
  color: #000;
}
@media (min-width: 576px) {
  .modal-certificate-1__card-info {
    font-size: 1.1em;
  }
}
@media (min-width: 767px) {
  .modal-certificate-1__card-info {
    font-size: 1.4em;
  }
}
.modal-certificate-1 #download {
  display: none;
}
.modal-certificate-2 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-2 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-2__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-2__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card {
    width: 700px;
  }
}
.modal-certificate-2__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-2__card-data {
  color: #000;
}
.modal-certificate-2__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-2__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-2__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-2__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 85px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-name {
    top: 113px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-name {
    top: 165px;
    font-size: 18px;
  }
}
.modal-certificate-2__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-2__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-2__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-2__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-2__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-2 #download {
  display: none;
}
.modal-certificate-3 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-3 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-3__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  margin-bottom: 4%;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-3__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card {
    width: 700px;
  }
}
.modal-certificate-3__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-3__card-data {
  color: #000;
}
.modal-certificate-3__card-info {
  font-family: "serif";
  position: absolute;
  font-size: 8px;
  top: 62px;
  right: 124px;
}
.modal-certificate-3__card-info.st-fem {
  top: 61px;
  right: 121px;
}
@media (min-width: 767px) {
  .modal-certificate-3__card-info.st-fem {
    top: 87px;
    right: 157px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-info.st-fem {
    top: 128px;
    right: 230px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-3__card-info {
    font-size: 13px;
    top: 87px;
    right: 162px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-info {
    font-size: 17px;
    top: 128px;
    right: 235px;
  }
}
.modal-certificate-3__card-name {
  font-family: "serif";
  position: absolute;
  transform: translate(50%);
  right: 50%;
  width: 100%;
  top: 125px;
  font-size: 10px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: var(--primary);
}
@media (min-width: 767px) {
  .modal-certificate-3__card-name {
    top: 175px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-name {
    top: 255px;
    font-size: 18px;
  }
}
.modal-certificate-3__card-gender {
  font-family: "serif";
  position: absolute;
  line-height: 100%;
  font-size: 7px;
  top: 110px;
  left: 132px;
}
.modal-certificate-3__card-gender.st-fem {
  font-size: 8px;
  top: 107px;
  left: 132px;
}
@media (min-width: 767px) {
  .modal-certificate-3__card-gender.st-fem {
    font-size: 11px;
    top: 150px;
    left: 185px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-gender.st-fem {
    font-size: 16px;
    top: 210px;
    left: 259px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-3__card-gender {
    font-size: 10px;
    top: 152px;
    left: 183px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-3__card-gender {
    font-size: 15px;
    top: 212px;
    left: 256.5px;
  }
}
.modal-certificate-3 #download {
  display: none;
}
.modal-certificate-4 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
}
.modal-certificate-4 div:nth-child(5) {
  margin-top: 10%;
}
.modal-certificate-4 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-4__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-4__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-4__card {
    width: 700px;
  }
}
.modal-certificate-4__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-4__card-data {
  color: #000;
}
.modal-certificate-4__card-name {
  font-family: "arial";
  position: absolute;
  transform: translate(50%);
  right: 46%;
  width: 100%;
  top: 441px;
  font-size: 11px;
  line-height: 100%;
  text-transform: capitalize;
  font-weight: 600;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: start;
}
@media (min-width: 767px) {
  .modal-certificate-4__card-name {
    top: 614px;
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-4__card-name {
    top: 864px;
    right: 320px;
    font-size: 21px;
  }
}
.modal-certificate-4 #download {
  display: none;
}
.modal-certificate-5 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  min-width: 300px;
  min-height: 300px;
  text-align: center;
}
.modal-certificate-5 .modal-close {
  text-align: end;
  margin-top: 20px;
}
.modal-certificate-5__card {
  width: 360px;
  font-family: var(--font-title);
  border: 4px solid;
  color: #0000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-5__card {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card {
    width: 700px;
  }
}
.modal-certificate-5__card img {
  object-fit: contain;
  width: 100%;
}
.modal-certificate-5__card h1 {
  z-index: 9;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #FFF;
  font-family: var(--retrospective-title-font-family);
  text-transform: uppercase;
  line-height: 100%;
  font-size: 32px;
  margin-top: -558px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card h1 {
    margin-top: -789px;
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card h1 {
    margin-top: -1100px;
    font-size: 65px;
  }
}
.modal-certificate-5__card > div:nth-child(3) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 39px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(3) {
    width: 107px;
    margin-top: -475px;
    margin-left: 56px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(3) {
    width: 152px;
    margin-top: -661px;
    margin-left: 77px;
  }
}
.modal-certificate-5__card > div:nth-child(3) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(3) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(3) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(4) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 138px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(4) {
    width: 107px;
    margin-top: -475px;
    margin-left: 193px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(4) {
    margin-top: -661px;
    margin-left: 272px;
    width: 152px;
  }
}
.modal-certificate-5__card > div:nth-child(4) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(4) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(4) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(5) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -343px;
  margin-left: 235px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(5) {
    width: 107px;
    margin-top: -475px;
    margin-left: 330px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(5) {
    width: 152px;
    margin-top: -661px;
    margin-left: 462px;
  }
}
.modal-certificate-5__card > div:nth-child(5) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(5) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(5) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(6) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -253px;
  margin-left: 88px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(6) {
    width: 107px;
    margin-top: -348px;
    margin-left: 123px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(6) {
    width: 152px;
    margin-top: -484px;
    margin-left: 173px;
  }
}
.modal-certificate-5__card > div:nth-child(6) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(6) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(6) p {
    font-size: 38px;
  }
}
.modal-certificate-5__card > div:nth-child(7) {
  position: absolute;
  color: #FFF;
  display: flex;
  justify-content: center;
  width: 78px;
  margin-top: -253px;
  margin-left: 184px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(7) {
    width: 107px;
    margin-top: -348px;
    margin-left: 258px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(7) {
    width: 152px;
    margin-top: -484px;
    margin-left: 362px;
  }
}
.modal-certificate-5__card > div:nth-child(7) p {
  font-family: var(--retrospective-userData-font-family);
  margin: 0;
  font-size: 24px;
}
@media (min-width: 767px) {
  .modal-certificate-5__card > div:nth-child(7) p {
    font-size: 33px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__card > div:nth-child(7) p {
    font-size: 38px;
  }
}
.modal-certificate-5__stamps {
  position: absolute;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  z-index: 9;
  margin-right: 14px;
  margin-left: 10px;
  margin-top: -154px;
  width: 94%;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps {
    margin-left: 11px;
    margin-top: -213px;
    width: 95%;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps {
    margin-left: 12px;
    margin-top: -296px;
    width: 96%;
  }
}
.modal-certificate-5__stamps img {
  width: 50px;
  height: 50px;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps img {
    width: 70px;
    height: 70px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps img {
    width: 100px;
    height: 100px;
  }
}
.modal-certificate-5__stamps-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 72px;
  z-index: 9;
  position: relative;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps-content {
    width: 103px;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps-content {
    width: 151px;
  }
}
.modal-certificate-5__stamps-content p {
  margin: -4px;
  font-size: 5px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-family: var(--retrospective-stamps-font-family);
  line-height: 115%;
}
@media (min-width: 767px) {
  .modal-certificate-5__stamps-content p {
    font-size: 7px;
    font-weight: 500;
  }
}
@media (min-width: 992px) {
  .modal-certificate-5__stamps-content p {
    font-size: 9px;
    font-weight: 700;
  }
}
.modal-certificate-5 #download {
  display: none;
}
.modal-certificate-6 {
  position: relative;
  display: block;
  margin: auto;
  max-width: 100vw;
  text-align: center;
  min-width: 300px;
  min-height: 300px;
}
.modal-certificate-6 .modal-close {
  text-align: end;
}
.modal-certificate-6__sticker {
  margin: 10px 0;
}
.modal-certificate-6__user {
  position: relative;
  height: auto;
  width: auto;
  max-height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user {
    max-height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user {
    max-height: 576px;
  }
}
.modal-certificate-6__user p {
  position: absolute;
  z-index: 2;
  width: 100%;
  top: 284px;
  left: 51%;
  transform: translateX(-50%);
  margin: 0 auto;
  padding: 0;
  font-family: var(--font-sticker);
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 10px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user p {
    font-size: 15px;
    top: 330px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user p {
    font-size: 22px;
    top: 459px;
  }
}
.modal-certificate-6__user img {
  position: relative;
  z-index: 1;
  top: 0;
  width: 300px;
  height: 360px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user img {
    width: 316px;
    height: 416px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user img {
    width: 476px;
    height: 576px;
  }
}
.modal-certificate-6__user-photo {
  position: absolute;
  left: 0;
  transform: translateY(-50%);
  top: 46%;
}
.modal-certificate-6__user-photo img {
  object-fit: cover;
  height: 292px;
  width: 290px;
}
@media (min-width: 576px) {
  .modal-certificate-6__user-photo img {
    height: 331px;
    width: 316px;
  }
}
@media (min-width: 767px) {
  .modal-certificate-6__user-photo img {
    height: 476px;
    width: 476px;
  }
}
.modal-certificate-6 #download {
  display: none;
}
.modal-view-welcome-kit__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-view-welcome-kit__header--modal-close i {
  font-size: 30px;
  color: #000;
}
.modal-view-welcome-kit__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0;
}
.modal-view-welcome-kit__content h3 {
  color: var(--primary);
  font-size: 1rem;
}
@media (min-width: 767px) {
  .modal-view-welcome-kit__content h3 {
    font-size: 20px;
  }
}
.modal-view-welcome-kit__content button {
  font-size: 12px !important;
}
@media (min-width: 767px) {
  .modal-view-welcome-kit__content button {
    font-size: 1rem !important;
  }
}
.modal-view-welcome-kit__content + div {
  border-top: 1px solid #D0D0D0;
}
.modal-view-welcome-kit__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.modal-view-welcome-kit__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.modal-benefits {
  display: flex;
  width: 100%;
  flex-direction: row-reverse;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  background: url("https://images.mengo.com.br/prod/assets/images/2023/modal-bg.png") no-repeat center left/64% 76%;
  background-attachment: fixed;
}
@media (min-width: 500px) {
  .modal-benefits {
    overflow-x: hidden;
    max-width: max-content;
  }
}
.modal-benefits__content {
  padding: 7%;
  height: max-content;
}
.modal-benefits__content--header > img {
  width: 15%;
}
.modal-benefits .mat-dialog-container {
  padding: 0 !important;
  border-radius: 5px;
}
.fengstlayout-modal-view-my-kit__close {
  display: flex;
  justify-content: flex-end;
}
.fengstlayout-modal-view-my-kit__close fengstui-button .feng-btn--medium {
  font-size: 30px;
}
.fengstlayout-modal-view-my-kit__content {
  display: grid;
  text-align: center;
}
.fengstlayout-modal-view-my-kit__content i {
  font-size: 88px;
  color: var(--primary);
}
.fengstlayout-modal-view-my-kit__content-buttons {
  display: grid;
  gap: 8px;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-my-kit__content-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
.fengstlayout-modal-view-my-kit__content-buttons fengstui-button button {
  width: 100%;
  text-transform: uppercase;
}
.fengstlayout-modal-view-v2-experience-rescues-detail {
  display: grid;
  grid-gap: 10px;
  justify-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description {
  text-align: center;
  line-height: 1.15em;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description ul {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__description ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__digital-prod-msg {
  margin-bottom: 20px;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__digital-prod-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg {
  margin: 20px 0;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg > p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-textarea .mat-form-field-infix {
  width: 160px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-textarea .mat-form-field-infix {
    width: 420px;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__question-msg fengstui-button .feng-btn {
  margin-top: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__numbers {
  display: grid;
  grid-gap: 10px;
  font-size: 2em;
  padding: 20px 0;
  text-align: center;
  line-height: normal;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__numbers strong {
  font-size: 2em;
  line-height: 1.2em;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
  line-height: normal;
  font-size: 1em;
  padding: 20px 0;
  gap: 16px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price span {
  font-size: 14px;
  font-weight: 500;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  color: var(--secondary);
  font-size: 16px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong:not(.--free) {
  margin: 0;
  font-size: 32px;
  line-height: 80%;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong:not(.--free) {
    font-size: 4em;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__price-title strong.--free {
  font-size: 2em;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__money {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__title {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__title {
    flex-direction: row;
    gap: 0;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__title > span {
  display: flex;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table {
  text-align: center;
  position: relative;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table {
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    padding: 15px;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-head {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table-head {
    display: grid;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body {
  position: relative;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 10px 0;
  height: 100%;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row:last-child {
  border: none;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "cobrança id status pagamento valor";
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-body-row > div {
  margin: 0 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-description {
  grid-area: cobrança;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-id {
  grid-area: id;
  word-break: break-all;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--paid {
  color: var(--success);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--waiting {
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--attempt {
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-status .--cancelled {
  color: var(--error);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-action {
  grid-area: pagamento;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-value {
  grid-area: valor;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__table-value strong {
  font-size: inherit !important;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__history-title {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__history-title {
    text-align: inherit;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-pending-payments {
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__winner-text {
  display: grid;
  grid-gap: 25px;
  margin: 20px auto;
  font-size: 1.75em;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__winner-text i {
  font-size: 2em;
  color: var(--success);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action {
  display: grid;
  grid-auto-flow: column;
  margin: auto;
  width: 100%;
  border-radius: 60px;
  overflow: hidden;
  align-items: center;
  text-align: center;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--active-action button {
  width: 100% !important;
  font-size: 10px !important;
  background: var(--v2-experience-outline) !important;
  color: var(--v2-experience-font-color) !important;
  border-bottom: 1px solid var(--v2-experience-font-color) !important;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__action .--active-action button {
    font-size: 14px !important;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action {
  opacity: 0.5;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action button {
  width: 100% !important;
  font-size: 10px !important;
  background: var(--v2-experience-outline) !important;
  color: var(--v2-experience-font-color) !important;
  border-bottom: 1px solid var(--v2-experience-font-color) !important;
}
@media (min-width: 576px) {
  .fengstlayout-modal-view-v2-experience-rescues-detail__action .--not-active-action button {
    font-size: 14px !important;
  }
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box {
  display: flex;
  width: 100%;
  height: auto;
  min-height: 200px;
  max-height: 200px;
  padding: 20px 15px 25px 20px;
  margin-bottom: 20px;
  background: var(--experience-background);
  border-radius: 15px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: auto;
  text-align: left;
  word-break: break-word;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content p {
  margin: 0;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content--text-color {
  color: var(--primary);
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescues-detail__box-content::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
  border-radius: 10px;
  padding-left: 10px;
}
.fengstlayout-modal-view-v2-experience-rescue {
  display: block;
  margin: 0 auto;
  text-align: center;
  color: var(--v2-experience-font-color);
  background-color: var(--background);
  overflow: auto;
}
.fengstlayout-modal-view-v2-experience-rescue__description {
  width: 100%;
  padding: 10px 10px 20px;
  font-size: 14px;
  line-height: 20px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescue__description a {
  display: block;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescue__price {
  display: grid;
  gap: 24px;
  margin-bottom: 24px;
}
.fengstlayout-modal-view-v2-experience-rescue__price h3 {
  font: 700 32px var(--font-title);
  margin: 0;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescue__warning {
  padding: 16px;
  border-radius: 4px;
  margin: 2em auto;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points {
  border: 2px solid #d0d0d0;
  background-color: #f8f8f8;
  color: #000000;
  text-align: left;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points ul > li {
  font-size: 16px;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--points ul {
  padding-left: 20px;
}
.fengstlayout-modal-view-v2-experience-rescue__warning--creditcard {
  text-align: center;
  color: #f8f8f8;
  background-color: #000000;
}
.fengstlayout-modal-view-v2-experience-rescue__term {
  display: flex;
  height: auto;
  min-height: 100px;
  max-height: 200px;
  padding: 20px 15px 25px 20px;
  margin: 20px 10px;
  border-radius: 15px;
  box-shadow: 1px 1px 10px 0px rgba(var(--on-background-RGB), 0.2);
}
.fengstlayout-modal-view-v2-experience-rescue__term__box {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
  text-align: left;
  padding-right: 15px;
  overflow-wrap: break-word;
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 5px;
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0 0.2rem rgba(var(--on-background-RGB), 0.3);
}
.fengstlayout-modal-view-v2-experience-rescue__term__box::-webkit-scrollbar-track {
  background-color: rgba(var(--on-background-RGB), 0.08);
}
.fengstlayout-modal-view-v2-experience-rescue__action {
  display: inline-table;
  margin-bottom: 2em;
}
.fengstlayout-modal-view-v2-experience-rescue__action-terms {
  display: grid;
  grid-auto-flow: column;
  gap: 3px;
  margin-bottom: 2em;
  color: var(--secondary);
}
.fengstlayout-modal-view-v2-experience-rescue__action-terms a {
  color: var(--v2-experience-font-color);
  margin-left: 8px;
}
.fengstlayout-modal-view-v2-experience-rescue__action button {
  width: 80%;
  min-width: 200px;
  max-width: 335px;
  height: 45px;
  font-weight: bold;
}
::ng-deep .mat-checkbox-layout {
  white-space: normal !important;
  text-align: left;
}
@media (min-width: 767px) {
  ::ng-deep .mat-checkbox-layout {
    white-space: nowrap;
  }
}
::ng-deep .app-modal-default {
  width: 100%;
  max-width: 100vw;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default {
    max-width: 80vw;
  }
}
::ng-deep .app-modal-default .mat-dialog-container {
  border-radius: 0;
  box-shadow: none;
  min-height: 100vh;
  padding: 4px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-title {
  display: grid;
  grid-template: auto/auto;
  align-items: center;
  height: auto;
  min-height: 82px;
  font-size: 20px;
  background-color: #f2f2f2;
  padding: 15px 40px;
}
::ng-deep .app-modal-default .mat-dialog-container .mat-dialog-content {
  margin: 0;
  max-height: calc(100vh - 100px);
  overflow: auto;
  padding: 0 10px;
}
::ng-deep .app-modal-default .mat-checkbox-label {
  line-height: 1em;
}
::ng-deep .app-modal-default header button.modal-default-close {
  right: 15px !important;
  top: 5px !important;
}
::ng-deep .app-modal-default header h1 {
  font-size: 16px !important;
  line-height: 1.4em;
}
@media (min-width: 576px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 18px !important;
  }
}
@media (min-width: 767px) {
  ::ng-deep .app-modal-default header h1 {
    font-size: 22px !important;
  }
}
.feng-checkbox.mat-checkbox .mat-checkbox-label {
  white-space: pre-wrap;
}
.fengstlayout-modal-v2-view-experience-how__title {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.fengstlayout-modal-v2-view-experience-how__title h2 {
  font-size: 16px;
  line-height: normal;
  margin: 0;
  word-break: break-word;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__title h2 {
    font-size: 24px;
  }
}
.fengstlayout-modal-v2-view-experience-how__title fengstui-button {
  align-self: flex-end;
}
.fengstlayout-modal-v2-view-experience-how__title fengstui-button button i {
  font-size: 30px !important;
}
.fengstlayout-modal-v2-view-experience-how__content {
  display: grid;
  gap: 24px;
  padding-top: 16px;
}
.fengstlayout-modal-v2-view-experience-how__content p {
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  color: var(--v2-experience-span-color);
  margin: 0;
  word-break: break-word;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__content p {
    font-size: 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__table {
  width: 100%;
  border: 1px solid var(--v2-experience-outline);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 4px;
  overflow: hidden;
  table-layout: fixed;
  line-height: normal;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__table {
    display: block;
    overflow-y: auto;
    max-height: 300px;
  }
  .fengstlayout-modal-v2-view-experience-how__table thead {
    display: table;
    table-layout: fixed;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
  }
  .fengstlayout-modal-v2-view-experience-how__table thead th {
    position: sticky;
    top: 0;
  }
  .fengstlayout-modal-v2-view-experience-how__table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
}
.fengstlayout-modal-v2-view-experience-how__head th {
  padding: 10px;
  background-color: var(--v2-experience-highlight);
  text-align: left;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__head th {
    padding: 20px 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__head th:first-child {
  border-top-left-radius: 4px;
  border-left: none;
}
.fengstlayout-modal-v2-view-experience-how__head th:last-child {
  border-top-right-radius: 4px;
  border-right: none;
}
.fengstlayout-modal-v2-view-experience-how__body tr + tr td {
  border-top: 1px solid var(--v2-experience-outline);
}
.fengstlayout-modal-v2-view-experience-how__body td {
  padding: 10px;
  font-size: 12px;
  border-top: none;
}
@media (min-width: 992px) {
  .fengstlayout-modal-v2-view-experience-how__body td {
    font-size: 16px;
    padding: 20px 16px;
  }
}
.fengstlayout-modal-v2-view-experience-how__body td:first-child {
  border-left: none;
}
.fengstlayout-modal-v2-view-experience-how__body td:last-child {
  border-right: none;
}
tr:last-child .fengstlayout-modal-v2-view-experience-how__body td:first-child {
  border-bottom-left-radius: 4px;
}
tr:last-child .fengstlayout-modal-v2-view-experience-how__body td:last-child {
  border-bottom-right-radius: 4px;
}
.fengstlayout-modal-v2-view-experience-how__action {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  text-align: center;
  margin-top: 24px;
}
@media (min-width: 767px) {
  .fengstlayout-modal-v2-view-experience-how__action {
    align-items: center;
    flex-direction: row;
  }
}
.fengstlayout-modal-v2-view-experience-how__action p {
  color: var(--v2-experience-font-color-light);
}
.fengstlayout-modal-v2-view-experience-how__action fengstui-button button {
  width: 100% !important;
}
@media (min-width: 767px) {
  .fengstlayout-modal-v2-view-experience-how__action fengstui-button button {
    width: initial;
  }
}
html,
body {
  background: var(--background);
  color: var(--on-background);
  font: normal 14px/20px var(--font-primary) !important;
  margin: 0;
}
*:focus {
  outline: 0;
}
div.clear {
  clear: both;
}
h1 {
  font: 700 40px/40px var(--font-title);
}
h2 {
  font: 700 28px/28px var(--font-title);
}
h3 {
  font: 700 20px/20px var(--font-title);
}
h4 {
  font: 700 17px/17px var(--font-title);
}
h5 {
  font: 700 15px/15px var(--font-title);
}
h6 {
  font: 700 13px/13px var(--font-title);
}
h1, h2, h3, h4, h5, h6 {
  margin-top: var(--title-margin-top);
  margin-bottom: var(--title-margin-bottom);
}
p {
  font: 500 15px/18px var(--font-primary);
  margin-top: var(--paragraph-margin-top);
  margin-bottom: var(--paragraph-margin-bottom);
}
a {
  cursor: pointer;
  color: var(--primary);
  font-weight: bolder;
}
.mat-tab-group,
.mat-tab-label, .mat-tab-link {
  font: 500 15px/18px var(--font-primary);
}
.mat-tooltip {
  font: 500 15px/18px var(--font-primary);
}
.no-info {
  margin: 20px 0px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.no-info .icon {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 10px;
  background: #a1a1a1;
  color: white;
  border-radius: 50%;
}
.no-info .icon i {
  font-size: 50px;
}
.no-info button {
  padding: 10px 20px;
}
::selection,
::-moz-selection,
::-webkit-selection {
  color: var(--on-primary);
  background-color: var(--primary);
}
* {
  box-sizing: border-box;
}
.app-wrapper {
  margin: auto;
  width: 100%;
  max-width: var(--max-width);
  margin: 43px auto 30px auto;
}
@media (min-width: 1200px) {
  .app-wrapper {
    margin: 30px auto 50px auto;
    padding: 20px;
  }
}
.app {
  display: grid;
}
.app--otherpages {
  display: block;
}
.app--logged {
  display: block;
  background: var(--background);
}
.app--admin {
  padding-top: 70px;
}
.app--staging:not(.app--admin) {
  padding-top: 70px;
}
.app--staging.app--admin {
  padding-top: 140px;
}
.app--resale:not(.app--admin):not(.app--staging) {
  padding-top: 70px;
}
.app--resale.app--admin:not(.app--staging), .app--resale.app--staging:not(.app--admin) {
  padding-top: 140px;
}
.app--resale.app--admin.app--staging {
  padding-top: 211px;
}
.app--loading {
  opacity: "0.3";
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: pulseOpacity;
  animation-delay: 0;
}
.fengst-nav {
  min-height: 70vh;
  position: relative;
}
.page-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  color: var(--on-background);
  background-color: var(--background);
  text-align: left;
}
@media (min-width: 992px) {
  .page-title {
    margin-top: 0;
  }
}
.page-title h1 {
  margin: 10px 0 10px 0;
  font-size: 22px;
}
.page-title__wrapper {
  width: 100%;
  max-width: var(--max-width);
  padding-left: 20px;
}
@media (min-width: 1200px) {
  .page-title__wrapper {
    padding-left: 0;
    padding: 0;
  }
}
@keyframes pulseOpacity {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
.feng-lazy-image {
  object-fit: scale-down;
  background-position: center;
  background-size: contain;
  opacity: 0.5;
  background-image: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/loading/img-placeholder.png");
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: fengLazyImage;
  animation-delay: 0;
}
@keyframes fengLazyImage {
  0% {
    opacity: 0.9;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.9;
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-unlogged-background: var(--footer-background);
  --footer-premium-background: var(--footer-background);
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-unlogged-logo-width: var(--footer-logo-width);
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-social-bg: var(--secondary);
  --footer-social-color: var(--on-secondary);
  --footer-social-unlogged-bg: var(--footer-social-bg);
  --footer-social-unlogged-color: var(--footer-social-color);
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #141414;
  --pre-home-text-color: #fff;
  --pre-home-text-secondary-color: #ccc;
  --title-background: #000;
  --background-stadio-plans: #000;
  --background-sso: #000;
  --background-digital-plans: #000;
  --cta-button-background: #f00;
  --pre-home-flaid-bg-mobile: #000;
  --pre-home-flaid-bg-desktop: #000;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
@font-face {
  font-family: stronger;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/stronger/Stronger.otf");
}
@font-face {
  font-family: Apocalypse-Grunge;
  src: url("https://ngx-feng.s3.sa-east-1.amazonaws.com/fonts/Apocalypse+Grunge/Apocalypse+Grunge.ttf") format("truetype");
}
.st-homecta {
  height: 320px;
  background: top right no-repeat;
  background-image: url("https://sportinsiderclub.s3.amazonaws.com/assets/images/bg-2.png");
}
@media (min-width: 992px) {
  .st-homecta {
    height: 425px;
  }
}
.st-homecta__content {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 10% 50px;
}
@media (min-width: 992px) {
  .st-homecta__content {
    padding: 0;
    max-width: 990px;
  }
}
.st-homecta__content h1 {
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  position: relative;
  font-size: 29px;
  margin: 20px 0 0 0;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .st-homecta__content h1 {
    font-size: 51px;
  }
}
.st-homecta__content h1 span {
  font-family: "Work Sans";
  color: var(--on-primary);
  line-height: 1.4em;
}
.st-homecta__content h2 {
  margin: 20px 0 30px;
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 500;
  font-size: 25px;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}
@media (min-width: 992px) {
  .st-homecta__content h2 {
    margin: 20px 0 60px;
  }
}
.st-homecta__content h2 span {
  font-family: "Work Sans";
  color: var(--on-primary);
}
.st-homecta__content a {
  text-decoration: none;
}
.st-homecta__content a button {
  background-color: #5462E1 !important;
}
.fengsthome-auth-v1 {
  background: var(--home-auth-background);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1 {
    background-size: val(--home-auth-background-size-small);
  }
}
@media (min-width: 992px) {
  .fengsthome-auth-v1 {
    background-size: var(--home-auth-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1 {
    background-position: var(--home-auth-background-position-large);
    background-size: var(--home-auth-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1 {
    padding: 57px;
    min-height: 77svh;
    background-position: var(--home-auth-background-position-extra-large);
  }
}
.fengsthome-auth-v1__content {
  padding: 32px 24px;
  z-index: 1;
  display: grid;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
}
.fengsthome-auth-v1__content .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1__content {
    margin-top: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content {
    column-gap: var(--home-auth-column-gap-large);
    flex-direction: row;
    margin: auto;
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1__content {
    column-gap: var(--home-auth-column-gap-extra-large);
  }
}
.fengsthome-auth-v1__content-brand {
  width: 160px;
  margin-top: 5px;
}
@media (min-width: 767px) {
  .fengsthome-auth-v1__content-brand {
    width: 230px;
    margin: 40px 0 30px;
  }
}
.fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
  font-size: var(--home-auth-title-font-size-mobile);
  line-height: var(--home-auth-title-line-height-mobile);
  color: var(--home-auth-title-color);
  max-width: var(--home-auth-title-max-width-large);
  font-family: var(--home-auth-title-font-family);
  margin: 0 0 8px;
  font-weight: 700;
  margin: 17px 0 16px;
  white-space: pre-line;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
    font-size: var(--home-auth-title-font-size-desktop);
    line-height: var(--home-auth-title-line-height-desktop);
  }
}
@media (min-width: 1500px) {
  .fengsthome-auth-v1__content-title, .fengsthome-auth-v1__content-subtitle {
    max-width: var(--home-auth-title-max-width-extra-large);
    font-size: 70px;
    line-height: 72px;
  }
}
.fengsthome-auth-v1__content-subtitle {
  font-size: var(--home-auth-subtitle-font-size-mobile);
  line-height: var(--home-auth-subtitle-line-height-mobile);
  font-family: var(--home-auth-subtitle-font-family);
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-subtitle {
    font-size: var(--home-auth-subtitle-font-size-desktop);
    line-height: var(--home-auth-subtitle-line-height-desktop);
  }
}
.fengsthome-auth-v1__content-auth {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--home-auth-card-background);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 11px 0 70px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .fengsthome-auth-v1__content-auth {
    width: 50%;
  }
}
.fengsthome-auth-v1__content-auth-title {
  color: var(--home-auth-card-title-color);
  font-size: var(--home-auth-card-title-font-size);
  font-family: var(--home-auth-title-font-family);
  font-weight: 700;
  margin: 8px 0;
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-auth-v1__content-auth-title {
    display: block;
  }
}
.fengsthome-auth-v1__content-auth-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengsthome-auth-v1__content-auth-form fengstui-checkbox {
  margin: auto;
}
.fengsthome-auth-v1__content-auth-form-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengsthome-auth-v1__content-auth-forgot {
  padding: 4px;
  color: var(--home-auth-card-button-recover-pass-color);
  font-weight: 700;
  font-size: 14px;
  background: transparent;
  border: none;
  font-family: var(--font-button);
  cursor: pointer;
  text-transform: uppercase;
}
.fengsthome-auth-v1__content-auth-register .feng-btn {
  color: var(--home-auth-card-button-sigup-color) !important;
  border-color: inherit !important;
  border-width: 1px !important;
  text-transform: uppercase;
}
.fengsthome-tickets-view {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  padding: 35px 40px 55px;
  line-height: 1rem;
  background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail2.png) no-repeat top right/auto;
  background-color: #D3D4DC;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view {
    padding: 35px 200px 55px;
    background: url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail1.png) no-repeat top left/auto, url(https://vasco-gs.s3.amazonaws.com/prod/assets/images/home-tickets-detail2.png) no-repeat top right/auto;
    background-color: #D3D4DC;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view {
    flex-direction: row;
    justify-content: space-between;
  }
}
.fengsthome-tickets-view__buttons {
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__buttons {
    text-align: left;
  }
}
.fengsthome-tickets-view__buttons fengstui-button button {
  font-family: var(--font-title) !important;
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style) !important;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin) !important;
  font-size: var(--home-call-to-action-button-font-size) !important;
}
.fengsthome-tickets-view__buttons fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-tickets-view h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
.fengsthome-tickets-view h1 div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h1 div:first-child {
    gap: 0.6rem;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view h1 div:first-child {
    gap: 1rem;
  }
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1740px) {
  .fengsthome-tickets-view h1 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (min-width: 1840px) {
  .fengsthome-tickets-view h1 {
    font-size: 85px;
    line-height: 47px;
  }
}
.fengsthome-tickets-view h1 > strong {
  font-family: "Titillium Web Black";
  font-weight: 900;
}
.fengsthome-tickets-view h2 {
  font-family: "Titillium Web";
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view__nextgame {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.fengsthome-tickets-view__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  margin: 30px 0 50px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data {
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view__nextgame-data {
    flex-direction: row;
    align-items: center;
    gap: 26px;
  }
}
.fengsthome-tickets-view__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 26px;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > section {
    justify-content: start;
    align-items: start;
    margin: 0;
  }
}
.fengsthome-tickets-view__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > section > img {
    height: 132px;
  }
}
.fengsthome-tickets-view__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 26px;
  text-align: center;
  align-items: start;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data > div {
    text-align: left;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view__nextgame-data > div {
    gap: 26px;
  }
}
.fengsthome-tickets-view__nextgame-data-teams {
  margin-right: 0;
  display: none;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data-teams {
    display: flex;
    margin-right: 50px;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view__nextgame-data-teams > p {
  font-family: "Titillium Web Black";
  font-weight: 900;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
.fengsthome-tickets-view__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view__nextgame-data-texts > p {
  font-family: "Titillium Web";
  font-weight: normal;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view__nextgame-data-texts > p {
    font-size: 23px;
    line-height: 21px;
  }
}
.fengsthome-tickets-view__nextgame-data-texts > p:last-child {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view__nextgame-divider {
  width: 3px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web Black";
  font-weight: 900;
  height: 126px;
}
.fengsthome-tickets-view__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view__nextgame-divider2 {
  width: 3px;
  background: #333333;
  height: 138px;
  display: none;
}
.fengsthome-tickets-view-2 {
  background: url(https://images.mengo.com.br/prod/assets/images/2023/4-scroll-bg.png) no-repeat center center/cover;
  background-color: #232323;
  align-items: center;
  gap: 40px;
  padding: 15px 20px 25px;
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-2 {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 {
    padding: 15px 100px 25px;
    background: url(https://images.mengo.com.br/prod/assets/images/2023/4-scroll-bg.png) no-repeat center center/cover;
    background-color: #232323;
  }
}
.fengsthome-tickets-view-2 > .callandbuttons {
  display: flex;
  flex-direction: column;
  gap: 50px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.fengsthome-tickets-view-2 h1 {
  color: #F00A0A;
  font-family: "Montserrat-bold";
  font-size: 26px;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-2 h1 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 h1 {
    font-size: 44px;
  }
}
.fengsthome-tickets-view-2 h1 > span {
  color: #fff;
}
.fengsthome-tickets-view-2 h2 {
  color: white;
  font-family: "Montserrat-bold";
  font-size: 33px;
  line-height: 56px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame {
    text-align: left;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data {
  align-items: center;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > section > img {
  height: 62px;
  max-width: 100px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > section > img {
    height: 92px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > div {
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data > div {
    flex-direction: row;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams {
  gap: 16px;
  align-items: center;
  margin-right: 0;
  flex-direction: column;
  line-height: 26px;
  gap: 10px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams {
    min-width: 213px;
    align-items: flex-start;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-teams > p {
  color: white;
  font-family: "Montserrat-bold";
  text-transform: uppercase !important;
  font-size: 34px;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts {
    text-align: left;
    min-width: 200px;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-data-texts > p {
  color: white;
  font-family: "Montserrat-bold";
  text-transform: uppercase !important;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider {
  background: white;
  height: 96px;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider > span {
  background: #0A0A0A;
  color: white;
  font-size: 28px;
  height: 26%;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider2 {
  background: white;
  width: 5px;
  height: 122px;
  display: none;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__nextgame-divider2 {
    display: block !important;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons {
    gap: 20px;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button {
  width: 100%;
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #F00A0A !important;
  font-family: "Montserrat" !important;
  width: 100% !important;
  font-size: 8px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn {
    font-size: 8px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-2 .fengsthome-tickets-view__buttons fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
.fengsthome-tickets-view-3 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
  background-size: cover;
  background-color: #D3D4DC;
  padding: 20px 0;
  justify-content: center !important;
  background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
  background-size: cover;
  align-items: center;
  gap: 40px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3 {
    padding: 20px 0;
    background-color: #D3D4DC;
  }
}
@media (max-width: 1539px) {
  .fengsthome-tickets-view-3 {
    gap: 0 !important;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 {
    flex-direction: row;
    gap: 100px;
  }
}
@media (max-width: 1999px) {
  .fengsthome-tickets-view-3 {
    padding: 20px 0 40px 0;
  }
}
@media (min-height: 170px) {
  .fengsthome-tickets-view-3 {
    padding: 30px 0;
  }
}
.fengsthome-tickets-view-3__buttons {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__buttons {
    margin: auto 0 0 0;
  }
}
.fengsthome-tickets-view-3__buttons fengstui-button button {
  font-family: "Roboto" !important;
  color: var(--home-call-to-action-button-color) !important;
  font-style: var(--home-call-to-action-button-style) !important;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: var(--home-call-to-action-button-margin) !important;
  font-size: var(--home-call-to-action-button-font-size) !important;
}
.fengsthome-tickets-view-3__buttons fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengsthome-tickets-view-3 h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 60px;
  }
}
@media (min-width: 1740px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 70px;
  }
}
@media (min-width: 1840px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 85px;
  }
}
.fengsthome-tickets-view-3 h1 > strong {
  font-family: "Titillium Web Black";
  font-weight: 900;
}
.fengsthome-tickets-view-3 h2 {
  font-family: "Titillium Web";
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-3__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  margin: 47px 0 45px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data {
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-data {
    flex-direction: row;
    align-items: center;
    margin: 84px 0 50px;
    gap: 26px;
  }
}
.fengsthome-tickets-view-3__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 26px !important;
  justify-content: center;
  align-items: center;
  margin: auto;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > section {
    justify-content: start;
    align-items: start;
    margin: 0;
  }
}
.fengsthome-tickets-view-3__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > section > img {
    height: 132px;
  }
}
.fengsthome-tickets-view-3__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 26px;
  text-align: center;
  align-items: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data > div {
    text-align: left;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-data > div {
    flex-direction: row;
    gap: 26px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams {
  margin-right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data-teams {
    display: flex;
    margin-right: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams > p {
  font-family: "Titillium Web Black";
  font-weight: 900;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 1px 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams .title-house-team {
  font-family: "Roboto" !important;
  font-weight: 600;
  font-size: 23px !important;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams .title-house-team {
    font-size: 27px !important;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-teams .title-enemy-team {
  font-family: "Roboto" !important;
  font-size: 23px !important;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-teams .title-enemy-team {
    font-size: 23px !important;
    line-height: 34px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts > p {
  font-family: "Titillium Web";
  font-weight: normal;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3__nextgame-data-texts > p {
    font-size: 23px;
    line-height: 21px;
  }
}
.fengsthome-tickets-view-3__nextgame-data-texts > p:last-child {
  font-family: "Titillium Web";
  font-weight: 900;
}
.fengsthome-tickets-view-3__nextgame-divider {
  width: 126px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web Black";
  font-weight: 900;
  height: 1px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3__nextgame-divider {
    width: 120px;
    height: 1px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-divider {
    width: 1px;
    height: 120px;
  }
}
.fengsthome-tickets-view-3__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view-3__nextgame-divider2 {
  width: 138px;
  background: #fff;
  height: 1px;
  display: block;
  align-self: center;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3__nextgame-divider2 {
    width: 120px;
    height: 1px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3__nextgame-divider2 {
    width: 1px;
    height: 120px;
  }
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-3 {
    background: url(https://juventude-gs.s3.sa-east-1.amazonaws.com/prod/assets/images/NovaHome/s/img-bg-ingressos.png);
    background-size: cover;
  }
}
.fengsthome-tickets-view-3 > .callandbuttons {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: center;
  gap: 17px;
}
@media (min-width: 1540px) {
  .fengsthome-tickets-view-3 > .callandbuttons {
    margin-top: 21px;
  }
}
.fengsthome-tickets-view-3 h1 {
  color: #fff;
  font-family: "Apocalypse Grunge";
  font-size: 26px;
  max-width: 600px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 36px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 h1 {
    font-size: 44px;
  }
}
.fengsthome-tickets-view-3 h2 {
  color: white;
  font-family: "Roboto";
  font-size: 33px;
  line-height: 56px;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 h2 {
    position: absolute;
    margin: 22px 0 0 0;
    font-size: 15px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame {
    text-align: left;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data {
  align-items: center;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section {
  display: flex;
  align-items: center;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section > img {
  height: 62px;
  max-width: 100px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data > section > img {
    height: 92px;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
  gap: 16px;
  align-items: center;
  margin-right: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams {
    align-items: flex-start;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-teams > p {
  color: white;
  font-family: "Montserrat-bold";
  text-transform: uppercase !important;
  font-size: 34px;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts {
  text-align: center;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts {
    text-align: left;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-data-texts > p {
  font-family: "Roboto" !important;
  color: white;
  text-transform: uppercase !important;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider {
  background: white;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider > span {
  background: transparent;
  color: white;
  font-size: 28px;
  height: 26%;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__nextgame-divider--team-player {
  background: none !important;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons > a {
  text-decoration: none;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons {
    gap: 20px;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--seja-socio fengstui-button .feng-btn {
  color: #fff !important;
  border-radius: 45px !important;
  border: solid 1px #fff !important;
  background-color: #BA940F !important;
  font-family: "Roboto" !important;
  margin: 5px !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--seja-socio fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--veja-mais fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  border: solid 1px #fff !important;
  background-color: #18815F !important;
  font-family: "Roboto" !important;
  margin: 5px !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-3 .fengsthome-tickets-view-3__buttons--veja-mais fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
.fengsthome-tickets-view-4 {
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  background-color: #fff;
  justify-content: center;
  padding: 2%;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 {
    flex-direction: row;
    gap: 100px;
  }
}
.fengsthome-tickets-view-4__action {
  display: grid;
  grid-auto-flow: row;
  text-align: center;
  margin: auto;
}
.fengsthome-tickets-view-4__action > div {
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action > div {
    width: auto;
  }
}
.fengsthome-tickets-view-4__action > h3 {
  color: #000;
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 2rem;
  line-height: 39px;
  text-align: start;
  margin-top: 0;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action > h3 {
    font-size: 39px;
    text-align: center;
  }
}
.fengsthome-tickets-view-4__action--buttons {
  margin: 0 auto;
  text-align: start;
  display: flex;
  gap: 5px;
  justify-content: space-around;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__action--buttons {
    flex-direction: row;
    text-align: center;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action--buttons {
    margin: auto 0 0 0;
    text-align: center;
  }
}
.fengsthome-tickets-view-4__action--buttons fengstui-button button {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  padding: var(--home-call-to-action-button-padding) !important;
  background-color: var(--home-call-to-action-button-background) !important;
  margin: 1% !important;
  font-size: 16px !important;
  width: 100% !important;
  /* &:hover {
      color: $home-call-to-action-hover-button-color !important;
      background-color: $color-primary !important;
  } */
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__action--buttons fengstui-button button {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__action--buttons fengstui-button button {
    margin: 0px !important;
  }
}
.fengsthome-tickets-view-4 h1 {
  font-family: "Titillium Web";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 70px;
    line-height: 60px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h1 {
    font-size: 85px;
    line-height: 76px;
  }
}
.fengsthome-tickets-view-4 h1 > strong {
  font-family: "Titillium Web Black";
  font-weight: 900;
}
.fengsthome-tickets-view-4 h2 {
  font-family: var(--unlogged-font-title) !important;
  color: #0D0D0D;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  font-size: 30px;
  line-height: 126%;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4 h2 {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame {
  border: 1px solid black;
  padding: 5%;
}
.fengsthome-tickets-view-4__nextgame .trace {
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
}
.fengsthome-tickets-view-4__nextgame h2 {
  font-size: 1.25rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame h2 {
    font-size: 2rem;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame {
    padding: 3%;
  }
}
.fengsthome-tickets-view-4__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 10px;
  margin: 10px 0 10px;
  justify-content: center;
}
.fengsthome-tickets-view-4__nextgame-data > div {
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    width: auto;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-data {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-template: auto/auto 42% auto;
    gap: 9px;
  }
}
.fengsthome-tickets-view-4__nextgame-data > section {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  margin: auto;
  gap: 1rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > section {
    justify-content: center;
    margin: 0;
    gap: 0;
  }
}
.fengsthome-tickets-view-4__nextgame-data > section > i {
  font-size: 5rem;
  font-weight: 700;
}
.fengsthome-tickets-view-4__nextgame-data > section > img {
  height: 92px;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > section > img {
    height: 125px;
  }
}
.fengsthome-tickets-view-4__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  margin: 0;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    text-align: center;
    align-items: center;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-data > div {
    flex-direction: row;
    gap: 22px;
  }
}
.fengsthome-tickets-view-4__nextgame-data-teams {
  margin-right: 0;
  display: none;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data-teams {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 53%;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-4__nextgame-data-teams > p {
  font-family: BFRSans;
  font-weight: 900;
  color: #0D0D0D;
  text-align: center;
  font-style: normal;
  font-weight: normal;
  font-size: 23px;
  line-height: 21px;
  text-transform: none !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4__nextgame-data-teams > p {
    font-size: 37px;
    line-height: 34px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-teams > p {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 5px;
  text-align: center;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-4__nextgame-data-texts {
    text-align: center;
  }
  .fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts p:nth-child(3) {
    text-align: start;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-data-texts > p {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase !important;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-4__nextgame-data-texts > p {
    font-size: 20px;
    line-height: 21px;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-data-texts > p {
    text-align: start;
  }
}
.fengsthome-tickets-view-4__nextgame-divider {
  width: 3px;
  background: #333333;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web Black";
  font-weight: 900;
  height: 126px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-4__nextgame-divider {
    width: 126px;
    height: 3px;
  }
}
.fengsthome-tickets-view-4__nextgame-divider > span {
  background: #D3D4DC;
  margin-bottom: 4px;
  height: 20%;
}
.fengsthome-tickets-view-4__nextgame-divider2 {
  width: 2px;
  background: #333333;
  height: 138px;
  display: none;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-4__nextgame-divider2 {
    display: block;
  }
}
.fengsthome-tickets-view-5 {
  display: grid;
  grid-template-columns: 1fr;
  justify-content: center;
  padding: 2rem 1.5rem;
  max-width: 1920px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5 {
    padding: 4rem 2rem;
    grid-template-columns: 2fr 1fr;
    grid-gap: 3rem;
  }
}
@media (min-width: 1441px) {
  .fengsthome-tickets-view-5 {
    grid-template-columns: 1fr 1fr;
  }
}
.fengsthome-tickets-view-5__action {
  display: grid;
  grid-auto-flow: row;
  text-align: center;
  width: 100%;
}
.fengsthome-tickets-view-5__action > div {
  width: 100%;
}
.fengsthome-tickets-view-5__action > h3 {
  color: #000;
  font-family: BFRSans;
  font-weight: 700;
  font-size: 2rem;
  line-height: 39px;
  text-align: start;
  margin-top: 0;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action > h3 {
    font-weight: 500;
    font-size: 39px;
    text-align: center;
  }
}
.fengsthome-tickets-view-5__action--buttons {
  margin: 0 auto;
  text-align: start;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border: 1px solid #144C82;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__action--buttons {
    flex-direction: row;
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons {
    text-align: center;
    justify-content: center;
    align-items: center;
  }
}
.fengsthome-tickets-view-5__action--buttons > a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  text-align: center;
  padding: 1rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a {
    padding: 1rem 2rem;
  }
}
.fengsthome-tickets-view-5__action--buttons > a > h3 {
  font-family: "Metropolis";
  font-weight: 500;
  color: #9A6512;
  margin: 0;
  font-size: 1.5rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a > h3 {
    font-size: 2rem;
    line-height: 35px;
  }
}
.fengsthome-tickets-view-5__action--buttons > a > h1 {
  font-family: "Metropolis-Bold";
  color: #144C82;
  font-size: 2rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__action--buttons > a > h1 {
    font-size: 3.5rem;
    line-height: 5.5rem;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__action--buttons > a > h1 {
    font-size: 5rem;
  }
}
.fengsthome-tickets-view-5 h1 {
  font-family: "Metropolis-Bold";
  color: #333333;
  font-style: normal;
  font-weight: normal;
  font-size: 40px;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-5 h1 {
    font-size: 60px;
    line-height: 50px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5 h1 {
    font-size: 88px;
    line-height: 88px;
  }
}
.fengsthome-tickets-view-5 h1 > strong {
  font-family: "Titillium Web Black";
  font-weight: 900;
}
.fengsthome-tickets-view-5 h2 {
  font-family: "Metropolis-Bold";
  color: #0D0D0D;
  font-weight: 800;
  line-height: 126%;
  text-transform: uppercase;
  margin: 0;
  color: #144C82;
}
@media (min-width: 767px) {
  .fengsthome-tickets-view-5 h2 {
    font-size: 37px;
    line-height: 56px;
  }
}
.fengsthome-tickets-view-5__nextgame {
  display: flex;
  flex-direction: column;
}
.fengsthome-tickets-view-5__nextgame .trace {
  width: 100%;
  height: 2px;
  background-color: #b6b6b6;
}
.fengsthome-tickets-view-5__nextgame h2 {
  font-size: 2rem;
  margin: 0 0 2rem;
  line-height: 2rem;
}
.fengsthome-tickets-view-5__nextgame-data {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 2rem;
  margin: 10px 0 10px;
  justify-content: center;
  align-items: center;
}
.fengsthome-tickets-view-5__nextgame-data > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  width: 100%;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__nextgame-data > div {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__nextgame-data > div {
    flex-direction: row;
    gap: 1.5rem;
  }
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data {
    align-items: center;
    flex-direction: row;
  }
}
.fengsthome-tickets-view-5__nextgame-data > section {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 auto;
  gap: 2rem;
}
@media (min-width: 576px) {
  .fengsthome-tickets-view-5__nextgame-data > section {
    justify-content: center;
    margin: 0;
    gap: 2rem;
  }
}
.fengsthome-tickets-view-5__nextgame-data > section > i {
  font-size: 5rem;
  font-weight: 700;
}
.fengsthome-tickets-view-5__nextgame-data > section > img {
  height: 90px;
}
.fengsthome-tickets-view-5__nextgame-data-teams {
  margin-right: 0;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data-teams {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
}
.fengsthome-tickets-view-5__nextgame-data-teams > p {
  font-family: "Metropolis-Bold";
  color: #144C82;
  text-align: center;
  font-size: 2rem;
  line-height: 2rem;
  text-transform: uppercase;
  margin: 0;
}
.fengsthome-tickets-view-5__nextgame-data-texts {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengsthome-tickets-view-5__nextgame-data-texts p:nth-child(3) {
  font-weight: 500;
  font-size: 1.75rem;
  margin-bottom: 5px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-data-texts {
    align-items: start;
  }
}
.fengsthome-tickets-view-5__nextgame-data-texts > p {
  font-family: "Metropolis";
  font-size: 1.75rem;
  text-transform: uppercase !important;
  margin: 0;
  color: #144C82;
  line-height: 2rem;
}
.fengsthome-tickets-view-5__nextgame-divider {
  width: 2px;
  background: #144C82;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 32px;
  font-family: "Titillium Web Black";
  font-weight: 900;
  height: 126px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-5__nextgame-divider {
    width: 3px !important;
    height: 126px;
  }
}
.fengsthome-tickets-view-5__nextgame-divider > span {
  background: #edeef5;
  margin-bottom: 4px;
  height: 20%;
  color: #144C82;
}
.fengsthome-tickets-view-5__nextgame-divider2 {
  width: 100%;
  background: #144C82;
  height: 2px;
  display: flex;
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-5__nextgame-divider2 {
    display: block;
    height: 98px;
    width: 3px;
  }
}
.fengsthome-tickets-view-6 {
  background: var(--crt-tickets-background);
  align-items: center;
  gap: 40px;
  padding: 32px 24px;
}
.fengsthome-tickets-view-6__content {
  border: solid 1px var(--primary);
  padding: 19px;
  width: 100%;
  min-height: auto;
}
@media (min-width: 1053px) {
  .fengsthome-tickets-view-6__content {
    padding: 22px;
    min-height: 220px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
    column-gap: 50px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__content {
    padding: 32px;
  }
}
.fengsthome-tickets-view-6__event-title {
  color: var(--primary-light) !important;
  font: var(--crt-plans-title-mobile-font) !important;
}
.fengsthome-tickets-view-6__event-data {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-data {
    flex-direction: row;
    justify-content: center;
  }
}
.fengsthome-tickets-view-6__event-data-shields {
  text-align: center;
  display: grid;
  grid-template-columns: 1fr 36px 1fr;
  align-items: center;
  border-bottom: solid 1px #E4E4E4;
  padding-bottom: 16px;
  margin-bottom: 16px;
  grid-template-areas: "shield1 divider shield2" "name1 divider2 name2";
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-data-shields {
    border-bottom: none;
    border-right: solid 1px #E4E4E4;
    padding-right: 22px;
    padding-bottom: 0;
  }
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-shields {
    grid-template-areas: "shield1 divider shield2 name1" "shield1 divider shield2 name2";
    border-bottom: none;
    grid-template-columns: 1fr 36px 1fr;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-data-shields {
    padding-right: 32px;
    grid-template-columns: 1fr 50px 1fr;
  }
}
.fengsthome-tickets-view-6__event-data-shields--direction {
  grid-template-areas: "shield2 divider shield1" "name2 divider2 name1";
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-shields--direction {
    grid-template-areas: "shield2 divider shield1 name2" "shield2 divider shield1 name1";
  }
}
.fengsthome-tickets-view-6__event-data-label {
  text-transform: uppercase;
  color: #F4F4F4;
  font: var(--crt-event-clubs-mobile-font);
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  grid-area: name1;
  margin: 16px 0;
}
.fengsthome-tickets-view-6__event-data-label.area {
  grid-area: name2;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-label {
    margin: 0;
    top: 4px;
    font: var(--crt-event-clubs-desktop-font);
  }
  .fengsthome-tickets-view-6__event-data-label.area {
    top: -20px;
  }
}
@media (min-width: 1200px) {
  .fengsthome-tickets-view-6__event-data-label {
    justify-content: flex-start;
    margin-left: 24px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-data-label {
    margin-left: 24px;
  }
}
.fengsthome-tickets-view-6__event-data-shield {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  grid-area: shield1;
}
.fengsthome-tickets-view-6__event-data-shield.area {
  grid-area: shield2;
}
.fengsthome-tickets-view-6__event-data-divider {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #727272;
  font-family: "Roboto";
  font-weight: 700;
  position: relative;
  top: 0;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-divider {
    margin: 0 10px;
    top: 21px;
  }
}
.fengsthome-tickets-view-6__event-data-divider:before, .fengsthome-tickets-view-6__event-data-divider:after {
  content: "";
  width: 1px;
  height: 30px;
  background: #E4E4E4;
  position: relative;
  top: 0;
  bottom: 0;
}
.fengsthome-tickets-view-6__event-data-divider span {
  padding: 5px 0 7px 0;
}
.fengsthome-tickets-view-6__event-data-versus {
  text-transform: uppercase;
  font: var(--crt-event-clubs-mobile-font);
  color: #F4F4F4;
  grid-area: divider2;
}
@media (min-width: 1250px) {
  .fengsthome-tickets-view-6__event-data-versus {
    font: var(--crt-event-clubs-desktop-font);
    display: none;
  }
}
.fengsthome-tickets-view-6__event-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-info {
    margin-bottom: 0;
    margin-left: 22px;
    position: relative;
    top: 12px;
  }
}
@media (min-width: 1500px) {
  .fengsthome-tickets-view-6__event-info {
    margin-left: 32px;
  }
}
.fengsthome-tickets-view-6__event-info p {
  font: var(--crt-event-info-font);
  color: #F4F4F4;
  margin: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__event-info p {
    text-align: left;
  }
}
.fengsthome-tickets-view-6__actions {
  text-align: center;
}
.fengsthome-tickets-view-6__actions h1, .fengsthome-tickets-view-6__actions h2 {
  color: var(--primary-light);
  font: var(--crt-event-ticket-mobile-font);
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .fengsthome-tickets-view-6__actions h1, .fengsthome-tickets-view-6__actions h2 {
    font: var(--crt-event-ticket-desktop-font);
  }
}
@media (min-width: 811px) {
  .fengsthome-tickets-view-6__actions-buttons {
    display: flex;
    justify-content: space-between;
    column-gap: 10px;
  }
}
.fengsthome-tickets-view-6__actions fengstui-button {
  width: 100%;
}
.fengsthome-tickets-view-6__actions button {
  width: 100%;
  margin-bottom: 10px;
  font-weight: 500;
  max-width: 380px;
}
.fengsthome-tickets-view-6__actions .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--on-primary);
  padding: 10px 12px 10px 12px;
  font-size: 14px;
}
.fengsthome-tickets-view-6__actions .feng-btn--medium:not(.feng-btn--icon) .feng-btn__left-icon {
  margin-right: 8px;
}
.fengsthome-tickets-view-6__actions .feng-btn--primary.feng-btn--outline {
  color: var(--on-primary);
  border-color: currentColor;
}
.st-tickets-view-fngst-1 {
  position: relative;
  background: var(--st-tickets-bg);
  background-size: cover;
  padding: var(--st-tickets-mobile-padding);
  min-height: 85px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1 {
    padding: var(--st-tickets-desktop-padding);
  }
}
.st-tickets-view-fngst-1__wrapper {
  display: flex;
  justify-content: space-between;
  max-width: var(--st-tickets-max-width);
  gap: var(--st-tickets-desktop-gap);
  width: 100%;
  padding: var(--st-tickets-mobile-wrapper-padding);
  margin: 0 auto;
  background: var(--st-tickets-wrapper-bg);
  color: var(--st-tickets-wrapper-text-color);
  box-shadow: var(--st-tickets-box-shadow);
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__wrapper {
    padding: var(--st-tickets-desktop-wrapper-padding);
    text-align: inherit;
    gap: var(--st-tickets-mobile-gap);
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__wrapper {
    flex-direction: row;
    align-items: inherit;
  }
}
.st-tickets-view-fngst-1__nextgame {
  display: flex;
  gap: var(--st-tickets-desktop-gap);
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__nextgame {
    justify-content: inherit;
  }
}
.st-tickets-view-fngst-1__nextgame-shield {
  display: flex;
  max-height: var(--st-tickets-shield-max-height);
  gap: var(--st-tickets-mobile-gap);
}
.st-tickets-view-fngst-1__nextgame-shield img.casa {
  width: 100%;
  height: var(--st-tickets-shield-img-height);
  object-fit: contain;
  align-self: center;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-shield img.casa {
    width: var(--st-tickets-shield-img-width);
    align-self: center;
  }
}
.st-tickets-view-fngst-1__nextgame-shield img.fora {
  width: 100%;
  height: var(--st-tickets-shield-img-height2);
  object-fit: contain;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-shield img.fora {
    width: var(--st-tickets-shield-img-width2);
  }
}
.st-tickets-view-fngst-1__nextgame-shield span {
  font-size: 29px;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  color: var(--st-tickets-divider-color);
}
.st-tickets-view-fngst-1__nextgame-shield span:before {
  content: "";
  display: flex;
  height: 30%;
  top: 0;
  width: 2px;
  background: var(--st-tickets-divider-color);
  position: absolute;
  transform: translate(-50%);
  left: 50%;
}
.st-tickets-view-fngst-1__nextgame-shield span:after {
  content: "";
  display: flex;
  height: 30%;
  bottom: 0;
  width: 2px;
  background: var(--st-tickets-divider-color);
  position: absolute;
  transform: translate(-50%);
  left: 50%;
}
.st-tickets-view-fngst-1__nextgame-data {
  display: flex;
  height: 100%;
  justify-content: center;
  text-transform: uppercase;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-data {
    flex-direction: row;
    gap: var(--st-tickets-mobile-gap);
  }
}
.st-tickets-view-fngst-1__nextgame-data p, .st-tickets-view-fngst-1__nextgame-data span {
  font-size: var(--st-tickets-mobile-p-font-size);
  font-weight: var(--st-tickets-desktop-p-font-weight);
  margin: 0;
  line-height: var(--st-tickets-desktop-p-line-height);
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-data p, .st-tickets-view-fngst-1__nextgame-data span {
    font-size: var(--st-tickets-desktop-p-font-size);
  }
}
.st-tickets-view-fngst-1__nextgame-teams {
  display: flex;
  gap: 10px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-teams {
    display: block;
  }
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__nextgame-teams span {
    display: none;
  }
}
@media (min-width: 1200px) {
  .st-tickets-view-fngst-1__nextgame-info {
    min-width: var(--st-tickets-info-min-width);
  }
}
.st-tickets-view-fngst-1__divider {
  display: none;
  height: 100%;
  background: var(--st-tickets-divider-color);
  width: 3px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__divider {
    display: flex;
  }
}
.st-tickets-view-fngst-1__divider2 {
  display: block;
  height: 3px;
  background: var(--st-tickets-divider-color);
  width: 100px;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__divider2 {
    display: none;
  }
}
.st-tickets-view-fngst-1__action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: var(--st-tickets-action-max-width);
  width: 100%;
  gap: var(--st-tickets-desktop-gap);
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__action {
    gap: var(--st-tickets-mobile-gap);
  }
}
.st-tickets-view-fngst-1__action div {
  display: flex;
  flex-direction: column;
  gap: var(--st-tickets-action-mobile-gap);
}
@media (min-width: 767px) {
  .st-tickets-view-fngst-1__action div {
    flex-direction: row;
    gap: var(--st-tickets-action-desktop-gap);
  }
}
.st-tickets-view-fngst-1__action h2 {
  font-family: "Barlow";
  font-size: var(--st-tickets-mobile-h2-font-size);
  font-weight: var(--st-tickets-desktop-h2-font-weight);
  line-height: var(--st-tickets-desktop-h2-line-height);
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .st-tickets-view-fngst-1__action h2 {
    font-size: var(--st-tickets-desktop-h2-font-size);
  }
}
.st-tickets-view-fngst-1__action fengstui-button {
  width: 100%;
}
.st-tickets-view-fngst-1__action fengstui-button button {
  width: 100%;
}
.st-tickets-view-fngst-1__action fengstui-button + fengstui-button button {
  background-color: var(--st-tickets-outline-btn-bg-color) !important;
  color: var(-st-tickets-outline-btn-color) !important;
}
.fengsthome-call-to-action-fngst-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: var(--home-call-to-action-height);
  overflow: hidden;
}
.fengsthome-call-to-action-fngst-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--home-call-to-action-background);
  z-index: 1;
}
.fengsthome-call-to-action-fngst-1__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fengsthome-call-to-action-fngst-1__content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: var(--home-call-to-action-title-desktop-max-width);
  width: 100%;
  position: relative;
  text-align: center;
  color: var(--on-info);
  z-index: 1;
}
.fengsthome-call-to-action-fngst-1__content > div {
  padding: 0 1rem;
}
.fengsthome-call-to-action-fngst-1__content h1 {
  font-size: var(--mobile-home-call-to-action-title-font-size);
  line-height: var(--mobile-home-call-to-action-title-line-height);
  font-weight: var(--home-call-to-action-title-font-weight);
  color: var(--secondary);
  margin: var(--home-call-to-action-title-margin);
}
.fengsthome-call-to-action-fngst-1__content h1 br {
  display: none;
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content h1 {
    font-size: var(--home-call-to-action-title-font-size);
    line-height: var(--home-call-to-action-title-line-height);
    margin: 0;
  }
  .fengsthome-call-to-action-fngst-1__content h1 br {
    display: block;
  }
}
.fengsthome-call-to-action-fngst-1__content span {
  display: block;
  font-family: var(--home-call-to-action-title-alternate-font-family);
  margin: 0 auto;
  max-width: var(--home-call-to-action-subtitle-width);
  font-size: var(--mobile-home-call-to-action-subtitle-font-size);
  line-height: va(--mobile-home-call-to-action-subtitle-line-height);
}
@media (min-width: 767px) {
  .fengsthome-call-to-action-fngst-1__content span {
    font-size: var(--home-call-to-action-subtitle-font-size);
    line-height: var(--home-call-to-action-subtitle-line-height);
  }
}
.content-suggestions {
  display: flex;
  width: 100%;
  max-width: 1180px;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
}
.content-suggestions__content {
  line-height: 20px;
}
.content-suggestions__item {
  display: flex;
  width: 100%;
  max-width: 272.16px;
  padding: 10px;
  border-radius: 19px;
  height: 236.24px;
  color: white;
  font-size: 18px;
  text-transform: uppercase;
  background: var(--secondary);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 42px 11px;
}
.content-suggestions__item button {
  display: block;
  background: white;
  font-size: 18px;
  text-align: center;
  width: 100%;
  min-width: 160px;
  padding: 10px 0px;
  font-weight: bold;
  border-radius: 20px;
  border: none;
  cursor: pointer;
  color: var(--secondary);
}
.content-suggestions__item:nth-of-type(odd) {
  background: var(--primary);
}
.content-suggestions__item:nth-of-type(odd) button {
  color: var(--primary);
}
.view-tabs-fngst-1 {
  position: relative;
}
.view-tabs-fngst-1__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.view-tabs-fngst-1__img {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 480px;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__img {
    min-height: 730px;
  }
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__img {
    min-height: 480px;
  }
}
.view-tabs-fngst-1__moreinfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background-image: var(--home-view-tabs-wrapper-background);
  background-size: cover;
  background-position: center;
  color: var(--home-view-tabs-content-color);
  padding: 24px 16px;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo {
    padding: 56px 24px;
  }
}
.view-tabs-fngst-1__moreinfo h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
  }
}
@media (min-width: 1200px) {
  .view-tabs-fngst-1__moreinfo h3 {
    font-size: 40px;
  }
}
.view-tabs-fngst-1__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  gap: 24px;
  padding: 16px;
  background-color: #fff;
  box-shadow: var(--home-view-tabs-box-shadow);
  margin: 0 auto;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__moreinfo-wrapper {
    max-width: 720px;
    padding: 48px;
  }
}
.view-tabs-fngst-1__moreinfo-wrapper fengstui-button button {
  width: 100%;
}
.view-tabs-fngst-1__content ul {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
.view-tabs-fngst-1__content ul li:first-child {
  padding-bottom: 24px;
}
.view-tabs-fngst-1__content ul li + li {
  border-top: 1px solid var(--home-view-tabs-content-color);
  padding: 24px 0;
}
.view-tabs-fngst-1__content ul li + li i {
  padding-top: 24px;
}
.view-tabs-fngst-1__content ul li {
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li {
    flex-direction: row;
  }
}
.view-tabs-fngst-1__content ul li div {
  margin-left: 0;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li div {
    margin-left: 58px;
  }
}
.view-tabs-fngst-1__content ul li i {
  font-size: 40px;
  position: absolute;
  top: 0;
}
.view-tabs-fngst-1__content ul li i:before {
  color: var(--home-view-tabs-icon-color);
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li i {
    font-size: 48px;
  }
}
.view-tabs-fngst-1__content ul li h5 {
  font-size: 24px;
  font-weight: 700;
  margin-left: 48px;
  line-height: 100%;
  word-break: break-all;
}
@media (min-width: 576px) {
  .view-tabs-fngst-1__content ul li h5 {
    margin-left: 0;
  }
}
.view-tabs-fngst-1__content ul li p {
  font-family: "Barlow";
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  color: var(--home-view-tabs-p-color);
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .view-tabs-fngst-1__content ul li p {
    font-size: 16px;
    margin-left: 0;
  }
}
.fengstplans-view-partner-fngst-1 {
  position: relative;
}
.fengstplans-view-partner-fngst-1__scroll {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 0;
  max-width: 1680px;
  margin: 0 auto;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll {
    gap: 40px;
    padding: 40px 0;
  }
}
.fengstplans-view-partner-fngst-1__scroll h2 {
  font-size: 24px;
  font-weight: 900;
  color: var(--secondary);
  line-height: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll h2 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-partner-fngst-1__scroll h2 {
    font-size: 56px;
  }
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button {
  text-align: center;
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-partner-fngst-1__scroll fengstui-button button {
    width: inherit;
  }
}
.fengstplans-view-partner-fngst-1__scroll fengstui-button button i {
  font-size: 18px !important;
}
.fengstplans-view-partner-fngst-1__scroll h2, .fengstplans-view-partner-fngst-1__scroll fengstui-button {
  padding: 0 16px;
}
@media (min-width: 767px) {
  .fengstplans-view-partner-fngst-1__scroll h2, .fengstplans-view-partner-fngst-1__scroll fengstui-button {
    padding: 0 40px;
  }
}
.fengstplans-view-partner-fngst-1__wrapper {
  display: flex;
  justify-content: center;
  max-width: 1680px;
  width: 100%;
  padding: 0 16px;
}
@media (min-width: 767px) {
  .fengstplans-view-partner-fngst-1__wrapper {
    padding: 0 40px;
  }
}
.fengstplans-view-partner-fngst-1__card {
  display: flex;
  flex-direction: column;
  width: 310px;
  padding: 24px;
  background: #fff;
}
.fengstplans-view-partner-fngst-1__card img {
  width: 100%;
  object-fit: contain;
  max-width: 175px;
  height: 100px;
  margin: 0 auto;
}
.fengstplans-view-partner-fngst-1 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-partner-fngst-1 swiper .swiper-container, .fengstplans-view-partner-fngst-1 swiper .swiper-wrapper {
  width: 85vw;
}
.fengstplans-view-partner-fngst-1 .swiper-slide {
  width: 310px !important;
}
.fengstplans-view-partner-fngst-1 .swiper-container {
  cursor: grab;
}
.fengstplans-view-partner-fngst-1 .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-event-info-fngst-1__scroll {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__scroll {
    grid-template-columns: 1fr 1fr;
  }
}
.fengstplans-view-event-info-fngst-1__img {
  background: center no-repeat;
  background-size: cover;
  min-height: 300px;
  order: 1;
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__img {
    min-height: 437px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo {
  display: flex;
  background: var(--event-info-background);
  background-size: cover;
  background-size: 140% 100%;
  background-color: #fff;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__moreinfo {
    background-size: 100% 100%;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-event-info-fngst-1__moreinfo {
    background-size: none;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 48px 10px 24px 62px;
  max-width: 864px;
  gap: 24px;
  color: var(--plans-info-color);
}
@media (min-width: 576px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
    padding: 24px 24px 24px 80px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper {
    padding: 24px 24px 24px 120px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper h2 {
  font-size: 40px;
  line-height: 120%;
  font-weight: 900;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper h2 {
    font-size: 52px;
    line-height: 100%;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper p {
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  margin: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-event-info-fngst-1__moreinfo-wrapper p {
    font-size: 24px;
  }
}
.fengstplans-view-event-info-fngst-1__moreinfo-wrapper p span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.fengsthome-call-to-action-view-13 {
  min-height: 75svh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--cta-13-mobile-background);
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13 {
    height: 100svh;
    background: var(--cta-13-desktop-background);
    max-height: 900px;
  }
}
.fengsthome-call-to-action-view-13__content {
  text-align: center;
  color: var(--cta-13-text-color);
  max-width: var(--cta-13-max-width-mobile);
  margin-top: 64px;
}
@media (min-width: 500px) {
  .fengsthome-call-to-action-view-13__content {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content {
    max-width: var(--cta-13-max-width-desktop);
  }
}
@media (min-width: 1500px) {
  .fengsthome-call-to-action-view-13__content {
    margin-top: 120px;
  }
}
.fengsthome-call-to-action-view-13__content-label {
  font: var(--cta-13-text-mobile-font);
  margin: 0 0 16px 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-label {
    font: var(--cta-13-text-desktop-font);
    margin: 0 0 24px 0;
  }
}
.fengsthome-call-to-action-view-13__content-title {
  color: var(--cta-13-title-color);
  font: var(--cta-13-mobile-title-font);
  margin: 0 0 8px 0;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-title {
    font: var(--cta-13-desktop-title-font);
  }
}
.fengsthome-call-to-action-view-13__content-subtitle {
  font: var(--cta-13-subtitle-mobile-font);
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__content-subtitle {
    font: var(--cta-13-subtitle-desktop-font);
  }
}
.fengsthome-call-to-action-view-13__buttons {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  gap: 24px 40px;
  max-width: 312px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons {
    margin-top: 24px;
    flex-direction: row;
    max-width: 750px;
  }
}
.fengsthome-call-to-action-view-13__buttons button {
  width: 100%;
  margin-bottom: 10px;
  font: var(--cta-13-button-font);
}
.fengsthome-call-to-action-view-13__buttons fengstui-button {
  width: 100%;
}
.fengsthome-call-to-action-view-13__buttons .feng-btn {
  padding: 16px 24px;
}
@media (min-width: 992px) {
  .fengsthome-call-to-action-view-13__buttons .feng-btn {
    padding: 14px;
  }
}
.fengsthome-call-to-action-view-13__buttons .feng-btn--secondary:not(.feng-btn--outline) {
  background: var(--cta-13-button-primary-bg);
  color: var(--cta-13-button-color) !important;
}
.fengsthome-call-to-action-view-13__buttons .feng-btn--outline {
  color: var(--cta-13-button-color);
  border-color: currentColor;
}
.home-benefits {
  background: var(--crt-benefits-background);
}
.home-benefits__content {
  display: flex;
  flex-direction: column;
  max-width: var(--max-width);
  padding: 80px 0 62px 0;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .home-benefits__content {
    max-width: 1251px;
    padding: 80px 0 132px 0;
  }
}
@media (min-width: 1500px) {
  .home-benefits__content {
    max-width: 1440px;
  }
}
.home-benefits__title {
  padding: 0 24px;
}
.home-benefits__title h1, .home-benefits__title h2 {
  margin: 0;
}
.home-benefits__title h1 {
  font: var(--crt-benefits-title-mobile-font);
  color: #A48745;
}
@media (min-width: 992px) {
  .home-benefits__title h1 {
    font: var(--crt-benefits-title-desktop-font);
  }
}
.home-benefits__title h2 {
  font: var(--crt-benefits-subtitle-mobile-font);
  color: #343434;
}
@media (min-width: 992px) {
  .home-benefits__title h2 {
    font: var(--crt-benefits-subtitle-desktop-font);
  }
}
.home-benefits__cards {
  margin-top: 40px;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  column-gap: 16px;
  max-width: calc(100vw - 18px);
  padding: 0 24px 18px;
}
.home-benefits__cards:hover::-webkit-scrollbar-thumb {
  background: #c7c7c7;
}
.home-benefits__cards-item {
  display: flex;
  flex-direction: column;
  background: #fff;
  padding: 16px;
  min-width: 96%;
  height: 246px;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
@media (min-width: 350px) {
  .home-benefits__cards-item {
    min-width: 300px;
  }
}
@media (min-width: 992px) {
  .home-benefits__cards-item {
    max-width: 336px;
    min-width: 336px;
    height: 321px;
    padding: 24px;
  }
}
.home-benefits__cards-item span {
  font-size: 30px;
  margin-bottom: 24px;
  color: #343434;
}
@media (min-width: 992px) {
  .home-benefits__cards-item span {
    font-size: 42px;
  }
}
.home-benefits__cards-item strong {
  color: #A48745;
  font: var(--crt-benefits-card-title-mobile-font);
}
@media (min-width: 992px) {
  .home-benefits__cards-item strong {
    font: var(--crt-benefits-card-title-desktop-font);
  }
}
.home-benefits__cards-item p {
  color: #727272;
  font: var(--crt-benefits-card-text-mobile-font);
}
@media (min-width: 992px) {
  .home-benefits__cards-item p {
    font: var(--crt-benefits-card-text-desktop-font);
  }
}
.home-benefits ::-webkit-scrollbar {
  height: 10px;
}
.home-benefits ::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 10px;
}
.view-st-homecta-v2 {
  min-height: 600px;
  background: var(--crt-footerCTA-bg);
  padding: 32px 16px 0;
  color: var(--on-primary);
  overflow: hidden;
}
@media (min-width: 1500px) {
  .view-st-homecta-v2 {
    padding: 10px 16px 0;
  }
}
.view-st-homecta-v2__title {
  margin: 0 0 32px 0;
  font: var(--crt-footerCTA-title-mobile-font);
}
@media (min-width: 576px) {
  .view-st-homecta-v2__title {
    font-size: 3.75rem;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__title {
    font: var(--crt-footerCTA-title-desktop-font);
    font-size: 4.5rem;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__title {
    font-size: 5.625rem;
  }
}
.view-st-homecta-v2__text {
  margin: 0 0 32px 0;
  font: var(--crt-plans-subtitle-mobile-font);
}
@media (min-width: 576px) {
  .view-st-homecta-v2__text {
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__text {
    font: var(--crt-plans-subtitle-desktop-font);
  }
}
.view-st-homecta-v2__grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 992px) {
  .view-st-homecta-v2__grid {
    grid-template-columns: 1fr 1fr;
  }
}
.view-st-homecta-v2__grid-buttons {
  display: flex;
  flex-direction: column;
  padding: 0;
}
@media (min-width: 576px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 24px 16px 0 16px;
  }
}
@media (min-width: 1200px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 100px 0 0 50px;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__grid-buttons {
    padding: 100px 0 0 100px;
  }
}
.view-st-homecta-v2__grid-buttons-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.view-st-homecta-v2__grid-buttons-items fengstui-button {
  width: 100%;
}
.view-st-homecta-v2__grid-buttons-items .feng-btn--primary.feng-btn--outline {
  width: 100%;
  color: var(--on-primary);
  border-color: currentColor;
  font-weight: 500;
  font-size: 14px !important;
}
@media (min-width: 767px) {
  .view-st-homecta-v2__grid-buttons-items {
    flex-direction: row;
  }
}
.view-st-homecta-v2__grid-illustration {
  margin-top: auto;
  position: relative;
  bottom: -5px;
}
.view-st-homecta-v2__grid-illustration img {
  width: 100%;
  transform: scale(140%);
  margin: 0 auto;
  display: block;
}
@media (min-width: 445px) {
  .view-st-homecta-v2__grid-illustration img {
    transform: none;
  }
}
@media (min-width: 576px) {
  .view-st-homecta-v2__grid-illustration img {
    width: 500px;
  }
}
@media (min-width: 992px) {
  .view-st-homecta-v2__grid-illustration img {
    transform: scale(1.1);
    width: 100%;
  }
}
@media (min-width: 1500px) {
  .view-st-homecta-v2__grid-illustration img {
    width: 100%;
    transform: scale(1);
  }
}
section {
  display: grid;
}
section.st-pricing {
  position: relative;
}
section.st-pricing .st-pricing-vascoimg {
  position: absolute;
  width: 40px;
  right: 12px;
  top: -20px;
}
@media (min-width: 576px) {
  section.st-pricing .st-pricing-vascoimg {
    width: 134px;
    right: 200px;
    top: -70px;
  }
}
section.st-pricing .swiper-pagination-bullet {
  opacity: 1 !important;
  background-color: var(--on-background) !important;
  width: 12px !important;
  height: 12px !important;
}
section.st-pricing .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--primary) !important;
  width: 15px !important;
  height: 15px !important;
}
section.st-pricing div.arrows div {
  color: #fff !important;
}
section.st-pricing div.special-plans-container {
  color: #fff !important;
}
@media (min-width: 992px) {
  section.st-pricing {
    margin-top: 0px;
  }
}
section.st-exclusive-content {
  background: url("https://flamengo.s3-sa-east-1.amazonaws.com/prod/assets/images/grounge_stripe_bg_black.png") top no-repeat;
}
section.st-call-to-action {
  height: 570px;
}
@media (min-width: 992px) {
  section.st-call-to-action {
    height: 730px;
  }
}
section.st-home-unlogged-featured {
  height: 570px;
}
@media (min-width: 992px) {
  section.st-home-unlogged-featured {
    height: 730px;
  }
}
section.st-tabs {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 992px) {
  section.st-exclusive-content {
    height: 770px;
  }
}
@media (min-width: 992px) {
  section.st-pricing-info {
    height: 840px;
  }
}
section.st-call-to-action, section.st-pricing, section.st-exclusive-content, section.st-testimony, section.st-pricing-info, section.st-partner {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
section.st-exclusive-content, section.st-testimony {
  background-attachment: initial;
}
section.st-exclusive-content {
  background-position: initial;
}
section.st-pricing-info {
  background: #fff;
  min-height: 640px;
  margin: 0px;
}
section.st-partner {
  background-image: var(--partners-img-background);
}
section.st-partner, section.st-event-info {
  position: relative;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: "";
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.event-card {
  color: white;
  margin-bottom: 3.12em;
}
@media (min-width: 992px) {
  .event-card {
    min-height: 590px;
    margin-bottom: 0;
  }
}
.event-card__actions {
  display: flex;
  max-width: 300px;
  margin: 50px auto;
  row-gap: 20px;
  flex-direction: column;
  align-items: center;
}
.event-card__actions .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--event-color-button-primary, var(--primary)) !important;
  border: 1px solid var(--event-button-border-color);
}
.event-card__actions .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--event-color-button-secondary, var(--secondary)) !important;
  border: 1px solid var(--event-button-border-color) !important;
}
@media (min-width: 992px) {
  .event-card__actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
    max-width: 490px;
    margin: 30px auto;
    align-items: center;
    text-align: center;
  }
}
.event-card__button--line.BOTAFOGO fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.BOTAFOGO button, .event-card__button--line.VASCO fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.VASCO button {
  background: transparent !important;
}
.event-card__button--line.FLUMINENSE {
  border: 4px solid var(--background) !important;
}
.event-card__button--line.São.Paulo fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon), .event-card__button--line.São.Paulo button {
  background: var(--event-color-text-secondary) !important;
}
.event-card__button--transparent button {
  background-color: var(--event-transparent-button) !important;
}
.event-card__championship {
  font-weight: bold !important;
}
.event-card__date {
  text-align: center;
  margin-bottom: 30px;
  color: var(--event-color-text-light);
}
.event-card__date h3 {
  font-size: 1.81em;
  text-transform: uppercase;
}
.event-card__date h3.VASCO span:nth-child(1) {
  font-weight: 400;
  font-size: -0.4em;
}
.event-card__date-user {
  color: var(--event-color-text-secondary);
}
.event-card__date-user > h3 {
  text-transform: uppercase;
}
.event-card__icon {
  display: block;
  width: 100%;
  text-align: center;
}
.event-card__match {
  display: none;
}
@media (min-width: 992px) {
  .event-card__match {
    display: grid;
    grid-area: match;
    width: 100%;
    max-width: 840px;
    margin: auto;
    grid-template-columns: 1.3fr 0.1fr 1.3fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". . .";
    align-items: center;
    justify-items: center;
    grid-area: auto;
  }
}
.event-card__match--package {
  display: none;
}
.event-card__match--package img {
  max-width: 100px;
}
@media (min-width: 992px) {
  .event-card__match--package {
    display: grid;
    width: 100%;
    max-width: 840px;
    margin: auto;
    align-items: center;
    justify-items: center;
    grid-auto-flow: row;
    justify-content: center;
  }
}
@media (min-width: 992px) {
  .event-card__match.VASCO .event-card__shield h1, .event-card__match.VASCO .event-card__icon h1 {
    font-family: "Titillium Web";
    font-size: 32px;
    font-weight: 900;
    text-transform: uppercase;
  }
  .event-card__match.VASCO .event-card__icon h1 {
    font-size: 30px;
    font-weight: 100;
  }
}
.event-card__match--mobile {
  display: grid;
  grid-area: match;
  width: 100%;
  max-width: 220px;
  margin: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-items: center;
}
@media (min-width: 992px) {
  .event-card__match--mobile {
    display: none;
  }
}
.event-card__name {
  text-align: center;
  margin: 30px auto;
}
.event-card__name h4 {
  font-size: 1em;
  text-transform: uppercase;
}
.event-card__name h4 span {
  font-weight: bold !important;
}
.event-card__open-event {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 12px;
  margin: 30px auto;
}
.event-card__open-event fengstui-button {
  margin: 0.5em 0;
}
.event-card__open-event fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon) {
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
.event-card__open-event fengstui-button.enable-edge {
  border: 4px solid var(--background) !important;
}
@media (min-width: 992px) {
  .event-card__open-event {
    flex-direction: initial;
  }
  .event-card__open-event fengstui-button {
    margin: initial;
  }
}
.event-card__rating {
  margin: 30px auto;
}
.event-card__rating-date {
  text-transform: uppercase;
}
.event-card__rating-date-open {
  display: flex;
  max-width: 350px;
  margin: 30px auto;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-transform: capitalize;
}
@media (min-width: 992px) {
  .event-card__rating-date-open {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
}
.event-card__shield {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  width: 100%;
  max-width: 100%;
  align-items: center;
  justify-items: center;
}
.event-card__shield img {
  object-fit: initial;
  height: 80px;
}
@media (min-width: 992px) {
  .event-card__shield {
    gap: 0px 20px;
  }
  .event-card__shield img {
    height: 120px;
  }
}
.event-card__ticket-info {
  display: flex;
  justify-content: center;
  text-align: left;
  font-size: 1.48em !important;
  font-family: "Roboto" !important;
}
.event-card__ticket-info p {
  padding: 0 2em;
}
.event-card__ticket-info p .bonus {
  color: var(--event-color-text-secondary);
}
@media (min-width: 992px) {
  .event-card__ticket-info {
    font-size: 1.68em !important;
  }
  .event-card__ticket-info p {
    padding: initial;
  }
}
.event-card__ticket-info.flu a {
  color: var(--event-color-text-secondary);
}
.event-card__how-many-tickets {
  width: 100%;
  height: 20%;
  display: flex;
  gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 27px;
  font-family: var(--font-primary);
  font-weight: 300;
}
.event-card__how-many-tickets--highlight {
  font-weight: bold;
}
.event-card__user-info {
  display: flex;
  margin-top: 2.31em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
  font-family: var(--font-event);
}
@media (min-width: 992px) {
  .event-card__user-info {
    flex-direction: initial;
    align-items: center;
    gap: 5em;
  }
}
.event-card__user-info > span {
  font-size: 1.37em;
  text-transform: capitalize !important;
}
.event-card__user-info span:nth-child(2) {
  display: none;
  color: var(--event-color-text-default);
}
@media (min-width: 992px) {
  .event-card__user-info span:nth-child(2) {
    display: block;
  }
}
.event-card__user-info span:nth-child(3),
.event-card__user-info span:nth-child(4) {
  display: flex;
  justify-content: center;
  font-size: 1em;
  color: var(--event-color-text-default);
}
.event-card__user-info span:nth-child(3) span,
.event-card__user-info span:nth-child(4) span {
  margin-left: 0.37em;
  font-size: 1.37em;
  color: var(--event-color-text-secondary);
}
.event-card__user-info span:nth-child(4) {
  color: var(--event-color-text-default);
}
.event-card__user-info span:nth-child(4) span {
  color: var(--event-color-text-default);
}
.event-card__user-rating {
  display: flex;
  margin-top: 2.31em;
  justify-content: center;
  align-items: center;
  gap: 4px;
  font-family: "GillSansMT";
}
@media (min-width: 992px) {
  .event-card__user-rating {
    align-items: center;
    gap: 1em;
  }
}
.event-card__user-rating > span {
  font-size: 1.37em;
  text-transform: capitalize !important;
}
.event-card__second-card {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}
.event-card__second-card--none {
  display: none;
}
.event-card__second-card a {
  margin: 2.25em 0;
  text-decoration: underline;
  color: var(--event-color-text-light);
}
.events-iframe__header {
  text-align: center;
  margin: 25px auto;
  color: #969696;
}
.events-iframe__wrapper {
  position: relative;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  width: 100%;
  height: 100vh;
  margin-top: 70px;
}
@media (min-width: 992px) {
  .events-iframe__wrapper {
    height: 75vh;
  }
}
.events-iframe__wrapper h3 {
  font-size: 20px;
  text-align: center;
}
.events-iframe__wrapper iframe.mb-iframe,
.events-iframe__wrapper object.mb-iframe {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 600px;
  border: none;
}
@media (min-width: 992px) {
  .events-iframe__wrapper {
    margin-top: 0px;
  }
}
.events-main-wrapper {
  position: relative;
  width: 100%;
  padding-top: 70px;
  background: black;
  min-height: 70vh;
  padding-bottom: 40px;
}
.events-main-wrapper swiper .swiper-button-next:after,
.events-main-wrapper swiper .swiper-button-prev:after {
  color: var(--events-featured-swiper-arrows);
}
.events-main-wrapper swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--events-featured-swiper-arrows);
  opacity: 0.5;
}
.events-main-wrapper swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.events-main-wrapper swiper .swiper-pagination {
  pointer-events: all !important;
}
@media (min-width: 992px) {
  .events-main-wrapper {
    padding-top: 20px;
  }
  .events-main-wrapper swiper > .swiper.s-wrapper {
    height: 100%;
    width: 100%;
    max-width: 1200px;
  }
}
.events-main-wrapper__header {
  display: flex;
  width: 100%;
  max-width: 650px;
  margin: 20px auto;
  justify-content: flex-end;
}
.events-main-wrapper__header a {
  display: block;
  width: 150px;
  text-transform: uppercase;
  color: #000;
  padding: 5px 10px;
  text-decoration: none;
  border: 1px solid #000;
  text-align: center;
}
.events-main-wrapper h1 {
  color: white;
  font-size: 22px;
  text-align: center;
}
.events-main-wrapper.flu {
  background-size: cover !important;
}
.close-event {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0 12px;
  margin: 30px auto;
}
.events-main-wrapper.VASCO {
  border-bottom: 8px solid var(--secondary);
}
.event-search {
  max-width: 80em;
  margin: 0 auto;
  margin-bottom: 1.87em;
  display: flex;
  gap: 0.62em;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .event-search {
    flex-direction: row;
    justify-content: start;
    align-items: flex-start;
  }
}
.event-search__modality, .event-search__competitions {
  width: 100%;
  max-width: 20em;
  margin: auto;
}
@media (min-width: 576px) {
  .event-search__modality, .event-search__competitions {
    margin: 0;
  }
}
.event-search__modality fengstui-select, .event-search__competitions fengstui-select {
  color: var(--event-color-text-default);
}
.event-search__modality fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field, .event-search__competitions fengstui-select .feng-select.feng-select--primary .feng-select__mat-form-field {
  border: none !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  background: var(--event-background-select) !important;
  border-radius: initial !important;
}
.event-search__modality fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex, .event-search__competitions fengstui-select .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: initial !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  padding-right: 0.5em;
  border-left: initial !important;
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper .mat-select-arrow {
  color: var(--event-color-text-default);
}
.event-search__modality fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label, .event-search__competitions fengstui-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper label {
  color: var(--event-color-text-default) !important;
}
.event-search__modality fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line, .event-search__competitions fengstui-select .mat-select-value .mat-select-value-text .mat-select-min-line {
  color: var(--event-color-text-default) !important;
}
.event-table {
  position: relative;
}
.event-table__ticket-list {
  width: 100%;
  max-width: 80em;
  margin: 0 auto;
  padding: 2%;
  height: 100%;
  max-height: 540px;
  overflow-y: auto;
  background: var(--event-background-table);
  box-sizing: border-box;
}
@media (min-width: 576px) {
  .event-table__ticket-list {
    padding: 1.5em 2em;
  }
}
.event-table__ticket-list h3 {
  text-align: center;
  font-size: 17px;
}
@media (min-width: 992px) {
  .event-table__ticket-list h3 {
    text-align: initial;
  }
}
.event-table__game {
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5em;
  border-top: 1px solid rgba(231, 231, 231, 0.863);
  text-align: center;
}
@media (min-width: 992px) {
  .event-table__game {
    text-align: left;
  }
}
.event-table__game:first-child {
  padding-top: 1em;
  margin-top: 0 !important;
  border-top: 0 !important;
}
@media (min-width: 992px) {
  .event-table__game {
    flex-direction: initial;
  }
}
.event-table__game.first {
  border-top: initial;
}
.event-table__game div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.event-table__game div:nth-child(1) {
  width: 100%;
  max-width: 18em;
}
.event-table__game div:nth-child(2) {
  width: 100%;
  max-width: 12em;
}
.event-table__game div:nth-child(3) {
  width: 100%;
  max-width: 14em;
}
.event-table__game-image {
  height: 100%;
  max-height: 8.12em;
  display: initial !important;
}
.event-table__game-image.card > p {
  text-transform: uppercase;
}
.event-table__game-image p {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: center;
  text-transform: uppercase;
}
.event-table__game-image figure {
  margin: 0 auto;
  position: relative;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: center;
}
.event-table__game-image figure .fengi-close {
  font-size: 2em;
}
.event-table__game-image figure img {
  max-height: 5em;
  object-fit: contain;
  width: 70px;
}
.event-table__game-date p, .event-table__game-local p {
  font-size: 1.2em;
  font-family: "GillSansMT";
  font-weight: 700;
  color: initial;
}
.event-table__game-date p {
  color: var(--event-color-text-dark);
}
.event-table__game-date p .HOUR {
  color: var(--event-color-text-primary);
}
.event-table__game-local p {
  font-weight: 500;
  color: var(--event-color-text-primary);
}
.event-table__game-local.flu p {
  color: var(--event-color-text-dark);
}
.event-table__game fengstui-button {
  width: 100% !important;
  max-width: 15em !important;
  display: flex !important;
  align-items: center !important;
}
.event-table__game fengstui-button .feng-btn--secondary:not(.feng-btn--outline):not(.feng-btn--icon),
.event-table__game fengstui-button button {
  width: 100% !important;
  max-width: 15em !important;
  color: var(--event-color-text-button) !important;
  background-color: var(--event-color-button) !important;
}
.event-table__game button {
  text-transform: uppercase;
  font-weight: bold;
  max-width: 250px;
}
.event-table__game button.--more-info {
  display: flex;
  align-items: center;
  width: 120px;
  border: none;
  background: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
}
.event-table__game button.--more-info .ondaFechada {
  max-width: 100%;
}
.event-table__game button.--more-info i {
  background: red;
  color: white;
  height: 40px;
  display: flex;
  align-items: flex-end;
  width: 46px;
  justify-content: flex-end;
  padding: 0 4px 4px 0;
  clip-path: polygon(100% 4%, 23% 100%, 100% 100%);
  margin-right: -20px;
  border-radius: 0 0 5px 0;
}
.event-table__game--more-info a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.event-table__game--more-info a span {
  display: block;
  color: var(--event-color-text-dark) !important;
}
.fengstevents-ticketing-redirection-modal {
  text-align: center;
}
.fengstevents-ticketing-redirection-modal .redirection-message p {
  font-weight: 800;
  font-size: 20px;
}
.fengstevents-ticketing-redirection-modal .time {
  font-size: 25px;
  font-weight: 800;
}
.fengstevents-ticketing-redirection-modal .footer-message p {
  margin-top: 30px;
  color: #646464;
}
.fengstevents-events-banner-template-v1__wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 10px;
  overflow: hidden;
}
.fengstevents-events-banner-template-v1__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: var(--on-background);
  padding: 1rem;
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info {
    padding: 1.5rem 2.8125rem;
  }
}
.fengstevents-events-banner-template-v1__info span {
  color: var(--event-banner-text-secondary);
  font-size: 0.75rem;
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info span {
    font-size: 0.875rem;
  }
}
.fengstevents-events-banner-template-v1__info h2 {
  font-size: 1.0625rem;
  line-height: 19px;
  color: var(--event-banner-text-primary);
}
@media (min-width: 992px) {
  .fengstevents-events-banner-template-v1__info h2 {
    font-size: 1.625rem;
    line-height: 30px;
  }
}
.fengstevents-events-banner-template-v1__info fengstui-button button {
  width: 100%;
}
@media (min-width: 576px) {
  .fengstevents-events-banner-template-v1__info fengstui-button button {
    width: inherit;
  }
}
.fengstevents-events-banner-template-v1__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.my-account-header {
  background-color: var(--background);
}
.my-account-header > .mat-tab-nav-bar, .my-account-header .mat-tab-header {
  border: 0;
}
.my-account-header .mat-tab-link {
  opacity: 1;
}
.my-account-header nav {
  display: flex;
  flex-direction: column;
  grid-auto-flow: column;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  justify-content: center;
  grid-gap: 3px;
}
@media (min-width: 470px) {
  .my-account-header nav {
    display: grid;
  }
}
@media (min-width: 576px) {
  .my-account-header nav {
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .my-account-header nav {
    justify-content: flex-end;
  }
}
.my-account-header nav a {
  text-decoration: none;
  color: var(--on-background);
  font-weight: normal;
  position: relative;
  margin: 0;
  padding: 8px 5px;
  font-size: 12px;
}
@media (min-width: 576px) {
  .my-account-header nav a {
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 15px;
  }
}
.my-account-header nav a:hover {
  background-color: rgba(var(--primary-RGB), 0.1);
}
.my-account-header nav a.--selected {
  font-weight: bold;
}
@media (min-width: 470px) {
  .my-account-header nav a.--selected::after {
    content: " ";
    border-top: 10px solid var(--my-profile-header, var(--primary));
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    height: 0px;
    width: 0px;
    position: absolute;
    left: calc(50% - 10px);
    bottom: 0;
  }
}
.svg-flat-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-american-express {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-flat-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 66.6283876895% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-mono-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-default {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 44.4189251263% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 55.5236564079% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 77.7331189711% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 14.2857142857% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 28.5714285714% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-security-code {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 42.8571428571% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 57.1428571429% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 71.4285714286% 88.8378502526% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-outline-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 0 no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-alipay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 11.1047312816% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-amex {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 22.2094625632% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-diners {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 33.3141938447% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-discover {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 44.5288666321% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-elo {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 53.3688649569% no-repeat;
  width: 122px;
  height: 46.01px;
}
.svg-single-hipercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 62.5294997985% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-jcb {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 73.7267455214% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-maestro {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 85.7142857143% 87.0443197384% no-repeat;
  width: 122px;
  height: 95.07px;
}
.svg-single-maestro-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 0 99.9425815342% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-mastercard {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 0 no-repeat;
  width: 122px;
  height: 95.01px;
}
.svg-single-mastercard-old {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 13.6383210841% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-paypal {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 24.8042940195% no-repeat;
  width: 122px;
  height: 79.08px;
}
.svg-single-unionpay {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 36.0946830501% no-repeat;
  width: 122px;
  height: 77.36px;
}
.svg-single-verve {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 45.375634798% no-repeat;
  width: 122px;
  height: 49.36px;
}
.svg-single-visa {
  background: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/images/payment-icons.svg") 100% 54.2848530087% no-repeat;
  width: 122px;
  height: 77.36px;
}
.fengstmyaccount-view-plan {
  display: flex;
  flex-direction: column;
  min-height: 684px;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-plan {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-plan__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-plan__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-plan__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-plan__title {
  margin-left: 10px;
  text-transform: uppercase;
}
.fengstmyaccount-view-plan__title--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .fengstmyaccount-view-plan__title {
    margin-left: 22px;
  }
}
.fengstmyaccount-view-plan__plan {
  position: relative;
}
.fengstmyaccount-view-plan__ticket-cards {
  display: grid;
  grid-gap: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__ticket-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
.fengstmyaccount-view-plan__cards-history--link {
  text-decoration: underline;
}
.fengstmyaccount-view-plan__cards-history--list {
  display: grid;
  grid-gap: 30px;
  position: relative;
  grid-template: 1fr/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-plan__cards-history--list {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-plan__cards-history--list {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-plan__cards-history--list-item {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-view-plan__cards-history--list-item > div p {
  margin: 0;
}
.fengstmyaccount-view-plan__cards-history--list-item > div p.nome {
  font-size: 17px;
  font-weight: bold;
  color: #27292D;
  text-transform: uppercase;
}
.fengstmyaccount-view-plan__plan--no-content, .fengstmyaccount-view-plan__ticket-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}
.fengstmyaccount-view-plan__plan--no-content > p, .fengstmyaccount-view-plan__ticket-cards--no-content > p {
  font-size: 16px;
}
.fengstmyaccount-plan-card-template-1 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-1__contracts {
  display: grid;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 25px auto;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child {
  display: grid;
  align-items: center;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-1__contracts > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-1__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-1__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
  padding: 0;
  font-size: 14px;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-1__contracts-select button > span {
  height: 20px;
  font-weight: bold;
  font-family: var(--font-primary);
}
.fengstmyaccount-plan-card-template-1__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-1__contracts-select-box {
  position: absolute;
  top: 36px;
  right: -142px;
  background: rgba(var(--background-RGB), 0.75);
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contracts-select-box {
    position: absolute;
    top: 26px;
    right: 0px;
    display: block;
    width: 100%;
    min-width: 250px;
    background: rgba(var(--background-RGB), 0.75);
  }
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
}
.fengstmyaccount-plan-card-template-1__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-1__details {
  display: grid;
  padding-bottom: 30px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details {
    grid-auto-flow: column;
    grid-template-columns: 20% 1fr 1fr 1fr;
  }
}
.fengstmyaccount-plan-card-template-1__details .--favorite {
  color: #d2232a;
}
.fengstmyaccount-plan-card-template-1__details .--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts) {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 25px auto;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child {
  grid-auto-flow: row;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
  font-size: 14px;
  text-align: left;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):not(:first-child) > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:first-child {
  font-size: 25px;
  font-weight: bold;
  font-family: var(--font-title);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
  grid-template-columns: 96px auto;
  grid-column-gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child {
    grid-template-columns: 140px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--primary);
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong {
    text-align: left;
  }
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-1__details > *:not(.fengstmyaccount-plan-card-template-1__contracts):first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-1__product--take-away {
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-1__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-1__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-1__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-1__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-2 {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2 {
    padding: 42px;
  }
}
.fengstmyaccount-plan-card-template-2__contracts {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
}
.fengstmyaccount-plan-card-template-2__contracts-select {
  position: relative;
}
.fengstmyaccount-plan-card-template-2__contracts-select button {
  display: flex;
  cursor: pointer;
  border: none;
  background: none;
  align-items: center;
}
.fengstmyaccount-plan-card-template-2__contracts-select button i {
  margin-left: 5px;
  font-size: 30px;
  transform: rotate(90deg);
}
.fengstmyaccount-plan-card-template-2__contracts-select-box {
  position: absolute;
  top: 25px;
  right: 0px;
  display: block;
  width: 100%;
  min-width: 250px;
  background: rgba(var(--background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul {
  list-style: none;
  padding: 0px;
  margin: 0;
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul li {
  display: block;
  padding: 1em;
  margin: 0px;
  cursor: pointer;
  font-weight: bold;
}
.fengstmyaccount-plan-card-template-2__contracts-select-box ul li:hover {
  background: var(--primary);
  color: #fff;
}
.fengstmyaccount-plan-card-template-2__details {
  display: grid;
  padding-bottom: 30px;
  grid-gap: 18px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details {
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.fengstmyaccount-plan-card-template-2__details > * {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: column;
  padding: 10px 0;
  text-align: center;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  grid-template-columns: 100px auto;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * {
    padding: initial;
    grid-auto-flow: row;
    grid-template-rows: 25px auto;
  }
}
.fengstmyaccount-plan-card-template-2__details > *:first-child {
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * {
    border-top: unset;
    grid-template-columns: unset;
    grid-template-rows: 25px auto;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :first-child {
  font-size: 14px;
  color: rgba(var(--on-background-RGB), 0.75);
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :first-child {
    text-align: unset;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child {
  font-size: 20px;
  display: grid;
  align-items: center;
  grid-gap: 10px;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child {
    text-align: unset;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child:not(.feng-btn) {
  color: var(--on-background);
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-more {
  grid-template-columns: auto auto;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-more {
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some {
  direction: rtl;
  grid-auto-flow: column;
  justify-content: flex-start;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some {
    direction: ltr;
    grid-auto-flow: row;
    justify-content: center;
  }
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child.--add-some fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-plan-card-template-2__details > * > :last-child small {
  font-size: 12px;
  color: rgba(var(--on-background-RGB), 0.75);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span {
  align-items: center;
  display: grid;
  grid-auto-flow: column;
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child {
  font-weight: bold;
  font-size: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child {
    grid-template-columns: 140px auto;
    grid-column-gap: 15px;
  }
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong {
  font-family: var(--font-title);
  font-size: 22px;
  color: var(--primary);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--201 {
  color: var(--success);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--200, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--202, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--203, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--303, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--304 {
  color: var(--warning);
}
.fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--204, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--205, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--301, .fengstmyaccount-plan-card-template-2__details > *:first-child span:last-child strong.plan-card-details-status--302 {
  color: var(--error);
}
.fengstmyaccount-plan-card-template-2__footer {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__footer {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-2__footer :last-child {
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__footer :last-child {
    justify-content: flex-end;
  }
}
.fengstmyaccount-plan-card-template-2__extrainfo {
  display: grid;
  grid-gap: 15px;
  padding: 20px 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__extrainfo {
    border-top: 2px solid rgba(var(--on-background-RGB), 0.1);
    justify-content: center;
    grid-template: auto/auto auto;
    justify-content: space-between;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions {
  display: grid;
  grid-auto-flow: row;
  justify-items: center;
  grid-gap: 15px;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions {
    grid-auto-flow: column;
    justify-items: unset;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button {
  width: 80%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button {
    width: unset;
  }
}
.fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-plan-card-template-2__contract-actions ::ng-deep fengstui-button .feng-btn {
    width: unset;
  }
}
.fengstmyaccount-ticket-card-card {
  display: grid;
  justify-items: center;
  position: relative;
}
.fengstmyaccount-ticket-card-card--history {
  filter: opacity(0.65) blur(0.5px);
}
.fengstmyaccount-ticket-card-card__image {
  max-width: 250px;
  height: auto;
  z-index: 10;
  margin-bottom: -14px;
}
.fengstmyaccount-ticket-card-card__image-boxed {
  display: block;
  width: 280px;
  height: 180px;
  z-index: 10;
  margin-bottom: -14px;
  position: relative;
}
.fengstmyaccount-ticket-card-card__image-profile {
  position: absolute;
  right: 9px;
  top: 19px;
  width: 97px;
  height: 98px;
  background-size: contain;
}
.fengstmyaccount-ticket-card-card__content {
  display: grid;
  gap: 15px;
  grid-template-rows: 45px 70px 70px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -5px;
  z-index: 9;
  max-width: 420px;
  grid-template-areas: "titular titular" "numero-cartao status" "plano-st plano-st" "cod-rastreio cod-rastreio" "rating rating" "digital-card digital-card" "actions actions";
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-ticket-card-card__content {
    padding: 42px;
  }
}
.fengstmyaccount-ticket-card-card__content > div:first-child {
  display: grid;
  grid-area: titular;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(2) {
  display: grid;
  grid-area: numero-cartao;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(3) {
  display: grid;
  grid-area: status;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(3) fengstui-button .feng-btn {
  padding: 0 15px;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(4) {
  display: grid;
  grid-area: plano-st;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(5) {
  grid-area: digital-card;
  height: 35px;
}
.fengstmyaccount-ticket-card-card__content > div:nth-child(5) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-ticket-card-card__content > div:last-child {
  grid-area: actions;
  height: 50px;
  margin-top: 20px;
}
.fengstmyaccount-ticket-card-card__content > div:last-child fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-ticket-card-card__rating {
  position: relative;
  display: grid;
  grid-template-rows: max-content auto;
  height: auto !important;
  margin-top: -70px !important;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div {
  width: max-content auto;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) {
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) a {
  color: var(--on-background);
  text-decoration: none;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:nth-child(4) a:hover {
  text-decoration: underline;
}
.fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:first-child, .fengstmyaccount-ticket-card-card.responsible .fengstmyaccount-ticket-card-card__content div:last-child {
  width: 100%;
  max-width: 420px;
}
.fengstmyaccount-rating-v1 {
  display: grid;
  margin-top: 70px;
  gap: 4px;
}
.fengstmyaccount-rating-v1 > p {
  margin: 0;
}
.fengstmyaccount-rating-v1 > div > div {
  display: flex;
  gap: 6px;
  align-items: center;
}
.fengstmyaccount-rating-v1 > div > div > div {
  display: flex;
  gap: 3px;
}
.fengstmyaccount-rating-v1 > div > div > div > span > i {
  font-size: 20px;
}
.fengstmyaccount-rating-v1 > div > div > div > span > i.fengi-star.--bonus-star {
  color: var(--primary);
}
.fengstmyaccount-rating-v2 {
  display: grid;
  gap: 10px;
  padding: 16px;
  background-color: var(--rating-bg-color);
  border: 1px solid var(--rating-border-color);
  border-radius: 22px;
  height: auto !important;
}
.fengstmyaccount-rating-v2 p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.fengstmyaccount-rating-v2 div:nth-child(2) div span {
  display: flex;
  align-items: center;
}
.fengstmyaccount-rating-v2 div:nth-child(2) div span div fengstui-button button {
  display: inline-block !important;
  cursor: unset !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
}
.fengstmyaccount-rating-v2 > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-rating-v2__fixed-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__fixed-stars i {
  color: var(--primary);
}
.fengstmyaccount-rating-v2__activation-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__activation-stars i {
  color: var(--secondary);
}
.fengstmyaccount-rating-v2__temporary-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v2__temporary-stars i {
  color: var(--on-background);
}
.fengstmyaccount-rating-v3 {
  display: grid;
  padding: 16px 16px 24px;
  background-color: var(--rating-bg-color);
  border: 1px solid var(--rating-border-color);
  border-radius: 22px;
  height: auto !important;
  width: 100%;
  margin-top: 70px;
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div span {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  color: var(--on-secondary);
}
.fengstmyaccount-rating-v3 > div:nth-child(1) > div span > div fengstui-button button {
  display: inline-block !important;
  cursor: unset !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 25px !important;
  height: 25px !important;
}
.fengstmyaccount-rating-v3__fixed-stars {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.fengstmyaccount-rating-v3__fixed-stars i {
  color: var(--primary);
}
.fengstmyaccount-embassy-card-fngst-1 {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1 {
    padding: 42px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__more-info {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-top: 1.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__more-info fengstui-button button {
  background-color: transparent !important;
  color: var(--secondary) !important;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__more-info {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main {
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 1.5rem;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main {
    grid-template-columns: var(--embassies-table-image-size) auto 30%;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info small {
  font-size: 0.8rem;
  opacity: 0.8;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info {
    justify-content: flex-start;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info p {
  color: var(--embassies-text-color);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info p {
    display: block;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) {
    gap: 5px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) > h4 {
  margin: 0;
  color: var(--embassies-title-color);
  font-size: 1.25rem;
  margin-top: 1.5rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) > h4 {
    margin-top: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(1) p {
  margin: 0;
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:nth-child(2) p {
  margin: 0.75em 0;
}
.fengstmyaccount-embassy-card-fngst-1__main-info iframe {
  width: 100%;
  height: 229.14px;
}
@media (min-width: 767px) {
  .fengstmyaccount-embassy-card-fngst-1__main-info iframe {
    width: 416.25px;
  }
}
.fengstmyaccount-embassy-card-fngst-1__main-info div:last-child p:last-child {
  margin-bottom: 0;
}
.fengstmyaccount-embassy-card-fngst-1__logo {
  display: grid;
  justify-content: center;
}
.fengstmyaccount-embassy-card-fngst-1__logo img {
  max-width: var(--embassies-table-image-size);
}
.fengstmyaccount-embassy-card-fngst-1__details {
  display: flex;
  flex-direction: column;
  background-color: var(--embassies-background-color-details);
  border-radius: 0.25rem;
  padding: 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__details {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    margin-left: var(--embassies-table-image-size);
  }
}
.fengstmyaccount-embassy-card-fngst-1__details-container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__details-container {
    gap: 3rem;
    flex-direction: row;
  }
}
.fengstmyaccount-embassy-card-fngst-1__details-member {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-member p {
  padding: 0;
  margin: 0;
  line-height: 150%;
  font-size: 0.9rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-member p strong {
  color: var(--primary);
}
.fengstmyaccount-embassy-card-fngst-1__details-member p strong span {
  line-height: normal;
  font-size: 1.25rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-social {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details-social .feng-btn.feng-btn--ghost.feng-btn--medium {
  padding: 0;
  background: transparent;
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--embassies-text-color);
}
.fengstmyaccount-embassy-card-fngst-1__details-social .feng-btn.feng-btn--ghost.feng-btn--medium i {
  color: var(--secondary);
  margin-right: 0.5rem;
}
.fengstmyaccount-embassy-card-fngst-1__details--with-video {
  gap: 1em;
}
.fengstmyaccount-embassy-card-fngst-1__details strong {
  font-weight: bold;
}
.fengstmyaccount-embassy-card-fngst-1__details strong:last-child {
  margin-top: 2em;
}
.fengstmyaccount-embassy-card-fngst-1__details strong span {
  font-size: 1.25em;
}
.fengstmyaccount-embassy-card-fngst-1__address {
  display: block;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__address {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__address > p {
    margin: 0;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  text-align: center;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__action {
    grid-auto-flow: column;
    justify-content: flex-end;
    text-align: unset;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action fengstui-button button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-embassy-card-fngst-1__action fengstui-button button {
    width: unset;
  }
}
.fengstmyaccount-embassy-card-fngst-1__action p {
  color: var(--primary);
}
.fengstmyaccount-view-chairs {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-chairs {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-chairs__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-chairs__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-chairs__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-chairs__title {
  margin-left: 10px;
  text-transform: uppercase;
}
.fengstmyaccount-view-chairs__title--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__title {
    margin-left: 22px;
  }
}
.fengstmyaccount-view-chairs__plan {
  position: relative;
}
.fengstmyaccount-view-chairs__ticket-cards {
  display: grid;
  grid-gap: 50px;
  position: relative;
  grid-template: 1fr/auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__ticket-cards {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-chairs__ticket-cards {
    grid-template: auto/1fr 1fr;
  }
}
.fengstmyaccount-view-chairs__cards-history--link {
  text-decoration: underline;
}
.fengstmyaccount-view-chairs__cards-history--list {
  display: grid;
  grid-gap: 30px;
  position: relative;
  grid-template: 1fr/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstmyaccount-view-chairs__cards-history--list {
    grid-template: auto/1fr 1fr;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-chairs__cards-history--list {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-chairs__cards-history--list-item {
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-view-chairs__cards-history--list-item > div p {
  margin: 0;
}
.fengstmyaccount-view-chairs__cards-history--list-item > div p.nome {
  font-size: 17px;
  font-weight: bold;
  color: #27292D;
  text-transform: uppercase;
}
.fengstmyaccount-view-chairs__plan--no-content, .fengstmyaccount-view-chairs__ticket-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  font-size: 16px;
}
.fengstmyaccount-view-chairs__plan--no-content > p, .fengstmyaccount-view-chairs__ticket-cards--no-content > p {
  font-size: 16px;
}
.fengstmyaccount-chairs-card {
  display: grid;
  gap: 25px 25px;
}
.fengstmyaccount-chairs-card--history {
  filter: opacity(0.65) blur(0.5px);
}
.fengstmyaccount-chairs-card__image {
  max-width: 250px;
  height: auto;
  z-index: 10;
  margin-bottom: -14px;
}
.fengstmyaccount-chairs-card__image-boxed {
  display: block;
  width: 310px;
  height: 180px;
  z-index: 10;
  margin: auto auto -23px auto;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card__image-boxed {
    width: 359px;
  }
}
.fengstmyaccount-chairs-card__image-profile {
  position: absolute;
  right: 9px;
  top: 19px;
  width: 97px;
  height: 98px;
  background-size: contain;
}
.fengstmyaccount-chairs-card__content {
  display: grid;
  gap: 15px;
  grid-template-rows: 45px 70px 70px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  position: relative;
  top: -5px;
  z-index: 9;
  max-width: 370px;
  margin: auto;
  grid-template-areas: "titular titular" "numero-cartao status" "ecard ecard" "payment payment" "actions actions";
  padding: 21px;
}
@media (min-width: 992px) {
  .fengstmyaccount-chairs-card__content {
    padding: 30px;
  }
}
.fengstmyaccount-chairs-card__content > div:first-child {
  display: grid;
  grid-area: titular;
}
.fengstmyaccount-chairs-card__content > div:nth-child(2) {
  display: grid;
  grid-area: numero-cartao;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-chairs-card__content > div:nth-child(3) {
  display: grid;
  grid-area: status;
  grid-template-rows: max-content auto;
}
.fengstmyaccount-chairs-card__content > div:nth-child(3) fengstui-button .feng-btn {
  padding: 0 15px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(4) {
  grid-area: ecard;
  margin-top: 37px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(4) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-chairs-card__content > div:nth-child(5) {
  grid-area: payment;
  height: 29px;
}
.fengstmyaccount-chairs-card__content > div:nth-child(5) fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-chairs-card__content > div:last-child {
  grid-area: actions;
  height: 29px;
}
.fengstmyaccount-chairs-card__content > div:last-child fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-view-profile {
  display: grid;
  padding: 30px 0 50px;
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstmyaccount-view-profile__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
  padding: 0 20px;
  grid-template-areas: "profile" "profile-complement" "address" "security" "social" "optin" "package-balance";
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile__wrapper {
    padding: unset;
    grid-template-areas: "profile profile-complement address" "profile security social" ". optin ." ". package-balance .";
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.fengstmyaccount-view-profile__profile {
  grid-area: profile;
}
.fengstmyaccount-view-profile__profile-complement {
  display: grid;
  grid-area: profile-complement;
}
.fengstmyaccount-view-profile__security {
  display: grid;
  grid-area: security;
}
.fengstmyaccount-view-profile__address {
  display: grid;
  grid-area: address;
}
.fengstmyaccount-view-profile__social {
  display: grid;
  grid-area: social;
}
.fengstmyaccount-view-profile__optin {
  display: grid;
  grid-area: optin;
}
.fengstmyaccount-view-profile__package-balance {
  display: grid;
  grid-area: optin;
}
.fengstmyaccount-view-profile-v2 {
  display: grid;
  padding: 30px 0 50px;
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstmyaccount-view-profile-v2__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  gap: 16px;
  padding: 0 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "person" "address" "complement" "security";
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile-v2__wrapper {
    padding: unset;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "person address" "person complement" "security complement";
  }
}
.fengstmyaccount-view-profile-v2__profile {
  min-height: 778px;
  grid-area: person;
}
.fengstmyaccount-view-profile-v2__profile-complement {
  display: grid;
  min-height: 368px;
  grid-area: complement;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-profile-v2__profile-complement {
    height: 401px;
  }
}
.fengstmyaccount-view-profile-v2__security {
  display: grid;
  min-height: 249px;
  grid-area: security;
}
.fengstmyaccount-view-profile-v2__address {
  display: grid;
  min-height: 303px;
  grid-area: address;
}
.fengstmyaccount-profile-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 30px 20px 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card {
    padding: 40px 30px 30px;
  }
}
.fengstmyaccount-profile-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
}
.fengstmyaccount-profile-card__wrapper fengstui-input,
.fengstmyaccount-profile-card__wrapper fengstui-select {
  width: 100%;
}
.fengstmyaccount-profile-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-card__wrapper .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-profile-card__wrapper .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-profile-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-card__edit-mode-actions-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstmyaccount-profile-card__edit-mode-actions-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-profile-card input[type=file] {
  opacity: 0;
  display: none;
}
.fengstmyaccount-profile-card__photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 125px;
  height: 125px;
  font-size: 60px;
  background-color: var(--info);
  color: var(--on-info);
  overflow: hidden;
  border-radius: 50%;
}
.fengstmyaccount-profile-card__photo img {
  width: 100%;
  height: auto;
}
.fengstmyaccount-profile-card__name {
  color: var(--my-profile-name-color);
  text-align: center;
  margin: 0;
}
.fengstmyaccount-profile-card__detail {
  position: relative;
  width: 100%;
}
.fengstmyaccount-profile-card__detail-loading-wrapper {
  display: grid;
  position: relative;
  height: 30px;
  width: 100%;
}
.fengstmyaccount-profile-card__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: 5px;
}
.fengstmyaccount-profile-card__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
}
.fengstmyaccount-profile-card__detail ul li.--email {
  display: grid;
  grid-auto-flow: column;
  gap: 6px;
  grid-template-columns: max-content;
}
.fengstmyaccount-profile-card__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstmyaccount-profile-card__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstmyaccount-profile-card__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstmyaccount-profile-card__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-card__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstmyaccount-profile-card__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstmyaccount-profile-card__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
.fengstmyaccount-profile-card .select-country {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstmyaccount-profile-card .select-country .mat-form-field-wrapper {
  padding: 0 !important;
}
.fengstmyaccount-profile-card .select-country .select-country-field {
  width: 90px;
}
.fengstmyaccount-profile-card .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstmyaccount-profile-card-v2 {
  position: relative;
  display: grid;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 4px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  height: 100%;
}
.fengstmyaccount-profile-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__wrapper fengstui-input,
.fengstmyaccount-profile-card-v2__wrapper fengstui-select {
  width: 100%;
}
.fengstmyaccount-profile-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-card-v2__head {
  position: relative;
}
.fengstmyaccount-profile-card-v2__head-avatar {
  background: var(--on-secondary);
  padding: 24px 0;
  display: flex;
  justify-content: center;
}
.fengstmyaccount-profile-card-v2__head-avatar-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  aspect-ratio: 1/1;
  font-size: 60px;
  background-color: var(--info);
  color: var(--on-info);
  overflow: hidden;
  border-radius: 50%;
}
.fengstmyaccount-profile-card-v2__head-avatar-photo img {
  width: 100%;
  height: auto;
}
.fengstmyaccount-profile-card-v2__head-close {
  position: absolute;
  top: 0;
  right: 0;
}
.fengstmyaccount-profile-card-v2__head-close .feng-btn {
  color: var(--my-profile-name-color);
  background: transparent !important;
}
.fengstmyaccount-profile-card-v2__content {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__content-user-name {
  color: var(--my-profile-name-color);
  text-align: left;
  text-transform: uppercase;
  font-size: var(--my-profile-name-font-size);
  line-height: var(--my-profile-name-font-size-mobile);
  margin: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card-v2__content-user-name {
    font-size: var(--my-profile-name-font-size);
  }
}
.fengstmyaccount-profile-card-v2__content-user-first-contract {
  color: var(--my-profile-subtitle-color);
  font-size: var(--my-profile-member-font-size);
  font-weight: 700;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
  margin-top: 8px;
}
.fengstmyaccount-profile-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  margin-top: auto;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-card-v2__edit-mode-actions-save .feng-btn {
  color: var(--on-background) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-profile-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-profile-card-v2 input[type=file] {
  opacity: 0;
  display: none;
}
.fengstmyaccount-profile-card-v2__detail {
  margin-top: 10px;
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__detail-loading-wrapper {
  display: grid;
  position: relative;
  height: 30px;
  width: 100%;
}
.fengstmyaccount-profile-card-v2__detail-subtitle {
  color: var(--my-profile-card-title-color);
  margin: 18px 0 8px;
  font: var(--my-profile-card-font);
}
.fengstmyaccount-profile-card-v2__detail-data {
  font-weight: 700;
  margin-bottom: 8px;
}
.fengstmyaccount-profile-card-v2__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: 15px;
}
.fengstmyaccount-profile-card-v2__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-card-v2__detail ul li p {
  font-size: 14px;
  color: #393939;
  margin: 5px 0 0 0;
}
.fengstmyaccount-profile-card-v2__edit-button {
  margin: auto 0 0 0;
}
.fengstmyaccount-profile-card-v2__edit-button .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
.fengstmyaccount-profile-card-v2__edit-button .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 8px !important;
  font-size: 14px;
}
.fengstmyaccount-profile-card-v2__edit-button .fengi-pencil-edit:before {
  color: var(--home-auth-card-button-sigup-color);
}
.fengstmyaccount-profile-card-v2__message {
  width: 100%;
  padding: 8px 16px;
  background: var(--account-message-background);
  border-radius: 4px;
  color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 22px;
}
.fengstmyaccount-profile-card-v2__message p {
  margin: 0;
}
.fengstmyaccount-profile-card-v2__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstmyaccount-profile-card-v2__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstmyaccount-profile-card-v2__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstmyaccount-profile-card-v2__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-card-v2__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstmyaccount-profile-card-v2__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstmyaccount-profile-card-v2__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
.fengstmyaccount-profile-card-v2 .select-country {
  width: 100%;
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstmyaccount-profile-card-v2 .select-country .mat-form-field-wrapper {
  padding: 0 !important;
}
.fengstmyaccount-profile-card-v2 .select-country .select-country-field {
  width: 90px;
}
.fengstmyaccount-profile-card-v2 .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstmyaccount-profile-card-v2__update-img {
  margin: 0 auto 24px auto;
}
.fengstmyaccount-profile-card-v2__update-img .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 14px;
}
.fengstmyaccount-profile-card-v2__radio {
  display: flex;
  flex-direction: column;
  gap: 9px;
  margin-bottom: 24px;
}
.fengstmyaccount-profile-card-v2__radio b {
  font-size: 14px;
  font-weight: 700;
}
.fengstmyaccount-profile-card-v2__input {
  margin-bottom: 24px;
}
.fengstmyaccount-profile-card-v2__input--disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstmyaccount-profile-complement-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card {
    padding: 30px;
  }
}
.fengstmyaccount-profile-complement-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
  font-weight: var(--my-profile-card-font-weight);
}
.fengstmyaccount-profile-complement-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-complement-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-complement-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-profile-complement-card__wrapper fengstui-select,
.fengstmyaccount-profile-complement-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-profile-complement-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-complement-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-complement-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-complement-card__detail {
  position: relative;
  width: 100%;
}
.fengstmyaccount-profile-complement-card__detail ul {
  width: 100%;
  display: grid;
  padding: 0;
  margin: 0;
  grid-gap: 20px;
  grid-template: auto auto/auto auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul {
    grid-gap: 5px;
    grid-template: auto/auto;
  }
}
.fengstmyaccount-profile-complement-card__detail ul li {
  list-style: none;
  align-items: center;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 5px;
  grid-template: auto auto/auto;
  text-align: center;
}
.fengstmyaccount-profile-complement-card__detail ul li > span:first-child {
  font-size: 14px;
  font-weight: bold;
  color: var(--my-profile-text, var(--primary));
}
.fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
  text-align: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
    text-align: left;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card__detail ul li > span:last-child {
    text-align: right;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-profile-complement-card__detail ul li {
    grid-template: auto/50% auto;
    text-align: left;
  }
}
.fengstmyaccount-profile-complement-card__size-information-modal p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.fengstmyaccount-profile-complement-card-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 4px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
  height: 100%;
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2 {
    padding: 24px;
  }
}
.fengstmyaccount-profile-complement-card-v2__title {
  font-family: var(--font-title);
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: uppercase;
}
.fengstmyaccount-profile-complement-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-profile-complement-card-v2__action-close .feng-btn {
  color: var(--my-profile-name-color) !important;
  background: transparent !important;
}
.fengstmyaccount-profile-complement-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 24px;
}
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-select,
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-profile-complement-card-v2__edit-button {
  margin: auto 0 0 0;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .feng-btn {
  padding: 10px 16px;
  color: var(--home-auth-card-button-sigup-color);
  border-color: currentColor;
  border-width: 1px;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 8px !important;
  font-size: 14px;
}
.fengstmyaccount-profile-complement-card-v2__edit-button .fengi-pencil-edit:before {
  color: var(--home-auth-card-button-sigup-color);
}
.fengstmyaccount-profile-complement-card-v2__message {
  width: 100%;
  padding: 8px 16px;
  background: var(--account-message-background);
  border-radius: 4px;
  color: var(--secondary);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 16px;
}
.fengstmyaccount-profile-complement-card-v2__message p {
  margin: 0;
}
.fengstmyaccount-profile-complement-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save .feng-btn {
  color: var(--on-background) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-profile-complement-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-profile-complement-card-v2__spacing {
  margin-top: 24px;
}
.fengstmyaccount-profile-complement-card-v2__detail {
  position: relative;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 9px;
}
.fengstmyaccount-profile-complement-card-v2__detail-data {
  font-weight: 700;
  margin-bottom: 8px;
}
.fengstmyaccount-profile-complement-card-v2__detail ul {
  display: grid;
  padding: 0;
  grid-auto-rows: 1fr;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 0;
  list-style: none;
}
.fengstmyaccount-profile-complement-card-v2__detail ul li {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-profile-complement-card-v2__detail ul li p {
  font-size: 14px;
  color: #393939;
  margin: 5px 0 0 0;
}
.fengstmyaccount-profile-complement-card-v2__radio {
  display: flex;
  flex-direction: column;
  gap: 9px;
}
.fengstmyaccount-profile-complement-card-v2__radio b {
  font-size: 14px;
  font-weight: 700;
}
.fengstmyaccount-profile-complement-card-v2__size-information-modal p {
  cursor: pointer;
  color: var(--primary);
  text-decoration: underline;
}
.fengstmyaccount-security-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card {
    padding: 30px;
  }
}
.fengstmyaccount-security-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
  font-weight: var(--my-profile-card-font-weight);
}
.fengstmyaccount-security-card__title--large {
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: uppercase;
}
.fengstmyaccount-security-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-security-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-security-card__action-close .feng-btn {
  background: transparent !important;
  color: var(--my-profile-name-color) !important;
}
.fengstmyaccount-security-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-security-card__wrapper strong {
  color: var(--my-profile-subtitle-color);
}
.fengstmyaccount-security-card__wrapper fengstui-select,
.fengstmyaccount-security-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-security-card__wrapper-update-password .feng-btn {
  border-radius: 4px;
  border-width: 1px;
  font-size: 14px;
  width: 100%;
  text-transform: uppercase;
}
.fengstmyaccount-security-card__wrapper-update-password .feng-btn--large:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px;
}
.fengstmyaccount-security-card__wrapper .adb2c-button .feng-btn {
  color: var(--secondary) !important;
  border: 1px solid var(--secondary) !important;
  background-color: transparent !important;
  border-radius: 50px;
  padding: 10px 15px;
  font-size: 15px;
  gap: 7px;
  display: inline-flex;
  align-items: center;
  font-family: var(--font-button);
  font-weight: 700;
  line-height: 1.4em;
  justify-content: center;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  pointer-events: auto;
}
.fengstmyaccount-security-card__wrapper .adb2c-button .feng-btn > img {
  width: 80px;
}
.fengstmyaccount-security-card__edit-mode-row {
  width: 100%;
  display: grid;
  grid-gap: 5px;
  justify-content: stretch;
}
.fengstmyaccount-security-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-security-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-security-card__edit-mode-actions-save .feng-btn {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--on-primary) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-security-card__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-security-card__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-address-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card {
    padding: 30px;
  }
}
.fengstmyaccount-address-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
  font-weight: var(--my-profile-card-font-weight);
}
.fengstmyaccount-address-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-address-card__action fengstui-button .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:not(.feng-btn--invert) {
  color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-address-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-address-card__wrapper fengstui-select,
.fengstmyaccount-address-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-address-card__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-address-card__detail {
  display: grid;
  grid-gap: 15px;
  grid-template: 1fr/40px auto 40px;
  width: 100%;
  min-height: 30px;
  align-items: center;
}
.fengstmyaccount-address-card__detail-icon {
  font-size: 2em;
  opacity: 0.5;
}
.fengstmyaccount-address-card__detail-address {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 5px;
}
.fengstmyaccount-address-card__detail-address strong {
  color: var(--my-profile-subtitle-color);
}
.fengstmyaccount-address-card__detail-address p {
  margin: 0;
}
.fengstmyaccount-address-card__detail-action {
  font-size: 2em;
}
.fengstmyaccount-address-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-address-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-address-card__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-address-card__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-address-card__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-address-card-v2 {
  position: relative;
  display: flex;
  flex-direction: column;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2 {
    padding: 24px;
  }
}
.fengstmyaccount-address-card-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-address-card-v2__head-title {
  font-family: var(--font-title);
  font: var(--my-profile-card-font);
  color: var(--my-profile-card-title-color);
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__head-title {
    margin-bottom: 0;
  }
}
.fengstmyaccount-address-card-v2__head-add-button {
  display: none;
}
.fengstmyaccount-address-card-v2__head-add-button .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-address-card-v2__head-add-button .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 17px !important;
}
.fengstmyaccount-address-card-v2__head-add-button .feng-btn--medium:not(.feng-btn--icon) .feng-btn__right-icon {
  margin-left: 14px !important;
}
.fengstmyaccount-address-card-v2__head-add-button--mobile {
  display: flex;
  margin: auto auto 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__head-add-button {
    display: flex;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2 .fengstmyaccount-address-card-v2__head-add-button--mobile {
    display: none;
  }
}
.fengstmyaccount-address-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-address-card-v2__action-close .feng-btn {
  color: var(--my-profile-name-color) !important;
  background: transparent !important;
}
.fengstmyaccount-address-card-v2__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 23px;
  height: 100%;
}
.fengstmyaccount-address-card-v2__wrapper fengstui-select,
.fengstmyaccount-address-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-address-card-v2__wrapper fengstui-button .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--my-profile-button, var(--primary)) !important;
}
.fengstmyaccount-address-card-v2__detail {
  padding: 0;
  list-style: none;
  width: 100%;
}
.fengstmyaccount-address-card-v2__detail-item {
  display: grid;
  align-items: center;
  border-bottom: solid 1px var(--divider-color);
  grid-template-columns: 0.2fr 2fr 0.2fr;
  margin-bottom: 16px;
  gap: 20px;
}
.fengstmyaccount-address-card-v2__detail-item-main {
  color: var(--secondary);
  background: var(--account-message-background);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-address-card-v2__detail-item-main i {
  position: relative;
  left: 1.2px;
}
.fengstmyaccount-address-card-v2__detail-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 8px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-address-card-v2__detail-item-main .star--selected {
  color: var(--account-address-selected-color);
}
.fengstmyaccount-address-card-v2__detail-item-address {
  max-width: 100%;
  color: #393939;
  font-size: 14px;
  font-weight: 400;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__detail-item-address {
    font-size: 16px;
    max-width: 350px;
  }
}
.fengstmyaccount-address-card-v2__detail-item-edit .feng-btn {
  color: var(--secondary) !important;
  font-size: 14px;
  padding: 0 15px;
  text-decoration: underline;
}
.fengstmyaccount-address-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-address-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-address-card-v2__edit-mode-actions-save .feng-btn {
  background: var(--my-profile-button, var(--primary)) !important;
  color: var(--on-background) !important;
  border-radius: 4px;
  font-size: 14px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-address-card-v2__edit-mode-actions-save {
    margin-left: auto;
  }
  .fengstmyaccount-address-card-v2__edit-mode-actions-save .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstmyaccount-address-card-v2__input-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstmyaccount-address-card-v2__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-address-card-v2__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-address-card-v2__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-foreign-address-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-foreign-address-card {
    padding: 30px;
  }
}
.fengstmyaccount-foreign-address-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-foreign-address-card__action {
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 992px) {
  .fengstmyaccount-foreign-address-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-foreign-address-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  grid-auto-rows: min-content;
  padding-top: 20px;
}
.fengstmyaccount-foreign-address-card__wrapper fengstui-select,
.fengstmyaccount-foreign-address-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-foreign-address-card__detail {
  display: grid;
  grid-gap: 15px;
  grid-template: 1fr/40px auto 40px;
  width: 100%;
  min-height: 30px;
  align-items: center;
}
.fengstmyaccount-foreign-address-card__detail-icon {
  font-size: 2em;
  opacity: 0.5;
}
.fengstmyaccount-foreign-address-card__detail-address {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 5px;
}
.fengstmyaccount-foreign-address-card__detail-address p {
  margin: 0;
}
.fengstmyaccount-foreign-address-card__detail-action {
  font-size: 2em;
}
.fengstmyaccount-foreign-address-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-foreign-address-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-foreign-address-card__item {
  position: relative;
  margin: 15px 0px;
}
.fengstmyaccount-foreign-address-card__item-checkbox {
  text-align: center;
  font-size: 14px;
}
.fengstmyaccount-foreign-address-card__item-checkbox .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstmyaccount-social-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-social-card {
    padding: 30px;
  }
}
.fengstmyaccount-social-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-social-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-social-card__wrapper p {
  margin: 0;
}
.fengstmyaccount-social-card__social-providers {
  display: grid;
  grid-gap: 20px;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-social-card__social-providers {
    grid-gap: 10px;
    margin: 0 auto 0 0;
  }
}
.fengstmyaccount-social-card__social-providers li {
  list-style: none;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  grid-template: auto auto auto/auto;
}
@media (min-width: 767px) {
  .fengstmyaccount-social-card__social-providers li {
    grid-template: auto/50px 90px auto;
  }
}
.fengstmyaccount-social-card__social-providers li fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-social-card__social-providers-icon {
  position: relative;
}
.fengstmyaccount-social-card__social-providers-icon i {
  display: grid;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin: auto;
}
.fengstmyaccount-social-card__social-providers-icon i.--provider-icon {
  width: 30px;
  height: 30px;
  font-size: 20px;
  color: var(--on-primary);
  background-color: var(--primary);
}
.fengstmyaccount-social-card__social-providers-icon i.--connection-icon {
  position: absolute;
  top: 0;
  left: 25px;
  width: 20px;
  height: 20px;
  font-size: 18px;
  color: var(--on-success);
  background-color: var(--success);
}
.fengstmyaccount-social-card__social-providers-status {
  position: relative;
}
.fengstmyaccount-social-card__social-providers-status--connected {
  opacity: 0.5;
}
.fengstmyaccount-social-card__social-providers-action {
  position: relative;
}
.fengstmyaccount-indica-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-indica-card {
    padding: 30px;
  }
}
.fengstmyaccount-indica-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-indica-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-indica-card__wrapper p {
  margin: 6px 0;
}
.fengstmyaccount-indica-card__couponbox {
  background: #B1111616;
  margin: 12px 0 0;
  padding: 6px 0;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #1D1D1B;
}
.fengstmyaccount-indica-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-indica-card__button a {
  text-decoration: none;
}
.fengstmyaccount-optin-card {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  grid-gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-optin-card {
    padding: 30px;
  }
}
.fengstmyaccount-optin-card__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-optin-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  grid-auto-rows: min-content;
}
.fengstmyaccount-optin-card__wrapper p {
  margin: 6px 0;
}
.fengstmyaccount-optin-card__button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-optin-card__button a {
  text-decoration: none;
}
.user-documents {
  position: relative;
  width: 100vw;
  padding: 15px 20px 50px 20px;
  background: var(--account-background);
  margin-bottom: 150px;
}
.user-documents__middleware {
  width: 100%;
  max-width: 1200px;
  min-height: 372px;
  margin: 0 auto;
  position: relative;
}
.user-documents__container {
  min-height: 372px;
  width: 100%;
  padding: 30px 20px 20px;
  color: var(--on-background);
  background: var(--background);
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1200px) {
  .user-documents__container {
    max-width: 795px;
    position: absolute;
    right: 0;
  }
}
.user-documents__container h1 {
  margin: 0;
  font-size: 20px;
  font-family: var(--font-title);
  font-weight: normal;
  color: var(--my-profile-title-color);
}
.user-documents__container .list-documents {
  width: 100%;
  max-width: 460px;
}
.user-documents__container .list-documents__row {
  margin: 15px 0;
  display: flex;
  justify-content: space-between;
}
.user-documents__container .list-documents__row span,
.user-documents__container .list-documents__row a,
.user-documents__container .list-documents__row button,
.user-documents__container .list-documents__row b {
  font-family: var(--font-title);
  font-size: 14px;
}
.user-documents__container .list-documents__row .denied {
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.user-documents__container .list-documents__row .denied i {
  margin-right: 4px;
  font-size: 14px;
  color: darkgoldenrod;
}
.user-documents__container .list-documents__row .denied small {
  display: none;
  padding: 0 8px;
  position: absolute;
  top: -19px;
  left: 0;
  color: #fff;
  background: #000;
  border-radius: 10px;
}
.user-documents__container .list-documents__row .denied:hover small {
  display: block;
}
.user-documents__container .list-documents__row span:nth-child(2) {
  min-width: 85.11px;
  color: var(--my-profile-name-color);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}
.user-documents__container .list-documents__row button {
  min-width: 85.11px;
  padding: 0.5em 1.125em;
  color: white;
  background: var(--primary);
  border: 0;
  border-radius: 0;
}
.user-documents__container .list-documents__row button:hover {
  cursor: pointer;
  background: var(--on-secondary);
}
.user-documents__container .list-documents__info a {
  font-size: 14px;
  font-weight: 600;
  cursor: default;
}
.user-documents .warning {
  margin-top: 40px;
}
.user-documents .warning h5 {
  margin: 0;
  font-family: var(--font-title);
  font-size: 14px;
}
.user-documents .warning p,
.user-documents .warning span {
  margin: 0;
  padding-top: 15px;
  font-size: 14px;
  font-family: var(--font-title);
  font-weight: normal;
}
.user-documents .warning span {
  font-weight: 600;
}
.user-documents__statutory-form {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 10px;
}
.user-documents__statutory-form h1 {
  position: relative;
  display: flex;
  width: 100%;
  color: var(--primary);
  align-items: center;
  padding: 0px;
  margin: 0px;
  font-size: 20px;
  margin-bottom: 10px;
}
.user-documents__statutory-form h1 i {
  display: block;
  margin-right: 10px;
  color: darkgoldenrod;
}
.user-documents__statutory-form h2 {
  font-weight: normal;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 15px;
}
.user-documents__statutory-form--footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.account-donation {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .account-donation {
    padding: 30px 0 50px;
  }
}
.account-donation__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.account-donation button {
  grid-area: botao;
  color: white;
  border: 0;
  border-radius: 0;
  font-size: 14px;
  padding: em(8) em(18);
  background-color: var(--primary);
  font-weight: bold;
  padding: 5px 15px;
  cursor: pointer;
}
.account-donation button:hover {
  background-color: var(--on-secondary);
}
.account-donation__actions {
  display: grid;
  grid-template: auto auto/auto;
}
@media (min-width: 992px) {
  .account-donation__actions {
    grid-gap: 50px;
    min-height: 5%;
    grid-template: auto/35% 60%;
    justify-content: space-between;
  }
}
.account-donation__actions--first-block {
  display: flex;
  align-items: center;
}
.account-donation__actions--first-block strong {
  font-size: 40px;
  font-weight: 900;
  color: black;
  margin-right: 15px;
}
.account-donation__actions--first-block button {
  margin-left: 15px;
}
.account-donation__actions--second-block {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 5%;
  justify-content: stretch;
}
@media (min-width: 576px) {
  .account-donation__actions--second-block {
    grid-template: auto/65% 30%;
  }
}
.account-donation__donations {
  display: grid;
  grid-gap: 40px;
  min-height: 150px;
}
.account-donation__donations--not-found {
  text-align: center;
  font-size: 18px;
}
.account-donation__donation {
  display: grid;
  background: url("https://vasco-gs.s3.amazonaws.com/tmjg/assets/images/ico-apadrinhacao.svg") no-repeat;
  background-position: 0 0;
  background-size: 31px 28px;
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  grid-gap: 5px;
}
@media (min-width: 992px) {
  .account-donation__donation {
    grid-gap: 15px;
    background-size: 70px 67px;
  }
}
.account-donation__donation-plan {
  display: grid;
  grid-auto-flow: column;
  justify-self: flex-start;
  grid-gap: 15px;
  align-items: center;
  color: #979797;
  font-size: 15px;
  height: 36px;
  padding-left: 40px;
}
@media (min-width: 767px) {
  .account-donation__donation-plan {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .account-donation__donation-plan {
    height: -moz-fit-content;
    height: fit-content;
    font-size: 30px;
  }
}
.account-donation__donation-plan strong {
  color: black;
}
.account-donation__donation-description {
  display: grid;
  grid-gap: 5px;
  padding: 0;
  margin: 0;
}
@media (min-width: 992px) {
  .account-donation__donation-description {
    grid-template: auto/auto auto auto auto;
    justify-content: flex-start;
    grid-gap: 15px;
  }
}
.account-donation__donation-description > li {
  list-style: none;
}
@media (min-width: 992px) {
  .account-donation__donation-description > li {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    align-items: center;
    padding-right: 15px;
  }
  .account-donation__donation-description > li:not(:last-child) {
    border-right: 1px solid black;
  }
}
.account-donation__donation-description strong {
  color: #b3191d;
}
@media (min-width: 992px) {
  .account-donation__donation-plan, .account-donation__donation-description {
    padding-left: 100px;
  }
}
.account-donation__donation-action {
  display: grid;
  grid-gap: 25px;
  grid-auto-flow: column;
  align-items: center;
  grid-template-areas: "historico termo" "botao botao";
}
@media (min-width: 992px) {
  .account-donation__donation-action {
    justify-content: flex-start;
    grid-template-areas: "historico termo botao";
  }
}
.account-donation__donation-action a {
  font-weight: bold;
  text-decoration: underline;
  color: #979797;
}
.account-donation__donation-action a:hover {
  color: #414141;
}
.account-donation__donation-action a:nth-child(1) {
  grid-area: historico;
}
.account-donation__donation-action a:nth-child(2) {
  grid-area: termo;
}
.account-donation ::ng-deep .mat-form-field {
  align-items: center;
  display: grid;
}
.account-donation ::ng-deep .mat-form-field.mat-focused .mat-form-field-flex .mat-form-field-infix, .account-donation ::ng-deep .mat-form-field.ng-dirty .mat-form-field-flex .mat-form-field-infix {
  border-bottom: 1px solid black;
}
.account-donation ::ng-deep .mat-form-field .mat-select {
  text-align: right;
}
@media (min-width: 576px) {
  .account-donation ::ng-deep .mat-form-field .mat-select {
    text-align: left;
  }
}
.account-donation ::ng-deep .mat-form-field mat-select-trigger i {
  font-size: 1.4em !important;
}
.account-donation ::ng-deep .mat-form-field .mat-select-value-text {
  padding-left: 5px;
}
.account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
  padding-left: 25px;
  text-align: right;
}
@media (min-width: 576px) {
  .account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label {
    text-align: left;
  }
}
.account-donation ::ng-deep .mat-form-field .mat-form-field-label-wrapper .mat-form-field-label mat-label {
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}
.account-donation ::ng-deep .mat-form-field .mat-select-arrow {
  width: 0;
  height: 0;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
  margin: 0;
}
.biometry {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.biometry__wrapper {
  width: 100%;
  padding: 40px 10px;
  text-align: center;
}
.biometry__wrapper > h1 {
  font-size: 22px;
}
.biometry__wrapper > div > i {
  font-size: 50px;
}
.biometry__wrapper > div.success {
  color: #078c26;
}
.biometry__wrapper > div.success > p {
  font-weight: bold;
}
.biometry__wrapper > div.fail {
  color: #8c0707;
}
.biometry__wrapper > div.fail > p {
  font-weight: bold;
}
.biometry__wrapper > div > p {
  font-size: 16px;
}
.biometry__wrapper > div > p:last-child {
  color: black;
  max-width: 400px;
  margin: 30px auto 0;
  font-weight: normal;
}
.fengstmyaccount-view-my-kit {
  display: grid;
  background-color: var(--account-background);
  position: relative;
  min-height: 65vh;
}
.fengstmyaccount-my-kit-card {
  display: grid;
  gap: 24px;
  max-width: 532px;
  margin: 16px auto;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card {
    margin: 32px auto;
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-card hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-card p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-card p, .fengstmyaccount-my-kit-card label, .fengstmyaccount-my-kit-card h5, .fengstmyaccount-my-kit-card span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-card__title {
  text-align: center;
}
.fengstmyaccount-my-kit-card__title h2 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card__title h2 {
    font-size: 24px;
  }
}
.fengstmyaccount-my-kit-card__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-card__content {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__content hr {
  margin: 0.5em 0 !important;
}
.fengstmyaccount-my-kit-card__content h5 {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.fengstmyaccount-my-kit-card__content h5 i {
  color: var(--secondary);
  font-size: 20px;
}
.fengstmyaccount-my-kit-card__select fengstui-radio .mat-radio-group {
  grid-auto-flow: row;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-card__select fengstui-radio .mat-radio-group {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-my-kit-card__details {
  display: grid;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details span {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-card__details-date {
  border-bottom: 1px solid var(--my-kit-border-color);
}
.fengstmyaccount-my-kit-card__details-date p {
  margin: 8px 0 16px;
}
.fengstmyaccount-my-kit-card__details-address {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details-address > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fengstmyaccount-my-kit-card__details-address > div span {
  display: flex;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fengstmyaccount-my-kit-card__details-address > div span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.fengstmyaccount-my-kit-card__details-address > div i {
  font-size: 20px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-card__details-address > div p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__details-address-info i {
  font-size: 24px !important;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-card__details-wrapper {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__details-wrapper fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-card__details-wrapper fengstui-button button i:before {
  color: var(--secondary);
}
.fengstmyaccount-my-kit-card__delivery {
  position: relative;
}
.fengstmyaccount-my-kit-card__delivery-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fengstmyaccount-my-kit-card__delivery-details span {
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-card__delivery-details p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__delivery-info {
  display: flex;
  align-items: center;
  margin-top: 24px;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__delivery-info i {
  font-size: 24px;
  color: var(--secondary);
}
.fengstmyaccount-my-kit-card__delivery-info p {
  margin: 0;
}
.fengstmyaccount-my-kit-card__shirt a {
  margin-top: 10px;
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-card__info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.fengstmyaccount-my-kit-card__action {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstmyaccount-my-kit-card__action fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header {
  padding: 0;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header h1 {
  text-align: start;
  line-height: normal;
  font-size: 18px;
}
@media (min-width: 767px) {
  .fengstmyaccount-my-kit-card__modal .fengstlayout-modal__header h1 {
    font-size: 22px;
  }
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__text {
  padding: 0;
  border: 0;
}
.fengstmyaccount-my-kit-card__modal .fengstlayout-modal__text img {
  width: 100%;
  max-width: 500px;
}
.fengstmyaccount-my-kit-payment {
  display: grid;
  gap: 24px;
  max-width: 532px;
  margin: 16px auto;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment {
    margin: 32px auto;
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-payment hr {
  width: 100%;
  margin: 0;
  border: 1px solid var(--my-kit-border-color);
  border-bottom: 0;
}
.fengstmyaccount-my-kit-payment p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-payment p, .fengstmyaccount-my-kit-payment h5, .fengstmyaccount-my-kit-payment span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-payment__title {
  text-align: center;
}
.fengstmyaccount-my-kit-payment__title h2 {
  font-size: 20px;
  margin: 0;
}
.fengstmyaccount-my-kit-payment__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-payment__price {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 14px 0;
  border-radius: 16px;
  background-color: var(--my-kit-price-background-color);
  font-weight: 700;
  font-size: 16px;
}
.fengstmyaccount-my-kit-payment__price span {
  font-size: 20px;
  margin-left: 5px;
}
.fengstmyaccount-my-kit-payment__details {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: 1fr;
  gap: 16px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment__details {
    grid-template-columns: auto 1fr;
  }
}
.fengstmyaccount-my-kit-payment__details-qrcode {
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  width: 100%;
  padding: 20px;
  text-align: center;
}
.fengstmyaccount-my-kit-payment__details-qrcode img {
  width: 210px;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-payment__details-qrcode {
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
  }
}
.fengstmyaccount-my-kit-payment__details-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-input .mat-form-field-infix {
  border: 0;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-input .mat-form-field-flex {
  background-color: var(--my-kit-details-background-color) !important;
  padding: 10px !important;
}
.fengstmyaccount-my-kit-payment__details-copy fengstui-button button {
  width: 100%;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-payment__counter {
  position: relative;
  text-align: center;
}
.fengstmyaccount-my-kit-payment__counter span {
  font-weight: 700;
  font-size: 20px;
  color: var(--primary);
  margin-left: 5px;
}
.fengstmyaccount-my-kit-payment__expired fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-payment__shirt {
  margin-bottom: 24px;
}
.fengstmyaccount-my-kit-payment__shirt a {
  margin-top: 10px;
  display: inline-flex;
  text-decoration: underline;
}
.fengstmyaccount-my-kit-info {
  display: grid;
  gap: 24px;
  max-width: 532px;
  margin: 16px auto;
  padding: 24px 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.051);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 4px;
  color: var(--my-kit-font-color);
  background-color: var(--background);
  position: relative;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-info {
    margin: 32px auto;
    padding: 32px;
  }
}
.fengstmyaccount-my-kit-info p {
  font-weight: 400;
}
.fengstmyaccount-my-kit-info p, .fengstmyaccount-my-kit-info span {
  font-family: var(--my-kit-font-family);
}
.fengstmyaccount-my-kit-info__title {
  text-align: center;
}
.fengstmyaccount-my-kit-info__title h2 {
  font-size: 20px;
  margin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-my-kit-info__title h2 {
    font-size: 24px;
  }
}
.fengstmyaccount-my-kit-info__title p {
  margin-bottom: 0;
}
.fengstmyaccount-my-kit-info__content {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details {
  display: grid;
  background-color: var(--my-kit-details-background-color);
  border: 1px solid var(--my-kit-border-color);
  border-radius: 8px;
  padding: 16px;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details span {
  font-size: 12px;
  color: var(--my-kit-font-color-span);
}
.fengstmyaccount-my-kit-info__details-date {
  border-bottom: 1px solid var(--my-kit-border-color);
}
.fengstmyaccount-my-kit-info__details-date p {
  margin: 8px 0 16px;
}
.fengstmyaccount-my-kit-info__details-address {
  display: grid;
}
.fengstmyaccount-my-kit-info__details-address span {
  margin-bottom: 16px;
}
.fengstmyaccount-my-kit-info__details-address > div {
  display: flex;
  align-items: center;
  gap: 9px;
}
.fengstmyaccount-my-kit-info__details-address > div span {
  display: flex;
  position: relative;
  padding: 10px;
  margin: 0;
}
.fengstmyaccount-my-kit-info__details-address > div span:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--primary);
  border-radius: 100%;
  opacity: 0.3;
  top: 0;
  left: 0;
}
.fengstmyaccount-my-kit-info__details-address > div i {
  font-size: 20px;
  color: var(--primary);
}
.fengstmyaccount-my-kit-info__details-address > div p {
  margin: 0;
}
.fengstmyaccount-my-kit-info__details-address-info i {
  font-size: 24px !important;
  color: var(--secondary) !important;
}
.fengstmyaccount-my-kit-info__details-wrapper {
  display: grid;
  gap: 16px;
}
.fengstmyaccount-my-kit-info__details-wrapper fengstui-button button {
  width: 100%;
}
.fengstmyaccount-my-kit-info__details-wrapper fengstui-button button i:before {
  color: var(--secondary);
}
.fengstmyaccount-my-kit-info__info {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
}
.statutory-form {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.statutory-form__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.statutory-form__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.statutory-form__wrapper h2 {
  font-size: 16px;
}
.statutory-form__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .statutory-form__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.statutory-form__wrapper mat-form-field {
  display: block !important;
}
.statutory-form__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.statutory-form__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.statutory-form__grid {
  display: block;
}
@media (min-width: 992px) {
  .statutory-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.statutory-form__item {
  display: block;
}
.statutory-form__item--warning {
  margin-top: 20px;
}
.statutory-form__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.statutory-form__item--warning b {
  color: #d00000;
}
.statutory-form__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.statutory-form__item--document--line {
  display: block;
}
.statutory-form__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .statutory-form__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.statutory-form__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.statutory-form__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.statutory-form__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.statutory-form__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.statutory-form__item--document span i.check-icon {
  color: green;
}
.statutory-form__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.statutory-form__item--proponent p {
  font-size: 14px;
}
.statutory-form__item--proponent--line {
  display: block;
}
.statutory-form__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .statutory-form__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.statutory-form__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.statutory-form__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.statutory-form__item--proponent span {
  display: block;
}
.statutory-form__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.statutory-form__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.statutory-form__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.statutory-form__line {
  display: block;
}
.statutory-form__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.fengstmyaccount-view-payments {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-payments {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-payments__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-payments__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments__title {
  margin-left: 20px;
}
.fengstmyaccount-view-payments__credit-cards {
  display: grid;
  grid-gap: 30px;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments__credit-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 370px));
  }
}
.fengstmyaccount-view-payments__credit-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-view-payments-v2 {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-payments-v2 {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-view-payments-v2__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
.fengstmyaccount-view-payments-v2__wrapper > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments-v2__wrapper > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-view-payments-v2__title {
  color: var(--primary-light);
  font-size: var(--section-title-font-size);
  margin-left: 0;
}
.fengstmyaccount-view-payments-v2__credit-cards {
  display: flex;
  grid-gap: 12px;
  max-width: 100vw;
  overflow-x: auto;
  position: relative;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v2__credit-cards {
    grid-gap: 24px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-view-payments-v2__credit-cards {
    grid-template-columns: repeat(auto-fit, minmax(250px, 370px));
  }
}
.fengstmyaccount-view-payments-v2__credit-cards--no-content {
  display: grid;
  grid-template-columns: unset;
  grid-gap: 15px;
  width: 100%;
  color: var(--on-background);
  background-color: var(--background);
  text-align: center;
  padding: 42px;
  border-radius: 5px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-credit-card-card-v2 {
  position: relative;
  color: var(--credit-card-color);
  background-color: var(--credit-card-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  width: 82vw;
  min-height: 229px;
  padding: 16px;
  white-space: nowrap;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2 {
    width: 370px;
    padding: 24px;
  }
}
.fengstmyaccount-credit-card-card-v2__action {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-credit-card-card-v2__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn {
  background: var(--button-card-background) !important;
  color: var(--button-card-color) !important;
  border: solid 1px currentColor;
  border-radius: 4px;
  font-size: 13px;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn {
    font-size: 15px;
  }
}
.fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-credit-card-card-v2__action-card-button .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  color: var(--primary-light);
  margin: 0 7px 0 19px !important;
  font-size: 18px;
}
.fengstmyaccount-credit-card-card-v2__wrapper {
  display: flex;
  flex-direction: column;
  margin: auto 0 0 0;
}
.fengstmyaccount-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-credit-card-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-credit-card-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card-v2__row {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card-v2__row strong {
  letter-spacing: 1px;
}
.fengstmyaccount-credit-card-card-v2__row-number {
  margin: 0;
  font-weight: 100;
  font-size: 16px;
  letter-spacing: 0.5px;
}
.fengstmyaccount-credit-card-card-v2__row-titular {
  margin: 8px 0;
  font-size: 16px;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstmyaccount-credit-card-card-v2__row-text {
  margin: 0;
  font-size: 14px;
  font-weight: 100;
}
.fengstmyaccount-credit-card-card-v2__row:nth-child(3) {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 15px;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2__row:nth-child(3) {
    grid-template-columns: repeat(3, 100px);
    width: 330px;
  }
}
.fengstmyaccount-credit-card-card-v2__column {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card-v2__column--type {
  position: relative;
}
.fengstmyaccount-credit-card-card-v2__column--type i {
  position: absolute;
  transform: scale(0.6);
  transform-origin: center;
  top: -15px;
  right: -21px;
}
.fengstmyaccount-credit-card-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card-v2__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-credit-card-card-v2__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
}
.fengstmyaccount-credit-card-card-v2__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content .feng-btn {
  width: 100%;
}
.fengstmyaccount-add-credit-card-card-v2 {
  position: relative;
  background-color: var(--add-card-background);
  margin: 0 auto;
  border: var(--add-card-border);
  border-radius: 15px;
  box-shadow: none;
  max-width: var(--add-card-max-width-mobile);
  width: var(--add-card-width-mobile);
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2 {
    max-width: var(--add-card-width);
    width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card-v2 .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
  margin-top: -20px;
}
.fengstmyaccount-add-credit-card-card-v2 .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 20px;
  white-space: nowrap;
  max-width: var(--add-card-max-width-mobile);
  width: var(--add-card-width-mobile);
}
.fengstmyaccount-add-credit-card-card-v2__wrapper form {
  margin: auto;
  max-width: 244px;
  transform: scale(0.8);
  transform-origin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper form {
    transform: none;
    transform-origin: 0;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper {
    max-width: var(--add-card-width);
    min-height: var(--add-card-min-height);
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card-v2__wrapper fengstui-input {
    max-width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) {
  display: flex;
  width: auto;
  grid-gap: 3px;
  align-items: center;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) {
    display: grid;
    width: var(--add-card-edit-width);
    align-items: flex-start;
    grid-gap: 15px;
    grid-template: auto/repeat(3, var(--add-card-edit-spacing));
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) i {
  transform: scale(0.6);
  transform-origin: center;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__wrapper > *:nth-child(3) i {
    margin: 0;
    transform: scale(0.75);
    transform-origin: top;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.fengstmyaccount-add-credit-card-card-v2__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
}
.fengstmyaccount-add-credit-card-card-v2__add-button .feng-btn {
  color: var(--add-card-color) !important;
  background-color: var(--add-card-background) !important;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstmyaccount-add-credit-card-card-v2__add-button .feng-btn {
    position: relative;
    left: -13px;
  }
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card-v2__edit-mode-actions {
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions fengstui-button .feng-btn--info {
  color: black !important;
  border-radius: var(--add-card-buttons-radius) !important;
}
.fengstmyaccount-add-credit-card-card-v2__edit-mode-actions-submit .feng-btn {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
  border-radius: var(--add-card-buttons-radius) !important;
  font-size: 14px;
}
.fengstmyaccount-credit-card-card {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  width: 280px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card {
    width: 370px;
  }
}
.fengstmyaccount-credit-card-card__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-credit-card-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-credit-card-card__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-credit-card-card__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-credit-card-card__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 215px;
  padding: 20px;
  width: 280px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__wrapper {
    width: 370px;
  }
}
.fengstmyaccount-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-credit-card-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-credit-card-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-credit-card-card__row {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card__row strong {
  letter-spacing: 1px;
}
.fengstmyaccount-credit-card-card__row:nth-child(3) {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 15px;
  align-items: flex-start;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__row:nth-child(3) {
    grid-template-columns: repeat(3, 100px);
    width: 330px;
  }
}
.fengstmyaccount-credit-card-card__column {
  display: grid;
  grid-auto-flow: row;
  justify-content: flex-start;
}
.fengstmyaccount-credit-card-card__column--type {
  position: relative;
}
.fengstmyaccount-credit-card-card__column--type i {
  position: absolute;
  transform: scale(0.65);
  transform-origin: center;
  top: -15px;
}
.fengstmyaccount-credit-card-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-credit-card-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-credit-card-card__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content {
  padding: 0;
  display: grid;
  grid-auto-flow: row;
}
.fengstmyaccount-credit-card-card__menu + * .cdk-overlay-pane > div.mat-menu-panel > div.mat-menu-content .feng-btn {
  width: 100%;
}
.fengstmyaccount-add-credit-card-card {
  position: relative;
  background-color: var(--on-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card {
    max-width: 370px;
  }
}
.fengstmyaccount-add-credit-card-card .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
  margin-top: -20px;
}
.fengstmyaccount-add-credit-card-card .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.fengstmyaccount-add-credit-card-card__wrapper {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 20px;
  max-width: 300px;
  width: 100%;
}
.fengstmyaccount-add-credit-card-card__wrapper form {
  margin: auto;
  max-width: 244px;
  transform: scale(0.8);
  transform-origin: 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper form {
    transform: none;
    transform-origin: 0;
    max-width: 100%;
  }
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper {
    max-width: 370px;
    min-height: 215px;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-add-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card__wrapper fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper fengstui-select,
.fengstmyaccount-add-credit-card-card__wrapper fengstui-input {
    max-width: 100%;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) {
  display: grid;
  width: auto;
  grid-gap: 15px;
  align-items: center;
  grid-template: auto auto/auto auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) {
    width: 330px;
    align-items: flex-start;
    grid-template: auto/repeat(3, 100px);
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) i {
  transform: scale(0.75);
  transform-origin: top;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__wrapper > *:nth-child(3) i {
    margin: 0;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.fengstmyaccount-add-credit-card-card__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
}
.fengstmyaccount-add-credit-card-card__add-button .feng-btn {
  display: grid;
  grid-gap: 20px;
  color: var(--background) !important;
  background-color: var(--on-background) !important;
}
.fengstmyaccount-add-credit-card-card__edit-mode-actions {
  display: flex;
  width: 100%;
  flex-direction: column-reverse;
  justify-content: center;
  text-align: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstmyaccount-add-credit-card-card__edit-mode-actions {
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    grid-gap: 0;
  }
}
.fengstmyaccount-add-credit-card-card__edit-mode-actions fengstui-button .feng-btn--info {
  color: black !important;
}
.fengstmyaccount-installments-card {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-installments-card__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-installments-card__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-installments-card__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-installments-card__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-installments-card__wrapper {
  position: relative;
  display: grid;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-installments-card__wrapper fengstui-select,
.fengstmyaccount-installments-card__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-installments-card__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-installments-card__table {
  text-align: center;
  position: relative;
}
.fengstmyaccount-installments-card__table-action {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.fengstmyaccount-installments-card__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% ​20% 20% auto";
  }
}
.fengstmyaccount-installments-card__table-filter--date {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstmyaccount-installments-card__table-head {
  display: none;
  grid-template-columns: repeat(7, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-installments-card__table-head {
    display: grid;
  }
}
.fengstmyaccount-installments-card__table-body {
  position: relative;
}
.fengstmyaccount-installments-card__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 15px;
  height: 100%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-installments-card__table-body-row {
    padding: unset;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas: "plano categoria nome-usuario cobranca vencimento status action";
  }
}
.fengstmyaccount-installments-card__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstmyaccount-installments-card__table-plan {
  grid-area: plano;
  text-transform: capitalize;
}
.fengstmyaccount-installments-card__table-category {
  grid-area: categoria;
}
.fengstmyaccount-installments-card__table-user {
  grid-area: nome-usuario;
}
.fengstmyaccount-installments-card__table-value {
  grid-area: cobranca;
}
.fengstmyaccount-installments-card__table-due-date {
  grid-area: vencimento;
}
.fengstmyaccount-installments-card__table-status {
  grid-area: status;
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-installments-card__table-status .--paid {
  color: var(--success);
}
.fengstmyaccount-installments-card__table-status .--waiting {
  color: var(--warning);
}
.fengstmyaccount-installments-card__table-status .--attempt {
  color: var(--warning);
}
.fengstmyaccount-installments-card__table-status .--cancelled {
  color: var(--error);
}
.fengstmyaccount-installments-card__table-action {
  grid-area: action;
  display: grid;
  gap: 5px;
}
.fengstmyaccount-installments-card__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.fengstmyaccount-installments-card__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2 {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.05);
}
.fengstmyaccount-installments-card-v2__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-installments-card-v2__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-installments-card-v2__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-installments-card-v2__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-installments-card-v2__wrapper {
  position: relative;
  display: grid;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-installments-card-v2__wrapper fengstui-select,
.fengstmyaccount-installments-card-v2__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-installments-card-v2__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-installments-card-v2__table {
  text-align: center;
  position: relative;
}
.fengstmyaccount-installments-card-v2__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-card-v2__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% ​20% 20% auto";
  }
}
.fengstmyaccount-installments-card-v2__table-filter-date {
  position: relative;
}
.fengstmyaccount-installments-card-v2__table-filter-date-input .mat-input-element::after {
  white-space: normal !important;
}
.fengstmyaccount-installments-card-v2__table-filter-date-clear {
  pointer-events: none;
  position: absolute;
  top: 5px;
  right: 6px;
}
.fengstmyaccount-installments-card-v2__table-filter-date-clear .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 1 !important;
}
.fengstmyaccount-installments-card-v2__table-filter-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstmyaccount-installments-card-v2__table-filter-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.fengstmyaccount-installments-card-v2__table-content {
  max-width: calc(100vw - 83px);
  overflow-x: auto;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.04);
  border: 1px solid var(--divider-color);
  border-bottom-width: 0;
}
.fengstmyaccount-installments-card-v2__table-content-item {
  width: 100%;
  min-width: 900px;
  text-align: left;
  font-family: var(--font-primary);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-header-row {
  background: var(--table-header-footer-background);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-header-cell {
  font-weight: 700;
  font-size: 14px;
  color: var(--primary-light);
}
.fengstmyaccount-installments-card-v2__table-content-item .mat-cell {
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-installments-card-v2__table mat-paginator {
  background: var(--table-header-footer-background);
  border: 1px solid var(--divider-color);
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
}
.fengstmyaccount-installments-card-v2__table-action {
  margin: 16px 0;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button {
  width: 100%;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button .feng-btn {
  width: 100%;
  border-radius: 4px !important;
}
.fengstmyaccount-installments-card-v2__table-action fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-installments-card-v2__table-status {
  display: flex;
  gap: 10px;
  align-items: center;
}
.fengstmyaccount-installments-card-v2__table-status i {
  color: var(--primary-light);
}
.fengstmyaccount-installments-card-v2__table-status--paid {
  color: var(--success);
}
.fengstmyaccount-installments-card-v2__table-status--expired {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--waiting {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--attempt {
  color: var(--warning);
}
.fengstmyaccount-installments-card-v2__table-status--cancelled {
  color: var(--error);
}
.fengstmyaccount-installments-card-v2__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
  font-family: var(--font-title);
  text-transform: uppercase;
}
.fengstmyaccount-installments-card-v2__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-installments-payment {
  display: grid;
  width: 100%;
  padding: 20px;
  gap: 25px;
  border: 3px solid rgba(var(--primary-RGB), 0.25);
  color: var(--on-background);
  background-color: var(--background);
}
.fengstmyaccount-installments-payment__method {
  display: grid;
  gap: 25px;
}
.fengstmyaccount-installments-payment__method h3 {
  margin: 0;
}
.fengstmyaccount-installments-payment__menu {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstmyaccount-installments-payment__menu {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-installments-payment__menu fengstui-button {
  height: 100%;
}
.fengstmyaccount-installments-payment__menu fengstui-button .feng-btn {
  width: 100%;
  height: 100%;
}
.fengstmyaccount-installments-payment__menu .--selected {
  position: relative;
}
.fengstmyaccount-installments-payment__menu .--selected::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstmyaccount-installments-payment__menu .--not-selected {
  opacity: 0.5;
}
.fengstmyaccount-installments-payment__credit-content {
  display: grid;
  padding: 15px;
  background-color: rgba(var(--on-background-RGB), 0.03);
  gap: 15px;
}
.fengstmyaccount-installments-payment__bank-slip-content {
  display: grid;
  padding: 15px;
  background-color: rgba(var(--on-background-RGB), 0.03);
  gap: 15px;
}
.fengstmyaccount-installments-payment__bank-slip-content p {
  margin: 0;
}
.fengstmyaccount-installments-payment__bank-slip-content p span {
  line-break: anywhere;
}
.fengstmyaccount-installments-payment__bank-slip-content-action {
  display: grid;
  gap: 15px;
  grid-auto-flow: row;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengstmyaccount-installments-payment__bank-slip-content-action {
    grid-auto-flow: column;
  }
}
.fengstmyaccount-installments-payment__bank-slip-content-action fengstui-button {
  height: 100%;
}
.fengstmyaccount-installments-payment__bank-slip-content-action fengstui-button .feng-btn {
  width: 100%;
  height: 100%;
}
.fengstmyaccount-multiple-payments {
  display: grid;
  gap: 1em;
  position: relative;
}
.fengstmyaccount-multiple-payments__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 70vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
}
.fengstmyaccount-multiple-payments__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 30% 40% 18% 6%;
  gap: 2%;
  padding: 5px;
  margin-bottom: 4px;
  align-items: center;
  background-color: var(--background);
  border-bottom: 1px solid var(--on-background);
}
.fengstmyaccount-multiple-payments__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-multiple-payments__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-multiple-payments__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments__row fengstui-button .feng-btn--icon {
  background-color: transparent !important;
}
.fengstmyaccount-multiple-payments__actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 1em;
}
.fengstmyaccount-multiple-payments__warning {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  font-size: 0.85em;
}
.fengstmyaccount-multiple-payments__warning p {
  font-size: 1em;
  margin: 0.25em;
}
@media (min-width: 767px) {
  .fengstmyaccount-multiple-payments__warning {
    gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 30% 68%;
    justify-content: space-around;
  }
}
.fengstmyaccount-multiple-payments__warning__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: left;
}
.fengstmyaccount-multiple-payments__warning__option-payment {
  text-align: right;
}
.fengstmyaccount-multiple-payments__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 3px;
  margin-bottom: 15px;
}
.fengstmyaccount-multiple-payments__payments_methods button {
  text-align: center;
  padding: 5px 0;
  border: none;
  font-weight: 600;
}
.fengstmyaccount-multiple-payments__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-multiple-payments__payments_methods .button_inactive {
  background: #d3d3d3;
  color: #808080;
}
.fengstmyaccount-multiple-payments__payments_methods .button_active {
  background: #000;
  color: #fff;
}
.fengstmyaccount-multiple-payments__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-payment-v2 {
  display: grid;
  gap: 1em;
  position: relative;
  max-width: 580px !important;
  width: 100%;
  max-height: 90svh;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar {
  width: 8px;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstmyaccount-payment-v2 .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.fengstmyaccount-payment-v2 fengstui-button .feng-btn--icon {
  color: var(--primary-light) !important;
}
.fengstmyaccount-payment-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-payment-v2__head fengstui-button .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmyaccount-payment-v2__title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--primary-light);
  font-family: var(--font-primary);
}
.fengstmyaccount-payment-v2__desc {
  display: flex;
  flex-direction: column;
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2__desc strong {
  font-weight: 700;
  font-size: 1rem;
}
.fengstmyaccount-payment-v2__desc p {
  margin: 8px 0 16px;
}
.fengstmyaccount-payment-v2__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 70vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-payment-v2__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 0.5fr 1fr 0.2fr;
  gap: 2%;
  padding-left: 16px;
  align-items: center;
  background-color: var(--background);
  min-width: 500px;
}
.fengstmyaccount-payment-v2__row:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.fengstmyaccount-payment-v2__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-payment-v2__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-payment-v2__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.fengstmyaccount-payment-v2__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-payment-v2__row fengstui-button .feng-btn--icon {
  background: var(--installments-payment-modal-check-bg) !important;
  color: var(--primary-light) !important;
  width: 56px;
  height: 52px;
}
.fengstmyaccount-payment-v2__row--total {
  min-width: 100%;
  padding: 15px 16px;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-payment-v2__actions {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 10px;
  margin-top: 16px;
  padding-bottom: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-payment-v2__actions {
    gap: 16px;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmyaccount-payment-v2__actions fengstui-button {
  width: 100%;
}
.fengstmyaccount-payment-v2__actions fengstui-button .feng-btn {
  width: 100%;
}
.fengstmyaccount-payment-v2__actions fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-payment-v2__warning {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  font-size: 0.85em;
}
.fengstmyaccount-payment-v2__warning p {
  font-size: 1em;
  margin: 0.25em;
}
@media (min-width: 767px) {
  .fengstmyaccount-payment-v2__warning {
    gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 30% 68%;
    justify-content: space-around;
  }
}
.fengstmyaccount-payment-v2__warning__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: left;
}
.fengstmyaccount-payment-v2__warning__option-payment {
  text-align: right;
}
.fengstmyaccount-payment-v2__text {
  text-align: center;
  font-size: 14px;
  color: var(--primary-light);
  margin: 10px 0 0 0;
}
.fengstmyaccount-payment-v2__subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2 hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 13px 0 5px;
  padding: 0;
}
.fengstmyaccount-payment-v2__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  margin-bottom: 15px;
}
.fengstmyaccount-payment-v2__payments_methods button {
  text-align: center;
  padding: 16px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
}
.fengstmyaccount-payment-v2__payments_methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstmyaccount-payment-v2__payments_methods button {
    flex-direction: row;
  }
}
.fengstmyaccount-payment-v2__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-payment-v2__payments_methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstmyaccount-payment-v2__payments_methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstmyaccount-payment-v2__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-payment-v2__ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  padding: 7px;
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstmyaccount-payment-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstmyaccount-payment-v2__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstmyaccount-payment-v2__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstmyaccount-payment-v2__ccard-list li:last-child {
  padding: 0;
}
.fengstmyaccount-payment-v2__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstmyaccount-payment-v2__ccard-list-item-main {
  color: var(--primary-light);
  background: var(--installments-payment-modal-method-ccard-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-payment-v2__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstmyaccount-payment-v2__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-payment-v2__ccard-list-item-main .star--selected {
  color: var(--primary-light);
}
.fengstmyaccount-payment-v2__ccard-list-item-text {
  margin: 0;
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-payment-v2__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-payment-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstmyaccount-payment-v2__resume-product {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
}
.fengstmyaccount-payment-v2__resume-product span {
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstmyaccount-payment-v2__resume-product span:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstmyaccount-payment-v2__resume-product span p {
  max-width: 245px;
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstmyaccount-payment-v2__resume-total {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstmyaccount-payment-v2__resume-total strong {
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstmyaccount-multiple-payments-v2 {
  display: grid;
  gap: 1em;
  position: relative;
}
.fengstmyaccount-multiple-payments-v2 fengstui-button .feng-btn--icon {
  color: var(--primary-light) !important;
}
.fengstmyaccount-multiple-payments-v2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fengstmyaccount-multiple-payments-v2__head fengstui-button .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmyaccount-multiple-payments-v2__title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2__wrapper {
  margin: 0.5rem 0;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 70vh;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  overflow-y: auto;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-multiple-payments-v2__row {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 1fr 0.5fr 1fr 0.2fr;
  gap: 2%;
  padding-left: 16px;
  align-items: center;
  background-color: var(--background);
  min-width: 500px;
}
.fengstmyaccount-multiple-payments-v2__row:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
}
.fengstmyaccount-multiple-payments-v2__row:nth-child(odd) {
  background-color: rgba(var(--on-background-RGB), 0.06);
}
.fengstmyaccount-multiple-payments-v2__row div {
  overflow-wrap: break-word;
}
.fengstmyaccount-multiple-payments-v2__row div:nth-child(3) {
  display: grid;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.fengstmyaccount-multiple-payments-v2__row div:last-child {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-multiple-payments-v2__row fengstui-button .feng-btn--icon {
  background: var(--installments-payment-modal-check-bg) !important;
  color: var(--primary-light) !important;
  width: 56px;
  height: 52px;
}
.fengstmyaccount-multiple-payments-v2__row--total {
  min-width: 100%;
  padding: 15px 16px;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
}
.fengstmyaccount-multiple-payments-v2__actions {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  gap: 10px;
  margin-top: 16px;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions {
    gap: 16px;
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions fengstui-button {
    width: auto;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn {
    width: auto;
  }
}
.fengstmyaccount-multiple-payments-v2__actions fengstui-button .feng-btn--primary {
  background: var(--on-secondary) !important;
  color: var(--on-background) !important;
}
.fengstmyaccount-multiple-payments-v2__warning {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  font-size: 0.85em;
}
.fengstmyaccount-multiple-payments-v2__warning p {
  font-size: 1em;
  margin: 0.25em;
}
@media (min-width: 767px) {
  .fengstmyaccount-multiple-payments-v2__warning {
    gap: 2%;
    grid-auto-flow: column;
    grid-template-columns: 30% 68%;
    justify-content: space-around;
  }
}
.fengstmyaccount-multiple-payments-v2__warning__more-installments {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  cursor: pointer;
  text-align: left;
}
.fengstmyaccount-multiple-payments-v2__warning__option-payment {
  text-align: right;
}
.fengstmyaccount-multiple-payments-v2__text {
  text-align: center;
  font-size: 14px;
  color: var(--primary-light);
  margin: 10px 0 0 0;
}
.fengstmyaccount-multiple-payments-v2__subtitle {
  font-size: 16px;
  text-transform: uppercase;
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2 hr {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 13px 0 5px;
  padding: 0;
}
.fengstmyaccount-multiple-payments-v2__payments_methods {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-gap: 8px;
  margin-bottom: 15px;
}
.fengstmyaccount-multiple-payments-v2__payments_methods button {
  text-align: center;
  padding: 16px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
}
.fengstmyaccount-multiple-payments-v2__payments_methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstmyaccount-multiple-payments-v2__payments_methods button {
    flex-direction: row;
  }
}
.fengstmyaccount-multiple-payments-v2__payments_methods button:hover {
  cursor: pointer;
}
.fengstmyaccount-multiple-payments-v2__payments_methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstmyaccount-multiple-payments-v2__payments_methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__payments_methods--multiple {
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}
.fengstmyaccount-multiple-payments-v2__ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  padding: 7px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstmyaccount-multiple-payments-v2__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list li:last-child {
  padding: 0;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main {
  color: var(--primary-light);
  background: var(--installments-payment-modal-method-ccard-bg);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  font-size: 19px;
  border: none;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-main .star--selected {
  color: var(--primary-light);
}
.fengstmyaccount-multiple-payments-v2__ccard-list-item-text {
  margin: 0;
  color: var(--primary-light);
  font-size: 14px;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  grid-gap: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstmyaccount-multiple-payments-v2__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstmyaccount-installments-address {
  position: relative;
  display: grid;
  grid-auto-rows: min-content;
  gap: 15px;
  color: var(--on-background);
  background-color: var(--background);
  padding: 20px;
}
@media (min-width: 992px) {
  .fengstmyaccount-installments-address {
    padding: 30px;
  }
}
.fengstmyaccount-installments-address__title {
  font-family: var(--font-title);
  color: var(--my-profile-title-color);
  font-size: 20px;
}
.fengstmyaccount-installments-address fengstui-select,
.fengstmyaccount-installments-address fengstui-input {
  width: 100%;
}
.bancard-result {
  width: 80%;
  text-align: center;
  margin: 60px auto;
}
.bancard-result > i, .bancard-result > div > i {
  font-size: 100px;
}
.bancard-result h1 {
  font-size: 26px;
}
.bancard-result h2 {
  font-size: 20px;
  margin-bottom: 80px;
}
.bancard-result > .icone-sucesso {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkgreen;
}
.bancard-result > .icone-fail {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkred;
}
.proposts {
  width: 100%;
  height: 100%;
  min-height: 450px;
  padding-top: 30px;
  display: block;
  position: relative;
}
.proposts mat-form-field {
  display: block !important;
  font-size: 15px !important;
  width: 100%;
}
.proposts mat-form-field .mat-form-field-wrapper {
  padding-bottom: 0px !important;
}
.proposts__header {
  display: block;
  margin-bottom: 10px;
  height: 40px;
  max-width: 320px;
}
.proposts__header h1 {
  font-weight: normal;
  font-size: 20px;
}
@media (min-width: 992px) {
  .proposts__header {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
    margin-bottom: 20px;
    height: 60px;
    max-width: 100%;
  }
}
.proposts__filter {
  display: none;
}
@media (min-width: 992px) {
  .proposts__filter {
    display: grid;
    grid-template-columns: 0.8fr 0.8fr 0.8fr 1.6fr;
    grid-template-rows: 1fr;
    gap: 0px 10px;
    height: 60px;
  }
}
.proposts__filter button {
  display: block;
  width: 100%;
  height: 55px;
  background: none;
  color: #333;
  border-radius: 5px;
  margin-top: 5px;
  border: none;
}
.proposts__filter button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.proposts__filter button.active, .proposts__filter button:hover {
  cursor: pointer;
  border: 1px solid #333;
}
.proposts__wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px;
  display: block;
}
.proposts__wrapper ul {
  padding: 0px;
  margin: 0px;
}
.proposts__wrapper ul li {
  display: block;
  list-style: none;
  margin-bottom: 10px;
  width: 100%;
  background: white;
  font-size: 18px;
  align-items: center;
  padding: 10px 20px;
}
.proposts__wrapper ul li button {
  margin: 15px;
}
.proposts__wrapper ul li div {
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .proposts__wrapper ul li {
    display: grid;
    grid-template-columns: 2fr 1fr 0.5fr 0.5fr;
    grid-template-rows: 1fr;
    gap: 0px 20px;
    grid-template-areas: ". . . .";
    height: 60px;
  }
  .proposts__wrapper ul li button {
    margin: 0px;
  }
  .proposts__wrapper ul li div {
    margin-bottom: 0px;
  }
}
.proposts__list .primary-button {
  padding: 0.5em 1.125em;
  font-size: 14px;
  font-weight: 500;
  font-family: "Titillium Web";
  border: none;
  cursor: pointer;
}
.proposts__approve-button {
  background: var(--proposed-approve-button);
}
.proposts__approve-button:hover {
  background-color: var(--proposed-approve-button-hover) !important;
}
.proposts__approve-button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.proposts__disapprove-button {
  background: var(--proposed-disapprove-button);
}
.proposts__disapprove-button:hover {
  background-color: var(--proposed-disapprove-button-hover) !important;
}
.modal-user-gift-cards {
  position: relative;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0px !important;
}
@media (min-width: 992px) {
  .modal-user-gift-cards {
    max-height: 550px !important;
  }
}
.modal-user-gift-cards .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (max-width: 480px) {
  .modal-user-gift-cards .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .modal-user-gift-cards .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 687px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
@media (max-width: 480px) {
  .modal-user-gift-cards .mat-dialog-container .mat-dialog-content {
    min-height: 100%;
    min-width: 100%;
    padding: 0 10px;
    margin: 0px;
  }
}
.modal-user-gift-cards h1 {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  color: black;
  margin-bottom: 20px;
}
.modal-user-gift-cards h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: #7C7C7C;
  max-width: 640px;
}
.modal-user-gift-cards ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: block;
  width: 100%;
}
.modal-user-gift-cards ul li {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.modal-user-gift-cards ul li button {
  display: block;
  width: 100%;
}
.modal-user-gift-cards__close {
  display: block;
  position: absolute;
  right: -6px;
  top: -20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.modal-user-gift-cards__close i {
  font-size: 25px;
  font-weight: bold;
}
.dependents-wrapper {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  min-height: 65vh;
}
@media (min-width: 1200px) {
  .dependents-wrapper {
    padding: 30px 0 50px;
  }
}
.dependents-wrapper__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  grid-gap: 15px;
}
.dependents-wrapper h1 {
  font-size: 18px;
  font-weight: normal;
}
.dependents-wrapper__header {
  display: block;
  width: 100%;
  margin-bottom: 50px;
  grid-column-start: 1;
  grid-column-end: 5;
}
.dependents-wrapper__header h1 {
  font-size: 26px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.dependents-wrapper__header h1 span {
  color: var(--primary);
}
.dependents-wrapper__header h2 {
  font-size: 18px;
  font-weight: bold;
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.dependents-wrapper__header h3 {
  font-size: 15px;
  font-weight: bold;
  display: block;
  width: 100%;
}
.dependents-wrapper__container {
  display: block;
}
@media (min-width: 992px) {
  .dependents-wrapper__container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 25px;
    grid-template-rows: 1fr;
  }
}
.dependents-wrapper__container h1 {
  font-size: 26px;
  font-weight: bold;
  display: block;
}
.dependents-wrapper__container h2 {
  font-size: 18px;
  font-weight: bold;
  display: block;
}
.dependents-wrapper__edit-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 19px;
}
.dependents-wrapper__edit {
  position: relative;
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.6fr 1.4fr;
  grid-template-rows: 1fr;
  gap: px px;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  padding: 5px;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
  max-width: 320px;
  min-height: 209px;
}
.dependents-wrapper__edit ul {
  grid-auto-flow: row;
  list-style: none;
  align-items: center;
  justify-items: center;
  padding-top: 15px;
  padding-right: 20px;
  padding: 30px;
}
.dependents-wrapper__edit ul li {
  display: block;
  text-align: left;
}
.dependents-wrapper__edit ul h1 {
  font-size: 16px;
}
.dependents-wrapper__edit ul button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  cursor: pointer;
}
.dependents-wrapper__edit ul button:hover {
  background: #d4d4d4;
}
.dependents-wrapper__item {
  position: relative;
  display: grid;
  grid-auto-flow: row dense;
  grid-auto-columns: 1fr;
  grid-template-columns: 0.6fr 1.4fr;
  grid-template-rows: 1fr;
  gap: px px;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  padding: 5px;
  margin: auto;
  margin-bottom: 20px;
  width: 100%;
  max-width: 320px;
  min-width: 320px;
  max-height: 209px;
  min-height: 209px;
}
.dependents-wrapper__item ul {
  grid-auto-flow: row;
  list-style: none;
  align-items: center;
  justify-items: center;
  padding: 0px 7px 0px 7px;
}
.dependents-wrapper__item ul li {
  display: block;
  text-align: left;
  line-height: 1, 2;
}
.dependents-wrapper__item ul h1 {
  font-size: 16px;
  line-height: 1;
}
.dependents-wrapper__item ul button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  margin-top: 8px;
  cursor: pointer;
}
.dependents-wrapper__item ul button:hover {
  background: #d4d4d4;
}
.dependents-wrapper__item--add {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #8f8d8d;
}
.dependents-wrapper__item--add i {
  font-size: 35px;
}
.dependents-wrapper__item--add a {
  text-decoration: none;
  color: #8f8d8d;
}
.dependents-wrapper__picture {
  display: flex;
  border-radius: 100%;
  background: #cbcbcb;
  width: 96px;
  height: 96px;
  font-size: 60px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependents-wrapper__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet-thumbnail__arrow--left {
  left: 5px;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--left {
    left: 20px;
  }
}
.dependent-pet-thumbnail__arrow--right {
  right: 5px;
  justify-content: space-around;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--right {
    right: 20px;
  }
}
.dependent-pet-thumbnail__footer {
  display: flex;
  width: 150px;
  margin: auto;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.dependent-pet-thumbnail__picture {
  display: flex;
  border-radius: 100px;
  background: #cbcbcb;
  width: 200px;
  height: 200px;
  font-size: 190px;
  font-size: 150px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependent-pet-thumbnail__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail__step {
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet-thumbnail__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet-thumbnail__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet-thumbnail__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet-thumbnail__step #fileInput {
  display: none;
}
.dependent-pet-thumbnail__step button {
  background: none;
  color: black;
  font-weight: bold;
  padding: 10px;
  border: none;
  cursor: pointer;
}
.dependent-pet-thumbnail__step button:hover {
  background: #d4d4d4;
}
.dependent-pet-thumbnail__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet-thumbnail__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__thumb, .dependent-pet-thumbnail__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet-thumbnail__thumb img, .dependent-pet-thumbnail__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.fengstmyaccount-guest-list {
  position: relative;
  color: var(--on-background);
  background-color: var(--background);
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
}
.fengstmyaccount-guest-list__action {
  position: absolute;
  right: 0;
  top: 0;
  display: grid;
  grid-auto-flow: column;
  z-index: 1;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__action {
    right: 4px;
    top: 4px;
  }
}
.fengstmyaccount-guest-list__action i.fengi-star {
  font-size: 22px;
  width: 42px;
  height: 42px;
  text-align: center;
  align-items: center;
  display: grid;
}
.fengstmyaccount-guest-list__action i.fengi-star.--favorite {
  color: var(--primary);
}
.fengstmyaccount-guest-list__action i.fengi-star.--notFavorite {
  opacity: 0.3;
}
.fengstmyaccount-guest-list__wrapper {
  position: relative;
  display: grid;
  gap: 15px;
  min-height: 215px;
  padding: 20px;
}
.fengstmyaccount-guest-list__wrapper fengstui-select,
.fengstmyaccount-guest-list__wrapper fengstui-input {
  width: 100%;
}
.fengstmyaccount-guest-list__wrapper--loading {
  opacity: 0.3;
}
.fengstmyaccount-guest-list__table {
  text-align: center;
  position: relative;
}
.fengstmyaccount-guest-list__table-action {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
}
.fengstmyaccount-guest-list__table-filter {
  display: grid;
  grid-auto-flow: row;
  gap: 15px;
  margin-bottom: 25px;
}
@media (min-width: 992px) {
  .fengstmyaccount-guest-list__table-filter {
    grid-auto-flow: column;
    grid-template-columns: "18% ​20% 20% auto";
  }
}
.fengstmyaccount-guest-list__table-filter--date {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstmyaccount-guest-list__table-head {
  display: none;
  grid-template-columns: repeat(5, 1fr);
  color: rgba(var(--on-background-RGB), 0.5);
  font-weight: bold;
  padding: 5px;
  background-color: rgba(var(--on-background-RGB), 0.05);
  border-top: 1px solid rgba(var(--on-background-RGB), 0.1);
  border-bottom: 1px solid rgba(var(--on-background-RGB), 0.1);
  padding: 20px 0;
}
@media (min-width: 576px) {
  .fengstmyaccount-guest-list__table-head {
    display: grid;
  }
}
.fengstmyaccount-guest-list__table-body {
  position: relative;
}
.fengstmyaccount-guest-list__table-body-row {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--on-background);
  background-color: var(--background);
  padding: 15px !important;
  grid-area: auto auto auto auto;
  height: 100%;
  margin: 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstmyaccount-guest-list__table-body-row {
    padding: unset;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: "plano categoria nome-usuario cobranca vencimento status biometry action";
  }
}
.fengstmyaccount-guest-list__table-body-row > div > span {
  font-weight: bold;
}
.fengstmyaccount-guest-list__table-body-row--paying {
  background-color: rgba(var(--primary-RGB), 0.075);
  margin-bottom: 0;
  border-bottom: 0;
}
.fengstmyaccount-guest-list__table-status {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.fengstmyaccount-guest-list__table-status .--paid {
  color: var(--success);
}
.fengstmyaccount-guest-list__table-status .--waiting {
  color: var(--warning);
}
.fengstmyaccount-guest-list__table-status .--attempt {
  color: var(--warning);
}
.fengstmyaccount-guest-list__table-status .--cancelled {
  color: var(--error);
}
.fengstmyaccount-guest-list__table-btn {
  display: flex;
  justify-content: center;
}
.fengstmyaccount-guest-list__no-data {
  text-align: center;
  display: grid;
  gap: 20px;
  font-size: 1.5em;
  margin: 30px 0;
}
.fengstmyaccount-guest-list__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstmyaccount-guest {
  display: grid;
  padding: 30px 20px 50px;
  background-color: var(--account-background);
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  display: grid;
  grid-gap: 15px;
}
@media (min-width: 1200px) {
  .fengstmyaccount-guest {
    padding: 30px 0 50px;
  }
}
.fengstmyaccount-guest > :nth-child(2) {
  margin-bottom: 50px;
}
.fengstmyaccount-guest > :nth-child(4) {
  margin-bottom: 50px;
}
.fengstmyaccount-channel {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.fengstmyaccount-channel__banner {
  display: flex;
  height: 587px;
  padding-left: 0%;
  text-align: center;
  flex-direction: column;
  background: url("https://images.mengo.com.br/prod/assets/images/flatv/objeto-menor-2.png") no-repeat bottom right/86%, url("https://images.mengo.com.br/prod/assets/images/flatv/bg-mobile.png") no-repeat center center/cover;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner {
    background: url("https://images.mengo.com.br/prod/assets/images/flatv/objeto-menor-2.png") no-repeat center right/86%, url("https://images.mengo.com.br/prod/assets/images/flatv/BG-scroll1-menor.png") no-repeat center center/cover;
    height: 630px;
    padding-left: 7%;
    text-align: start;
    justify-content: center;
    flex-direction: column;
  }
}
.fengstmyaccount-channel__banner--text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text {
    display: block;
  }
}
.fengstmyaccount-channel__banner--text h3 {
  color: white;
  font-size: 18pt;
  line-height: 86%;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text h3 {
    font-size: 40pt;
    line-height: 90%;
  }
}
.fengstmyaccount-channel__banner--text h5 {
  color: white;
  font-family: revert;
  width: 30%;
  font-size: 11pt;
  line-height: 104%;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--text h5 {
    width: 36%;
    font-family: revert;
    font-size: 15pt;
    line-height: 106%;
  }
}
.fengstmyaccount-channel__banner--cta {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__banner--cta {
    flex-direction: row;
  }
}
.fengstmyaccount-channel__banner--cta fengstui-button {
  padding: 8px;
}
.fengstmyaccount-channel__more-info {
  display: flex;
  height: 1000px;
  background: black;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info {
    height: 490px;
  }
}
.fengstmyaccount-channel__more-info__card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card {
    flex-direction: row;
  }
}
.fengstmyaccount-channel__more-info__card--first-image {
  display: flex;
  margin-right: 0%;
  flex-direction: row;
  width: 45%;
  margin-left: -5%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-image {
    margin-right: -5%;
    width: 23%;
    margin-left: -5%;
    flex-direction: column;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-image {
    margin-right: -5%;
    width: 26%;
    margin-left: -5%;
    flex-direction: column;
  }
}
.fengstmyaccount-channel__more-info__card--first-image img {
  width: 34%;
  margin: 1%;
}
.fengstmyaccount-channel__more-info__card--first-text {
  display: flex;
  width: 39%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text {
    width: 29%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text {
    width: 29%;
  }
}
.fengstmyaccount-channel__more-info__card--first-text h4 {
  color: white;
  font-size: 8px;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 div {
    padding-top: 15px;
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 div {
    padding-top: 15px;
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h4 {
    font-size: 23px;
  }
}
.fengstmyaccount-channel__more-info__card--first-text h6 {
  color: white;
  font-size: 7px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--first-text h6 {
    font-size: 10px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--first-text h6 {
    font-size: 12px;
  }
}
.fengstmyaccount-channel__more-info__card--divider {
  width: 239px;
  margin: 20px;
  height: 2px;
  background-color: white;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--divider {
    width: 1px;
    margin: 0 8px 0px 43px;
    height: 300px;
  }
}
.fengstmyaccount-channel__more-info__card--second-image {
  display: flex;
  flex-direction: row;
  width: 45%;
  margin-left: -5%;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-image {
    margin-right: -5%;
    flex-direction: column;
    width: 23%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-image {
    margin-right: -5%;
    flex-direction: column;
    width: 26%;
  }
}
.fengstmyaccount-channel__more-info__card--second-image img {
  width: 34%;
  margin: 1%;
}
.fengstmyaccount-channel__more-info__card--second-text {
  display: flex;
  width: 39%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text {
    width: 29%;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text {
    width: 29%;
  }
}
.fengstmyaccount-channel__more-info__card--second-text h4 {
  color: white;
  font-size: 8px;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 div {
    padding-top: 15px;
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 div {
    padding-top: 15px;
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h4 {
    font-size: 23px;
  }
}
.fengstmyaccount-channel__more-info__card--second-text h6 {
  color: white;
  font-size: 7px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmyaccount-channel__more-info__card--second-text h6 {
    font-size: 10px;
  }
}
@media (min-width: 767px) {
  .fengstmyaccount-channel__more-info__card--second-text h6 {
    font-size: 12px;
  }
}
.fengstmyaccount-view-welcome-kit {
  width: 100%;
  min-height: 70vh;
  background-color: #e0e0e0;
  margin: 0 auto;
}
.fengstmyaccount-view-welcome-kit__downloads {
  padding: 2% 4%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
@media (min-width: 992px) {
  .fengstmyaccount-view-welcome-kit__downloads div {
    width: 90%;
  }
}
@media (min-width: 1200px) {
  .fengstmyaccount-view-welcome-kit__downloads div {
    width: 70%;
  }
}
.fengstmyaccount-view-welcome-kit__downloads div {
  width: 95%;
}
.fengstmyaccount-view-welcome-kit__notAvailable {
  margin: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fengstmyaccount-view-welcome-kit__notAvailable h5 {
  text-align: center;
}
.fengstmyaccount-view-welcome-kit__notAvailable span {
  font-size: 1rem;
}
.fengstmyaccount-view-welcome-kit__notAvailable a {
  font-size: 1rem;
  margin-top: 0.25rem;
}
.download-card {
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 1% 2%;
  gap: 0.5rem;
}
@media (min-width: 992px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .download-card {
    gap: 3rem;
    flex-direction: row;
  }
}
.download-card div {
  width: 100%;
  max-width: 834px;
}
.download-card fengstui-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  color: var(--background);
  margin-bottom: 0.5rem;
}
.download-card fengstui-button button {
  min-width: 210px;
}
@media (min-width: 992px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .download-card fengstui-button {
    margin-bottom: 0;
  }
}
@font-face {
  font-family: stronger;
  src: url("https://ngx-feng.s3-sa-east-1.amazonaws.com/fonts/stronger/Stronger.otf");
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --shadow-elevation: 1dp;
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: #dedede;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-background: #000;
  --footer-logo-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --giftcard-primary-color: #1BB545;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.fengstexclusivecontent-featured {
  display: block;
  position: relative;
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto 30px auto;
  height: 586px;
}
.fengstexclusivecontent-featured--no-data {
  height: 0;
  margin: 0px auto 0;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-featured {
    margin: 30px auto 50px auto;
    height: 400px;
  }
  .fengstexclusivecontent-featured--no-data {
    height: 0;
    margin: 0px auto 0;
  }
}
.fengstexclusivecontent-featured__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.85);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-featured__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexclusivecontent-featured__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-featured__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexclusivecontent-featured swiper .swiper-button-next:after,
.fengstexclusivecontent-featured swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.fengstexclusivecontent-featured swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.fengstexclusivecontent-featured swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstexclusivecontent-featured swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstexclusivecontent-featured__slide {
  position: relative;
  padding: 60px 50% 60px 80px;
  align-content: flex-end;
  display: grid;
  grid-gap: 15px;
  background-size: cover;
  background-position: center;
}
.fengstexclusivecontent-featured__slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, var(--exclusive-content-background) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: -1;
}
.fengstexclusivecontent-featured__slide-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexclusivecontent-featured__slide-title {
  display: grid;
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
}
.fengstexclusivecontent-featured__slide-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-featured__slide-actions-wrapper {
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexclusivecontent-featured__slide-actions-wrapper--loading {
  opacity: 0.25;
}
.fengstexclusivecontent-featured__slide-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-featured__slide-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-featured__slide-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-featured__slide-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-table {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-table {
    padding: 30px 0 50px;
  }
}
.fengstexclusivecontent-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/20% 50%;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-table__filter {
    width: 100%;
  }
}
.fengstexclusivecontent-table__wrapper {
  position: relative;
  padding: 0;
  min-height: 500px;
}
.fengstexclusivecontent-table__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-table__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-table__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexclusivecontent-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexclusivecontent-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexclusivecontent-table-card {
  position: relative;
  display: grid;
  grid-gap: 10px;
  border-radius: 15px 15px 0 0;
  padding-bottom: 30px;
}
.fengstexclusivecontent-table-card__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.8);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-table-card__blocker * {
  margin: 5px;
}
.fengstexclusivecontent-table-card__blocker strong {
  padding: 5px 5px 8px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-table-card__blocker i {
  font-size: 2em;
}
.fengstexclusivecontent-table-card__thumbnail {
  position: relative;
  width: 100%;
  height: 185px;
  overflow: hidden;
  border-radius: 15px 15px 0 0;
  z-index: 1;
}
.fengstexclusivecontent-table-card__thumbnail--blocked {
  filter: blur(2px);
}
.fengstexclusivecontent-table-card__thumbnail::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, var(--exclusive-content-background) 0%, rgba(0, 0, 0, 0) 50%);
}
.fengstexclusivecontent-table-card__thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.fengstexclusivecontent-table-card__wrapper {
  display: grid;
  grid-gap: 10px;
  padding: 0 1em;
}
.fengstexclusivecontent-table-card__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
}
.fengstexclusivecontent-table-card__title {
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 25px/30px var(--font-title);
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstexclusivecontent-table-card__title:hover {
  cursor: pointer;
  opacity: 0.75;
}
.fengstexclusivecontent-table-card__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexclusivecontent-table-card__actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-table-card__actions-wrapper {
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
}
.fengstexclusivecontent-table-card__actions-wrapper--loading {
  opacity: 0.25;
}
.fengstexclusivecontent-table-card__actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-table-card__actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-table-card__actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-table-card__actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-main-view {
  display: grid;
  min-height: 70vh;
  color: var(--exclusive-content-text);
  background-color: var(--exclusive-content-background);
}
.fengstexclusivecontent-main-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexclusivecontent-main-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexclusivecontent-detail-view {
  position: relative;
  display: grid;
  min-height: 70vh;
  color: var(--exclusive-content-text);
  background-color: var(--exclusive-content-background);
}
.fengstexclusivecontent-detail-view__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 1200px) {
  .fengstexclusivecontent-detail-view__wrapper {
    padding: 30px 0 50px;
  }
}
.fengstexclusivecontent-detail-view__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: rgba(var(--exclusive-content-background-RGB), 0.85);
  padding: 20px;
  align-items: center;
  justify-content: center;
  border-radius: 15px 15px 0 0;
}
.fengstexclusivecontent-detail-view__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexclusivecontent-detail-view__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
  text-shadow: 2px 2px 3px #000000;
  font-size: 20px;
  text-align: center;
}
.fengstexclusivecontent-detail-view__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexclusivecontent-detail-view__content {
  display: grid;
  grid-gap: 15px;
}
.fengstexclusivecontent-detail-view__content-excerpt {
  text-align: justify;
}
.fengstexclusivecontent-detail-view__content-wrapper {
  display: grid;
  grid-gap: 15px;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-wrapper {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-wrapper {
    width: 40%;
  }
}
.fengstexclusivecontent-detail-view__content-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  height: 160px;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-detail-view__content-image {
    height: 320px;
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-image {
    height: 530px;
  }
}
.fengstexclusivecontent-detail-view__content-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexclusivecontent-detail-view__content-title {
  display: grid;
  color: var(--exclusive-content-text);
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
  margin-bottom: 10px;
}
.fengstexclusivecontent-detail-view__content-description {
  font-size: 15px;
}
.fengstexclusivecontent-detail-view__content-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper {
  position: relative;
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper--loading i {
  opacity: 0.25;
}
.fengstexclusivecontent-detail-view__content-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexclusivecontent-detail-view__content-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexclusivecontent-detail-view__content-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexclusivecontent-detail-view__content-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexclusivecontent-detail-view__content-suggestions {
  display: grid;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  gap: 15px;
}
.fengstexclusivecontent-detail-view__content-suggestions-title {
  display: grid;
  font-size: 20px;
  text-transform: uppercase;
}
.fengstexclusivecontent-detail-view__content-suggestions-cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexclusivecontent-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexclusivecontent-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --shadow-elevation: 1dp;
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: #dedede;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-background: #000;
  --footer-logo-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-complement-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-subtitle-color: #000;
  --my-profile-card-font-weight: 400;
  --my-profile-header-color: var(--primary);
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --giftcard-primary-color: #1BB545;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.contato {
  position: relative;
}
.contato .field-search {
  width: 90%;
}
@media (min-width: 992px) {
  .contato .field-search {
    width: 50%;
  }
}
.contato__two-columns {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 30px;
  margin-top: 20px;
  padding: 0 10px;
}
@media (min-width: 992px) {
  .contato__two-columns {
    grid-template: auto/70% auto;
    grid-gap: 30px;
  }
}
@media (min-width: 1200px) {
  .contato__two-columns {
    margin-top: 0px;
    padding: 0;
  }
}
.contato .template-faq {
  border-bottom: 1px solid #979797;
  color: var(--primary);
}
.contato .template-faq:nth-last-of-type(1) {
  border: 0;
}
.contato .title-content-footer {
  font-size: 20px;
  font-weight: 600;
}
.contato .content-header {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  justify-content: space-evenly;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-mobile-background);
  width: 100%;
  height: 280px;
  color: white;
}
@media (min-width: 992px) {
  .contato .content-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-background);
  }
}
@media (min-width: 767px) {
  .contato .content-header {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.35) 100%, transparent), var(--contact-background);
  }
}
.contato .content-header .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 260px;
  border: 0;
  color: #616161;
}
.contato .content-header .howHeader {
  font-weight: 700;
  font-size: 20px;
  position: relative;
  top: 16px;
  padding-bottom: 27px;
}
@media (min-width: 992px) {
  .contato .content-header .howHeader {
    font-size: 28px;
    max-width: 498px;
  }
}
.contato .content-header .search-mob {
  display: block;
}
@media (min-width: 576px) {
  .contato .content-header .search-mob {
    display: none;
  }
}
.contato .content-header .search-desk {
  display: none;
  width: var(--contact-header-search-width);
}
.contato .content-header .search-desk__7 .feng-input--primary, .contato .content-header .search-desk__7 .feng-input, .contato .content-header .search-desk__7 .feng-input__mat-form-field {
  display: none;
}
@media (min-width: 576px) {
  .contato .content-header .search-desk {
    display: block;
  }
}
.contato .content-header .howFooter {
  font-size: 13 !important;
  padding-bottom: 13px;
  max-width: 576px;
  padding: 0 3%;
}
@media (min-width: 992px) {
  .contato .content-header .howFooter {
    padding: 0;
  }
}
.contato .content-header .example-full-width {
  border-radius: 5px;
  color: black;
  background-color: white;
  width: 86%;
  height: 42px;
  text-align: center;
  align-items: center;
  text-align: start;
}
@media (min-width: 992px) {
  .contato .content-header .example-full-width {
    width: 50%;
  }
}
.contato .content-header .example-full-width .nrn-search {
  width: 30px;
  color: black;
  padding-left: 10px;
  font-size: 22px;
  border-right: 1px solid #eaeaea;
  padding-right: 10px;
}
.contato .title-content {
  color: #000;
  font-weight: bold;
  margin: 0 0 34px;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  line-height: 32px;
}
.contato .title-content--cruzeiroColor {
  color: var(--primary);
}
.contato .title-content--align-left {
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
  font-size: 23px;
  text-decoration: none;
}
@media (min-width: 992px) {
  .contato .title-content--align-left {
    display: flex;
    justify-content: flex-start;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .contato .title-content {
    font-size: 1.5rem;
  }
}
.contato .faq-contato {
  text-align: center;
  display: grid;
  grid-template: auto/100%;
}
@media (min-width: 992px) {
  .contato .faq-contato {
    grid-template: auto/100%;
    grid-column-gap: 46px;
    grid-row-gap: 0;
  }
}
.contato .faq-contato .h1 {
  color: #000;
  font-weight: bold;
  font-size: 5rem;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 3rem;
}
@media (min-width: 767px) {
  .contato .faq-contato .h1 {
    margin-left: 5rem;
  }
}
.contato .faq-contato .faq {
  position: relative;
  min-width: 280px;
  min-height: 300px;
  display: grid;
  align-items: flex-start;
  height: 100%;
  grid-template-rows: min-content;
  grid-template-columns: 100%;
  margin: auto;
}
.contato .faq-contato .faq__no-data {
  color: var(--error);
  margin: 20px 0;
}
.contato .faq-contato .faq__row {
  max-width: 280px;
  margin: 0;
}
@media (min-width: 350px) {
  .contato .faq-contato .faq__row {
    margin: 0 auto;
  }
}
@media (min-width: 390px) {
  .contato .faq-contato .faq__row {
    max-width: 340px;
  }
}
@media (min-width: 600px) {
  .contato .faq-contato .faq__row {
    max-width: 500px;
  }
}
@media (min-width: 1025px) {
  .contato .faq-contato .faq__row {
    max-width: 700px;
  }
}
.contato .faq-contato .faq__row--7 .mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: var(--contact-expansion-panel-box-shadow);
}
.contato .faq-contato .faq__row--7 .mat-expansion-panel-header-title {
  color: var(--primary-dark);
}
.contato .faq-contato--searchbar {
  height: 60px;
  margin-top: 8px;
}
.contato .faq-contato--searchbar .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  width: 260px;
  border: 0;
  color: #616161;
}
.contato .faq-contato--searchbar .search-mob {
  display: block;
}
@media (min-width: 576px) {
  .contato .faq-contato--searchbar .search-mob {
    display: none;
  }
}
.contato .faq-contato--searchbar .search-desk {
  display: none;
}
@media (min-width: 576px) {
  .contato .faq-contato--searchbar .search-desk {
    display: block;
  }
}
.contato .contato-form {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 0px;
  align-items: flex-start;
  max-width: 320px;
  margin: 0 auto;
}
.contato .contato-form .instruction {
  margin: 6px 0 18px;
}
.contato .contato-form .instruction--cruzeiroColor {
  color: var(--primary);
}
@media (min-width: 767px) {
  .contato .contato-form {
    grid-gap: 30px;
    grid-template: 45px auto/auto;
  }
}
.contato .contato-form form {
  display: grid;
  grid-gap: 10px;
}
.contato .contato-form form .mat-error {
  padding: 5px 0;
  text-align: left;
  color: var(--error);
}
.contato .contato-form form mat-form-field {
  width: 100%;
}
.contato .contato-form form button {
  width: 100%;
}
.contato .all-contact-1 {
  display: grid;
  grid-gap: 40px;
  grid-template: auto auto/auto;
  text-align: left;
  align-items: flex-start;
  justify-content: center;
  margin-top: 20px;
  padding: 0 10px;
}
@media (min-width: 576px) {
  .contato .all-contact-1 {
    padding: 0 20px;
    grid-template: auto/auto auto;
    justify-content: flex-start;
  }
}
.contato .all-contact-2 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-2__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 60px;
}
@media (min-width: 576px) {
  .contato .all-contact-2__column {
    grid-template: auto/auto auto;
    justify-content: flex-start;
  }
}
.contato .all-contact-2__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-items: flex-start;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-2__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-2__column-text > i {
  font-size: 40px;
}
.contato .all-contact-2__column-text > div {
  display: grid;
  grid-gap: 20px;
}
.contato .all-contact-2__column-text > div > p {
  margin: 0;
}
.contato .all-contact-2__column-text > div > p > a {
  color: black;
  text-decoration: none;
}
.contato .all-contact-2__column-text-title {
  font-weight: bold;
}
.contato .all-contact-3 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-3__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 60px;
}
@media (min-width: 576px) {
  .contato .all-contact-3__column {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-3__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-items: flex-start;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-3__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-3__column-text > i {
  font-size: 40px;
}
.contato .all-contact-3__column-text > div {
  display: grid;
  grid-gap: 20px;
}
.contato .all-contact-3__column-text > div > p {
  margin: 0;
}
.contato .all-contact-3__column-text > div > p > a {
  color: black;
  text-decoration: none;
}
.contato .all-contact-3__column-text-title {
  font-weight: bold;
}
.contato .all-contact-4 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-self: start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-4__hours p {
  color: var(--primary);
}
.contato .all-contact-4__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 60px;
}
@media (min-width: 576px) {
  .contato .all-contact-4__column {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-4__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-self: start;
  justify-self: center;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-4__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-4__column-text > i {
  font-size: 40px;
  color: var(--primary);
}
.contato .all-contact-4__column-text > div {
  display: grid;
  grid-gap: 20px;
  color: var(--primary);
  width: 281px;
}
.contato .all-contact-4__column-text > div > p {
  margin: 0;
}
.contato .all-contact-4__column-text > div > p > a {
  text-decoration: none;
}
.contato .all-contact-4__column-text > div > p > a:hover {
  transition: 0.2s all;
  color: #2d58cc;
}
.contato .all-contact-4__column-text-title {
  font-weight: bold;
}
.contato .all-contact-4__column-text-title__subtitle {
  font-size: 14px;
}
.contato .all-contact-4__column-text-text-important {
  font-size: 12px;
}
.contato .all-contact-5 {
  display: grid;
  grid-gap: 10px;
  grid-template: auto auto/auto;
  text-align: center;
  align-items: flex-start;
  justify-content: center;
  margin-top: 40px;
  padding: 0 10px;
}
.contato .all-contact-5__hours p {
  color: var(--primary);
}
.contato .all-contact-5__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 30px;
}
@media (min-width: 576px) {
  .contato .all-contact-5__column {
    grid-gap: 60px;
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-5__column-text {
  display: grid;
  grid-template: auto auto/auto;
  align-items: flex-start;
  grid-gap: 20px;
}
@media (min-width: 576px) {
  .contato .all-contact-5__column-text {
    grid-template: auto/auto auto;
  }
}
.contato .all-contact-5__column-text > i {
  font-size: 40px;
  color: var(--primary);
}
.contato .all-contact-5__column-text > div {
  display: grid;
  grid-gap: 20px;
  color: var(--primary);
}
.contato .all-contact-5__column-text > div > p {
  margin: 0;
}
.contato .all-contact-5__column-text > div > p > a {
  text-decoration: none;
}
.contato .all-contact-5__column-text > div > p > a:hover {
  transition: 0.2s all;
  color: #2d58cc;
}
.contato .all-contact-5__column-text-title {
  font-weight: bold;
}
.contato .all-contact-7 {
  margin: 60px 0;
}
.contato .all-contact-7__hours > p {
  padding: 0 20px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.contato .all-contact-7__content {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
}
.contato .all-contact-7__row {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0;
  }
}
.contato .all-contact-7__row-text {
  margin: 20px 0;
  display: flex;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row-text {
    margin: 0;
  }
}
.contato .all-contact-7__row-text--spacebetween {
  margin: 20px 53px;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .contato .all-contact-7__row-text--spacebetween {
    margin: 0 53px;
  }
}
.contato .all-contact-7__row-text--hide {
  display: none;
}
.contato .all-contact-7__row-text > i {
  color: var(--primary);
  font-size: 34px;
}
.contato .all-contact-7__row-text > div {
  display: grid;
  grid-gap: 13px;
}
.contato .all-contact-7__row-text > div > p {
  width: 260px;
  margin: 0;
  display: flex;
  justify-content: center;
  color: var(--primary-dark);
  font-weight: 700 !important;
}
.contato .all-contact-7__row-text > div > p > a {
  text-decoration: none;
  color: var(--primary-dark);
}
.contato .all-contact-7__row-text-title {
  color: var(--primary-dark);
  font-weight: 700 !important;
}
.contato .all-contact__column {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 20px;
}
.contato .all-contact__column-icon .fengi-spfc-mail {
  font-size: 40px;
}
.contato .all-contact__column-icon .fengi-spfc-mail:before {
  content: "";
  color: #d41116;
}
.contato .all-contact__column-icon .fengi-spfc-phone:before {
  font-size: 40px;
}
.contato .all-contact__column-icon .fengi-spfc-phone:before:before {
  content: "";
  color: #d41116;
}
.contato .all-contact__column-text {
  display: grid;
}
.contato .all-contact__column-text > p {
  margin: 0;
}
.contato .all-contact__column-text-title {
  font-weight: bold;
}
.contato .all-contact .text-contact {
  width: 100%;
  color: #4d4f5c;
  padding: 50px 20px 0;
}
.contato .all-contact .text-contact .clickhere {
  color: #D2232A;
}
.contato .all-contact .contactBybble {
  display: grid;
  grid-template: auto/20% 80%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  text-decoration: none;
}
@media (min-width: 992px) {
  .contato .all-contact .contactBybble {
    justify-content: start;
    grid-template: auto/auto auto;
    grid-gap: 20px;
  }
}
.contato .all-contact .contactBybble .nrn-bubbles2 {
  color: #D2232A;
  font-size: 36px;
  text-align: center;
}
.contato .done-send {
  text-align: center;
  width: 100%;
  max-width: 350px;
  font-weight: bold;
  font-size: 20px;
  padding: 0 20px;
  margin: 0 auto;
}
.contato .done-send .icone-sucesso {
  text-align: center;
  margin: 20px 0;
  font-size: 80px;
  color: darkgreen;
}
.contato .done-send > span {
  font-weight: bold;
}
.contato .mat-expansion-panel-header {
  height: auto;
  min-height: 65px;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
@media (min-width: 992px) {
  .contato .mat-expansion-panel-header {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.contato .mat-expansion-panel-header-title {
  text-align: left;
  font-weight: bold;
  color: var(--primary);
}
.contato .mat-expansion-panel-header-description {
  color: black;
  text-align: left !important;
  padding: 0 10px;
  overflow: overlay;
}
@media (min-width: 992px) {
  .contato .mat-expansion-panel-header-description {
    padding: 0 65px;
  }
}
.contato .mat-expansion-panel-header-description ul {
  padding: 0 20px;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --shadow-elevation: 1dp;
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: #dedede;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-background: #000;
  --footer-logo-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --first-access-bg: black;
  --plans-background: white;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.st-discounts {
  display: block;
}
.st-discounts__featured {
  position: relative;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.st-discounts swiper .swiper-button-next:after,
.st-discounts swiper .swiper-button-prev:after {
  color: var(--home-private-background);
}
.st-discounts swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--home-private-background);
  opacity: 0.5;
}
.st-discounts swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.st-discounts swiper .swiper-pagination {
  pointer-events: all !important;
}
.st-discounts .disc-no-text .st-discounts__slide-slidercontainer {
  cursor: pointer;
}
.st-discounts .disc-no-text .st-discounts__slide-slidercontainer:before {
  background: transparent;
}
.st-discounts__slide {
  position: relative;
}
.st-discounts__slide-slidercontainer {
  position: relative;
  width: 100%;
  height: 260px;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (min-width: 767px) {
  .st-discounts__slide-slidercontainer {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-slidercontainer {
    height: 500px;
  }
}
.st-discounts__slide-slidercontainer:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background: linear-gradient(360deg, rgba(var(--on-background-RGB), 0.85) 25%, rgba(0, 0, 0, 0) 100%);
}
.st-discounts__slide-textcontainer {
  max-width: var(--max-width);
  position: relative;
  margin: auto;
  height: 100%;
}
.st-discounts__slide-content {
  position: absolute;
  left: 45px;
  bottom: 50px;
}
@media (min-width: 992px) {
  .st-discounts__slide-content {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts__slide-text {
  position: absolute;
  bottom: 50px;
  left: 45px;
}
@media (min-width: 767px) {
  .st-discounts__slide-text {
    left: 65px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-text {
    bottom: 70px;
    left: 80px;
  }
}
.st-discounts__slide-title {
  color: var(--home-private-background);
  font-size: 20px;
  font-family: var(--font-primary) !important;
  font-weight: bold;
  margin-bottom: 5px;
  max-width: 320px;
  line-height: 1.2em;
}
@media (min-width: 992px) {
  .st-discounts__slide-title {
    font-size: 29px;
    max-width: 490px;
  }
}
.st-discounts__slide-subtitle {
  color: var(--home-private-background);
  width: 290px;
  font-size: 13px;
  line-height: 1.2em;
  max-width: 220px;
}
@media (min-width: 992px) {
  .st-discounts__slide-subtitle {
    font-size: 15px;
    line-height: 20px;
    max-width: 450px;
  }
}
.st-discounts__slide-image {
  width: 100%;
  height: 180px;
}
@media (min-width: 767px) {
  .st-discounts__slide-image {
    height: 310px;
  }
}
@media (min-width: 992px) {
  .st-discounts__slide-image {
    height: 500px;
  }
}
.st-discounts__container {
  grid-template: auto auto/auto;
  grid-gap: 20px;
  position: relative;
  min-height: 70vh;
  align-content: flex-start;
  padding: 30px 0;
  max-width: 1200px;
  margin: auto;
  width: 100%;
}
.st-discounts__container--logged {
  padding: 0 0 110px 0;
}
@media (min-width: 1200px) {
  .st-discounts__container {
    display: grid;
  }
}
.st-discounts__container h3 {
  color: #27292D;
  font-size: 20px;
  line-height: 24px;
  margin: 0 20px;
}
@media (min-width: 992px) {
  .st-discounts__container h3 {
    margin: 0;
  }
}
.st-discounts__container .nothing {
  margin: 0 auto;
}
.st-discounts__cards {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: auto;
  justify-content: center;
  padding-top: 20px;
  height: max-content;
}
@media (min-width: 767px) {
  .st-discounts__cards {
    grid-template-columns: repeat(auto-fill, 270px);
  }
}
.st-discounts__cards .discount-card {
  width: 270px;
  height: -moz-fit-content;
  height: fit-content;
  min-height: 300px;
  display: grid;
  grid-template: 60px auto 76px/1fr;
  gap: 3px;
  justify-items: center;
  color: var(--on-background);
  background-color: var(--background);
  border-radius: 10px;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.1);
}
.st-discounts__cards .discount-card__header {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
  color: black;
  text-transform: uppercase;
}
.st-discounts__cards .discount-card__header--cruzeiroColor {
  color: var(--primary);
}
.st-discounts__cards .discount-card__description {
  display: grid;
  grid-template: 80px auto/auto;
  width: 100%;
  gap: 5px;
}
.st-discounts__cards .discount-card__description__image {
  position: relative;
  display: block;
  margin: auto;
  width: 110px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box;
}
.st-discounts__cards .discount-card__description__image--no-image {
  background-size: contain;
  padding: 10%;
}
.st-discounts__cards .discount-card__description p {
  display: block;
  margin: 25px auto 10px;
  max-width: 240px;
  font-size: 14px;
}
.st-discounts__cards .discount-card__description .discount-card__more_info {
  display: grid;
  justify-content: center;
}
.st-discounts__cards .discount-card__description .discount-card__more_info .feng-btn {
  color: var(--primary) !important;
}
.st-discounts__cards .discount-card__footer {
  display: grid;
  width: 90%;
  margin: auto;
  grid-template: auto auto/auto;
}
.st-discounts__cards .discount-card__footer div.discount-card__advantage {
  margin: 10px auto 0;
  border-radius: 10px 10px 0px 0;
  color: white;
  background: black;
  padding: 10px;
  max-width: var(--partners-advantage-max-width);
  text-align: center;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}
.st-discounts__cards .discount-card__footer div.discount-card__advantage--cruzeiroColor {
  background: var(--primary);
}
.st-discounts__cards .discount-card__footer fengstui-button {
  width: 100%;
}
.st-discounts__cards .discount-card__footer fengstui-button button {
  width: 100%;
}
.st-discounts__actions {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 10px;
  align-items: center;
  padding: 0 20px 20px 20px;
}
@media (min-width: 767px) {
  .st-discounts__actions {
    grid-template-columns: 0.5fr 0.5fr 1fr;
    grid-gap: 30px;
  }
}
@media (min-width: 992px) {
  .st-discounts__actions {
    padding: 0 20px;
  }
}
@media (min-width: 1200px) {
  .st-discounts__actions {
    padding: 0;
  }
}
.st-discounts__actions-partner {
  display: grid;
  justify-content: stretch;
}
.st-discounts__actions-partner .feng-btn {
  width: 100%;
}
@media (min-width: 767px) {
  .st-discounts__actions-partner {
    justify-content: flex-start;
  }
}
@media (min-width: 992px) {
  .st-discounts__actions-partner {
    justify-content: flex-end;
  }
}
.partner-container .mat-tab-group {
  color: var(--primary);
  text-align: center;
}
.partner-container .mat-tab-group .mat-tab-body .mat-tab-body-active {
  overflow: hidden;
}
.partner-container .mat-tab-group .mat-tab-body-content {
  overflow: hidden !important;
}
.partner-container .mat-tab-group .mat-ink-bar {
  background: var(--secondary) !important;
}
div.disc-partiu-iframe-wrapper {
  position: relative;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  width: 100%;
}
div.disc-partiu-iframe-wrapper h3 {
  font-size: 20px;
  text-align: center;
}
div.disc-partiu-iframe-wrapper iframe.partiu-iframe,
div.disc-partiu-iframe-wrapper object.partiu-iframe {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  min-height: 600px;
  border: none;
}
div.disc-partiu-excp {
  padding-top: 30px;
  height: 100%;
}
div.disc-partiu-loggedout {
  text-align: center;
  margin: 30px auto;
  height: 100%;
  min-height: 250px;
}
.disc-partiu-terms {
  padding: 30px;
  height: 100%;
}
.disc-partiu-terms-mod {
  width: 260px;
  margin: 20px auto 30px;
  padding: 14px;
  max-height: 300px;
  overflow-y: scroll;
  background: whitesmoke;
  border-radius: 6px;
}
@media (min-width: 420px) {
  .disc-partiu-terms-mod {
    width: 340px;
  }
}
@media (min-width: 576px) {
  .disc-partiu-terms-mod {
    width: 410px;
  }
}
@media (min-width: 767px) {
  .disc-partiu-terms-mod {
    width: 700px;
  }
}
.disc-partiu-btns {
  display: flex;
  flex-direction: column;
  grid-gap: 14px;
  max-width: 260px;
  margin: auto;
}
@media (min-width: 767px) {
  .disc-partiu-btns {
    max-width: 350px;
  }
}
.fengstlayout-modal-view-become-partner {
  position: relative;
}
.fengstlayout-modal-view-become-partner__content {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 20px;
}
.fengstlayout-modal-view-become-partner__content--cant-associate {
  text-align: center;
}
.fengstlayout-modal-view-become-partner__step {
  display: grid;
  gap: 1em;
}
.fengstlayout-modal-view-become-partner__step-header {
  display: grid;
  gap: 1em;
}
.fengstlayout-modal-view-become-partner__step-title {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner__step-subtitle {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner__step-description {
  display: grid;
  margin: 0;
}
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon {
  background-color: var(--info);
  color: var(--on-info);
}
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-selected,
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-state-done,
.fengstlayout-modal-view-become-partner mat-horizontal-stepper .mat-step-header .mat-step-icon-state-edit {
  background-color: var(--primary);
  color: var(--on-primary);
}
.fengstlayout-partner-data-form {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-data-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-company-form {
  display: grid;
  gap: 1em;
}
@media (min-width: 992px) {
  .fengstlayout-partner-company-form {
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }
}
.fengstlayout-partner-company-form__address, .fengstlayout-partner-company-form__column {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-company-form__address {
  position: relative;
}
.fengstlayout-partner-company-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-company-form__row--number {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-company-form__row fengstui-textarea mat-form-field {
  width: 100%;
}
.fengstlayout-partner-company-form__dropzone {
  display: grid;
  padding: 2em;
  gap: 1em;
  border: 2px dashed var(--primary);
  background-color: rgba(var(--primary-RGB), 0.25);
  color: var(--primary);
  text-align: center;
}
.fengstlayout-partner-company-form__dropzone p {
  margin: 0;
}
.fengstlayout-partner-company-form__dropzone-cta {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-company-form__dropzone-cta i {
  font-size: 3em;
  margin: auto;
}
.fengstlayout-partner-company-form__file {
  display: grid;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid rgba(var(--primary), 0.5);
}
.fengstlayout-partner-company-form__file-detail {
  display: grid;
  grid-auto-flow: row;
  gap: 0.75em;
}
.fengstlayout-partner-company-form__file-action, .fengstlayout-partner-company-form__file-size {
  display: grid;
  grid-auto-flow: column;
  gap: 0.75em;
  align-items: center;
  justify-content: space-between;
}
.fengstlayout-partner-company-form__file-error {
  color: var(--error);
}
.fengstlayout-partner-shop-form {
  display: grid;
  gap: 1em;
}
@media (min-width: 992px) {
  .fengstlayout-partner-shop-form {
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
  }
}
.fengstlayout-partner-shop-form__address, .fengstlayout-partner-shop-form__column {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-shop-form__address {
  position: relative;
}
.fengstlayout-partner-shop-form__row {
  display: grid;
  gap: 0.75em;
}
.fengstlayout-partner-shop-form__row--number {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__row fengstui-textarea mat-form-field {
  width: 100%;
}
.fengstlayout-partner-shop-form__dropzone {
  display: grid;
  padding: 2em;
  gap: 1em;
  border: 2px dashed var(--primary);
  background-color: rgba(var(--primary-RGB), 0.25);
  color: var(--primary);
  text-align: center;
}
.fengstlayout-partner-shop-form__dropzone p {
  margin: 0;
}
.fengstlayout-partner-shop-form__dropzone-cta {
  display: grid;
  gap: 1em;
}
.fengstlayout-partner-shop-form__dropzone-cta i {
  font-size: 3em;
  margin: auto;
}
.fengstlayout-partner-shop-form__file {
  display: grid;
  padding-top: 1em;
  margin-top: 1em;
  border-top: 1px solid rgba(var(--primary), 0.5);
}
.fengstlayout-partner-shop-form__file-detail {
  display: grid;
  grid-auto-flow: row;
  gap: 0.75em;
}
.fengstlayout-partner-shop-form__file-action, .fengstlayout-partner-shop-form__file-size {
  display: grid;
  grid-auto-flow: column;
  gap: 0.75em;
  align-items: center;
  justify-content: space-between;
}
.fengstlayout-partner-shop-form__file-action {
  display: grid;
}
.fengstlayout-partner-shop-form__file-action img {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 80px;
  height: auto;
  max-height: 100;
}
.fengstlayout-partner-shop-form__file-error {
  color: var(--error);
}
.fengstlayout-partner-shop-form__terms {
  margin-top: 1.5em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__terms > span {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  justify-content: flex-start;
  align-items: center;
}
.fengstlayout-partner-shop-form__terms p {
  display: grid;
  grid-auto-flow: row;
  gap: 0.25em;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstlayout-partner-shop-form__terms p {
    grid-auto-flow: column;
    gap: 1em;
  }
}
.fengstlayout-partner-shop-form__terms p > span:hover {
  cursor: pointer;
}
.fengstlayout-partner-shop-form__image-cropper {
  display: grid;
  grid-gap: 15px;
  justify-content: center;
}
.fengstlayout-partner-shop-form__image-cropper--loading image-cropper {
  opacity: 0.3;
}
.fengstlayout-partner-shop-form__image-cropper .mat-dialog-container {
  display: grid;
  grid-gap: 10px;
  grid-auto-flow: row;
}
.fengstlayout-partner-shop-form__image-cropper-actions {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 767px) {
  .fengstlayout-partner-shop-form__image-cropper-actions {
    flex-direction: row;
  }
}
.fengstlayout-partner-shop-form__image-cropper image-cropper {
  max-height: 60vh;
}
.fengstlayout-partner-shop-form__image-cropper image-cropper .cropper.rounded:after {
  box-shadow: 0 0 0 100vw rgba(255, 255, 255, 0.8) !important;
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --shadow-elevation: 1dp;
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: #dedede;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-background: #000;
  --footer-logo-width: 250px;
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --giftcard-primary-color: #1BB545;
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.fengstexperience-header {
  background-color: var(--background);
}
.fengstexperience-header--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-header--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-header nav {
  display: grid;
  grid-auto-flow: column;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  justify-content: center;
  grid-gap: 5px;
}
@media (min-width: 767px) {
  .fengstexperience-header nav {
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .fengstexperience-header nav {
    justify-content: flex-end;
  }
}
.fengstexperience-header nav a {
  display: flex;
  align-items: center;
  text-decoration: none;
  text-align: center;
  color: var(--on-background);
  font-weight: normal;
  position: relative;
  margin: 0 3px;
  padding: 10px 5px;
  font-size: 11px;
}
@media (min-width: 374px) {
  .fengstexperience-header nav a {
    font-size: 13px;
  }
}
@media (min-width: 767px) {
  .fengstexperience-header nav a {
    margin: 0 10px;
    padding: 10px 20px;
    font-size: 15px;
  }
}
.fengstexperience-header nav a:hover {
  background-color: rgba(var(--primary-RGB), 0.1);
}
.fengstexperience-header nav a.--selected::after {
  content: " ";
  border-top: 10px solid var(--primary);
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  height: 0px;
  width: 0px;
  position: absolute;
  left: calc(50% - 10px);
  bottom: -10px;
}
.fengstexperience-catalog {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 35px 15px 0;
}
.fengstexperience-catalog__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 50%;
  }
}
.fengstexperience-catalog__filter span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__filter span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-catalog__filter span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-catalog__filter span .feng-btn {
  width: 100%;
}
.fengstexperience-catalog__wrapper {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  grid-gap: 40px;
}
.fengstexperience-catalog__wrapper .feng-btn {
  width: 100%;
}
.fengstexperience-catalog__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-catalog__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-catalog__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-catalog__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-catalog__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-catalog-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-catalog-card-template-1--expired {
  filter: grayscale(100%) blur(1px);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-1--open-soon {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-catalog-card-template-1__blocker * {
  margin: 5px;
}
.fengstexperience-catalog-card-template-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-catalog-card-template-1__blocker i {
  font-size: 2em;
}
.fengstexperience-catalog-card-template-1__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 1px/1fr;
  padding: 20px;
}
.fengstexperience-catalog-card-template-1__title {
  font: 700 25px/20px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-catalog-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-catalog-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-catalog-card-template-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-catalog-card-template-1__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-catalog-card-template-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-card-template-1__action--not-auth {
  transform: unset;
}
.fengstexperience-catalog-card-template-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-card-template-1 fengstui-button button {
  text-transform: uppercase;
}
.fengstexperience-catalog-card-template-1 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
.fengstexperience-catalog-card-template-2 {
  position: relative;
  display: grid;
  height: 100%;
  background: white;
  border-radius: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.05);
}
.fengstexperience-catalog-card-template-2--expired {
  filter: grayscale(100%) blur(1px);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-2--open-soon {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-catalog-card-template-2__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-catalog-card-template-2__blocker * {
  margin: 5px;
}
.fengstexperience-catalog-card-template-2__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-catalog-card-template-2__blocker i {
  font-size: 2em;
}
.fengstexperience-catalog-card-template-2__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 55px 50px/1fr;
  padding: 20px;
}
.fengstexperience-catalog-card-template-2__title {
  font: 700 25px/20px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-catalog-card-template-2__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-catalog-card-template-2__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-catalog-card-template-2__thumbnail-cost {
  width: 100%;
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 0.75em;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 0;
}
.fengstexperience-catalog-card-template-2__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-catalog-card-template-2__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-catalog-card-template-2__action .feng-btn {
  width: 100%;
}
.fengstexperience-catalog-card-template-2__action--not-auth {
  transform: unset;
}
.fengstexperience-catalog-card-template-2__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-card-template-2 fengstui-button button {
  text-transform: uppercase;
}
.fengstexperience-catalog-card-template-2 fengstui-button button:hover {
  background-color: var(--primary) !important;
}
.fengstexperience-how-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  grid-template: auto 40px/1fr;
  text-align: center;
  border-radius: 15px;
  padding: 25px 20px 30px;
  gap: 25px;
  grid-template-rows: 40px 70px 50px;
  align-items: center;
}
.fengstexperience-how-card-template-1__title {
  display: grid;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
}
.fengstexperience-how-card-template-1__icon {
  width: auto;
  height: 70px;
  object-fit: cover;
  object-position: center;
  margin: auto;
  filter: var(--experience-how-to-score-icon-filter);
}
.fengstexperience-how-card-template-1__description p {
  margin: 0;
}
.fengstexperience-how-card-template-2 {
  position: relative;
  display: grid;
  background: white;
  height: 100%;
  grid-template: auto 40px/1fr;
  text-align: center;
  padding: 25px 20px 30px;
  gap: 25px;
  grid-template-rows: 40px 70px 50px;
  align-items: center;
  border-radius: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.05);
}
.fengstexperience-how-card-template-2__title {
  display: grid;
  align-items: center;
  font-weight: bold;
  text-transform: uppercase;
}
.fengstexperience-how-card-template-2__icon {
  width: auto;
  height: 70px;
  object-fit: cover;
  object-position: center;
  margin: auto;
  filter: var(--experience-how-to-score-icon-filter);
}
.fengstexperience-how-card-template-2__description p {
  margin: 0;
}
.fengstexperience-points-table {
  display: grid;
  grid-gap: 10px;
  max-width: var(--max-width);
  margin: 35px auto 50px;
  padding: 25px;
  background: var(--experience-points-table-background);
  border-radius: 15px;
  width: 90%;
}
@media (min-width: 992px) {
  .fengstexperience-points-table {
    width: 100%;
  }
}
.fengstexperience-points-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
  margin-bottom: 10px;
}
@media (min-width: 767px) {
  .fengstexperience-points-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 35%;
  }
}
.fengstexperience-points-table__filter--date {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  align-items: center;
  grid-template-columns: auto min-content;
}
.fengstexperience-points-table__filter > span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-points-table__filter > span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-points-table__filter > span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-points-table__filter > span .feng-btn {
  width: 100%;
}
.fengstexperience-points-table__balance {
  position: relative;
  display: grid;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}
.fengstexperience-points-table__cards {
  display: grid;
  grid-gap: 30px;
  grid-auto-flow: row;
}
.fengstexperience-points-table__action {
  margin-top: 30px;
  justify-content: center;
  display: grid;
}
.fengstexperience-points-table__action .feng-btn {
  width: 100%;
}
.fengstexperience-points-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-points-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-points-card-template-1 {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.fengstexperience-points-card-template-1 > div:first-child {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-1 > div:first-child {
    grid-gap: 40px;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstexperience-points-card-template-1 > div:nth-child(2) {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-1 > div:nth-child(2) {
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.fengstexperience-points-card-template-1 > div:nth-child(2) .feng-btn--opened i {
  transform: rotate(90deg);
}
.fengstexperience-points-card-template-1__cost {
  font-size: 1.75em;
  font-weight: bold;
}
.fengstexperience-points-card-template-1__cost--debit {
  color: var(--error);
}
.fengstexperience-points-card-template-1__cost--credit {
  color: var(--success);
}
.fengstexperience-points-card-template-1__detail p {
  margin: 0;
}
.fengstexperience-points-card-template-2 {
  position: relative;
  display: grid;
  grid-auto-flow: row;
  grid-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}
.fengstexperience-points-card-template-2 > div:first-child {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  justify-content: flex-start;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-2 > div:first-child {
    grid-gap: 40px;
    grid-auto-flow: column;
    grid-template-columns: auto;
  }
}
.fengstexperience-points-card-template-2 > div:nth-child(2) {
  display: grid;
  grid-auto-flow: row;
  align-items: center;
  grid-gap: 10px;
}
@media (min-width: 576px) {
  .fengstexperience-points-card-template-2 > div:nth-child(2) {
    grid-auto-flow: column;
    justify-content: space-between;
  }
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn.feng-btn--ghost {
  background-color: transparent;
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn.feng-btn--ghost i {
  background-color: transparent;
  color: var(--secondary);
}
.fengstexperience-points-card-template-2 > div:nth-child(2) .feng-btn--opened i {
  transform: rotate(90deg);
}
.fengstexperience-points-card-template-2__cost {
  font-size: 1.75em;
  font-weight: bold;
}
.fengstexperience-points-card-template-2__cost--debit {
  color: var(--error);
}
.fengstexperience-points-card-template-2__cost--credit {
  color: var(--success);
}
.fengstexperience-points-card-template-2__detail p {
  margin: 0;
}
.fengstexperience-rescues-table {
  display: grid;
  grid-gap: 40px;
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 35px 15px 15px;
}
.fengstexperience-rescues-table__filter {
  display: grid;
  grid-gap: 20px;
  grid-auto-flow: row;
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__filter {
    grid-auto-flow: column;
    justify-content: space-between;
    grid-template: 1fr/auto 50%;
  }
}
.fengstexperience-rescues-table__filter span {
  display: grid;
  align-items: center;
  grid-gap: 15px;
  grid-auto-flow: row;
}
@media (min-width: 767px) {
  .fengstexperience-rescues-table__filter span {
    grid-auto-flow: column;
    grid-template-columns: 50% auto auto;
    grid-template-columns: auto auto auto;
  }
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__filter span {
    grid-template-columns: auto auto auto;
  }
}
.fengstexperience-rescues-table__filter span .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-table__wrapper {
  position: relative;
  padding-bottom: 50px;
  display: grid;
  grid-gap: 40px;
}
.fengstexperience-rescues-table__wrapper .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-table__cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-rescues-table__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-rescues-table__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
.fengstexperience-rescues-table__no-data {
  text-align: center;
  display: grid;
  grid-gap: 20px;
  font-size: 1.5em;
}
.fengstexperience-rescues-table__no-data i {
  font-size: 2em;
  color: var(--warning);
}
.fengstexperience-rescues-table__no-data a {
  display: inline-block;
}
.fengstexperience-rescues-card-template-1 {
  position: relative;
  display: grid;
  background-color: var(--background);
  height: 100%;
  grid-template: auto 40px/1fr;
  border-radius: 15px 15px 0 0;
}
.fengstexperience-rescues-card-template-1--expired {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-rescues-card-template-1__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-rescues-card-template-1__blocker * {
  margin: 5px;
}
.fengstexperience-rescues-card-template-1__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-rescues-card-template-1 i {
  position: absolute;
  right: -10px;
  font-size: 32px;
  top: -10px;
  color: #ccb400;
}
.fengstexperience-rescues-card-template-1__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 1px/1fr;
  padding: 20px;
}
.fengstexperience-rescues-card-template-1__title {
  font: 700 25px/30px var(--font-title);
  margin: 0;
  text-align: center;
  overflow-y: auto;
}
.fengstexperience-rescues-card-template-1__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-rescues-card-template-1__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-rescues-card-template-1__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-1__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__thumbnail-costret {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-1__thumbnail-costret::after {
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-1__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-rescues-card-template-1__action .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-card-template-1__action--not-auth {
  transform: unset;
}
.fengstexperience-rescues-card-template-1__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-rescues-card-template-1__description {
  position: relative;
}
.fengstexperience-rescues-card-template-1__description a {
  line-break: anywhere;
}
.fengstexperience-rescues-card-template-1__description .header {
  position: relative;
}
.fengstexperience-rescues-card-template-2 {
  position: relative;
  display: grid;
  height: 100%;
  grid-template: auto 40px/1fr;
  background: white;
  border-radius: 0;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.05);
}
.fengstexperience-rescues-card-template-2--expired {
  filter: grayscale(100%);
  opacity: 0.75;
}
.fengstexperience-rescues-card-template-2__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-rescues-card-template-2__blocker * {
  margin: 5px;
}
.fengstexperience-rescues-card-template-2__blocker strong {
  padding: 5px 5px 8px;
}
.fengstexperience-rescues-card-template-2__blocker i {
  font-size: 2em;
}
.fengstexperience-rescues-card-template-2__wrapper {
  display: grid;
  grid-gap: 10px;
  grid-template: 60px 240px 15px auto 1px/1fr;
  padding: 20px;
}
.fengstexperience-rescues-card-template-2__title {
  font: 700 25px/30px var(--font-title);
  margin: 0;
  text-align: center;
}
.fengstexperience-rescues-card-template-2__thumbnail {
  width: 100%;
  height: 240px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-origin: content-box;
  position: relative;
}
.fengstexperience-rescues-card-template-2__thumbnail--no-image {
  background-size: contain;
}
.fengstexperience-rescues-card-template-2__thumbnail-cost {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-2__thumbnail-cost::after {
  content: "pts";
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__thumbnail-costret {
  color: var(--on-primary);
  background-color: var(--primary);
  font-size: 1.5em;
  padding: 10px 10px 6px;
  text-align: center;
  bottom: 0;
  right: 0;
  display: inline;
  position: absolute;
  border-radius: 10px 0px 0px 0;
}
.fengstexperience-rescues-card-template-2__thumbnail-costret::after {
  position: relative;
  margin-left: 0;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__category {
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.75em;
}
.fengstexperience-rescues-card-template-2__description p {
  margin: 0 0 var(--paragraph-margin-bottom) 0;
}
.fengstexperience-rescues-card-template-2__action .feng-btn {
  width: 100%;
}
.fengstexperience-rescues-card-template-2__action--not-auth {
  transform: unset;
}
.fengstexperience-rescues-card-template-2__date {
  opacity: 0.3;
  font-size: 1.15em;
}
.fengstexperience-catalog-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-how-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
  padding: 35px 5% 100px;
}
@media (min-width: 992px) {
  .fengstexperience-how-view {
    padding: 35px 0 100px;
  }
}
.fengstexperience-how-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-how-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-how-view__table {
  display: grid;
  min-height: 30vh;
  background-color: var(--experience-background);
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  grid-gap: 25px;
  grid-template-columns: 1fr;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstexperience-how-view__table {
    grid-template-columns: repeat(3, minmax(auto, 342px));
  }
}
.fengstexperience-how-embassy-view {
  display: grid;
  gap: 40px;
  min-height: 70vh;
  background-color: var(--experience-background);
  padding: 35px 5% 100px;
  justify-content: stretch;
  justify-content: center;
}
@media (min-width: 992px) {
  .fengstexperience-how-embassy-view {
    padding: 35px 0 100px;
  }
}
.fengstexperience-how-embassy-view__plans {
  display: grid;
  gap: 1em;
  background-color: var(--experience-how-to-score-embassy-cards);
  width: 100%;
  margin: 0 auto;
  grid-auto-flow: row;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.17);
  padding: 3em;
}
.fengstexperience-how-embassy-view__plans-title {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__plans-description {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__plans-table {
  display: grid;
  width: 100%;
  grid-auto-flow: column;
}
.fengstexperience-how-embassy-view__plans-table-column {
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: auto 50px 50px;
  align-items: stretch;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__plans-table-column {
    grid-template-rows: auto 40px 40px;
  }
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child) {
  text-align: center;
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child):nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column:not(:first-child):nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities {
  opacity: 0.75;
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities div:nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column--periodicities div:nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column-header {
  display: grid;
  grid-template-rows: 70px 35px;
  justify-content: center;
  align-items: center;
}
.fengstexperience-how-embassy-view__plans-table-column-header img {
  width: 76px;
  height: auto;
  margin: auto;
}
.fengstexperience-how-embassy-view__plans-table-column > * {
  display: grid;
  align-items: center;
  padding: 0.5em 0.75em;
  text-transform: uppercase;
  font-weight: bold;
}
.fengstexperience-how-embassy-view__plans-table-column > *:nth-of-type(odd) {
  background-color: var(--experience-how-to-score-table-odd-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column > *:nth-of-type(even) {
  background-color: var(--experience-how-to-score-table-even-row-background);
}
.fengstexperience-how-embassy-view__plans-table-column > * strong {
  font-size: 1.5em;
}
.fengstexperience-how-embassy-view__others {
  display: grid;
  gap: 1em;
  background-color: var(--experience-how-to-score-embassy-cards);
  width: 100%;
  margin: 0 auto;
  grid-auto-flow: row;
  box-shadow: 5px 5px 7px 1px rgba(0, 0, 0, 0.17);
  padding: 3em;
}
.fengstexperience-how-embassy-view__others-title {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__others-description {
  text-align: center;
  margin: 0;
}
.fengstexperience-how-embassy-view__others-table {
  display: grid;
  width: 100%;
  gap: 2em;
  grid-auto-flow: row;
  justify-content: center;
  text-align: center;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__others-table {
    grid-auto-flow: column;
  }
}
.fengstexperience-how-embassy-view__others-table-column {
  display: grid;
  grid-auto-flow: row;
  align-items: stretch;
}
.fengstexperience-how-embassy-view__others-table-column img {
  width: 76px;
  height: auto;
  margin: auto;
}
.fengstexperience-how-embassy-view__others-table-column > * {
  padding: 0.25em 0.75em;
}
@media (min-width: 767px) {
  .fengstexperience-how-embassy-view__others-table-column > * {
    padding: 0.5em 0.75em;
  }
}
.fengstexperience-how-embassy-view__others-table-column > * b {
  font-size: 1.5em;
}
.fengstexperience-how-embassy-view__msg {
  display: flex;
  width: 80%;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
}
.fengstexperience-points-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-points-view--public {
  padding-top: var(--public-header-security-top-padding);
}
.fengstexperience-points-view--private {
  padding-top: var(--private-header-security-top-padding);
}
.fengstexperience-rescues-view {
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-detail-view {
  position: relative;
  display: grid;
  min-height: 70vh;
  background-color: var(--experience-background);
}
.fengstexperience-detail-view__wrapper {
  width: 100%;
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 30px 20px 50px;
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__wrapper {
    padding: 30px 0 50px;
  }
}
.fengstexperience-detail-view__blocker {
  position: absolute;
  top: 0;
  left: 0%;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  padding: 20px;
  align-items: center;
  justify-content: center;
}
.fengstexperience-detail-view__blocker i {
  margin: 5px;
  font-size: 2em;
}
.fengstexperience-detail-view__blocker strong {
  margin: 5px;
  font-size: 1.5em;
  padding: 10px 10px 13px;
}
.fengstexperience-detail-view__blocker-actions {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 15px;
}
.fengstexperience-detail-view__content {
  display: grid;
  grid-gap: 15px;
}
.fengstexperience-detail-view__content-wrapper {
  display: grid;
  grid-gap: 15px;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-wrapper {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-wrapper {
    width: 40%;
  }
}
.fengstexperience-detail-view__content-image {
  width: 100%;
  background-size: cover;
  background-position: center;
  height: 160px;
}
@media (min-width: 767px) {
  .fengstexperience-detail-view__content-image {
    height: 320px;
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-image {
    height: 530px;
  }
}
.fengstexperience-detail-view__content-category {
  display: grid;
  color: var(--secondary);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.fengstexperience-detail-view__content-title {
  display: grid;
  font-weight: bold;
  font: 700 29px/30px var(--font-title);
  margin: 0;
}
.fengstexperience-detail-view__content-description {
  font-size: 15px;
}
.fengstexperience-detail-view__content-actions {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-between;
  grid-gap: 15px;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 0.5em 0;
  z-index: 1;
}
.fengstexperience-detail-view__content-actions-wrapper {
  position: relative;
  display: grid;
  justify-content: flex-start;
  grid-gap: 15px;
  grid-auto-flow: column;
  align-items: center;
}
.fengstexperience-detail-view__content-actions-wrapper--loading i {
  opacity: 0.25;
}
.fengstexperience-detail-view__content-actions-wrapper * {
  padding: 0 0.25em;
}
.fengstexperience-detail-view__content-actions i {
  font-size: 1.8em;
  opacity: 1;
}
.fengstexperience-detail-view__content-actions i:hover {
  opacity: 0.65;
  transform: scale(1.25);
  cursor: pointer;
}
.fengstexperience-detail-view__content-actions i.fengi-like--active {
  color: var(--primary);
}
.fengstexperience-detail-view__content-suggestions {
  display: grid;
  margin-top: 50px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.fengstexperience-detail-view__content-suggestions-title {
  display: grid;
  font-size: 20px;
  text-transform: uppercase;
}
.fengstexperience-detail-view__content-suggestions-cards {
  display: grid;
  grid-column-gap: 30px;
  grid-row-gap: 45px;
  grid-template-columns: 1fr;
}
@media (min-width: 767px) {
  .fengstexperience-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .fengstexperience-detail-view__content-suggestions-cards {
    grid-template-columns: repeat(3, 1fr);
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --unlogged-font-primary: "";
  --uunlogged-font-title: "";
  --unlogged-font-button: "";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-unlogged-background: var(--footer-background);
  --footer-premium-background: var(--footer-background);
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-unlogged-logo-width: var(--footer-logo-width);
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-social-bg: var(--secondary);
  --footer-social-color: var(--on-secondary);
  --footer-social-unlogged-bg: var(--footer-social-bg);
  --footer-social-unlogged-color: var(--footer-social-color);
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #141414;
  --pre-home-text-color: #fff;
  --pre-home-text-secondary-color: #ccc;
  --title-background: #000;
  --background-stadio-plans: #000;
  --background-sso: #000;
  --background-digital-plans: #000;
  --cta-button-background: #f00;
  --pre-home-flaid-bg-mobile: #000;
  --pre-home-flaid-bg-desktop: #000;
  --premium-c-cta-bg: #000;
  --premium-c-secondary: #f00;
  --premium-c-title-font: "normal normal 700 30px/40px Roboto";
  --premium-c-title-font-desktop: "normal normal 700 48px/57.6px Roboto";
  --premium-c-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-font: "normal normal 500 16px/24px Roboto";
  --premium-c-about-text-font-desktop: "normal normal 500 32px/40px Roboto";
  --premium-c-about-text-color: #fff;
  --premium-c-about-bg: #000;
  --premium-c-content-title-font: "normal normal 500 16px/24px Roboto";
  --premium-c-content-title-font-desktop: "normal normal 500 16px/24px Roboto";
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --biometry-color-texts: "";
  --biometry-card-divider: "1px solid #E4E4E4";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.fengstcheckout-register {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 8px 50px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
    padding: 50px 0;
  }
}
.fengstcheckout-register__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-register__captcha {
  text-align: center;
}
.fengstcheckout-register__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-register__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-register__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-register__header h1 {
  font-size: 20px;
  text-align: center;
  line-height: 110%;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register__header h1 {
    font-size: 25px;
  }
}
.fengstcheckout-register__item {
  position: relative;
  margin: 15px 0px;
}
.fengstcheckout-register__item-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstcheckout-register__item-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstcheckout-register__item .select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstcheckout-register__item .select-country .select-country-field {
  width: 90px;
}
.fengstcheckout-register__item .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstcheckout-register .hcaptcha {
  display: flex;
  justify-content: center;
}
.fengstcheckout-register__terms {
  text-align: center;
}
.fengstcheckout-register-2 {
  background: var(--register-v2-background);
  background-size: var(--register-v2-background-size-small);
  width: 100%;
  min-height: calc(100svh - var(--footer-height));
  margin: 0;
  position: relative;
  display: flex;
  box-sizing: border-box;
  padding: var(--register-v2-content-padding);
}
@media (min-width: 992px) {
  .fengstcheckout-register-2 {
    background-size: var(--register-v2-background-size-medium);
  }
}
@media (min-width: 1200px) {
  .fengstcheckout-register-2 {
    background-position: var(--register-v2-background-position-large);
    background-size: var(--register-v2-background-size-large);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2 {
    background-position: var(--register-v2-background-position-extra-large);
    background-size: var(--register-v2-background-size-extra-large);
  }
}
.fengstcheckout-register-2__content {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  z-index: 1;
}
.fengstcheckout-register-2__content-brand {
  width: var(--register-v2-logo-width);
  padding-top: 32px;
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2__content-brand {
    padding-top: 0;
  }
}
.fengstcheckout-register-2__content-register {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background: var(--register-v2-card-form-background);
  border-radius: var(--register-v2-card-form-radius);
  padding: var(--register-v2-card-form-padding);
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin: 33px 0 123px;
  box-sizing: border-box;
}
.fengstcheckout-register-2__content-register .feng-btn {
  width: 100% !important;
  border-radius: 4px !important;
}
.fengstcheckout-register-2__content-register--success {
  background: transparent;
  color: var(--register-v2-sucess-color);
  text-align: center;
  margin: 0 0 123px;
  padding: 0;
}
@media (min-width: 767px) {
  .fengstcheckout-register-2__content-register {
    max-width: var(--register-v2-card-form-width-desktop);
  }
  .fengstcheckout-register-2__content-register--success {
    max-width: var(--register-v2-card-form-sucess-desktop);
    padding: var(--register-v2-card-form-padding);
  }
}
@media (min-width: 1500px) {
  .fengstcheckout-register-2__content-register {
    margin: 33px 0;
  }
}
.fengstcheckout-register-2__content-register-title {
  color: var(--register-v2-card-form-title-color);
  font-size: var(--register-v2-card-form-title-size);
  font-weight: var(--register-v2-card-form-title-weight);
  font-family: var(--register-v2-card-form-title-family);
  line-height: var(--register-v2-card-form-title-line-height);
  margin: 0;
}
.fengstcheckout-register-2__content-register-inputs {
  display: flex;
  flex-direction: column;
  row-gap: var(--register-v2-card-form-row-gap);
  margin-top: 16px;
}
.fengstcheckout-register-2__content-register-inputs-disabled {
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-register-2__content-register-inputs-divider {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
}
.fengstcheckout-register-2__content-register-inputs-password-info, .fengstcheckout-register-2__content-register-inputs-required-list-item {
  font-family: var(--register-v2-card-form-title-family);
  font-weight: var(--register-v2-card-form-password-info-title-weight);
  font-size: var(--register-v2-card-form-password-info-title-size);
  line-height: var(--register-v2-card-form-password-info-title-line-height);
  color: var(--register-v2-card-form-password-info-color);
}
.fengstcheckout-register-2__content-register-inputs-required-list {
  list-style: var(--register-v2-card-form-password-info-list-style);
  padding: 0;
  margin: 0 0 14px;
}
.fengstcheckout-register-2__content-register-inputs-required-list-item {
  font-weight: 400;
}
.fengstcheckout-register-2__content-register-inputs-submit--goto {
  display: block;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: auto;
}
.fengstcheckout-register-2__content-register-inputs-submit .feng-btn {
  background: var(--home-auth-card-button-sign-bg) !important;
  color: var(--home-auth-card-button-sign-color) !important;
}
.fengstcheckout-register-2__content-register-success-msg {
  font: var(--register-v2-card-success-title);
  margin-top: 39px;
}
@media (min-width: 767px) {
  .fengstcheckout-register-2__content-register-success-msg {
    margin-top: var(--title-margin-top);
    font: var(--register-v2-card-success-title-desktop);
  }
}
.fengstcheckout-register-2__content-register-success-text {
  font-weight: 400;
  font-size: var(--register-v2-sucess-text-size);
  font-family: var(--font-button);
  padding: 0 15px;
}
.fengstcheckout-register-2__content-register-success-text b {
  color: var(--home-auth-card-button-sign-bg);
}
.fengstcheckout-register-2__content-step2-input {
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-register-2__content-step2-input {
    flex-direction: column;
  }
}
.fengstcheckout-register-2__content-step2-action {
  display: flex;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
}
@media (min-width: 992px) {
  .fengstcheckout-register-2__content-step2-action {
    align-items: center;
    display: grid;
    grid-template-columns: 0.3fr;
  }
}
.fengstcheckout-register-2__section {
  margin-top: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-register-2__section-title {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}
.fengstcheckout-register-2__section-radio {
  margin-bottom: 8px;
}
.fengstcheckout-register-2__section-radio label {
  font-weight: 700 !important;
  color: var(--primary-light);
}
.fengstcheckout-register-2__section-radio .mat-radio-label-content {
  font-weight: 400 !important;
}
.fengstcheckout-register-2__section-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-register-2__section-hide-hint .mat-form-field-hint-wrapper {
  display: none !important;
}
.fengstcheckout-register-2__section-small .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix, .fengstcheckout-register-2__section-small .feng-input--primary.feng-input .feng-input__mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  max-width: 105px;
}
.fengstcheckout-register-2__section-small input::-webkit-outer-spin-button,
.fengstcheckout-register-2__section-small input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.fengstcheckout-register-2__section-small input[type=number] {
  -moz-appearance: textfield;
}
.fengstcheckout-register-2__section-grid {
  display: grid;
  align-items: flex-start;
  column-gap: 16px;
  grid-template-columns: 0.2fr 1fr;
}
.fengstcheckout-register-2__section-grid--2 {
  grid-template-columns: 1fr 0.1fr;
}
.fengstcheckout-register-2__divider-or {
  position: relative;
}
.fengstcheckout-register-2__divider-or p {
  margin: 0 auto;
  text-align: center;
  background: #fff;
  z-index: 1;
  position: relative;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 6px;
}
.fengstcheckout-register-2__divider-or hr {
  border: none;
  height: 1px;
  background: var(--register-v2-card-form-divider-color);
  width: 100%;
  position: absolute;
  top: 4px;
}
.fengstcheckout-address {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .fengstcheckout-address {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.fengstcheckout-address__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-address__textinfo {
  margin: 20px 0 0 0;
  text-align: center;
}
.fengstcheckout-address__captcha {
  text-align: center;
}
.fengstcheckout-address__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-address__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-address__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-address__header h1 {
  font-size: 25px;
  text-align: center;
}
.fengstcheckout-address__item {
  display: block;
  margin: 15px 0px;
  text-align: center;
}
.fengstcheckout-address__item--col {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.fengstcheckout-address__item--col span {
  display: inline !important;
}
.fengstcheckout-address__item--col span fengstui-input {
  display: inline !important;
}
.fengstcheckout-address-update {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .fengstcheckout-address-update {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.fengstcheckout-address-update__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-address-update__textinfo {
  margin: 20px 0 0 0;
  text-align: center;
}
.fengstcheckout-address-update__captcha {
  text-align: center;
}
.fengstcheckout-address-update__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-address-update__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-address-update__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-address-update__header h1 {
  font-size: 25px;
  text-align: center;
}
.fengstcheckout-address-update__item {
  display: block;
  margin: 15px 0px;
  text-align: center;
}
.fengstcheckout-address-update__item--col {
  display: grid;
  grid-template-columns: 1.4fr 0.6fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.fengstcheckout-address-update__item--col span {
  display: inline !important;
}
.fengstcheckout-address-update__item--col span fengstui-input {
  display: inline !important;
}
.checkout-subscribe {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-subscribe {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-subscribe .subscribe-cart {
  margin: 0.5em;
}
.checkout-subscribe .subscribe-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-subscribe .subscribe-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-subscribe .subscribe-cart__card {
  padding: 20px 50px;
}
.checkout-subscribe .subscribe-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-subscribe .subscribe-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-subscribe .subscribe-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-subscribe .subscribe-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.checkout-subscribe .subscribe-cart__header h3 {
  padding: 0 1em;
  line-height: 1.2em;
  text-align: center;
}
@media (min-width: 992px) {
  .checkout-subscribe .subscribe-cart__header h3 {
    padding: initial;
  }
}
.subscribe-cart-request {
  position: relative;
}
.subscribe-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.subscribe-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: var(--background);
}
.subscribe-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.subscribe-cart-request__coupon-error {
  color: var(--error);
  font-weight: bold;
}
.subscribe-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.subscribe-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--info);
}
.subscribe-cart-request__col-left--tooltip {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--info);
}
.subscribe-cart-request__col-left--tooltip fengstui-button button {
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: transparent;
}
.subscribe-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.subscribe-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.subscribe-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subscribe-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.subscribe-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.subscribe-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.subscribe-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.subscribe-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.subscribe-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--info);
}
.subscribe-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.subscribe-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.subscribe-cart-request__header {
  display: block;
  width: 100%;
}
.subscribe-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.subscribe-cart-request__options {
  display: block;
  width: 100%;
}
.subscribe-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.subscribe-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var;
  margin: 20px auto;
}
.subscribe-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.subscribe-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.subscribe-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.subscribe-cart-request__message {
  display: block;
  font-size: 12px;
  margin-top: 20px;
  text-align: center;
  color: dimgray;
}
.checkout-resubscribe {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-resubscribe {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-resubscribe .resubscribe-cart {
  margin: 0.5em;
}
.checkout-resubscribe .resubscribe-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-resubscribe .resubscribe-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-resubscribe .resubscribe-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-resubscribe .resubscribe-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-resubscribe .resubscribe-cart__card {
  padding: 20px 50px;
}
.checkout-resubscribe .resubscribe-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-resubscribe .resubscribe-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-resubscribe .resubscribe-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-resubscribe .resubscribe-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.registration-se {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-se__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.registration-se__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-se__wrapper h2 {
  font-size: 16px;
}
.registration-se__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-se__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-se__wrapper mat-form-field {
  display: block !important;
}
.registration-se__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-se__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-se__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-se__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.registration-se__item {
  display: block;
}
.registration-se__item--warning {
  margin-top: 20px;
}
.registration-se__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-se__item--warning b {
  color: #d00000;
}
.registration-se__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-se__item--document--line {
  display: block;
}
.registration-se__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-se__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-se__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-se__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-se__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-se__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-se__item--document span i.check-icon {
  color: green;
}
.registration-se__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.registration-se__item--proponent p {
  font-size: 14px;
}
.registration-se__item--proponent--line {
  display: block;
}
.registration-se__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-se__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-se__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-se__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-se__item--proponent span {
  display: block;
}
.registration-se__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.registration-se__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-se__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-se__line {
  display: block;
}
.registration-se__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-dep__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
  padding-bottom: 20px;
}
.registration-dep__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-dep__wrapper h2 {
  font-size: 16px;
}
.registration-dep__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-dep__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-dep__wrapper mat-form-field {
  display: block !important;
}
.registration-dep__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-dep__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 15px;
    grid-template-areas: ". .";
  }
}
.registration-dep__item {
  display: block;
}
.registration-dep__item--warning {
  margin-top: 20px;
}
.registration-dep__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-dep__item--warning b {
  color: #d00000;
}
.registration-dep__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-dep__item--document--line {
  display: block;
}
.registration-dep__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-dep__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep__item--document span i.check-icon {
  color: green;
}
.registration-dep__item--document button {
  color: white;
  background: #d00000;
  border: none;
  padding: 5px 10px;
}
.registration-dep__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 70px;
}
.registration-dep__item--proponent p {
  font-size: 14px;
}
.registration-dep__item--proponent--line {
  display: block;
}
.registration-dep__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep__item--proponent span {
  display: block;
}
.registration-dep__item--proponent button {
  display: block;
  color: white;
  background: #d00000;
  border: none;
  height: 55px;
  padding: 5px 20px;
  margin-top: 6px;
  width: 100%;
}
.registration-dep__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-dep__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep__line {
  display: block;
}
.registration-dep__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep__line--footer button {
  color: white;
  background: #d00000;
  border: none;
  padding: 10px 20px;
  font-size: 23px;
}
.registration-dep__line--footer button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.registration-dep-animal {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-dep-animal__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 450px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
  padding-bottom: 20px;
}
.registration-dep-animal__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-dep-animal__wrapper h2 {
  font-size: 16px;
}
.registration-dep-animal__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-dep-animal__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-dep-animal__wrapper mat-form-field {
  display: block !important;
}
.registration-dep-animal__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep-animal__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep-animal__grid {
  display: block;
}
.registration-dep-animal__item {
  display: block;
}
.registration-dep-animal__item--warning {
  margin-top: 20px;
}
.registration-dep-animal__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-dep-animal__item--warning b {
  color: #d00000;
}
.registration-dep-animal__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-dep-animal__item--document--line {
  display: block;
}
.registration-dep-animal__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep-animal__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep-animal__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep-animal__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-dep-animal__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-dep-animal__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep-animal__item--document span i.check-icon {
  color: green;
}
.registration-dep-animal__item--document button {
  color: white;
  background: #d00000;
  border: none;
  padding: 5px 10px;
}
.registration-dep-animal__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 70px;
}
.registration-dep-animal__item--proponent p {
  font-size: 14px;
}
.registration-dep-animal__item--proponent--line {
  display: block;
}
.registration-dep-animal__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-dep-animal__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-dep-animal__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-dep-animal__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-dep-animal__item--proponent span {
  display: block;
}
.registration-dep-animal__item--proponent button {
  display: block;
  color: white;
  background: #d00000;
  border: none;
  height: 55px;
  padding: 5px 20px;
  margin-top: 6px;
  width: 100%;
}
.registration-dep-animal__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-dep-animal__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-dep-animal__line {
  display: block;
}
.registration-dep-animal__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.registration-dep-animal__line--footer button {
  color: white;
  background: #d00000;
  border: none;
  padding: 10px 20px;
  font-size: 23px;
}
.registration-dep-animal__line--footer button:disabled {
  background-color: #d4d4d4;
  color: #c3c3c3;
  cursor: not-allowed;
}
.resubscribe-cart-request {
  position: relative;
}
.resubscribe-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.resubscribe-cart-request__accept-terms p {
  text-align: start;
}
.resubscribe-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: white;
}
.resubscribe-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.resubscribe-cart-request__coupon-error {
  color: var(--error);
  font-weight: bold;
}
.resubscribe-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.resubscribe-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: var(--info);
}
.resubscribe-cart-request__col-left--tooltip {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--info);
}
.resubscribe-cart-request__col-left--tooltip fengstui-button button {
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: transparent;
}
.resubscribe-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.resubscribe-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.resubscribe-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.resubscribe-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.resubscribe-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.resubscribe-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.resubscribe-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.resubscribe-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.resubscribe-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: var(--info);
}
.resubscribe-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.resubscribe-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.resubscribe-cart-request__header {
  display: block;
  width: 100%;
}
.resubscribe-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.resubscribe-cart-request__options {
  display: block;
  width: 100%;
}
.resubscribe-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.resubscribe-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var;
  margin: 20px auto;
}
.resubscribe-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.resubscribe-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.resubscribe-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.modal-recurring-payment {
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
  flex-direction: column;
}
.modal-recurring-payment form {
  display: grid;
  grid-gap: 20px;
  align-items: center;
}
.modal-recurring-payment form ::ng-deep .mat-form-field-wrapper {
  padding-bottom: 0;
}
.modal-recurring-payment i {
  font-size: 70px;
}
.modal-recurring-payment .recaptcha {
  display: flex;
  justify-content: center;
}
.modal-recurring-payment button {
  font-size: 14px;
  padding: 0.5em 1.125em;
}
.fengst-checkout-view-modal-quick-renew {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 0px !important;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew {
    max-height: 550px !important;
  }
}
.fengst-checkout-view-modal-quick-renew .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (max-width: 480px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 687px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
@media (max-width: 480px) {
  .fengst-checkout-view-modal-quick-renew .mat-dialog-container .mat-dialog-content {
    min-height: 100%;
    min-width: 100%;
    padding: 0 10px;
    margin: 0px;
  }
}
.fengst-checkout-view-modal-quick-renew h1 {
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  color: black;
}
.fengst-checkout-view-modal-quick-renew h2 {
  display: block;
  margin-bottom: 15px;
  font-size: 13px;
  color: #7C7C7C;
  max-width: 640px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line {
  display: grid;
  font-size: 14px;
  grid-template-columns: 0.9fr 1.1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". .";
  margin: 8px auto;
  max-width: 640px;
  padding-bottom: 8px;
  border-bottom: 1px solid #D0D0D0;
  align-items: center;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line {
    grid-template-columns: 1fr 1fr;
    font-size: 15px;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-guests {
  color: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan {
  color: #C11D1E;
  border-bottom: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div {
  font-size: 16px;
  font-weight: bold;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div {
    font-size: 17px;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-plan div span {
  font-weight: normal;
  color: #7C7C7C;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-payment-form {
  border-bottom: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-form-field-wrapper {
  text-align: right;
  padding-bottom: 0px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-select-value-text {
  font-weight: bold;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-form-field-underline {
  display: none;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-input div:last-child mat-form-field .mat-select-arrow {
  color: black;
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-total {
  border-bottom: none;
  margin-top: 25px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line.quick-renew-line-total div:last-child {
  color: #C11D1E;
  font-weight: bold;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line div app-ccred {
  display: inline-block;
  position: absolute;
  right: -20px;
  top: -10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-info div.modal-quick-renew-line div:last-child {
  position: relative;
  text-align: right;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box {
  display: block;
  max-width: 640px;
  text-align: center;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box {
    margin: 12px auto;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box .termsaccept {
  font-size: 14px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box .termsaccept span {
  margin-left: 14px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-box div.recaptcha-wrapper {
  display: inline-block;
  transform: scale(0.9);
  margin: 10px auto;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer {
  display: block;
  margin: 8px auto;
  max-width: 640px;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: ". .";
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button {
  display: block;
  width: 100%;
  background: #fff;
  font-weight: bolder;
  font-size: 15px;
  padding: 15px 11px;
  margin-bottom: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button {
  background: #C11D1E;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button i {
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-footer div button.primary-button:disabled {
  color: #7C7C7C;
  background: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued {
  display: block;
  margin: 8px auto;
  max-width: 640px;
}
@media (min-width: 992px) {
  .fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued {
    display: grid;
    height: 300px;
    margin-top: 50px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "." "." ".";
    justify-content: center;
    align-items: center;
    align-content: center;
    justify-items: center;
  }
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div {
  text-align: center;
  margin: 0 auto;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div p {
  font-weight: bolder;
  font-size: 13px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div p.more {
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 320px;
  background: #fff;
  font-weight: bolder;
  font-size: 15px;
  padding: 15px 11px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button {
  background: #C11D1E;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button i {
  margin-left: 10px;
}
.fengst-checkout-view-modal-quick-renew div.modal-quick-renew-discontinued div button.primary-button:disabled {
  color: #7C7C7C;
  background: #D0D0D0;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result {
  position: relative;
  display: block;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message h3 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
  font-size: 28px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message h4 {
  display: block;
  width: 100%;
  text-align: center;
  margin: 20px auto;
  font-weight: bold;
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p {
  display: block;
  width: 100%;
  text-align: center;
  color: #7C7C7C;
  font-size: 15px;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p.st-result-barcode {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message p.st-result-barcode i {
  margin-left: 10px;
  cursor: pointer;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-icon {
  display: block;
  width: 100px;
  height: 100px;
  margin: 50px auto;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-icon i {
  font-size: 100px;
  color: black;
}
.fengst-checkout-view-modal-quick-renew div.view-st-result div.st-result-message div.st-result-actions button {
  display: block;
  margin: 20px auto;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 18px;
}
.fengstcheckout-modal-physical-kit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.fengstcheckout-modal-physical-kit img {
  max-width: 400px;
  max-height: 350px;
  border-radius: 4px;
}
.fengstcheckout-modal-physical-kit__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.fengstcheckout-modal-physical-kit__text ul {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}
.fengstcheckout-modal-reditect-to-cart {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.fengstcheckout-modal-reditect-to-cart p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.fengstcheckout-modal-reditect-to-cart > div:nth-child(1) {
  align-self: end;
}
.fengstcheckout-modal-reditect-to-cart__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 8px;
}
@media (min-width: 767px) {
  .fengstcheckout-modal-reditect-to-cart__container {
    padding: 16px;
  }
}
.fengstcheckout-modal-reditect-to-cart__container h3 {
  margin: 0;
  padding: 0;
}
.fengstcheckout-modal-reditect-to-cart__container > fengstui-button {
  width: 100%;
}
.fengstcheckout-modal-reditect-to-cart__container > fengstui-button button {
  color: #fff !important;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstcheckout-modal-reditect-to-cart__container > fengstui-button {
    width: auto;
  }
}
.fengstcheckout-modal-reditect-to-cart__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstcheckout-modal-reditect-to-cart mat-dialog-container {
  padding: 16px !important;
}
.checkout-upgrade {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .checkout-upgrade {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.checkout-upgrade .upgrade-cart {
  margin: 0.5em;
}
.checkout-upgrade .upgrade-cart__free-plan {
  display: block;
  width: 100%;
  margin: auto;
}
.checkout-upgrade .upgrade-cart__free-plan h1 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-upgrade .upgrade-cart__free-plan h2 {
  display: block;
  width: 100%;
  font-size: 18px;
  margin: auto;
  font-weight: normal !important;
  text-align: center;
}
.checkout-upgrade .upgrade-cart__free-plan i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 150px;
  text-align: center;
  margin: 40px auto;
  color: #BF9240;
}
.checkout-upgrade .upgrade-cart__card {
  padding: 20px 50px;
}
.checkout-upgrade .upgrade-cart__card--shadow {
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 2px 5px 0px var(--info);
}
.checkout-upgrade .upgrade-cart__grid {
  display: block;
  width: 100%;
}
@media (min-width: 992px) {
  .checkout-upgrade .upgrade-cart__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". .";
  }
}
.checkout-upgrade .upgrade-cart__header h1 {
  font-size: 25px;
  text-align: center;
}
.upgrade-cart-request {
  position: relative;
}
.upgrade-cart-request__accept-terms {
  display: block;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}
.upgrade-cart-request__check-coupon {
  width: 30px;
  height: 30px;
  padding: 0;
  margin: 0;
  border: 0;
  background: var(--info);
  color: var(--background);
}
.upgrade-cart-request__check-coupon i {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.upgrade-cart-request__coupon-error {
  color: var(--primary);
  font-weight: bold;
}
.upgrade-cart-request__coupon-success {
  color: var(--success);
  font-weight: bold;
}
.upgrade-cart-request__col-left {
  display: block;
  width: 100%;
  font-weight: bold;
  color: #8a8a8a;
}
.upgrade-cart-request__col-left--tooltip {
  display: flex;
  justify-content: start;
  align-items: center;
  color: var(--info);
}
.upgrade-cart-request__col-left--tooltip fengstui-button button {
  margin: 0;
  padding: 0;
  cursor: default;
  background-color: transparent;
}
.upgrade-cart-request__col-left--information-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
}
.upgrade-cart-request__col-left--information-item fengstui-button button {
  background-color: transparent !important;
  cursor: default;
}
.upgrade-cart-request__col-left--information-item :first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-cart-request__col-right {
  display: block;
  width: 100%;
  text-align: right;
}
.upgrade-cart-request__recaptcha {
  display: grid;
  justify-content: center;
  margin: 10px;
}
.upgrade-cart-request__grid {
  display: block;
  display: block;
  text-align: left;
  margin-bottom: 5px auto;
  width: 100%;
}
.upgrade-cart-request__grid--line {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". .";
  align-items: center;
  justify-content: center;
}
.upgrade-cart-request__grid--guest span {
  display: block;
  width: 100%;
  margin: 5px auto;
}
.upgrade-cart-request__grid--guest-line {
  display: grid;
  grid-template-columns: 0.1fr 2.8fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #8a8a8a;
}
.upgrade-cart-request__grid--guest-line i {
  color: var(--primary);
  margin-right: 10px;
}
.upgrade-cart-request__grid--information-container {
  background: #eee;
  padding: 16px;
  border-radius: 6px;
  margin-top: 20px;
  color: #000;
}
.upgrade-cart-request__header {
  display: block;
  width: 100%;
}
.upgrade-cart-request__header h1 {
  display: flex;
  align-items: center;
  justify-items: center;
  width: 100%;
  font-size: 18px;
  margin: 12px auto;
}
.upgrade-cart-request__options {
  display: block;
  width: 100%;
}
.upgrade-cart-request__options button {
  width: 80%;
  font-size: 22px;
  display: block;
  margin: auto;
}
.upgrade-cart-request__options button:disabled {
  background-color: var(--info);
  color: #c3c3c3;
  cursor: not-allowed;
}
.upgrade-cart-request hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0.5px solid var(--info);
  margin: 20px auto;
}
.upgrade-cart-request__item {
  display: block;
  margin: 10px auto;
  width: 100%;
}
.upgrade-cart-request__item--additional {
  display: flex;
  align-items: center;
}
.upgrade-cart-request__item--additional fengstui-button button {
  margin: 0;
  padding: 0;
  background-color: transparent !important;
  cursor: default !important;
}
.cart-payment__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
  justify-items: center;
  align-items: center;
  height: 60px;
  margin: 20px 0px;
  margin-bottom: 50px;
}
.cart-payment__header--1-payment {
  display: block;
  margin: 0px;
  margin-bottom: 20px;
  height: auto;
}
.cart-payment__header--1-payment h1 {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  text-align: center;
}
.cart-payment__header--multiple-methods {
  display: grid;
  gap: 0.5em;
  justify-items: center;
  margin: 20px 0px 50px;
  grid-auto-flow: column;
  grid-template-areas: unset;
  grid-template-columns: unset;
  grid-template-rows: unset;
  height: unset;
  align-items: stretch;
}
.cart-payment__header--multiple-methods .cart-payment__method {
  max-width: unset;
  font-size: 16px;
  padding: 10px;
  height: 100%;
  width: 100%;
}
.cart-payment__header--multiple-methods h1 {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  text-align: center;
}
.cart-payment__method {
  position: relative;
  display: flex;
  cursor: pointer;
  color: var(--info);
  background: var(--background);
  justify-items: center;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  padding: 10px 18px;
  margin: auto;
  max-width: 83%;
  border: 1px solid var(--info);
  height: 100%;
  width: 100%;
}
.cart-payment__method b {
  position: absolute;
  display: flex;
  padding: 2px;
  font-weight: bold;
  background: var(--primary);
  color: white;
  font-size: 10px;
  align-content: center;
  justify-content: space-around;
  border-radius: 0px 0px 0px 8px;
  top: 0px;
  right: 0px;
}
.cart-payment__method.enable {
  background: var(--primary);
  border: 1px solid var(--primary);
  color: white;
}
.cart-payment__method i {
  margin-right: 10px;
}
.cart-payment__item--no-method {
  display: grid;
  gap: 0.5em;
  text-align: center;
  margin-bottom: 2em;
}
.cart-payment__item--no-method i {
  font-size: 5em;
}
.cart-payment-credit-card {
  position: relative;
}
.cart-payment-credit-card__flag i {
  max-width: 150px;
  transform: scale(0.6) !important;
  display: block;
}
.cart-payment-credit-card__form {
  display: block;
  width: 100%;
}
.cart-payment-credit-card__form h1 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
}
.cart-payment-credit-card__item {
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
}
.cart-payment-credit-card__item--active {
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin-bottom: 10px;
  cursor: normal;
}
.cart-payment-credit-card__list-footer, .cart-payment-credit-card__form-footer {
  display: block;
  width: 100%;
  margin-top: 20px;
}
.cart-payment-credit-card__list-footer h2, .cart-payment-credit-card__form-footer h2 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}
.cart-payment-credit-card__list-footer button, .cart-payment-credit-card__form-footer button {
  display: block;
  width: 85%;
  margin: auto;
}
.cart-payment-credit-card__list {
  display: block;
  width: 100%;
  margin: 10px auto;
}
.cart-payment-credit-card__list-header, .cart-payment-credit-card__form-header {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
.cart-payment-credit-card__list-header h1, .cart-payment-credit-card__form-header h1 {
  display: block;
  margin: 10px auto;
  padding: 0px;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
}
.cart-payment-credit-card__number {
  font-size: 20px;
}
.cart-payment-credit-card__priority {
  color: var(--info);
}
.cart-payment-credit-card__priority.active {
  color: var(--primary);
}
.cart-payment-credit-card__priority i {
  font-size: 30px;
}
.cart-payment-credit-card__add-button {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  position: relative;
  background-color: var(--on-background);
  margin: 0 auto;
  border-radius: 15px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1);
  max-width: 300px;
  width: 100%;
  max-width: 370px;
  min-height: 215px;
}
@media (min-width: 576px) {
  .cart-payment-credit-card__add-button {
    max-width: 370px;
  }
}
.cart-payment-credit-card__add-button .feng-btn {
  display: grid;
  grid-gap: 20px;
  color: var(--background) !important;
  background-color: var(--on-background) !important;
}
.cart-payment-slip__header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". . .";
  width: 100%;
}
.cart-payment-slip__header i {
  color: var(--primary);
  font-size: 35px;
  margin-right: 5px;
  margin-top: 5px;
}
.cart-payment-slip__header div {
  display: flex;
  align-items: flex-start;
  justify-items: center;
  font-size: 12px;
}
.cart-payment-slip__form {
  display: block;
  width: 100%;
}
.cart-payment-slip__info {
  position: absolute;
  font-size: 12px;
  right: 0px;
  bottom: -18px;
}
.cart-payment-slip__line {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px auto;
}
.cart-payment-slip__line mat-form-field {
  width: 100%;
}
.cart-payment-slip__line mat-error {
  margin-top: 18px !important;
}
.cart-payment-slip__line .mat-form-field-label-wrapper {
  top: -22px;
  padding-top: 0.84375em;
}
.cart-payment-slip__line button {
  display: block;
  width: 100%;
  margin: 20px auto;
}
.cart-payment-slip__line--col2 {
  display: grid;
  grid-template-columns: 47.6% 47.6%;
  grid-template-rows: 1fr;
  gap: 1px 20px;
  grid-template-areas: ". .";
  width: 100%;
  margin: 0px;
}
.cart-payment-slip__line--recaptcha {
  display: flex;
  justify-content: center;
}
.cart-payment-slip__line--footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: ". .";
}
.cart-payment-slip__line--footer button {
  display: block;
  width: 85%;
  margin: auto;
}
.cart-payment-slip__title h1 {
  color: #27292D;
  font-size: 16px;
  margin-bottom: 20px;
}
.cart-payment-slip__address {
  display: block;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
}
.cart-payment-slip__address i {
  color: var(--info);
  font-size: 35px;
  margin-right: 20px;
}
.cart-payment-slip__address div {
  display: flex;
  align-items: center;
  justify-items: center;
  font-size: 18px;
}
.cart-payment-slip__address button {
  display: block;
  width: 85%;
  margin: auto;
  margin-top: 40px;
}
.cart-payment-pix h1 {
  font-size: 16px;
  text-align: center;
  line-height: 1.2em;
}
.cart-payment-pix__instructions {
  display: grid;
  grid-auto-flow: row;
  width: 100%;
  gap: 1em;
}
.cart-payment-pix__instructions div {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: 50px auto;
  gap: 2em;
  align-items: center;
  font-size: 12px;
  padding: 2em;
  border-bottom: 1px solid rgba(var(--primary-RGB), 0.25);
}
.cart-payment-pix__instructions div:last-child {
  border-bottom: none;
}
.cart-payment-pix__instructions div i {
  color: var(--primary);
  font-size: 40px;
}
.view-cart-payment-credit-card {
  position: relative;
  display: grid;
  grid-gap: 15px;
  min-height: 190px;
  padding: 0 20px;
  width: 100%;
}
@media (min-width: 992px) {
  .view-cart-payment-credit-card {
    margin-bottom: 0;
  }
}
.view-cart-payment-credit-card fengstui-select,
.view-cart-payment-credit-card fengstui-input {
  max-width: 270px;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card fengstui-select,
.view-cart-payment-credit-card fengstui-input {
    max-width: 100%;
  }
}
.view-cart-payment-credit-card > *:nth-child(3) {
  display: grid;
  width: auto;
  grid-gap: 15px;
  align-items: center;
  grid-template: auto auto/auto auto;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) {
    width: 330px;
    align-items: flex-start;
    grid-template: auto/repeat(3, 100px);
  }
}
.view-cart-payment-credit-card > *:nth-child(3) fengstui-input {
  margin: auto;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) fengstui-input {
    margin: 0;
  }
}
.view-cart-payment-credit-card > *:nth-child(3) fengstui-input .feng-input mat-form-field {
  width: 100px;
}
.view-cart-payment-credit-card > *:nth-child(3) i {
  transform: scale(0.75);
  transform-origin: top;
  justify-self: center;
  align-self: flex-start;
  margin: auto;
  grid-column-start: 1;
  grid-column-end: 3;
}
@media (min-width: 576px) {
  .view-cart-payment-credit-card > *:nth-child(3) i {
    margin: 0;
    grid-column-start: auto;
    grid-column-end: auto;
  }
}
.view-cart-payment-credit-card__add-credit-card {
  display: flex;
  width: 100%;
  justify-content: center;
  justify-items: center;
  align-content: center;
  align-items: center;
}
.view-cart-payment-credit-card__add-credit-card button {
  display: block;
  max-width: auto;
}
.view-cart-payment-credit-card .hcaptcha {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 80px;
}
.view-cart-payment-credit-card .hcaptcha > div {
  position: absolute;
  display: flex;
  justify-content: center;
  transform: scale(0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.success-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-wrapper--customize1 {
  background: #11224f;
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-wrapper--customize1 {
    max-width: initial;
  }
}
.success-outside-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-outside-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-outside-wrapper--customize1 {
  background: #11224f;
  background-image: url("https://cruzeiro.s3.amazonaws.com/prod/assets/images/marca-bg.png");
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-outside-wrapper--customize1 {
    max-width: initial;
  }
}
.success-outside-wrapper--customize2 {
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (min-width: 1200px) {
  .success-outside-wrapper--customize2 {
    max-width: initial;
  }
}
.success-intent-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
@media (min-width: 1200px) {
  .success-intent-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.success-intent-wrapper--template-1 {
  background: #11224f;
  background-image: url("https://cruzeiro.s3.amazonaws.com/prod/assets/images/marca-bg.png");
  background-repeat: no-repeat;
  background-position: right;
}
@media (min-width: 1200px) {
  .success-intent-wrapper--template-1 {
    max-width: initial;
  }
}
.success-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-subscribe {
    padding: 0;
  }
}
.success-subscribe--customize-1 {
  color: #fff !important;
}
.success-subscribe--customize-1 h3, .success-subscribe--customize-1 a, .success-subscribe--customize-1 p {
  color: #fff !important;
}
.success-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-subscribe .success-subscribe-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-subscribe .success-subscribe-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-subscribe .success-subscribe-message__pix-amount strong {
  font-size: 2em;
}
.success-subscribe .success-subscribe-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-subscribe .success-subscribe-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-subscribe .success-subscribe-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-subscribe .success-subscribe-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-subscribe .success-subscribe-message__pix-actions fengstui-button {
  display: grid;
}
.success-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-subscribe .success-subscribe-message__icon--alert {
  color: #BF9240;
}
.success-subscribe .success-subscribe-message__icon--pix {
  margin: 30px auto;
}
.success-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-subscribe-customize1-warning {
  color: #fff;
  max-width: 600px;
  margin: auto auto 20px;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}
.success-subscribe-customize1-warning--dark {
  color: #000;
}
.success-subscribe-customize1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-subscribe-customize1-title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-subscribe-customize1-title {
    display: flex;
  }
}
.success-subscribe-customize1-title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-subscribe-customize1-title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-subscribe-customize1-title img {
    left: 0;
  }
}
.success-subscribe-customize1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-subscribe-customize1 p {
  font-size: 1.8em;
  font-style: italic;
  margin: 2rem 0 15px 0;
}
.success-subscribe-customize1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-subscribe-customize1 .fechadoImg {
  width: 100%;
  max-width: 743px;
  margin-bottom: 4rem;
}
.success-subscribe-customize1 span {
  font-size: 1em;
  font-style: normal;
  font-weight: 600;
}
.success-subscribe-customize1-social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-subscribe-customize1-social__icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-subscribe-customize1-social__icon a {
  text-decoration: none;
}
.success-subscribe-customize1-social__icon a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-subscribe-customize1-social__icon a fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-outside-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-outside-subscribe {
    padding: 0;
  }
}
.success-outside-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-outside-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-outside-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-outside-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-outside-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-outside-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-outside-subscribe .success-subscribe-message__icon--alert {
  color: #BF9240;
}
.success-outside-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-outside-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-outside-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-outside-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-outside-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-outside-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-outside-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-outside-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-outside-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-outside-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-outside-subscribe-template-1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-outside-subscribe-template-1__title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-1__title {
    display: flex;
  }
}
.success-outside-subscribe-template-1__title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-outside-subscribe-template-1__title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-1__title img {
    left: 0;
  }
}
.success-outside-subscribe-template-1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-outside-subscribe-template-1 p {
  font-size: 1em;
  margin: 2rem 0 15px 0;
}
.success-outside-subscribe-template-1 p.thank {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 2em;
  font-style: normal;
  font-size: 2.5em;
}
.success-outside-subscribe-template-1 p.thank::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.success-outside-subscribe-template-1 p.warning {
  width: 50%;
  margin: auto;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.success-outside-subscribe-template-1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-outside-subscribe-template-1__social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-outside-subscribe-template-1__social a {
  text-decoration: none;
}
.success-outside-subscribe-template-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-outside-subscribe-template-1__social-icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-outside-subscribe-template-1__social-icon fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-outside-subscribe-template-2 {
  width: 100%;
  color: black;
  display: grid;
  justify-content: center;
}
.success-outside-subscribe-template-2__title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-2__title {
    display: flex;
  }
}
.success-outside-subscribe-template-2__title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-outside-subscribe-template-2__title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-outside-subscribe-template-2__title img {
    left: 0;
  }
}
.success-outside-subscribe-template-2 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #000;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
  padding-bottom: 0.5rem;
  border-radius: 0.8rem;
}
.success-outside-subscribe-template-2 p {
  font-size: 1em;
  margin: 2rem 0 15px 0;
}
.success-outside-subscribe-template-2 p.thank {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 2em;
  font-style: normal;
  font-size: 2.5em;
}
.success-outside-subscribe-template-2 p.thank::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.success-outside-subscribe-template-2 p.warning {
  width: 50%;
  margin: auto;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.success-outside-subscribe-template-2 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-outside-subscribe-template-2__social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-outside-subscribe-template-2__social a {
  text-decoration: none;
}
.success-outside-subscribe-template-2__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-outside-subscribe-template-2__social-icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-outside-subscribe-template-2__social-icon fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-intent-subscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-intent-subscribe {
    padding: 0;
  }
}
.success-intent-subscribe .success-subscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-intent-subscribe .success-subscribe-message__title h3 {
  font-weight: bold;
}
.success-intent-subscribe .success-subscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: #27292D;
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-intent-subscribe .success-subscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-intent-subscribe .success-subscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-intent-subscribe .success-subscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-intent-subscribe .success-subscribe-message__icon--alert {
  color: #BF9240;
}
.success-intent-subscribe .success-subscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__actions {
    flex-direction: row;
  }
}
.success-intent-subscribe .success-subscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-intent-subscribe .success-subscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-intent-subscribe .success-subscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-intent-subscribe .success-subscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-intent-subscribe .success-subscribe-message__share-icons i {
  font-size: 30px;
}
.success-intent-subscribe .success-subscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-intent-subscribe .success-subscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-intent-subscribe .success-subscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-intent-subscribe .success-subscribe-message hr {
  max-width: 506px;
}
.success-intent-subscribe-template-1 {
  width: 100%;
  color: white;
  display: grid;
  justify-content: center;
}
.success-intent-subscribe-template-1__title {
  display: grid;
  justify-content: center;
  align-items: center;
  gap: 23px;
}
@media (min-width: 992px) {
  .success-intent-subscribe-template-1__title {
    display: flex;
  }
}
.success-intent-subscribe-template-1__title h2 {
  font-style: italic;
  font-size: 2.3em;
  letter-spacing: 2px;
}
.success-intent-subscribe-template-1__title img {
  width: 100%;
  max-width: 280px;
  position: relative;
  left: 55px;
}
@media (min-width: 992px) {
  .success-intent-subscribe-template-1__title img {
    left: 0;
  }
}
.success-intent-subscribe-template-1 h3 {
  font-size: 3.5em;
  font-weight: 800;
  line-height: 49px;
  color: #11224f;
  width: 100%;
  max-width: 300px;
  background: white;
  margin: 2rem auto 2rem auto;
}
.success-intent-subscribe-template-1 p {
  font-size: 1em;
  margin: 2rem 0 15px 0;
}
.success-intent-subscribe-template-1 p.thank {
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  padding: 1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 1em auto 2em;
  font-style: normal;
  font-size: 2.5em;
}
.success-intent-subscribe-template-1 p.thank::after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: white;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.success-intent-subscribe-template-1 p.warning {
  width: 50%;
  margin: auto;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.success-intent-subscribe-template-1 h4 {
  margin: 84px auto 40px auto;
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 340px;
  border-bottom: 1px solid;
  padding: 8px;
  font-size: 2em;
  line-height: 30px;
  font-weight: normal;
}
.success-intent-subscribe-template-1__social {
  display: flex;
  justify-content: center;
  gap: 25px;
}
.success-intent-subscribe-template-1__social a {
  text-decoration: none;
}
.success-intent-subscribe-template-1__social a:hover {
  filter: brightness(95%);
  cursor: pointer;
}
.success-intent-subscribe-template-1__social-icon {
  display: flex;
  justify-content: center;
  margin: var(--footer-item-margin);
  grid-auto-flow: column;
  grid-gap: 35px;
}
.success-intent-subscribe-template-1__social-icon fengstui-button .feng-btn {
  background-color: var(--on-primary) !important;
  color: var(--primary) !important;
  display: none;
}
.success-resubscribe {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-resubscribe {
    padding: 0;
  }
}
.success-resubscribe .success-resubscribe-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-resubscribe .success-resubscribe-message__title h3 {
  font-weight: bold;
}
.success-resubscribe .success-resubscribe-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: var(--on-background);
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__sub-title {
    font-size: 18px;
  }
}
.success-resubscribe .success-resubscribe-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-resubscribe .success-resubscribe-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-resubscribe .success-resubscribe-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-resubscribe .success-resubscribe-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-resubscribe .success-resubscribe-message__pix-amount strong {
  font-size: 2em;
}
.success-resubscribe .success-resubscribe-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-resubscribe .success-resubscribe-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-resubscribe .success-resubscribe-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-resubscribe .success-resubscribe-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-resubscribe .success-resubscribe-message__pix-actions fengstui-button {
  display: grid;
}
.success-resubscribe .success-resubscribe-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-resubscribe .success-resubscribe-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-resubscribe .success-resubscribe-message__icon--alert {
  color: var(--warning);
}
.success-resubscribe .success-resubscribe-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__actions {
    flex-direction: row;
  }
}
.success-resubscribe .success-resubscribe-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-resubscribe .success-resubscribe-message__actions-share {
    margin-bottom: auto;
  }
}
.success-resubscribe .success-resubscribe-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-resubscribe .success-resubscribe-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-resubscribe .success-resubscribe-message__share-icons i {
  font-size: 30px;
}
.success-resubscribe .success-resubscribe-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-resubscribe .success-resubscribe-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-resubscribe .success-resubscribe-message__coupon-data ul li span {
  font-weight: bold;
  color: var(--on-background);
}
.success-resubscribe .success-resubscribe-message hr {
  max-width: 506px;
}
.success-upgrade {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .success-upgrade {
    padding: 0;
  }
}
.success-upgrade .success-upgrade-message__title {
  max-width: 320px;
  display: block;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  color: var(--primary);
  line-height: 100%;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__title {
    margin-top: 4rem;
    font-size: 37px;
    max-width: 960px;
  }
}
.success-upgrade .success-upgrade-message__title h3 {
  font-weight: bold;
}
.success-upgrade .success-upgrade-message__sub-title {
  margin: auto auto 30px;
  max-width: 380px;
  line-height: 22px;
  font-size: 15px;
  color: var(--on-background);
  font-weight: 400;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__sub-title {
    font-size: 18px;
  }
}
.success-upgrade .success-upgrade-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.success-upgrade .success-upgrade-message__bol-sub-title b {
  margin-bottom: 15px;
}
.success-upgrade .success-upgrade-message__bol-sub-title a {
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.success-upgrade .success-upgrade-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.success-upgrade .success-upgrade-message__bol-sub-title button {
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.success-upgrade .success-upgrade-message__pix {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  justify-content: center;
  margin: 1em auto 2em;
  word-break: break-all;
}
.success-upgrade .success-upgrade-message__pix-amount {
  font-size: 1.25em;
  display: grid;
  grid-auto-flow: row;
  gap: 0.5em;
  margin: 1em;
}
.success-upgrade .success-upgrade-message__pix-amount strong {
  font-size: 2em;
}
.success-upgrade .success-upgrade-message__pix img {
  width: 297px;
  height: 297px;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  margin: auto;
}
.success-upgrade .success-upgrade-message__pix a {
  display: grid;
  grid-auto-flow: column;
  gap: 1%;
  align-items: center;
  width: 100%;
  max-width: 600px;
}
.success-upgrade .success-upgrade-message__pix-actions {
  display: grid;
  grid-auto-flow: row;
  gap: 1em;
  align-items: center;
}
@media (min-width: 576px) {
  .success-upgrade .success-upgrade-message__pix-actions {
    grid-auto-flow: column;
    justify-content: center;
  }
}
.success-upgrade .success-upgrade-message__pix-actions fengstui-button {
  display: grid;
}
.success-upgrade .success-upgrade-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  padding: 10px 20px;
}
.success-upgrade .success-upgrade-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.success-upgrade .success-upgrade-message__icon--alert {
  color: #BF9240;
}
.success-upgrade .success-upgrade-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 400px;
  margin: auto 8rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__actions {
    flex-direction: row;
  }
}
.success-upgrade .success-upgrade-message__actions-share {
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .success-upgrade .success-upgrade-message__actions-share {
    margin-bottom: auto;
  }
}
.success-upgrade .success-upgrade-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.success-upgrade .success-upgrade-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.success-upgrade .success-upgrade-message__share-icons i {
  font-size: 30px;
}
.success-upgrade .success-upgrade-message__actions-back button {
  background: transparent;
  padding: 20px;
  text-decoration: none;
}
.success-upgrade .success-upgrade-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.success-upgrade .success-upgrade-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.success-upgrade .success-upgrade-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.success-upgrade .success-upgrade-message__coupon-data ul li span {
  font-weight: bold;
  color: #27292D;
}
.success-upgrade .success-upgrade-message hr {
  max-width: 506px;
}
.fengstcheckout-cart {
  display: block;
  position: relative;
  min-height: 71.35vh;
}
.fengstcheckout-cart--request-in-processing {
  display: grid;
  justify-content: center;
  align-items: center;
}
.fengstcheckout-cart__processing {
  display: grid;
  grid-auto-flow: row;
  gap: 20px;
  justify-items: center;
  height: -moz-fit-content;
  height: fit-content;
}
.fengstcheckout-cart__processing span {
  position: relative;
}
.fengstcheckout-cart__processing i::after {
  display: inline-flex;
  content: ".";
  width: 25px;
  margin-left: 5px;
  text-align: initial;
  letter-spacing: 5px;
  font-size: 1.2em;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-name: ellipses;
  animation-delay: 0;
}
@keyframes ellipses {
  0% {
    content: ".  ";
  }
  20% {
    content: ".. ";
  }
  40% {
    content: "...";
  }
  60% {
    content: "...";
  }
  80% {
    content: ".. ";
  }
  100% {
    content: ".  ";
  }
}
.cart-se {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.registration-foreigner {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-bottom: 50px;
}
.registration-foreigner__wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 90%;
  max-width: 960px;
  background: white;
  margin: auto;
  padding: 5px 20px;
  margin-top: 75px;
}
.registration-foreigner__wrapper h1 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.registration-foreigner__wrapper h2 {
  font-size: 16px;
}
.registration-foreigner__wrapper h2 span {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
}
@media (min-width: 992px) {
  .registration-foreigner__wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.registration-foreigner__wrapper mat-form-field {
  display: block !important;
}
.registration-foreigner__wrapper mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-foreigner__col {
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-foreigner form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}
.registration-foreigner__grid {
  display: block;
}
@media (min-width: 992px) {
  .registration-foreigner__grid {
    width: 50%;
  }
}
.registration-foreigner__item {
  display: block;
}
.registration-foreigner__item--warning {
  margin-top: 20px;
}
.registration-foreigner__item--warning h3 {
  color: #d00000;
  font-size: 16px;
}
.registration-foreigner__item--warning b {
  color: #d00000;
}
.registration-foreigner__item--document {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
}
.registration-foreigner__item--document--line {
  display: block;
}
.registration-foreigner__item--document--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-foreigner__item--document--line h1 {
    margin-bottom: 20px;
  }
}
.registration-foreigner__item--document--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-foreigner__item--document div {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.registration-foreigner__item--document span {
  display: flex;
  position: relative;
  font-size: 14px;
  align-content: center;
  align-items: center;
}
.registration-foreigner__item--document span i {
  position: relative;
  color: red;
  font-size: 20px;
  margin-left: 10px;
}
.registration-foreigner__item--document span i.check-icon {
  color: green;
}
.registration-foreigner__item--proponent {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.1fr;
  grid-template-rows: 1fr;
  gap: 0px 5px;
  grid-template-areas: ". .";
  margin-bottom: 10px;
  width: 100%;
  height: 80%;
}
.registration-foreigner__item--proponent p {
  font-size: 14px;
}
.registration-foreigner__item--proponent--line {
  display: block;
}
.registration-foreigner__item--proponent--line h1 {
  display: flex;
  position: relative;
  padding: 10px 10px 10px 0;
  font-size: 16px;
  text-align: left;
  font-weight: normal;
  width: 100%;
  font-size: em(20px);
  font-weight: bold;
  text-decoration: none;
  border-bottom: 1px solid black;
}
@media (min-width: 576px) {
  .registration-foreigner__item--proponent--line h1 {
    margin-bottom: 20px;
  }
}
.registration-foreigner__item--proponent--line h1:after {
  content: "〉";
  display: block;
  position: absolute;
  right: 0;
  font-size: em(18px);
  line-height: 1em;
}
.registration-foreigner__item--proponent i.check-icon {
  position: relative;
  color: green;
  font-size: 20px;
  margin-left: 10px;
}
.registration-foreigner__item--proponent span {
  display: block;
}
.registration-foreigner__item--proponent button {
  display: block;
  border: none;
  height: 50px;
  padding: 5px 20px;
  margin-top: 5px;
  width: 100%;
}
.registration-foreigner__item--proponent mat-form-field {
  display: block !important;
  width: 100%;
}
.registration-foreigner__item--proponent mat-form-field .mat-form-field-wrapper {
  padding-bottom: 15px !important;
}
.registration-foreigner__line {
  display: block;
}
.registration-foreigner__line--footer {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  justify-items: center;
  align-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.giftcard-result {
  text-align: center;
  margin: auto;
  padding: 15px;
  min-height: 71.35vh;
}
@media (min-width: 992px) {
  .giftcard-result {
    padding: 0;
  }
}
.giftcard-result .giftcard-result-message__title {
  display: block;
  max-width: 320px;
  text-align: center;
  margin: auto;
  margin-top: 7rem;
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 29px !important;
  font-style: italic;
  color: black;
  line-height: 30px;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__title {
    margin-top: 4rem;
    font-size: 37px;
  }
}
.giftcard-result .giftcard-result-message__sub-title {
  margin: auto auto 30px;
  max-width: 500px;
  font-size: 15px;
  color: #898989;
  font-weight: 400;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__sub-title {
    font-size: 18px;
  }
}
.giftcard-result .giftcard-result-message__sub-title--under {
  max-width: 585px;
}
.giftcard-result .giftcard-result-message__bol-sub-title {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  margin-bottom: 45px;
}
.giftcard-result .giftcard-result-message__bol-sub-title b {
  margin-bottom: 15px;
  color: black;
}
.giftcard-result .giftcard-result-message__bol-sub-title a {
  color: #E7E7E7;
  font-weight: bold;
  text-decoration: none;
  word-break: break-all;
}
.giftcard-result .giftcard-result-message__bol-sub-title a i {
  margin-left: 12px;
  font-size: 20px;
}
.giftcard-result .giftcard-result-message__bol-sub-title button {
  background: #53c457;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  max-width: 100px;
  margin: 15px auto;
  padding: 12px;
}
.giftcard-result .giftcard-result-message__button {
  display: block;
  margin: auto auto 74px;
  font-weight: bold;
  font-size: 22px;
  background: #53c457;
  color: white;
  padding: 10px 20px;
}
.giftcard-result .giftcard-result-message__icon {
  font-size: 100px;
  margin: 74px auto;
}
.giftcard-result .giftcard-result-message__icon--alert {
  color: var(--warning);
}
.giftcard-result .giftcard-result-message__actions {
  display: flex;
  justify-content: space-around;
  max-width: 600px;
  margin: auto auto 7rem;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__actions {
    flex-direction: row;
  }
}
.giftcard-result .giftcard-result-message__actions-share {
  border: 2px solid #53c457;
  padding: 13px 24px;
  margin-bottom: 36px;
}
@media (min-width: 992px) {
  .giftcard-result .giftcard-result-message__actions-share {
    margin-bottom: auto;
  }
}
.giftcard-result .giftcard-result-message__actions-share p {
  margin: 0 0 20px 0;
  font-weight: bold;
  font-size: 17px;
}
.giftcard-result .giftcard-result-message__share-icons {
  display: flex;
  justify-content: space-evenly;
}
.giftcard-result .giftcard-result-message__share-icons i {
  font-size: 30px;
}
.giftcard-result .giftcard-result-message__share-icons i:before {
  color: #53c457;
}
.giftcard-result .giftcard-result-message__actions-back button {
  background: transparent;
  padding: 20px;
  color: black;
  text-decoration: none;
}
.giftcard-result .giftcard-result-message__coupon-data {
  display: block;
  font-size: 18px;
  margin: 50px auto;
}
.giftcard-result .giftcard-result-message__coupon-data ul {
  list-style: none;
  padding: 0px;
}
.giftcard-result .giftcard-result-message__coupon-data ul li {
  display: block;
  margin: 10px auto;
}
.giftcard-result .giftcard-result-message__coupon-data ul li span {
  font-weight: bold;
  color: #898989;
}
.giftcard-result .giftcard-result-message__coupon-box {
  display: flex;
  width: 240px;
  height: 58px;
  border: 1px solid #53C457;
  padding: 10px;
  background: #53C457;
  margin: auto;
  color: #000;
  font-weight: bold;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
}
.giftcard-result .giftcard-result-message__coupon-box--outline {
  display: flex;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 48px;
  border: 1px solid #53C457;
  padding: 10px;
  margin: auto;
  color: #000;
  align-items: center;
  justify-items: center;
  align-content: center;
  justify-content: center;
}
.giftcard-result .giftcard-result-message hr {
  max-width: 506px;
}
.st-processing-payment-wrapper {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 320px;
  margin: auto;
  margin-top: 0px;
  padding: 0px;
  margin-bottom: 50px;
  position: relative;
}
@media (min-width: 992px) {
  .st-processing-payment-wrapper {
    max-width: 960px;
    margin-top: 50px;
  }
}
.st-processing-payment-wrapper .st-checkout-stepper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . . .";
  margin-bottom: 50px;
}
.st-processing-payment-wrapper .st-checkout-stepper div {
  display: block;
  width: 100%;
  text-align: center;
}
.st-processing-payment-wrapper .st-checkout-stepper div h1 {
  margin: 10px auto;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
}
.st-processing-payment-wrapper .st-checkout-stepper div span {
  display: block;
  width: 100%;
  border-top: 3px solid black;
  padding-top: 10px;
  font-size: 13px;
}
.st-processing-payment-wrapper .st-checkout-stepper div.active h1 {
  background: #B11116;
  color: white;
}
.st-processing-payment-wrapper .st-checkout-stepper div.active span {
  border-top: 3px solid #B11116;
}
.st-processing-payment-wrapper h1 {
  font-size: 20px;
  font-weight: bold;
  display: block;
  margin: 30px auto;
  text-align: center;
  color: #27292D;
}
.st-processing-payment-wrapper p {
  text-align: center;
}
.fengstplanaddon {
  color: #0A0A0A;
}
.fengstplanaddon fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
}
.fengstplanaddon__call {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 30px;
  padding: 24px;
  color: #fff;
  background: #232323;
}
.fengstplanaddon__call-container {
  background: var(--home-public-background);
  width: 100%;
  padding: 8px;
}
@media (min-width: 1200px) {
  .fengstplanaddon__call-container {
    padding: 30px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__call {
    flex-direction: row;
    padding: 0;
  }
}
.fengstplanaddon__call-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  max-width: 590px;
  margin: 0;
  font-family: var(--font-title);
  text-align: center;
}
@media (min-width: 1200px) {
  .fengstplanaddon__call-texts {
    margin: 100px 0;
    text-align: left;
  }
}
.fengstplanaddon__call-texts > div > h2 {
  margin: 0;
  color: #F00;
  font-size: 24px;
  line-height: 100%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > div > h2 {
    font-size: 40px;
  }
}
.fengstplanaddon__call-texts > div > h1 {
  margin: 0;
  font-size: 32px;
  line-height: 120%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > div > h1 {
    font-size: 61px;
  }
}
.fengstplanaddon__call-texts > p {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 22.5px;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-texts > p {
    font-size: 16px;
  }
}
.fengstplanaddon__call-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 590px;
}
.fengstplanaddon__call-img > img {
  width: auto;
  max-width: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__call-img > img {
    width: 100%;
    max-width: 428px;
  }
}
.fengstplanaddon__subscriber {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 10px;
  padding: 20px 20px 0;
  max-width: 1044px;
  background: #F8F8F8;
  color: #0A0A0A;
}
.fengstplanaddon__subscriber-container {
  background: #F8F8F8;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber {
    padding: 40px 20px 0;
    gap: 30px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber {
    padding: 40px 0 0;
  }
}
.fengstplanaddon__subscriber-call {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column-reverse;
  gap: 20px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call {
    gap: 90px;
  }
}
.fengstplanaddon__subscriber-call-texts {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0 0 10px;
  font-family: var(--font-title);
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts {
    padding: 18px 0 18px;
  }
}
.fengstplanaddon__subscriber-call-texts > h2 {
  margin: 0;
  color: #F00;
  font-size: 20px;
  line-height: 110%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts > h2 {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-texts > h2 {
    font-size: 32px;
  }
}
.fengstplanaddon__subscriber-call-texts > h1 {
  margin: 0;
  font-size: 26px;
  line-height: 120%;
  font-style: normal;
  font-weight: 800;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-texts > h1 {
    font-size: 40px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-texts > h1 {
    font-size: 56px;
  }
}
.fengstplanaddon__subscriber-call-img {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 590px;
}
.fengstplanaddon__subscriber-call-img > img {
  width: auto;
  max-width: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-call-img > img {
    width: 100%;
    max-width: 320px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__subscriber-call-img > img {
    width: 100%;
    max-width: 428px;
  }
}
.fengstplanaddon__subscriber-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  flex-direction: column;
  padding: 20px;
  gap: 18px;
  border-radius: 20px;
  border: 1px solid #E8E8E8;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  text-align: center;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-info {
    padding: 32px 56px;
    gap: 38px;
    flex-direction: row;
    text-align: left;
  }
}
.fengstplanaddon__subscriber-info > hr {
  width: 1px;
  height: 100%;
  min-height: 56px;
  border: 0;
  margin: 0;
  background: #E4E4E4;
  display: none;
}
@media (min-width: 767px) {
  .fengstplanaddon__subscriber-info > hr {
    display: block;
  }
}
.fengstplanaddon__subscriber-info-status, .fengstplanaddon__subscriber-info-date {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.fengstplanaddon__subscriber-info-status > p, .fengstplanaddon__subscriber-info-date > p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__subscriber-info-status > p {
  text-align: center;
  color: #414141;
}
.fengstplanaddon__subscriber-info-status > p:last-child {
  color: #219653;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplanaddon__subscriber-info-date > p {
  color: #9B9B9B;
}
.fengstplanaddon__subscriber-info-date > p:last-child {
  color: #414141;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 22.5px;
}
.fengstplanaddon__subscriber-info-button fengstui-button .feng-btn {
  color: #828282 !important;
  border: 1px solid #828282;
}
.fengstplanaddon__subscriber > hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: #E4E4E4;
  margin: 16px 0 0;
}
.fengstplanaddon__main {
  margin: 0 auto;
  max-width: 1044px;
  padding: 32px 20px;
}
.fengstplanaddon__main-container {
  background: #F8F8F8;
}
@media (min-width: 1200px) {
  .fengstplanaddon__main {
    padding: 40px 0;
  }
}
.fengstplanaddon__main > hr {
  margin: 16px auto;
  height: 1px;
  border: 0;
  background: #E4E4E4;
}
@media (min-width: 767px) {
  .fengstplanaddon__main > hr {
    margin: 32px auto;
  }
}
.fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
  display: flex;
  align-items: center;
  margin: 0;
  gap: 16px;
  font-family: var(--font-title);
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
    font-size: 34px;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__benefits > h1, .fengstplanaddon__morebenefits > h1 {
    font-size: 40px;
  }
}
.fengstplanaddon__benefits {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #4f4f4f;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits {
    gap: 32px;
  }
}
.fengstplanaddon__benefits-spotlight {
  display: grid;
  grid-template: auto auto/auto;
  border-radius: 24px 0px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  min-height: 290px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight {
    grid-template: auto/1fr 1fr;
  }
}
.fengstplanaddon__benefits-spotlight-img {
  border-radius: 24px 0 0;
  background: url("https://images.mengo.com.br/prod/assets/images/nacao-turbo/meli-img.png") no-repeat left center/cover;
  height: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight-img {
    height: auto;
  }
}
.fengstplanaddon__benefits-spotlight-sector {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-spotlight-sector {
    padding: 40px;
  }
}
.fengstplanaddon__benefits-spotlight-title {
  margin: 0;
  font-family: var(--font-title);
}
.fengstplanaddon__benefits-spotlight-title > h2 {
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
.fengstplanaddon__benefits-spotlight-text > p {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.5px;
}
.fengstplanaddon__benefits-cards {
  display: grid;
  grid-template: auto/auto;
  gap: 32px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-cards {
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstplanaddon__benefits-card {
  border-radius: 24px 0px;
  background: white;
}
.fengstplanaddon__benefits-card-img {
  border-radius: 24px 0 0;
  height: 280px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-img {
    height: 310px;
  }
}
.fengstplanaddon__benefits-card-title {
  padding: 16px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-title {
    padding: 24px;
  }
}
.fengstplanaddon__benefits-card-title > h2 {
  margin: 0;
  font-family: var(--font-title);
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
.fengstplanaddon__benefits-card-text {
  padding: 0 16px 16px;
}
@media (min-width: 767px) {
  .fengstplanaddon__benefits-card-text {
    padding: 0 24px 24px;
  }
}
.fengstplanaddon__benefits-card-text p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__morebenefits {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.fengstplanaddon__morebenefits-cards {
  display: grid;
  grid-template: auto/auto;
  gap: 24px;
}
@media (min-width: 767px) {
  .fengstplanaddon__morebenefits-cards {
    grid-template: auto/1fr 1fr 1fr 1fr;
  }
}
.fengstplanaddon__morebenefits-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstplanaddon__morebenefits-card-img {
  text-align: center;
}
.fengstplanaddon__morebenefits-card-text > p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__divider {
  width: 100%;
  height: 14px;
}
.fengstplanaddon__divider-red {
  width: 100%;
  height: 7px;
  background: #C11D1E;
}
.fengstplanaddon__divider-black {
  width: 100%;
  height: 7px;
  background: #060606;
}
.fengstplanaddon__footer {
  display: flex;
  flex-direction: column;
  background: transparent;
  max-width: 890px;
  margin: 0 auto;
  padding: 28px 20px 42px;
  text-align: center;
}
.fengstplanaddon__footer-container {
  background: url("https://images.mengo.com.br/prod/assets/images/nacao-turbo/crf-img.png") no-repeat left center;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer {
    text-align: left;
  }
}
@media (min-width: 1200px) {
  .fengstplanaddon__footer {
    padding: 28px 0 42px;
  }
}
.fengstplanaddon__footer-row {
  display: grid;
  align-items: center;
  grid-template: auto/auto;
  gap: 20px;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-row {
    gap: 40px;
    grid-template: auto/1fr 1fr 1fr;
  }
}
.fengstplanaddon__footer-row > p {
  margin: 0;
  color: #4F4F4F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__footer-row:last-child {
  grid-template: auto/auto;
  margin-top: 20px;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-row:last-child {
    margin-top: 40px;
  }
}
.fengstplanaddon__footer-title > h2 {
  margin: 0;
  color: #F00;
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 110%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-title > h2 {
    font-size: 32px;
  }
}
.fengstplanaddon__footer-title > h1 {
  margin: 0;
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-title > h1 {
    font-size: 56px;
  }
}
.fengstplanaddon__footer-pricing {
  display: flex;
  flex-direction: column;
  padding: 16px 32px;
  border-radius: 100px;
  border: 1px solid #AF0202;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-pricing {
    width: auto;
  }
}
.fengstplanaddon__footer-pricing > div {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
@media (min-width: 767px) {
  .fengstplanaddon__footer-pricing > div {
    justify-content: start;
  }
}
.fengstplanaddon__footer-pricing h1 {
  margin: 0;
  font-family: var(--font-title);
  font-size: 25px;
  font-style: normal;
  font-weight: 800;
  line-height: 100%;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .fengstplanaddon__footer-pricing h1 {
    font-size: 36px;
  }
}
.fengstplanaddon__footer-pricing p {
  margin: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.fengstplanaddon__footer-button {
  text-align: center;
}
.fengstplanaddoncart {
  display: flex;
  flex-direction: column;
  background: #F8F8F8;
  color: #393939;
  font-family: var(--font-primary);
}
.fengstplanaddoncart__container {
  margin: 20px auto 40px;
  max-width: 690px;
  min-height: 70vh;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__container {
    margin: 40px auto 80px;
  }
}
.fengstplanaddoncart__title {
  text-align: center;
  margin: 0 24px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title {
    margin: 0;
  }
}
.fengstplanaddoncart__title > h1 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title > h1 {
    font-size: 28px;
  }
}
.fengstplanaddoncart__title > h2 {
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__title > h2 {
    font-size: 16px;
  }
}
.fengstplanaddoncart hr {
  margin: 18px 14px;
  height: 1px;
  border: 0;
  background: #E4E4E4;
}
@media (min-width: 767px) {
  .fengstplanaddoncart hr {
    margin: 30px 50px;
  }
}
.fengstplanaddoncart__main {
  margin: 0;
  padding: 18px;
  border-radius: 0;
  border-top: 1px solid #D8D8D8;
  border-bottom: 1px solid #D8D8D8;
  background: #FFF;
  display: flex;
  flex-direction: column;
  gap: 18px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__main {
    border: 1px solid #D8D8D8;
    border-radius: 16px;
    padding: 32px;
    margin: 0 50px;
    gap: 24px;
    width: auto;
  }
}
.fengstplanaddoncart__main > h2 {
  margin: 0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__main > h2 {
    font-size: 20px;
  }
}
.fengstplanaddoncart__summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fengstplanaddoncart__summary hr {
  margin: 0;
}
.fengstplanaddoncart__summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__summary-item {
    font-size: 14px;
  }
}
.fengstplanaddoncart__summary-item-title {
  font-family: var(--font-title);
  font-weight: bold;
}
.fengstplanaddoncart__summary-item-content {
  font-weight: normal;
}
.fengstplanaddoncart__pricing {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  border: 1px solid #E4E4E4;
}
.fengstplanaddoncart__pricing hr {
  margin: 0;
}
.fengstplanaddoncart__pricing-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  font-size: 12px;
  background: #FAFAFA;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__pricing-item {
    font-size: 14px;
  }
}
.fengstplanaddoncart__pricing-item-title {
  text-transform: uppercase;
}
.fengstplanaddoncart__pricing-item-bold {
  font-size: 14px;
  background: #EFEFEF;
  font-family: var(--font-title);
  font-weight: bold;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__pricing-item-bold {
    font-size: 16px;
  }
}
.fengstplanaddoncart__payment hr {
  margin: 0 0 24px;
}
.fengstplanaddoncart__payment > h3 {
  margin: 0;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  font-size: 14px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__payment > h3 {
    font-size: 16px;
  }
}
.fengstplanaddoncart__payment > p, .fengstplanaddoncart__payment > a {
  text-align: center;
  margin: 20px auto 0;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
  font-size: 12px;
}
@media (min-width: 767px) {
  .fengstplanaddoncart__payment > p, .fengstplanaddoncart__payment > a {
    font-size: 14px;
  }
}
.fengstplanaddoncart__payment > a {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  font-family: var(--font-title);
  font-weight: bold;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}
.fengstplanaddoncart__payment-card {
  border-radius: 4px;
  background: #E4E4E4;
}
.fengstplanaddoncart fengstui-button .feng-btn {
  border-radius: 45px;
  width: 100%;
  color: white !important;
  background: #AF0202 !important;
}
.fengstplanaddoncartresult {
  max-width: 1136px;
  margin: 0 auto;
  padding: 36px;
  border-radius: 10px;
  border: 1px solid #E4E4E4;
  background: #FFF;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstplanaddoncartresult__container {
  min-height: 70vh;
  padding: 32px 0;
  background: #F8F8F8;
}
.fengstplanaddoncartresult__success {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.fengstplanaddoncartresult__success > h1 {
  text-align: center;
  width: 100%;
  padding: 16px;
  margin: 0;
  border-radius: 16px;
  border: 1px solid #AF0202;
  color: #333;
  font-size: 20px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
}
.fengstplanaddoncartresult__success-infos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-direction: column;
}
@media (min-width: 992px) {
  .fengstplanaddoncartresult__success-infos {
    gap: 48px;
    flex-direction: row;
  }
}
.fengstplanaddoncartresult__success-infos-img > img {
  max-width: 230px;
}
.fengstplanaddoncartresult__success-infos-date > p {
  color: #0A0A0A;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}
.fengstplanaddoncartresult__success-infos-date > p:last-child {
  font-size: 20px;
}
.fengstplanaddoncartresult__success-infos-button fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
  background: #AF0202 !important;
}
.fengstplanaddoncartresult__fail {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
}
.fengstplanaddoncartresult__fail-icon > i {
  font-size: 110px;
  color: #AF0202;
}
.fengstplanaddoncartresult__fail > h1 {
  margin: 0;
  color: #393939;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 767px) {
  .fengstplanaddoncartresult__fail > h1 {
    font-size: 32px;
  }
}
.fengstplanaddoncartresult__fail > p {
  margin: 0;
  color: #393939;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
@media (min-width: 767px) {
  .fengstplanaddoncartresult__fail > p {
    font-size: 16px;
  }
}
.fengstplanaddoncartresult__fail-button fengstui-button .feng-btn {
  border-radius: 45px;
  color: white !important;
  background: #AF0202 !important;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan {
  display: block;
  width: 100%;
  min-height: 650px;
  min-width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 42px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
  }
}
.fengstplans-view-plan__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plan__select-group fengstui-button.general button {
  font-family: var(--font-title);
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__select-group fengstui-button.general button {
    padding: 10px 30px 12px;
    font-size: 18px;
  }
}
.fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black;
}
.fengstplans-view-plan__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plan__select-group fengstui-button.off button {
  font-family: var(--font-title);
  border-radius: 5px;
  font-size: 14px;
  background-color: black;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__select-group fengstui-button.off button {
    padding: 10px 30px 12px;
    font-size: 18px;
  }
}
.fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: var(--primary);
}
.fengstplans-view-plan__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: var(--primary);
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-vermelho-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: black;
  }
  .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white;
    color: black;
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-branco-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--primary);
  }
  .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: red !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: black;
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-preto-white.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-tricolor.png") no-repeat center center/100% 100%;
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-tricolor-black.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-diamante.png") no-repeat center center/cover;
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-diamante-white.png");
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan__table > :nth-of-type(5) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
}
.fengstplans-view-plan swiper .swiper-button-next:after,
.fengstplans-view-plan swiper .swiper-button-prev:after {
  color: var(--secondary);
}
.fengstplans-view-plan swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plan__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plan__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-auto-flow: row;
  grid-gap: 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan__warning-boxes {
    grid-auto-flow: column;
    margin: 0 auto;
    width: 500px;
  }
}
.fengstplans-view-plan__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan.view-plan-2 h1 {
  color: var(--secondary);
  font-family: var(--unlogged-font-title) !important;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 40px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 h1 {
    font-size: 56px;
  }
}
.fengstplans-view-plan.view-plan-2 h2 {
  color: #000;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 20px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 h2 {
    font-size: 32px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container {
  background: transparent !important;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container {
    padding: 10px;
    padding-bottom: 0px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
  grid-template: auto/auto;
  justify-content: normal;
  padding: 0 36px;
  /* @include respond-to ('medium') {
    justify-content: center;
   //padding: 0% 15%;
  }

  @include respond-to ('large') {
    //grid-template: auto/auto auto auto auto;
    padding: 0%;
  } */
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
    justify-content: center;
    padding: 0%;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button {
  border-bottom: 2px solid #D0D0D0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 10px 32px !important;
  text-align: center;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  /* 100% */
  text-transform: uppercase;
  background: #E7E7E7;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general {
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: #ecab39 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.kids button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.kids button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off {
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.international button {
  width: 100%;
  height: 39px;
  background-color: #ececec !important;
  color: #7C7C7C;
  border-radius: 0;
  font-size: 18px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  background-color: #dbd5d5 !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  box-shadow: none;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
  padding: 28% 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
    padding: 10% 0;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card {
    padding: 13% 0;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
  font-family: var(--unlogged-font-primary) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 5px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 5px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 5px;
  background: repeating-linear-gradient(to right, #000 0px, #000 50px, #e4e4e4 50px, #e4e4e4 100px);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > i {
  font-size: 35px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > div {
  font-family: var(--unlogged-font-primary) !important;
  font-weight: 400;
  font-size: 14px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: #4F4F4F;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content {
  border-radius: 0;
  background: transparent;
  color: #484848;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 15px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content h4 {
  color: #27292D;
  font-size: 27px;
  font-family: var(--unlogged-font-title) !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > div {
  display: flex;
  align-self: center;
  font-family: Uni-sans;
  font-weight: 400;
  font-size: 14px;
  margin-top: 3%;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description > ul {
  gap: 0px;
  height: 100%;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__content-price {
  width: 206px;
  padding: 8px 12px;
  border-radius: 4px !important;
  background: var(--secondary) !important;
  border-radius: 0;
  font-family: var(--unlogged-font-primary) !important;
  font-size: 20px !important;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #e6e6e6 !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: var(--secondary) !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li.golden-bar {
    background: #da9929;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: url("https://botafogo.s3.amazonaws.com/prod/images/2023/bg-alvinegro-plano.png") no-repeat center center/cover !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #484848 !important;
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > :first-child:before {
    color: #fff;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: white;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(4) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 4px;
  color: var(--secondary) !important;
  border: 1.7px solid var(--secondary);
  background-color: transparent !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  font-family: var(--unlogged-font-primary) !important;
  padding: 16px 32px !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-plan-card__action fengstui-button button:hover {
  background-color: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 16px;
  flex-wrap: wrap;
  padding: 20px 20px 30px 20px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info {
    flex-direction: row;
    gap: 24px;
  }
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__info > p {
  font-family: var(--unlogged-font-primary) !important;
  font-style: normal;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-3 {
  font-family: "RidleyGrotesk-SemiBold";
}
.fengstplans-view-plan.view-plan-3 h1 {
  color: white;
  font-style: normal;
}
.fengstplans-view-plan.view-plan-3 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 30px 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.international button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: var(--home-call-to-action-button-background) !important;
  color: var(--home-call-to-action-button-color);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  color: #ffffff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card {
  padding: 84px 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li {
  font-size: 13px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path1:before,
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path4:before,
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .icon-ze .path5:before {
  color: white;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description > ul > li .percentage {
  font-size: 17px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table {
  background: #0026159e;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table {
    padding: 20px 20px 0;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
  width: 100%;
  max-width: 85vw;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
    max-width: 73vw;
  }
}
@media (min-width: 1550px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table swiper {
    max-width: 55vw;
    display: block;
  }
}
.fengstplans-view-plan.view-plan-3 .swiper-button-next {
  right: 1px;
}
.fengstplans-view-plan.view-plan-3 .swiper-button-prev {
  left: 1px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #215c39;
  width: 70%;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content {
    width: auto;
    max-width: 1200px;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content h4 {
  color: white;
  font-size: 20px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content img {
  top: -90px;
  width: 70px;
  height: 70px;
  border-radius: 2.5px;
  outline-offset: -5px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 18px !important;
  background: #45AE6F !important;
  color: #003821;
  text-align: center;
  padding: 14px 7px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: var(--primary);
  color: white;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: white;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__action {
  margin-top: 0.5rem;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 20px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--info);
  font-family: "GillSans";
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
  width: 100%;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
    grid-template: auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-boxes {
    grid-gap: 30px;
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--text {
  color: var(--info);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-3 .fengstplans-view-plan__especialplan {
  padding: 5rem 0 2rem 0;
}
.fengstplans-view-plan.view-plan-4 {
  font-family: "Phudu";
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 32px;
  width: 100%;
  gap: 10px;
}
.fengstplans-view-plan.view-plan-4 p {
  margin: 0;
}
.fengstplans-view-plan.view-plan-4 .view-plan-4-month {
  font-size: 14px;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container {
  margin: 14px 0;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container .meucruzeiro fengstui-button button {
  background-color: #008bff;
  color: #000780;
  border: none;
  border-radius: 23px;
  padding: 12px 28px;
  font-family: Figtree;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  margin: 24px 0px;
}
.fengstplans-view-plan.view-plan-4 .change-plan-type-container .cruzeiroestadio fengstui-button button {
  background-color: #000780;
  color: #008bff;
  border: none;
  border-radius: 23px;
  padding: 12px 28px;
  font-family: Figtree;
  font-size: 14px;
  line-height: 15px;
  font-weight: 600;
  white-space: nowrap;
  text-transform: uppercase;
  cursor: pointer;
  margin: 24px 0px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  overflow-x: hidden;
  margin-top: 20px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #0055e5;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: white;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .mat-slide-toggle-thumb {
  background-color: #0055e5;
}
.fengstplans-view-plan.view-plan-4 .carousel-container fengstui-button button {
  margin: 10px 0;
  background-color: #eab201;
  color: #010068;
  border: none;
  border-radius: 19px;
  padding: 12px 16px;
  font-family: Figtree;
  font-size: 12px;
  line-height: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide {
  display: flex;
  flex-direction: row;
  -webkit-box-flex-wrap: nowrap;
  flex-wrap: nowrap;
  gap: 10px;
  overflow-x: auto;
}
@media (max-width: 900px) {
  .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide {
    width: 100vw;
    padding: 0 32px;
    transition: transform 0.5s ease;
  }
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .plan-title {
  background-color: transparent;
  color: #001bff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .title-empty {
  color: transparent;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1c23jks {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000780;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1bviqk4 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1bviqk4 .plan-title {
  background: #018cff;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-w18ped {
  background: transparent;
  color: white;
  padding-top: 0px;
  border-radius: 26px;
  min-width: 160px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1fkx6dy {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri {
  display: flex;
  white-space: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #e2a227;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri span {
  font-size: 7px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-15qjdri {
    font-size: 14px;
  }
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1hyfvbg {
  display: flex;
  white-space: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: Phudu;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  text-transform: uppercase;
  color: #efefef;
  border-bottom: 1px solid rgba(239, 239, 239, 0.2);
  padding: 5px;
  min-height: 48px;
  min-width: 103px;
  box-sizing: border-box;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-container {
  flex: 1 1 0% !important;
  margin: 0px 2px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-title {
  color: #efefef;
  white-space: nowrap;
  font-family: Figtree;
  font-size: 7px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-subtitle, .fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-time {
  color: #efefef;
  font-family: Figtree;
  font-size: 6px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .benefits-by-rating-percentage {
  color: #efefef;
  font-family: Figtree;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-16bjhlt {
  font-family: Phudu;
  margin: 0px;
  font-size: 16px;
  line-height: 33px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .fengi-cross {
  color: red;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .fengi-checkmark {
  color: white;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-r1ckf8 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1djdm60 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-1djdm60 .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000780;
  color: #efefef;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-cnjxgd {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-cnjxgd .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #010068;
  color: #0085ff;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-adxc76 {
  background-color: rgba(255, 255, 255, 0.04);
  color: white;
  overflow: hidden;
  padding-top: 0px;
  border-radius: 35px;
  min-width: 160px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide .css-adxc76 .plan-title {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #efefef;
  color: #010068;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  font-size: 16px;
  min-height: 88px;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  white-space: nowrap;
}
.fengstplans-view-plan.view-plan-4 .carousel-container .carousel-slide::-webkit-scrollbar {
  display: none;
}
.fengstplans-view-plan.view-plan-4 .css-b81a3s {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  letter-spacing: 0.04em;
  font-family: Figtree;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  max-width: 540px;
  margin-top: 10px;
}
.fengstplans-view-plan.view-plan-4 h1 {
  font-size: 58px;
  line-height: 44px;
  color: #008bff;
  font-style: normal;
  font: 700 40px/40px "Phudu";
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container {
  padding: 30px 14px 30px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .info {
  margin: -1px 0 0;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  background: #323A52;
  padding: 6% 0 6% 0 !important;
  color: white;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__group-container .info > a {
  color: white;
  text-decoration: none;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.international button {
  padding: 0.5rem !important;
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  font-weight: 700;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.international button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card {
  padding: 84px 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 70%;
  max-width: 16.3rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-4 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-5 {
  width: 84vw;
  position: relative;
  overflow: hidden;
  margin: 0 30px;
}
@media (min-width: 400px) {
  .fengstplans-view-plan.view-plan-5 {
    width: 96vw;
    margin: 0 auto;
  }
}
@media (min-width: 879px) {
  .fengstplans-view-plan.view-plan-5 {
    width: 94vw;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 {
    max-width: 1900px;
    padding: 80px 0px 0;
    overflow: hidden;
  }
}
.fengstplans-view-plan.view-plan-5 h1, .fengstplans-view-plan.view-plan-5 h2 {
  margin-left: 0px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-5 h1, .fengstplans-view-plan.view-plan-5 h2 {
    margin-left: 220px;
  }
}
.fengstplans-view-plan.view-plan-5 h1 {
  font-family: "Titillium Web";
  font-size: 70px;
  line-height: 76px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #fff;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 90px;
    line-height: 96px;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 110px;
    line-height: 116px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 h1 {
    font-size: 134px;
    line-height: 104px;
  }
}
.fengstplans-view-plan.view-plan-5 h1 > strong {
  font-family: "Titillium Web Black";
  font-weight: 900;
}
.fengstplans-view-plan.view-plan-5 h2 {
  margin-top: 46px;
  max-width: 660px;
  font-family: "Barlow Semi Condensed";
  font-size: 30px;
  line-height: 36px;
  text-align: center;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 h2 {
    text-align: left;
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container {
  max-width: inherit !important;
  padding: 140px 20px 80px;
  color: #fff;
  margin: 0 auto;
  border: 2px solid var(--secondary);
}
@media (max-width: 1900px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container {
    width: inherit !important;
    padding: 140px 0 80px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #f8f8f8;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price,
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: var(--primary) !important;
  color: #f8f8f8 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__table {
  width: inherit !important;
  max-width: inherit !important;
  margin: 0 auto;
  padding: 0;
  gap: 0;
}
.fengstplans-view-plan.view-plan-5 swiper {
  width: inherit !important;
  max-width: inherit !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-container {
  overflow: visible !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
  overflow-y: visible !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-pagination {
  bottom: -70px !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-button-prev {
  left: 10px !important;
}
.fengstplans-view-plan.view-plan-5 swiper .swiper-button-next {
  right: 14px !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: "Titillium Web";
  font-weight: normal;
  font-size: 18px;
  box-shadow: none;
  padding: 8px 30px 6px !important;
  background-color: #BDBDBD !important;
  color: #4F4F4F;
  border-radius: 0;
  border: 1px solid white;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__select-group fengstui-button.selected button {
  border: 0;
  color: var(--secondary);
  background-color: #333333 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action {
  display: block;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button {
  display: block;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button button {
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content {
  width: 100%;
  max-width: 260px;
  border-radius: 0;
  background: transparent;
  color: #F2F2F2;
  border: 1px solid #F2F2F2;
  padding: 70px 0 20px 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content h4 {
  line-height: 25px;
  color: #fff;
  font-size: 26px;
  font-family: "Titillium Web Black";
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content img {
  width: 182px;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description {
  font-family: "Kanit";
  font-size: 14px;
  line-height: 16px;
  margin-top: 30px;
  padding: 0 26px;
  color: #F2F2F2;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description > li {
  margin-bottom: 12px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  color: #F8F8F8 !important;
  background: #333333 !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: #8c8c8c;
  border: 1px solid #8c8c8c;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #333333;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #1D1D1B;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
  color: #1D1D1B !important;
  border-radius: 0;
  background-color: var(--secondary) !important;
  border: 2px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-5 .fengstplans-plan-card__action fengstui-button button {
  border-radius: 0;
  color: #F2F2F2 !important;
  border: 2px solid #F2F2F2;
  background-color: transparent !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 12px 20px 16px !important;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare {
  margin-top: 25px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare {
    margin-top: 0px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare > h1 {
  font-family: "Titillium Web";
  font-size: 36px;
  line-height: 40px;
  margin: 0 auto 50px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare fengstui-button button {
  font-family: var(--font-title) !important;
  background-color: var(--secondary) !important;
  color: var(--home-call-to-action-button-color) !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-compare fengstui-button button:hover {
  color: var(--home-call-to-action-hover-button-color) !important;
  background-color: var(--primary) !important;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: #fff;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning h2 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  font-family: "Titillium Web Black";
  font-weight: 900;
  text-align: center;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  justify-content: center;
  width: auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
    gap: 20px;
    flex-direction: row;
  }
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-boxes {
    gap: 40px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box {
    min-height: 235px;
  }
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box h2 {
  padding: 0;
}
.fengstplans-view-plan.view-plan-5 .fengstplans-view-plan__warning-box--text {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  max-width: 230px;
  font-weight: normal;
  font-family: "Titillium Web";
}
.fengstplans-view-plan.view-plan-6 {
  position: relative;
  padding: 0 1.92%;
  max-width: 1400px;
  background: var(--home-public-background);
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-content {
  background: var(--content-background) repeat center 103%/100%;
  min-height: 600px;
  padding: 70px 0 25px !important;
  position: relative;
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container {
  max-width: calc(100vw - 24px);
  margin: 0 auto 45px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container {
    max-width: calc(100vw - 200px);
  }
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-cards-container > p {
  color: white;
}
.fengstplans-view-plan.view-plan-6 .swiper-container {
  padding-top: 125px;
  padding-bottom: 60px;
}
.fengstplans-view-plan.view-plan-6 .swiper.s-wrapper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
}
.fengstplans-view-plan.view-plan-6 h1 {
  text-align: center;
  font: normal normal 800 24px/24px Montserrat-bold;
  margin: 0 auto;
  padding: 0 16px;
  width: 100%;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 35px;
    line-height: 35px;
    max-width: 782px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 55px;
    line-height: 57px;
  }
}
@media (min-width: 1500px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 65px;
    line-height: 65px;
  }
}
@media (min-width: 1680px) {
  .fengstplans-view-plan.view-plan-6 h1 {
    font-size: 71px;
    line-height: 71px;
  }
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  color: #fff;
  background: transparent;
  border: none;
  font-size: 40px;
  padding: 0;
  height: 50px;
  z-index: 4;
  align-self: center;
}
.fengstplans-view-plan.view-plan-6 .view-plan-6-navigation:last-child {
  right: 10px;
  left: auto;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .view-plan-6-navigation {
    left: 15px;
  }
  .fengstplans-view-plan.view-plan-6 .view-plan-6-navigation:last-child {
    right: 15px;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container {
  width: inherit !important;
  max-width: inherit !important;
  padding: 140px 0px 30px;
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7C7C7C;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table {
  width: inherit !important;
  max-width: inherit !important;
  margin: 0 auto;
  padding: 0;
  gap: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button {
  width: 100%;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: "Montserrat-SemiBold";
  font-weight: 700;
  font-size: 18px;
  box-shadow: none;
  padding: 8px 30px 6px !important;
  background-color: var(--on-background) !important;
  color: var(--secondary);
  border-radius: 0;
  border: 1px solid var(--secondary);
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__select-group fengstui-button.selected button {
  border: 0;
  color: #fff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  height: 73px;
  list-style: none;
  display: grid;
  grid-template: auto/54px auto;
  gap: 13px;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding-bottom: 12px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-50, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-30, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-20 {
  font-size: 18px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-1, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-2, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-3, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-4, .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-icon-nrn-5 {
  font-size: 22px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: #4F4F4F;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > span {
  font-size: 10px !important;
  font-weight: bold !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description > ul > li > img.fla-chip {
  width: 44px;
  transform: none;
  margin: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content {
  width: 100%;
  max-width: 75%;
  background: #FFFFFF;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  padding: 70px 0 20px 0;
  border-radius: 100px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content {
    width: auto;
    max-width: 100%;
    border-radius: 100px;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content h4 {
  font-family: "Montserrat-Bold";
  color: #4F4F4F;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content img {
  width: 190px;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(-4.12deg);
  border-radius: 2.5px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description {
  font-family: "Montserrat";
  font-size: 13px;
  line-height: 15px;
  margin-top: 0;
  padding: 0 16px 0 10px;
  color: #4F4F4F;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-description .divider {
  width: 54px;
  margin: 22.5px auto;
  border-bottom: 1px dashed #4F4F4F;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__content-price {
  font-family: "Montserrat-bold" !important;
  font-size: 22px !important;
  color: #F8F8F8 !important;
  background: #4F4F4F !important;
  padding: 13px 20px 10px !important;
  border-radius: 62px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table > :nth-of-type(even) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__table > :nth-of-type(odd) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: white !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background: #AF0202;
  border-inline: 1px solid white;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #FFF;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description .divider {
  background: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description > ul > li {
  border-color: #ffffff96;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description > ul > li > :first-child:before {
  color: white;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  background: white !important;
  border: none !important;
  color: #AF0202 !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
  background-color: #AF0202 !important;
  color: white !important;
  border: none !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 320px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button {
  width: 100%;
  display: block;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: #FF0000 !important;
  background-color: transparent !important;
  font-family: "Montserrat-bold" !important;
  width: 100%;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
  font-weight: bold;
  border: 1px solid currentColor;
  border-radius: 45px !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
    font-size: 16px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn {
    padding: 8px 30px !important;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-plan-card__action fengstui-button .feng-btn:hover {
  background-color: #AF0202 !important;
  color: white !important;
  border: none !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare > h1 {
  font-family: "Montserrat";
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  margin: 0 auto 50px;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare > h1 > strong {
  font-family: "Montserrat-SemiBold";
  font-weight: 700;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
  color: white !important;
  border-radius: 45px !important;
  background-color: #af0202 !important;
  font-family: "Montserrat" !important;
  font-size: 15px !important;
  padding: 8px 16px 6px !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
    font-size: 18px !important;
    padding: 8px 16px !important;
  }
}
@media (min-width: 1605px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn {
    font-size: 24px !important;
    padding: 8px 30px !important;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-compare fengstui-button .feng-btn:hover {
  background-color: #9d0202 !important;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: #fff;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning h2 {
  color: #fff;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  font-family: "Titillium Web Black";
  font-weight: 900;
  text-align: center;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
  display: grid;
  grid-template: auto auto auto/auto;
  grid-gap: 76px;
  justify-content: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-boxes {
    grid-template: auto/auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
  width: -moz-fit-content;
  width: fit-content;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan.view-plan-6 .fengstplans-view-plan__warning-box--text {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  max-width: 230px;
  font-weight: normal;
  font-family: "Titillium Web";
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-button-next:after,
.fengstplans-view-plan.view-plan-6 swiper .swiper-button-prev:after {
  color: white;
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-pagination-bullet {
  border: solid 1px #fff !important;
  width: 22px !important;
  height: 22px !important;
  background: #fff !important;
}
.fengstplans-view-plan.view-plan-6 swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
  background-color: transparent !important;
}
.fengstplans-view-plan.view-plan-7 {
  padding: 40px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 {
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan.view-plan-7 h1 {
  color: #000000;
  font-family: var(--font-title);
  text-align: center;
  font-weight: bolder;
  margin: 0 auto 34px;
  font-style: normal;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 h1 {
    font-size: 30px;
    line-height: 47px;
    margin: 0 auto 20px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 h1 {
    font-size: 36px;
    line-height: 53px;
    padding: 0;
  }
}
.fengstplans-view-plan.view-plan-7 h2 {
  color: var(--surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button {
  font-family: var(--font-title) !important;
  border-radius: 0;
  font-size: 14px;
  box-shadow: none;
  border: 3px solid white;
  background-color: transparent !important;
  color: black;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button {
    padding: 10px 30px 12px !important;
    font-size: 17px;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button button:hover {
  border: 3px solid black;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__select-group fengstui-button.selected button {
  font-family: var(--font-title);
  font-weight: bold;
  border: 3px solid #000 !important;
  background-color: #000 !important;
  color: white;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__group-container {
  margin-top: 40px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: #fff;
  background-color: #000;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content {
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content > h4 {
  color: #8E8E8E !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1) .fengstplans-plan-card fengstui-button button {
  background-color: #8E8E8E !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #8E8E8E !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(1):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #8E8E8E !important;
  border: 3px solid #8E8E8E;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content {
  color: #C19504 !important;
  border: 3px solid #C19504;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content > h4 {
  color: #C19504 !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #C19504 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2) .fengstplans-plan-card fengstui-button button {
  background-color: #C19504 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #C19504 !important;
  border: 3px solid #C19504;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #C19504 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(2):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #C19504 !important;
  border: 3px solid #C19504;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content {
  color: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content > h4 {
  color: #000 !important;
  font-size: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3) .fengstplans-plan-card fengstui-button button {
  background-color: #000 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content {
  color: white !important;
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table .fengstplans-view-plan__table-item:nth-of-type(3):hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #000 !important;
  border: 3px solid #000;
  font-weight: bold;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 10px;
  justify-content: center;
  gap: 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card {
    padding: 12px;
    max-width: 100%;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content {
  display: grid;
  grid-template: 5% 95% 0em 10%/2fr;
  gap: 0;
  justify-items: center;
  padding: 20px;
  height: 100%;
  border: 0;
  border-radius: 0;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content {
    width: 100%;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content img {
  position: relative;
  top: 0px;
  margin-top: 0px;
  justify-self: center;
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 14px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/1fr 3fr;
  grid-gap: 22px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > img {
  margin: auto;
  max-width: 38px;
  max-height: 26px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > img {
    max-width: 68px;
    max-height: 56px;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li > div > p {
  margin: 0;
  font-style: italic;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  border-radius: 0;
  background: var(--primary) !important;
  font-family: "Roboto";
  font-size: 12px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price > span {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    font-size: 17px;
    padding: 10px;
  }
}
.fengstplans-view-plan.view-plan-7 swiper .swiper-container {
  padding: 40px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special {
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  padding: 5%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special {
    flex-direction: row-reverse;
  }
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special {
  max-width: 356px;
  margin: auto;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content {
  color: #000 !important;
  border: 3px solid #000 !important;
  background: transparent !important;
  min-height: 376px;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content > h4 {
  color: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  background: #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special .fengstplans-plan-card fengstui-button button {
  background-color: #000 !important;
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card fengstui-button button {
  background-color: white !important;
  color: #000 !important;
  border: 3px solid #000 !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content {
  color: white !important;
  background: #000 !important;
  border: 3px solid #000;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content > h4 {
  color: white !important;
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content img {
  filter: brightness(0) invert(1);
}
.fengstplans-view-plan.view-plan-7 .fengstplans-view-plan__table.special .fengstplans-view-plan__table-item.special:hover .fengstplans-plan-card__content-price {
  background: white !important;
  color: #000 !important;
  border: 3px solid #000 !important;
  font-weight: bold !important;
}
.fengstplans-view-plan.view-plan-8 {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  padding: 50px 0;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 {
    padding: 70px 0 100px 0;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 {
    max-width: 1900px;
    overflow: hidden;
  }
}
.fengstplans-view-plan.view-plan-8 fengstui-button button {
  background-color: #188150 !important;
  color: #fff !important;
}
.fengstplans-view-plan.view-plan-8 h1 {
  font-family: "Roboto" !important;
  font-size: 30px !important;
  line-height: 60px;
  font-style: normal;
  font-weight: 400 !important;
  text-align: center;
  color: #037345;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: 60px;
    line-height: 70px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: 68px;
    line-height: 76px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 h1 {
    font-size: px;
    line-height: 91px;
  }
}
.fengstplans-view-plan.view-plan-8 h2 {
  max-width: 660px;
  color: #034731 !important;
  font-family: "Roboto";
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 16px;
  text-align: center !important;
  color: #7C7C7C;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 h2 {
    text-align: left;
    font-size: 18px;
    line-height: 18px;
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 h2 {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 29px;
    padding-bottom: 12px;
  }
}
.fengstplans-view-plan.view-plan-8 h4 {
  margin: 0px;
  padding: 0 0 17px 0;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container {
  width: inherit !important;
  max-width: inherit !important;
  color: #fff;
  padding: 75px 0 0 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container {
    padding: 120px 0 0 0;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container > p {
  margin: 100px 10px 10px !important;
  color: #7C7C7C !important;
  text-align: center !important;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container > p {
    margin: 70px 0 0 !important;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7C7C7C;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 !important;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 837px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 950px;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-view-plan__table {
    max-width: 1150px;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  padding: 0;
  justify-content: center;
  align-items: stretch;
  gap: 50px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description {
  padding: 20px !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul {
  margin: 0px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul li {
  display: inline;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description > ul li > :first-child {
  font-size: 1em;
  width: unset;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content {
  width: 228px !important;
  max-width: 228px;
  height: 100%;
  padding: 70px 0 20px 0;
  border-radius: 0px;
  box-shadow: 5px 7px 18px 4px #ececec;
}
@media (min-width: 767px) {
  .fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content h4 {
  font-family: "Roboto";
  color: #037345 !important;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content img {
  max-height: 97px;
  height: auto;
  max-width: 190px;
  width: auto;
  margin-top: -60px;
  top: 0;
  transform: translateY(-76%) rotate(-4.12deg);
  border-radius: 2.5px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description {
  font-family: "Roboto";
  font-size: 13px;
  line-height: 15px;
  margin-top: 0;
  padding: 0 20px;
  color: #037345 !important;
  list-style: none;
  text-align: center;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description ul {
  list-style: none;
  text-align: center;
  padding: 0;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-description .divider {
  width: 54px;
  margin: 22.5px auto;
  border-bottom: 1px dashed #4F4F4F;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-price {
  font-family: "Roboto" !important;
  font-size: 22px !important;
  color: #fff !important;
  background: #BA940F !important;
  padding: 13px 20px 10px !important;
  border-radius: 0px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__content-price:hover {
  color: #fff !important;
  background-color: #BA940F !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card__action fengstui-button .feng-btn {
  font-family: "Roboto";
  color: white;
  border: none;
  border-radius: 0px;
  width: 222px;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover {
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
  background-color: white;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
  color: #037345 !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description {
  color: #037345 !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description .divider {
  background: #fff !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content img {
  content: normal;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
  cursor: pointer;
  color: #fff !important;
  background: #a9880f !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: #fff !important;
  border: none !important;
  background: #17794b !important;
}
.fengstplans-view-plan.view-plan-8 .fengstplans-plan-card:hover .fengstplans-plan-card__content-price {
  font-family: "Roboto" !important;
  font-size: 22px !important;
  color: #fff !important;
  background: #BA940F !important;
  padding: 13px 20px 10px !important;
  border-radius: 0px;
  cursor: pointer;
}
.fengstplans-view-plan.view-plan-8 swiper {
  margin: 10px;
  position: relative;
}
@media (min-width: 880px) {
  .fengstplans-view-plan.view-plan-8 swiper {
    margin: 0;
    width: inherit;
    max-width: inherit;
  }
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-container {
  overflow: visible !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan.view-plan-8 swiper .swiper-wrapper {
    display: flex;
    justify-content: center;
  }
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-wrapper .swiper-slide {
  overflow: visible !important;
  overflow-y: visible !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination {
  bottom: -70px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-prev {
  left: 10px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-next {
  right: 14px;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-slide, .fengstplans-view-plan.view-plan-8 swiper .swiper-slide-active {
  margin-right: 0;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-next:after,
.fengstplans-view-plan.view-plan-8 swiper .swiper-button-prev:after {
  color: #034731 !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination-bullet {
  background-color: #034731 !important;
}
.fengstplans-view-plan.view-plan-8 swiper .swiper-pagination {
  padding-bottom: 13px;
}
.view-plan-9 {
  padding: 80px 0 25px !important;
}
@media (min-width: 1200px) {
  .view-plan-9 {
    padding: 80px 25px 157px !important;
  }
}
.view-plan-9 .swiper-width .s-wrapper {
  max-width: calc(100vw - 24px);
}
.view-plan-9 .swiper-width .s-wrapper .swiper-slide {
  width: 100%;
}
.view-plan-9 h1 {
  font: var(--crt-plans-title-mobile-font);
}
@media (min-width: 992px) {
  .view-plan-9 h1 {
    font: var(--crt-plans-title-desktop-font);
  }
}
.view-plan-9__text {
  font: var(--crt-plans-subtitle-mobile-font);
  color: #fff;
  text-align: center;
  padding: 0 21px;
}
@media (min-width: 992px) {
  .view-plan-9__text {
    font: var(--crt-plans-subtitle-desktop-font);
  }
}
.view-plan-9 .fengstplans-plan-card {
  margin-right: 0 !important;
  position: relative;
}
.view-plan-9 .fengstplans-plan-card__content {
  width: 80%;
  background: #fff !important;
  border-radius: 4px;
  padding: 76px 0px 24px 0px;
  border: solid 1px #E4E4E4;
}
@media (min-width: 1200px) {
  .view-plan-9 .fengstplans-plan-card__content {
    width: 100%;
  }
}
.view-plan-9 .fengstplans-plan-card__content > img {
  width: 186px;
  height: 138px;
  top: -95px;
}
.view-plan-9 .fengstplans-plan-card__content:hover {
  background: #000 !important;
}
.view-plan-9 .fengstplans-plan-card__content:hover h4 {
  color: #fff;
}
.view-plan-9 .fengstplans-plan-card__content:hover .fengstplans-plan-card__content-description > ul > li {
  color: #fff !important;
}
.view-plan-9 .fengstplans-plan-card__content h4 {
  color: #393939;
  font: var(--crt-benefits-title-mobile-font);
}
.view-plan-9 .fengstplans-plan-card__content-description > ul {
  grid-gap: 0 !important;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li {
  color: #393939;
  font: normal normal 500 14px/19.2px var(--font-primary);
  border-top: solid 1px #E4E4E4;
  border-bottom: solid 1px #E4E4E4;
  padding: 20px 16px;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li:not(:last-child) {
  border-bottom: none;
}
.view-plan-9 .fengstplans-plan-card__content-description > ul > li i {
  font-size: 20px !important;
  width: 36px !important;
}
.view-plan-9 .fengstplans-plan-card__content-price {
  background: #343434 !important;
  border-radius: 63px;
  padding: 6px 24px 6px 24px;
  font-size: 22px;
  padding: 10px 20px;
}
.view-plan-9 .fengstplans-plan-card__content-price span {
  font-size: 14px;
  font-family: "Gotham-Light";
  font-weight: 400;
}
.view-plan-9 .fengstplans-plan-card__action {
  margin-top: 16px;
  display: flex;
}
.view-plan-9 .fengstplans-plan-card__action fengstui-button {
  display: block;
  width: 100%;
}
.view-plan-9 .fengstplans-plan-card__action fengstui-button .feng-btn {
  color: var(--on-primary) !important;
  padding: 10px 12px 10px 12px;
  font-size: 14px;
  border-radius: 45px;
  width: 80%;
  display: block;
  margin: auto;
  background: var(--primary) !important;
}
.view-plan-9 .know-more .feng-btn {
  width: 80%;
  margin: 16px auto 0;
  display: block;
}
@media (min-width: 1200px) {
  .view-plan-9 .know-more .feng-btn {
    margin: 36px auto 0;
  }
}
.view-plan-9__container-card {
  display: block;
  position: relative;
}
.view-plan-9__container-card--desktop {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 24px;
}
.view-plan-9__container-card .btn-navigation {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  color: #393939;
  background: transparent;
  border: none;
  font-size: 40px;
  padding: 0;
  height: 50px;
  z-index: 4;
  align-self: center;
}
.view-plan-9__container-card .btn-navigation:last-child {
  right: 0;
  left: auto;
}
.view-plan-9__container--desktop {
  max-width: 1440px;
  margin: auto;
}
.fengstplans-view-plan-fngst-1 {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-height: 750px;
  position: relative;
  margin: 0 auto;
  padding: 32px 0;
  overflow: hidden;
  max-width: 1680px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1 {
    padding: 80px 0;
  }
}
.fengstplans-view-plan-fngst-1__table {
  max-width: 1392px;
  margin: 0 auto;
}
.fengstplans-view-plan-fngst-1__title {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 0 16px;
}
.fengstplans-view-plan-fngst-1__title h1,
.fengstplans-view-plan-fngst-1__title h2 {
  margin: 0;
}
.fengstplans-view-plan-fngst-1__title h1 {
  font-size: 40px;
  font-weight: 900;
  line-height: 100%;
  color: var(--secondary);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__title h1 {
    font-size: 72px;
  }
}
.fengstplans-view-plan-fngst-1__title h2 {
  font-size: 20px;
  font-weight: 400;
  color: var(--on-info);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__title h2 {
    font-size: 24px;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning {
  margin: 0 auto 40px;
}
.fengstplans-view-plan-fngst-1__group-container {
  width: inherit !important;
  max-width: inherit !important;
  color: #fff;
}
.fengstplans-view-plan-fngst-1__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-1__group-container .info {
  margin: 90px 20px 40px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  color: #7c7c7c;
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
  position: absolute;
  transform: translateY(50%);
  top: 50%;
  z-index: 9;
  background: none;
  border: none;
  color: var(--secondary-dark);
  cursor: pointer;
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 i,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 i {
  font-size: 40px;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 i,
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 i {
    font-size: 64px;
  }
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 {
  left: 0;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-prev-2 {
    left: -10px;
  }
}
.fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
  right: 0;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1__group-container .swiper-button-next-2 {
    right: -10px;
  }
}
.fengstplans-view-plan-fngst-1 swiper {
  width: inherit !important;
  max-width: inherit !important;
  overflow: hidden;
  justify-content: center;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-pagination {
  bottom: -70px !important;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-button-next:after,
.fengstplans-view-plan-fngst-1 swiper .swiper-button-prev:after {
  color: var(--secondary-dark);
  font-size: 35px;
  font-weight: 900;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-pagination-bullet {
  background-color: white !important;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-container {
  cursor: grab;
}
.fengstplans-view-plan-fngst-1 swiper .swiper-container:active {
  cursor: grabbing;
}
.fengstplans-view-plan-fngst-1__select-group {
  gap: 10px;
  margin: 0 0 16px;
  grid-template: auto auto auto/auto;
  text-align: center;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1__select-group {
    grid-template: auto/auto auto auto;
    margin: 0 0 -1px;
    gap: 0;
  }
}
.fengstplans-view-plan-fngst-1__select-group fengstui-button button {
  font-family: "Montserrat-SemiBold";
  font-weight: 700;
  font-size: 18px;
  box-shadow: none;
  padding: 8px 30px 6px !important;
  background-color: var(--on-background) !important;
  color: var(--secondary);
  border-radius: 0;
  border: 1px solid var(--secondary);
}
.fengstplans-view-plan-fngst-1__select-group fengstui-button.selected button {
  border: 0;
  color: #fff;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card {
  width: 268px;
  margin: 0 auto;
  padding-top: 170px;
  padding-bottom: 0;
  gap: 40px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card {
    width: 300px;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background-color: var(--secondary);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li {
    border-color: var(--plans-content-color);
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card:hover .fengstplans-plan-card__content-description ul li i::before {
    color: var(--plans-content-color);
  }
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content {
  width: 100%;
  border-radius: 0;
  padding: 70px 0 20px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content img {
  width: 227.352px;
  transform: rotate(-16deg);
  top: -160px;
  box-shadow: var(--plans-box-shadow);
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content h4 {
  color: var(--plans-content-color);
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: var(--plans-info-color);
  margin: 0;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul {
  border-top: 5px solid var(--plans-border-color);
  grid-gap: 0;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li {
  font-family: "Barlow";
  font-weight: 500;
  line-height: 120%;
  padding: 16px 24px;
  grid-gap: 8px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li i {
  font-size: 30px;
  width: 65px;
  text-align: center;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li i:before {
  color: var(--secondary-dark);
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-1,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-2,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-3,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-4,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-5,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-plan-6 {
  font-size: 40px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-desconto-loja,
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li .fengi-icon-carteirinha {
  font-size: 25px;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description ul li + li {
  border-top: 1px solid #e4e4e4;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-description p {
  font-family: "Barlow";
  font-weight: 500;
  line-height: 150%;
  margin: 16px;
  text-align: center;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  gap: 4px;
  border-radius: 0;
  font-family: "Titillium Web";
  font-size: 24px;
  font-weight: 700;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__content-price span {
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action {
  display: initial;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button {
  display: initial;
}
.fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button .feng-btn {
  width: 100%;
  color: black !important;
  background-color: var(--secondary) !important;
  border-radius: 0 !important;
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-1 .fengstplans-plan-card__action fengstui-button .feng-btn {
    font-size: 16px !important;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-1__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-fngst-1__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-fngst-2 {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos.png") no-repeat center center/cover;
  padding: 30px 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 {
    padding: 80px 25px 50px;
  }
}
.fengstplans-view-plan-fngst-2 h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 h1 {
    font-size: 64px;
    line-height: 130%;
  }
}
.fengstplans-view-plan-fngst-2 h2 {
  color: #FFF;
  text-align: center;
  font-family: Roboto;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 h2 {
    font-size: 24px;
    line-height: 130%;
  }
}
.fengstplans-view-plan-fngst-2-otherplans > button {
  border-radius: 1000px;
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background: transparent !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container {
  background: transparent !important;
  padding: 0px 10px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container {
    padding: 40px;
    padding-bottom: 0px;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
  grid-template: auto/auto;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group {
    grid-template: auto/auto auto auto auto;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button {
  width: 100%;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:first-child button {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:last-child button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:first-child button {
    border-top-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 0;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button:last-child button {
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 8px;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button button {
  padding: 16px 24px !important;
  background-color: #FFF !important;
  color: #ABABAB !important;
  width: 100%;
  border-radius: 0;
  font-family: Barlow;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button button:hover {
  color: var(--primary) !important;
  background: #d4e7fc !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: var(--primary) !important;
  box-shadow: none;
  border-bottom: 1px solid var(--primary) !important;
  background: #d4e7fc !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
  padding: 28% 0;
  gap: 40px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
    padding: 10% 0;
  }
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card {
    padding: 13% 0;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li {
  display: block;
  width: 100%;
  min-height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-top: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.white-bar {
  height: 5px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.gray-bar {
  height: 5px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li.whitegray-bar {
  height: 5px;
  background: repeating-linear-gradient(to right, #000 0px, #000 50px, #e4e4e4 50px, #e4e4e4 100px);
  margin-bottom: 10px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > i {
  font-size: 35px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul > li > :first-child.fengi-cer-prioridad {
  font-size: 14px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content {
  background: white;
  color: #393939;
  border: 0.8px solid #ABABAB;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 10px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content {
    width: auto;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content h4 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro-Bold";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content img {
  top: -90px;
  width: 160px;
  height: 98px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description {
  display: flex;
  flex-direction: column;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > div {
  display: flex;
  align-self: center;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description > ul {
  gap: 0px;
  height: 100%;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-price {
  display: flex;
  align-items: center;
  gap: 6px;
  background: var(--primary) !important;
  color: white;
  border-radius: 63px;
  font-family: Kufam;
  font-size: 24px;
  font-weight: 700;
  font-style: normal;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__content-price > span {
  font-size: 16px;
  font-weight: 700;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action {
  display: block !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button {
  display: block !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button {
  width: 74% !important;
  border-radius: 1000px;
  background: var(--secondary) !important;
  border: 0 !important;
  color: white !important;
  margin: auto;
  display: flex;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}
.fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button:hover {
  background-color: var(--secondary) !important;
  border: 0 !important;
  color: white !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-plan-card__action fengstui-button button {
    width: 100% !important;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: var(--primary);
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-description > ul > li.golden-bar {
    background: #da9929;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: var(--secondary);
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: #d4e7fc !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table .fengstplans-plan-card:hover .fengstplans-plan-card__action fengstui-button button {
    background-color: #b81b20 !important;
  }
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table swiper .swiper-pagination-bullet {
  background: white !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table swiper .swiper-pagination-bullet-active {
  background: var(--secondary) !important;
}
.fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: white !important;
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(1) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content {
    background: #e6e6e6 !important;
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content > img {
    content: none;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content h4 {
    color: #484848;
  }
  .fengstplans-view-plan-fngst-2 .fengstplans-view-plan__table--kids > :nth-of-type(2) .fengstplans-plan-card:hover .fengstplans-plan-card__content .fengstplans-plan-card__content-price {
    background: black !important;
    color: white !important;
  }
}
.fengstplans-view-plan-fngst-2iskids {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos-menores-b.png") repeat-y center center/cover;
  text-align: center;
}
.fengstplans-view-plan-fngst-2iskids > h2 {
  color: #393939 !important;
}
.fengstplans-view-plan-fngst-2kids {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/bg-planos-menores-b.png") repeat-y center center/cover;
  padding: 60px 30px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2kids-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.fengstplans-view-plan-fngst-2kids-container > h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-container > h2 {
  color: #727272;
  text-align: center;
  font-family: Roboto;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancards {
  display: flex;
  flex-direction: column;
  gap: 160px;
  margin: 48px 0 70px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancards {
    margin: auto;
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard {
  display: flex;
  flex-direction: column;
  padding: 56px 16px 40px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  border: 2px solid var(--primary);
  position: relative;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard {
    padding: 24px 120px 24px 88px;
    justify-content: center;
    align-items: flex-start;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard > img {
  position: absolute;
  height: 110px;
  left: unset;
  top: -55px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard > img {
    left: -56px;
    top: unset;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard > h4 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancard > h4 > span {
  color: #ABABAB;
  font-family: "Athletic-Pro";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 16px;
  color: var(--primary);
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul {
    flex-direction: row;
    gap: 32px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
  vertical-align: middle;
  max-width: 100%;
}
.fengstplans-view-plan-fngst-2kids-plancard-description > ul > li:not(:last-child) {
  padding-bottom: 16px;
  border-bottom: 1px solid #E4E4E4;
  padding-right: 0;
  border-right: 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
    max-width: 120px;
  }
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li:not(:last-child) {
    padding-right: 32px;
    border-right: 1px solid #E4E4E4;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .fengstplans-view-plan-fngst-2kids-plancard-description > ul > li {
    max-width: 160px;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-action {
  position: absolute;
  right: unset;
  bottom: -74px;
  display: flex;
  gap: 8px;
  flex-direction: column;
  width: 196px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2kids-plancard-action {
    right: -98px;
    bottom: unset;
  }
}
.fengstplans-view-plan-fngst-2kids-plancard-action-price {
  width: 100%;
  padding: 8px 24px;
  border-radius: 63px;
  background: var(--primary);
  color: #FFF;
  font-family: Kufam;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.fengstplans-view-plan-fngst-2kids-plancard-action-price > span {
  font-size: 16px;
  font-weight: 400;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div fengstui-button {
  display: block !important;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div fengstui-button button {
  width: 100%;
  background-color: var(--secondary);
  color: white;
  border-radius: 1000px;
}
.fengstplans-view-plan-fngst-2kids-plancard-action > div .feng-btn--primary:not(.feng-btn--outline):not(.feng-btn--icon) {
  background-color: var(--secondary);
}
.fengstplans-view-plan-fngst-2plansdetails {
  background: url("https://cerro-st.s3.sa-east-1.amazonaws.com/prod/assets/img/2024/site/pattern.png") repeat-y center center/cover;
  padding: 30px;
  text-align: center;
}
.fengstplans-view-plan-fngst-2plansdetails-container {
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 56px 32px;
}
.fengstplans-view-plan-fngst-2plansdetails-container > h1 {
  color: var(--secondary);
  text-align: center;
  font-family: "Athletic-Pro";
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  margin: 0;
}
.fengstplans-view-plan-fngst-2plansdetails-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2plansdetails-items {
    flex-direction: row;
  }
}
.fengstplans-view-plan-fngst-2plansdetails-item {
  width: 282px;
  max-width: 282px;
  min-height: 214px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  border-radius: 8px;
  border: 4px solid var(--primary);
  padding: 32px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-fngst-2plansdetails-item {
    width: auto;
    max-width: 282px;
  }
}
.fengstplans-view-plan-fngst-2plansdetails-item > img {
  max-width: 80px;
}
.fengstplans-view-plan-fngst-2plansdetails-item > p {
  color: var(--primary);
  text-align: center;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin: 0;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan-outside {
  display: block;
  width: 100%;
  min-height: 70vh;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan-outside .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan-outside h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 1em;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan-outside h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan-outside__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plan-outside__select-group fengstui-button.general button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__select-group fengstui-button.general button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plan-outside__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
  background-color: black !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__select-group fengstui-button.off button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plan-outside__select-group fengstui-button.off button:hover {
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plan-outside__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan-outside__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-outside__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-outside__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-outside__table .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside swiper .swiper-button-next:after,
.fengstplans-view-plan-outside swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plan-outside swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan-outside swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan-outside swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan-outside__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plan-outside__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plan-outside__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan-outside__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan-outside__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plan-outside__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan-outside__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-outside__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan-outside__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan-outside--template-1 {
  font-family: "Heebo";
}
.fengstplans-view-plan-outside--template-1 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.fengstplans-view-plan-outside--template-1 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container {
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card {
  padding: 84px 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 100%;
  max-width: 18rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content {
    max-width: 30rem;
    width: auto;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table > :nth-of-type(odd) .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content .fengstplans-plan-outside-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__table > :nth-of-type(even) .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content .fengstplans-plan-outside-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content img {
  content: normal;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-plan-outside-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning {
  font-style: normal;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-outside--template-1 .fengstplans-view-plan-outside__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plan-outside--template-2 {
  font-family: "Heebo";
  padding-bottom: 120px;
}
.fengstplans-view-plan-outside--template-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plan-outside--template-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container {
  background: transparent;
  padding: 0px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container {
    padding: none;
  }
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card {
  padding: 84px 0;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li {
  width: 100%;
  height: 64px;
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  border-bottom: 1px solid rgba(151, 151, 151, 0.24);
  padding: 1%;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  height: 5px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li > div {
  font-family: Uni-sans;
  font-weight: 400;
  font-size: 14px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  font-size: 28px;
  width: 54px;
  text-align: center;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table h2 {
  color: var(--primary-light);
  font-style: normal;
  font-size: 28px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-view-plan-outside__table h3 {
  color: var(--event-color-text-primary);
  font-size: 18.1285px;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content {
  border-radius: 0;
  background: transparent;
  color: #484848;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
  border-radius: 15px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content {
    width: auto;
  }
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content h4 {
  color: #484848;
  font-size: 18px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__content-price {
  border-radius: 0;
  font-family: var(--font-primary);
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: white;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content {
  background: var(--secondary);
  color: white;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-description > ul > li.golden-bar {
  background: #da9929;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  color: #484848;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content h4 {
  color: white;
  font-size: 18px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card:hover .fengstplans-plan-outside-card__content img {
  content: normal;
}
.fengstplans-view-plan-outside--template-2 .fengstplans-plan-outside-card__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plans-intent {
  display: block;
  width: 100%;
  min-height: 70vh;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plans-intent .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plans-intent h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 1em;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plans-intent h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plans-intent__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.general {
  margin: auto;
}
.fengstplans-view-plans-intent__select-group fengstui-button.general button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__select-group fengstui-button.general button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plans-intent__select-group fengstui-button.general.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off {
  margin: auto;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off button {
  font-family: var(--font-title) !important;
  border-radius: 5px;
  font-size: 14px;
  background-color: black !important;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__select-group fengstui-button.off button {
    padding: 10px 30px 12px !important;
    font-size: 18px;
  }
}
.fengstplans-view-plans-intent__select-group fengstui-button.off button:hover {
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent__select-group fengstui-button.off.selected button {
  box-shadow: 0px 0px 5px 3px #fd5a5a;
}
.fengstplans-view-plans-intent__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plans-intent__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plans-intent__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plans-intent__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plans-intent__table .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__action fengstui-button button {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent swiper .swiper-button-next:after,
.fengstplans-view-plans-intent swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plans-intent swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plans-intent swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plans-intent swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plans-intent__socioclube {
  background: #0026159e;
  color: white;
  font-size: 18px;
  padding: 0 0 30px;
  margin: auto;
  text-align: center;
}
.fengstplans-view-plans-intent__socioclube > p {
  margin: 0 auto;
  padding: 0 30px;
}
.fengstplans-view-plans-intent__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plans-intent__warning h1 {
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plans-intent__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plans-intent__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plans-intent__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plans-intent__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plans-intent--template-1 {
  font-family: "Heebo";
}
.fengstplans-view-plans-intent--template-1 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.fengstplans-view-plans-intent--template-1 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container {
  padding: 30px 14px;
  color: #fff;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__group-container .group-type-title {
  font-size: 22px;
  line-height: 24px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group {
  gap: 0;
  margin: 30px 0 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.general button {
  background-color: var(--on-surface) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.general button:hover {
  color: var(--secondary);
  background-color: var(--primary) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.off button {
  background-color: var(--primary) !important;
  color: var(--secondary);
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.off button:hover {
  color: var(--secondary) !important;
  background-color: var(--on-surface) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__select-group fengstui-button.selected button {
  color: var(--primary);
  background-color: var(--secondary) !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card {
  padding: 84px 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table {
  background: #323A52;
  border-radius: 4px;
  padding: 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table {
    padding: 40px 40px 0;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content {
  border-radius: 0;
  background: white;
  color: var(--primary);
  border: 0;
  padding: 70px 1rem 20px 1rem;
  width: 100%;
  max-width: 18rem;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content {
    max-width: 30rem;
    width: auto;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content h4 {
  color: var(--primary);
  font-size: 24px;
  text-align: center;
  line-height: 22px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: var(--primary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table > :nth-of-type(odd) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: var(--secondary) !important;
  color: white !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__table > :nth-of-type(even) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content {
  background: var(--primary);
  color: var(--secondary);
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content h4 {
  color: var(--secondary);
  font-size: 24px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content img {
  content: normal;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content-price {
  background: transparent !important;
  color: #ffffff;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-plans-intent-card__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning {
  font-style: normal;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-1 .fengstplans-view-plans-intent__warning-box--text {
    max-width: 100%;
  }
}
.fengstplans-view-plans-intent--template-2 {
  font-family: "Heebo";
  padding-bottom: 208px;
}
.fengstplans-view-plans-intent--template-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plans-intent--template-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card {
  padding: 84px 0;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
  font: normal 14px/20px var(--font-primary) !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.golden-bar {
  height: 20px;
  background: #BC8422;
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table h2 {
  color: var(--primary-light);
  font-style: normal;
  font-size: 28px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table h3 {
  color: var(--event-color-text-primary);
  font-size: 18.1285px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 17px 20px 17px;
  width: 68%;
}
@media (min-width: 767px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content {
    width: auto;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  filter: drop-shadow(0px 0px 10.699px rgba(255, 255, 255, 0.25));
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__content-price {
  border-radius: 0;
  font-family: var(--font-primary);
  font-size: 22px !important;
  background: var(--secondary) !important;
  color: white;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table > :nth-of-type(odd) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__table > :nth-of-type(even) .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content .fengstplans-plans-intent-card__content-price {
  background: white !important;
  color: black !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content {
  background: black;
  color: white;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content img {
  content: normal;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card:hover .fengstplans-plans-intent-card__content-price {
  background: var(--primary) !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-plans-intent-card__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning {
  font-style: normal;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning h1 {
  font-style: normal;
  font-size: 24px;
  color: var(--secondary);
  font-family: "GillSans";
  text-shadow: none;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning h2 {
  color: #F8F8F8;
  font-size: 18px;
  margin: 0;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
  display: grid;
  grid-template: auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-boxes {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--text {
  color: var(--secondary);
  font-size: 20px;
  max-width: 200px;
  font-weight: normal;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plans-intent--template-2 .fengstplans-view-plans-intent__warning-box--text {
    max-width: 100%;
  }
}
:host ::ng-deep .app-main-content {
  margin-top: 40px;
}
.fengstplans-view-plan-jr {
  display: block;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: relative;
  padding: 80px 0 30px 0;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr {
    max-width: var(--max-width);
    padding: 80px 25px 0;
  }
}
.fengstplans-view-plan-jr .line-through {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
.fengstplans-view-plan-jr h1 {
  color: var(--primary);
  text-align: center;
  font-weight: normal;
  margin: 0 auto;
  font-family: "IntegralCF-Bold";
  font-style: italic;
  font-weight: 800;
  font-size: 30px;
  line-height: 42px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr h1 {
    font-size: 57px;
    line-height: 68px;
    padding: 0;
  }
}
.fengstplans-view-plan-jr h2 {
  color: var(--on-surface);
  text-align: center;
  margin: 14px auto 44px;
  font-family: "IntegralCF-SemiBold";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  padding: 0 40px;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr h2 {
    font-size: 22px;
    line-height: 28px;
    padding: 0;
  }
}
.fengstplans-view-plan-jr__select-group {
  margin: 0 auto 40px;
  display: grid;
  align-items: center;
  justify-content: center;
  grid-gap: 20px;
  grid-template: auto auto/auto;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr__select-group {
    grid-template: auto/auto auto;
  }
}
.fengstplans-view-plan-jr__group-container .group-type-title {
  font-family: var(--font-title);
  text-align: center;
  font-size: 16px;
  padding: 0 14px;
}
.fengstplans-view-plan-jr__contract-warning {
  display: grid;
  grid-auto-flow: row;
  gap: 2px;
  align-items: center;
  width: 280px;
  margin: 0 auto;
  padding: 1em;
  border-radius: 15px;
  color: var(--on-warning);
  background-color: var(--warning);
  text-align: center;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__contract-warning {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__contract-warning {
    width: -moz-fit-content;
    width: fit-content;
    text-align: left;
    grid-auto-flow: column;
  }
}
.fengstplans-view-plan-jr__contract-warning i {
  font-size: 1.5em;
  margin-right: 10px;
}
.fengstplans-view-plan-jr__table {
  display: grid;
  gap: 40px;
  margin-top: 44px;
  padding: 0 2%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__table {
    gap: 20px;
    padding: unset;
    grid-auto-flow: column;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: var(--primary);
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-vermelho-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: black;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(1) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: white;
    color: black;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-branco-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: var(--primary);
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(2) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: black;
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-preto-white.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-tricolor.png") no-repeat center center/100% 100%;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-tricolor-black.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(4) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: black !important;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
    background: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/hover-bg-diamante.png") no-repeat center center/cover;
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content > img {
    content: url("https://spfc-gs.s3.amazonaws.com/prod/assets/images/icon-diamante-white.png");
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
    color: white;
  }
  .fengstplans-view-plan-jr__table > :nth-of-type(5) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
    background: white !important;
    color: var(--primary) !important;
  }
}
.fengstplans-view-plan-jr swiper .swiper-button-next:after,
.fengstplans-view-plan-jr swiper .swiper-button-prev:after {
  color: var(--primary);
}
.fengstplans-view-plan-jr swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: var(--primary);
  opacity: 0.5;
}
.fengstplans-view-plan-jr swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.fengstplans-view-plan-jr swiper .swiper-pagination {
  pointer-events: all !important;
}
.fengstplans-view-plan-jr__warning {
  display: block;
  margin: auto;
  padding: 26px 0;
  text-align: center;
  width: 80%;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning {
    padding: 66px 0;
  }
}
.fengstplans-view-plan-jr__warning h1 {
  font-family: "IntegralCF-Bold";
  font-size: 22px;
  line-height: 28px;
  color: var(--primary);
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.fengstplans-view-plan-jr__warning-boxes {
  display: grid;
  grid-template: auto auto auto auto/auto;
  grid-gap: 50px;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-jr__warning-boxes {
    grid-template: auto auto auto/auto auto;
  }
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr__warning-boxes {
    grid-template: auto/auto auto auto auto auto;
  }
}
.fengstplans-view-plan-jr__warning-box {
  display: grid;
  grid-template: 50px auto/auto;
  grid-gap: 30px;
  align-items: flex-start;
}
.fengstplans-view-plan-jr__warning-box--icon {
  font-size: 50px;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path1:before {
  content: "";
  color: #f7b962;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path2:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path3:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path4:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path5:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path6:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path7:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path8:before {
  content: "";
  color: #020203;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path9:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path10:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path11:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path12:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path13:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path14:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path15:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path16:before {
  content: "";
  color: #fff;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--icon .fengi-camisa-spfc .path17:before {
  content: "";
  color: #d41116;
  margin-left: -1.2998046875em;
}
.fengstplans-view-plan-jr__warning-box--text {
  margin: 0 auto;
  font-family: var(--font-title);
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  max-width: 150px;
}
.fengstplans-view-plan-jr__warning .guest-w {
  margin: 0 0 50px;
}
.fengstplans-view-plan-jr.view-plan-2 h1, .fengstplans-view-plan-jr--view-plan-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.fengstplans-view-plan-jr.view-plan-2 h2, .fengstplans-view-plan-jr--view-plan-2 h2 {
  color: var(--primary-light);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
  background: #00000061;
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__group-container .group-type-title, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content h4, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: black !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-plan-card-jr__action fengstui-button button, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: transparent !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 12px 20px 16px !important;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning h1, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning h2, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--icon, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--icon > img, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--text, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .fengstplans-view-plan-jr.view-plan-2 .fengstplans-view-plan__warning-box--text, .fengstplans-view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.view-plan-jr {
  display: block;
  width: 100%;
  height: 100%;
  background: url("https://botafogo.s3.amazonaws.com/prod/images/fundo-tecido-posts-quadrado.png") no-repeat fixed, #484848;
}
@media (min-width: 992px) {
  .view-plan-jr {
    background: url("https://botafogo.s3.amazonaws.com/prod/images/logo-camisa7-quadrado.png") no-repeat bottom right, url("https://botafogo.s3.amazonaws.com/prod/images/fundo_tecido%2BCRIA--ALVINEGRA.png") no-repeat fixed;
    background-size: 20%, 100%;
  }
}
.view-plan-jr__content {
  display: block;
  width: 100%;
  text-transform: uppercase;
  color: white;
  text-align: center;
  margin-top: 75px;
  margin-bottom: 30px;
  font-size: 9px;
}
@media (min-width: 992px) {
  .view-plan-jr__content {
    font-size: 14px;
  }
}
.view-plan-jr__header {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 50px !important;
  color: var(--secondary);
}
.view-plan-jr__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 35px;
}
@media (min-width: 992px) {
  .view-plan-jr__header h1 {
    font-size: 60px;
  }
}
.view-plan-jr__header span.white-letter {
  color: white !important;
}
.view-plan-jr__header span.black-letter {
  color: black !important;
}
.view-plan-jr__header h2 {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  bottom: -65px;
  display: block;
  background: var(--secondary);
  color: white !important;
  width: 95%;
  font-size: 10px;
  text-align: center;
  padding: 5px;
  margin: 0px;
}
@media (min-width: 992px) {
  .view-plan-jr__header h2 {
    font-size: 19px;
    bottom: -65px;
    max-width: 690px;
  }
}
.view-plan-jr__plans {
  display: block;
  max-width: 960px;
  margin: auto;
}
.view-plan-jr--view-plan-2 h1 {
  color: var(--secondary);
  font-style: normal;
}
.view-plan-jr--view-plan-2 h2 {
  color: var(--primary-light);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
  padding: 30px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container {
    padding: 40px;
  }
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
  box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.5);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.view-plan-jr--view-plan-2 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: var(--secondary) !important;
  border: 1px solid var(--secondary);
  background-color: black !important;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning {
  font-style: normal;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .view-plan-jr--view-plan-2 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.view-plan-jr--view-plan-4 {
  background: #FFF;
  color: black;
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-4 {
    background: #FFF;
    background-size: 20%, 100%;
  }
}
.view-plan-jr--view-plan-4 h1 {
  font-size: 58px;
  line-height: 44px;
  color: var(--secondary);
  text-shadow: 4px 4px 0px var(--primary);
  font-style: normal;
}
.view-plan-jr--view-plan-4 h2 {
  color: var(--primary-light);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container {
  padding: 0px 14px;
  color: var(--primary-light);
}
@media (min-width: 992px) {
  .view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container {
    padding: 0 40px;
  }
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__group-container .group-type-title {
  padding: 0 14px 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group {
  gap: 0;
  margin: 0;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button button {
  box-shadow: none;
  padding: 4px 20px 6px !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button {
  background-color: #414141 !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.general button:hover {
  background-color: black !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button {
  background-color: black !important;
  color: #7C7C7C;
  border-radius: 0;
  border-bottom: 1px solid var(--secondary);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.off button:hover {
  background-color: #414141 !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__select-group fengstui-button.selected button {
  color: #FFF;
  background-color: var(--secondary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr {
  padding: 84px 0;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li {
  font-size: 16px;
  text-align: center;
  display: block;
  grid-template: none;
  width: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.white-bar {
  height: 20px;
  background: white;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.gray-bar {
  height: 20px;
  background: #27292D;
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.golden-bar {
  height: 20px;
  background: var(--secondary);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li.whitegray-bar {
  height: 20px;
  background: linear-gradient(90deg, white 50%, #27292D 50%);
  margin-bottom: 10px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li > div {
  padding: 0 20px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  text-align: center;
  font-size: 16px;
  width: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content {
  border-radius: 0;
  background: transparent;
  color: white;
  border: 1px solid #484848;
  padding: 70px 0 20px 0;
  width: 70%;
}
@media (min-width: 767px) {
  .view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content {
    width: auto;
  }
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
  line-height: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content img {
  top: -90px;
  width: 160px;
  transform: rotate(-5.12deg);
  border-radius: 2.5px;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description strong.openkit {
  cursor: pointer;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-description strong.openkit > div {
  text-decoration: underline;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr__content-price {
  border-radius: 0;
  font-family: inherit !important;
  font-size: 22px !important;
  background: var(--secondary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__table > :nth-of-type(3) .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content .fengstplans-plan-card-jr__content-price {
  background: black !important;
  color: white !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content {
  background: black;
  color: white;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content h4 {
  color: white;
  font-size: 24px;
  font-family: var(--font-primary);
  line-height: 100%;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content img {
  content: normal;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__content-price {
  background: var(--primary) !important;
}
.view-plan-jr--view-plan-4 .fengstplans-plan-card-jr:hover .fengstplans-plan-card-jr__action fengstui-button button {
  border-radius: 0;
  color: white !important;
  border: 2px solid white;
  background-color: var(--secondary) !important;
  font-size: 22px !important;
  font-family: inherit !important;
  padding: 9px 20px 8px !important;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning {
  font-style: normal;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning h1 {
  font-style: normal;
  font-size: 26px;
  font-family: var(--font-title);
  color: var(--primary-light);
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning h2 {
  color: #F8F8F8;
  font-size: 20px;
  margin: 0;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning .icon-people-talk:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning .icon-plus-big:before {
  content: "";
  color: #f8f8f8;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box {
  display: flex;
  flex-direction: column;
  grid-gap: 20px;
  align-items: center;
  justify-content: start;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--icon {
  font-size: 74px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--icon > img {
  width: 130px;
}
.view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--text {
  color: var(--primary-light);
  font-size: 20px;
  max-width: 200px;
  font-weight: bold;
  font-family: inherit;
}
@media (min-width: 576px) {
  .view-plan-jr--view-plan-4 .fengstplans-view-plan__warning-box--text {
    max-width: 100%;
  }
}
.plans-container {
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plan-card {
  position: relative;
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-card__scrolled-index {
  display: block;
  width: 100%;
  height: 5px;
  background: transparent !important;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
}
.fengstplans-plan-card__scrolled-plans {
  display: block;
  position: absolute;
  margin: auto;
  width: 182px;
  left: 0;
  right: 0;
  top: 101px;
}
.fengstplans-plan-card__scrolled-plans div {
  color: var(--primary);
  background: white;
  padding: 5px;
  text-align: center;
  border-radius: 20px;
}
.fengstplans-plan-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
.fengstplans-plan-card__content--hover-plan {
  background: var(--primary) !important;
}
@media (min-width: 992px) {
  .fengstplans-plan-card__content {
    width: 100%;
  }
}
.fengstplans-plan-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 0;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card__content-description > ul > li {
    grid-gap: 6px;
  }
}
.fengstplans-plan-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-card__content-description > ul > li.openkit, .fengstplans-plan-card__content-description > ul > li.openPhysicalKit {
  cursor: pointer;
}
.fengstplans-plan-card__content-description > ul > li.openkit > div, .fengstplans-plan-card__content-description > ul > li.openPhysicalKit > div {
  text-decoration: underline;
}
.fengstplans-plan-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 12px;
  padding: 10px;
  margin: auto;
  color: white;
}
.fengstplans-plan-card__content-price > span {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .fengstplans-plan-card__content-price {
    font-size: 17px;
    padding: 10px 20px;
  }
}
.fengstplans-plan-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plan-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.plans-outside-container {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.plans-outside-container-bg {
  background: var(--plans-background-outside);
}
.fengstplans-plan-outside-card {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plan-outside-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-outside-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plan-outside-card__content {
    width: 100%;
  }
}
.fengstplans-plan-outside-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-outside-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-outside-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-outside-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-outside-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-plan-outside-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-outside-card__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plan-outside-card__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plan-outside-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-outside-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-outside-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-outside-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-outside-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plan-outside-card__content-price > span {
  font-size: 14px;
}
.fengstplans-plan-outside-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-outside-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-outside-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plan-outside-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.plans-intent-container {
  height: 100%;
  width: 100%;
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plans-intent-card {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plans-intent-card {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plans-intent-card__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px;
  height: 100%;
  border: 0;
  border-radius: 20px;
  margin: auto;
  width: 70%;
  background: white;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plans-intent-card__content {
    width: 100%;
  }
}
.fengstplans-plans-intent-card__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plans-intent-card__content h4 {
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plans-intent-card__content-description {
  margin-bottom: 14px;
}
.fengstplans-plans-intent-card__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plans-intent-card__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
}
.fengstplans-plans-intent-card__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plans-intent-card__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plans-intent-card__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plans-intent-card__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plans-intent-card__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plans-intent-card__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plans-intent-card__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plans-intent-card__content-price {
  border-radius: 10px;
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plans-intent-card__content-price > span {
  font-size: 14px;
}
.fengstplans-plans-intent-card__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plans-intent-card__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plans-intent-card__action fengstui-button button {
  padding: 12px 20px 10px !important;
  background-color: transparent !important;
  color: var(--primary) !important;
  border: 1px solid var(--primary);
  border-radius: 10px;
  font-size: 18px !important;
  font-weight: normal !important;
}
.fengstplans-plans-intent-card__action fengstui-button button:hover {
  color: white !important;
  border: 1px solid white;
  background-color: var(--primary) !important;
}
.plans-container {
  background: var(--plans-background);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.fengstplans-plan-card-jr {
  display: grid;
  grid-template: auto 50px/1fr;
  gap: 30px;
  padding: 50px 0;
  height: 100%;
}
@media (min-width: 992px) {
  .fengstplans-plan-card-jr {
    padding: 50px 0 0 0;
  }
}
.fengstplans-plan-card-jr__content {
  display: grid;
  grid-template: 0px 10px auto 0px/1fr;
  gap: 0;
  justify-items: center;
  padding: 70px 20px 20px 20px !important;
  height: 100%;
  border: 5px solid var(--secondary) !important;
  margin: auto;
  width: 70%;
  background: var(--primary) !important;
  color: #1D1D1B;
}
@media (min-width: 992px) {
  .fengstplans-plan-card-jr__content {
    width: 100%;
  }
}
.fengstplans-plan-card-jr__content img {
  position: relative;
  top: -60px;
  margin-top: -50px;
  justify-self: center;
  width: 70px;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.fengstplans-plan-card-jr__content h4 {
  font-family: "IntegralCF-Bold";
  align-self: center;
  color: var(--primary);
  margin-bottom: 20px;
}
.fengstplans-plan-card-jr__content-description {
  margin-bottom: 14px;
}
.fengstplans-plan-card-jr__content-description > ul {
  margin: 30px 0 0;
  padding: 0;
  display: grid;
  grid-template: auto/auto;
  grid-gap: 12px;
}
.fengstplans-plan-card-jr__content-description > ul > li {
  list-style: none;
  display: grid;
  grid-template: auto/auto auto;
  grid-gap: 6px;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--font-primary) !important;
}
.fengstplans-plan-card-jr__content-description > ul > li > :first-child {
  font-size: 34px;
  width: 54px;
}
.fengstplans-plan-card-jr__content-description > ul > li.openkit {
  cursor: pointer;
}
.fengstplans-plan-card-jr__content-description > ul > li.openkit > div {
  text-decoration: underline;
}
.fengstplans-plan-card-jr__content-description > ul > li .percentage {
  font-family: var(--font-title);
  font-size: 20px;
  font-weight: bold;
}
.fengstplans-plan-card-jr__content-description > ul > li .discount {
  font-family: var(--font-title);
  font-size: 16px;
  font-weight: bold;
}
.fengstplans-plan-card-jr__content-description > ul > li .discount > div {
  font-size: 11px;
  display: inline-block;
  margin-right: -3px;
}
.fengstplans-plan-card-jr__content-description > ul > li i.fengi-ingresso-spfc {
  font-size: 25px;
}
.fengstplans-plan-card-jr__content-price {
  border-radius: 10px;
  border: 2.5px solid var(--secondary);
  background: var(--primary) !important;
  font-family: "INTEGRALCF";
  font-size: 18px;
  padding: 10px 20px;
  margin: auto;
  color: white;
}
.fengstplans-plan-card-jr__content-price > span {
  font-size: 14px;
}
.fengstplans-plan-card-jr__action {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card-jr__action fengstui-button {
  display: grid;
  justify-content: center;
}
.fengstplans-plan-card-jr__action fengstui-button button {
  font-family: var(--font-primary) !important;
  padding: 12px 20px 10px !important;
  background: var(--secondary) !important;
  border: var(--secondary) !important;
  color: white !important;
  font-size: 18px !important;
  font-weight: normal !important;
}
div.ccredit-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 0.4fr 1.5fr 0.1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ". . .";
  align-items: center;
  justify-items: center;
  height: 38px;
}
@media (min-width: 992px) {
  div.ccredit-wrapper {
    grid-template-columns: 0.3fr 2.4fr 0.3fr;
  }
}
div.ccredit-wrapper div.ccredit-flag i {
  position: absolute;
  transform: scale(0.3);
  top: -20px;
  left: -45px;
  display: block;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-flag i {
    transform: scale(0.5);
    top: -20px;
    left: -54px;
  }
}
div.ccredit-wrapper div.ccredit-number {
  font-size: 15px;
  font-weight: lighter;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-number {
    font-size: 20px;
  }
}
div.ccredit-wrapper div.ccredit-star i {
  font-size: 18px;
  padding: 5px;
  display: block;
  color: #FFE03C !important;
}
@media (min-width: 992px) {
  div.ccredit-wrapper div.ccredit-star i {
    font-size: 26px;
  }
}
.fengstcheckout-register-guest {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 8px 50px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
    padding: 50px 0;
  }
}
.fengstcheckout-register-guest__box {
  width: 100%;
  max-width: 355px;
  margin: auto;
}
.fengstcheckout-register-guest__captcha {
  text-align: center;
}
.fengstcheckout-register-guest__captcha re-captcha > div {
  width: 100% !important;
}
.fengstcheckout-register-guest__captcha re-captcha > div > div iframe {
  height: 90px;
}
.fengstcheckout-register-guest__footer fengstui-button button {
  display: block;
  width: 100%;
  margin: 15px 0px;
}
.fengstcheckout-register-guest__header h1 {
  font-size: 20px;
  text-align: center;
  line-height: 110%;
  width: 109%;
  margin-bottom: 22px;
  margin-left: -17px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest__header h1 {
    font-size: 25px;
  }
}
.fengstcheckout-register-guest__header h4 {
  font-size: 12px;
  text-align: center;
  -webkit-box-align: baseline;
  line-height: 110%;
  margin-bottom: 10px;
}
@media (min-width: 1200px) {
  .fengstcheckout-register-guest__header h4 {
    font-size: 12px;
  }
}
.fengstcheckout-register-guest__item {
  position: relative;
  margin: 15px 0px;
}
.fengstcheckout-register-guest__item-foreign {
  text-align: center;
  font-size: 14px;
  margin-bottom: 15px;
}
.fengstcheckout-register-guest__item-foreign .feng-checkbox__label {
  margin-left: 4px;
  margin-top: 1px;
}
.fengstcheckout-register-guest__item .select-country {
  display: flex;
  align-content: center;
  justify-content: flex-start;
}
.fengstcheckout-register-guest__item .select-country .select-country-field {
  width: 90px;
}
.fengstcheckout-register-guest__item .select-country .input-phone {
  width: 100%;
  margin-top: 3px;
}
.fengstcheckout-register-guest .hcaptcha {
  display: flex;
  justify-content: center;
}
.fengstcheckout-register-guest__terms {
  text-align: center;
}
.dependent-pet-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  max-width: 960px;
  min-width: 320px;
  margin: 0px auto;
  margin-top: 150ðpx;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
  background: white;
}
@media (min-width: 992px) {
  .dependent-pet-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.no-plan {
  color: #5f5f5f;
  text-decoration: none;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
}
.no-plan i {
  font-size: 40px;
}
.dependent-pet {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet__arrow--left {
  left: 5px;
  justify-content: center;
}
@media (min-width: 992px) {
  .dependent-pet__arrow--left {
    left: 20px;
  }
}
.dependent-pet__arrow--right {
  right: 5px;
  justify-content: center;
}
@media (min-width: 992px) {
  .dependent-pet__arrow--right {
    right: 20px;
  }
}
.dependent-pet__step {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet__thumb, .dependent-pet__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet__thumb img, .dependent-pet__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.dependent-pet-wrapper {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  max-width: 960px;
  min-width: 320px;
  margin: 0px auto;
  margin-top: 150ðpx;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
  background: white;
}
@media (min-width: 992px) {
  .dependent-pet-wrapper {
    max-width: 960px;
    margin-top: 50px;
    margin: auto;
    padding: 25px;
  }
}
.dependent-pet-thumbnail {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__arrow {
  position: absolute;
  display: flex;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 100px;
  cursor: pointer;
  width: 30px;
  height: 30px;
  font-size: 25px;
  align-items: center;
  top: 50%;
  z-index: 999;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow {
    width: 60px;
    height: 60px;
    font-size: 40px;
    top: 40%;
  }
}
.dependent-pet-thumbnail__arrow--left {
  left: 5px;
  justify-content: flex-end;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--left {
    left: 20px;
  }
}
.dependent-pet-thumbnail__arrow--right {
  right: 5px;
  justify-content: space-around;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__arrow--right {
    right: 20px;
  }
}
.dependent-pet-thumbnail__footer {
  display: flex;
  width: 150px;
  margin: auto;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.dependent-pet-thumbnail__picture {
  display: flex;
  border-radius: 100px;
  background: #cbcbcb;
  width: 200px;
  height: 200px;
  font-size: 120px;
  justify-content: space-around;
  align-items: center;
  margin: auto;
}
.dependent-pet-thumbnail__picture img {
  display: block;
  border-radius: 100px;
  object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
.dependent-pet-thumbnail__step {
  position: relative;
  display: block;
  width: 100%;
}
.dependent-pet-thumbnail__step--fixed {
  display: block;
  width: 100%;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__step img {
  display: block;
  width: 100px;
  height: 100px;
  margin: auto;
}
.dependent-pet-thumbnail__step h1 {
  display: block;
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
.dependent-pet-thumbnail__step h2 {
  display: block;
  text-align: center;
  font-size: 26px;
  margin-bottom: 20px;
}
.dependent-pet-thumbnail__step h3 {
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 25px;
}
.dependent-pet-thumbnail__step mat-form-field {
  display: block;
  margin: auto;
}
.dependent-pet-thumbnail__step #fileInput {
  display: none;
}
.dependent-pet-thumbnail__step button {
  background: black;
  color: white;
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
}
.dependent-pet-thumbnail__thumbs-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 80%;
  margin: auto;
}
@media (min-width: 992px) {
  .dependent-pet-thumbnail__thumbs-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
.dependent-pet-thumbnail__genres {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  max-width: 320px;
  margin: auto;
}
.dependent-pet-thumbnail__thumb, .dependent-pet-thumbnail__genre-box {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 10px;
}
.dependent-pet-thumbnail__thumb img, .dependent-pet-thumbnail__genre-box img {
  display: block;
  object-fit: contain;
  box-shadow: -2px -5px 17px -3px rgba(0, 0, 0, 0.22);
  border-radius: 20px;
  cursor: pointer;
  margin-bottom: 10px;
  width: 130px;
  height: 130px;
}
.modal-pet {
  margin: 0 !important;
  text-align: center;
}
.modal-pet > .close-btn {
  text-align: right;
}
.modal-pet > .title {
  margin: 0 0 30px;
}
.modal-pet > .buttons {
  margin: 30px 0 0;
}
.modal-pet > .buttons button {
  background-color: #000;
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  color: #f8f8f8;
  line-height: 22px;
  padding: 10px 30px;
  margin: 8px;
  font-size: 18px;
}
.modal-pet > .buttons button:hover {
  background-color: white;
  color: #000;
  border: 3px solid #000;
}
.view-clear-sale {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  max-width: 350px;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
.view-clear-sale__footer {
  display: block;
  width: 100%;
}
.view-clear-sale__footer p {
  text-align: center;
}
.view-clear-sale__footer h3 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 12px;
  line-height: 25px;
}
.view-clear-sale__footer h3.disabled {
  opacity: 0.5;
}
.view-clear-sale__footer h3:not(.disabled):hover {
  text-decoration: underline;
  cursor: pointer;
}
.view-clear-sale__form {
  display: grid;
  width: 100%;
  margin: 30px auto;
  gap: 2em;
  justify-content: center;
}
.view-clear-sale__form input {
  border: solid 1px var(--primary);
}
.view-clear-sale__form input:focus {
  box-shadow: 0px 0px 3px var(--primary);
}
.view-clear-sale__form button i {
  font-size: 0.75em;
  margin: 0 5px;
  width: 100px;
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
.view-clear-sale__header {
  display: block;
  width: 100%;
}
.view-clear-sale__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.view-clear-sale__item {
  display: grid;
  grid-auto-flow: column;
  gap: 1em;
  width: 100%;
  max-width: 400px;
  justify-content: center;
  align-items: center;
}
.clear-sale {
  position: relative;
  display: block;
  margin: auto;
  width: 100%;
  min-height: 650px;
  min-width: 320px;
  margin: 0px auto;
  left: 0;
  right: 0;
  position: relative;
  margin-bottom: 0px;
  padding: 30px 0 30px 0;
}
.clear-sale-update {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update {
    max-height: 550px !important;
  }
}
.clear-sale-update .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 0vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: auto;
  }
}
.clear-sale-update__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update__header {
  display: block;
  width: 100%;
}
.clear-sale-update__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-phone {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-phone {
    max-height: 300px !important;
  }
}
.clear-sale-update-phone .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-phone .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-phone .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-phone__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-phone__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-phone__header {
  display: block;
  width: 100%;
}
.clear-sale-update-phone__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-phone__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-name {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-name {
    max-height: 300px !important;
  }
}
.clear-sale-update-name .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-name .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-name .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-name__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-name__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-name__header {
  display: block;
  width: 100%;
}
.clear-sale-update-name__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-name__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.clear-sale-update-born-date {
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 10px !important;
  padding-bottom: 50px !important;
}
@media (min-width: 992px) {
  .clear-sale-update-born-date {
    max-height: 300px !important;
  }
}
.clear-sale-update-born-date .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 5px !important;
  height: 100vh !important;
  padding-bottom: 50px;
}
@media (max-width: 480px) {
  .clear-sale-update-born-date .mat-dialog-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
  }
}
@media (min-width: 992px) {
  .clear-sale-update-born-date .mat-dialog-container {
    padding: 10px !important;
    margin: auto;
    margin-top: 10vh;
    max-width: 450px;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.clear-sale-update-born-date__footer {
  display: flex;
  width: 100%;
  justify-content: center;
}
.clear-sale-update-born-date__form {
  display: block;
  width: 100%;
  margin: 50px auto;
}
.clear-sale-update-born-date__header {
  display: block;
  width: 100%;
}
.clear-sale-update-born-date__header h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 18px;
  line-height: 25px;
}
.clear-sale-update-born-date__item {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  justify-content: center;
}
.products-view {
  width: 100%;
}
@media (min-width: 1200px) {
  .products-view {
    padding: 16px;
    width: var(--max-width);
    margin: auto;
  }
}
.products-view__filter {
  display: grid;
  grid-auto-flow: row;
  gap: 10px;
  margin-bottom: 25px;
  padding: 0;
}
@media (min-width: 992px) {
  .products-view__filter {
    grid-auto-flow: column;
    grid-template-columns: 0.7fr 0.5fr 0.5fr 0.5fr 2fr;
  }
}
.products-view__filter-clear {
  width: 100%;
  margin: auto;
}
@media (min-width: 992px) {
  .products-view__filter-clear {
    width: auto;
  }
}
.products-view__filter-clear .feng-btn {
  width: 100%;
  padding: 1rem 1.5rem;
  color: var(--text-global-800) !important;
  border: 1px solid black !important;
  background: #FFF !important;
  text-transform: uppercase;
}
.products-view__filter-date {
  position: relative;
}
.products-view__filter-date-input .mat-input-element::after {
  white-space: normal !important;
}
.products-view__filter-date-clear {
  pointer-events: none;
  position: absolute;
  top: 5px;
  right: 6px;
}
.products-view__filter-date-clear .feng-btn--primary:not(.feng-btn--outline).feng-btn--icon:hover {
  opacity: 1 !important;
}
.products-view__filter-select .mat-form-field {
  border-color: var(--select-outline-color) !important;
  max-height: 51px;
}
.products-view__filter-select .mat-form-field-underline {
  display: none;
}
.products-view__filter-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.products-view__filter-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.products-view__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-global-800);
  padding: 0 16px;
  font-family: var(--package-title-font-family);
}
@media (min-width: 992px) {
  .products-view__title {
    padding: 0;
    font-size: var(--package-title-title-font-size);
  }
}
.products-view__tab-card {
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  position: relative;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.products-view__tab-card-head {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .products-view__tab-card-head {
    flex-direction: row;
    padding: 24px;
  }
}
.products-view__tab-card-filter {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.products-view__tab-card-filter-item {
  padding: 24px 10px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--filter-color);
}
.products-view__tab-card-filter-item--selected {
  background: var(--filter-active-background);
  color: var(--secondary);
  font-weight: 500;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 992px) {
  .products-view__tab-card-filter-item {
    padding: 24px;
  }
}
.products-view__tab-card-filter-item:hover {
  background: var(--filter-active-background);
}
.products-view__tab-card-search {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .products-view__tab-card-search {
    width: auto;
    margin-bottom: 0;
  }
}
.products-view__tab-card-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.products-view__tab-card-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 16px;
}
.products-view__tab-card-event--feature {
  background: var(--event-background-feature);
}
@media (min-width: 992px) {
  .products-view__tab-card-event {
    box-shadow: none;
    grid-template-columns: 0.2fr 1.1fr 1.4fr;
    column-gap: 16px;
    border-radius: 4px;
    margin-bottom: 0;
  }
}
.products-view__tab-card-event-image {
  width: 95%;
  height: auto;
  max-height: 350px;
  margin: 15px auto;
  border-radius: var(--thumb-image-radius);
  object-fit: cover;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-image {
    width: var(--thumb-desktop-width);
    height: var(--thumb-desktop-height);
    max-height: inherit;
    margin: auto;
  }
}
.products-view__tab-card-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
    position: relative;
    top: -6px;
  }
}
.products-view__tab-card-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info p {
    text-align: left;
  }
}
.products-view__tab-card-event-info-date {
  font-size: var(--event-date-font-size);
  color: var(--secondary);
  font-weight: 500;
}
.products-view__tab-card-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.products-view__tab-card-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  color: var(--text-global-800);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.products-view__tab-card-event-info .feature {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.products-view__tab-card-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  color: var(--text-global-800);
  width: auto;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-info-more-info-address {
    border-right: solid 1px currentColor;
    padding-right: 7px;
  }
}
.products-view__tab-card-event-info-more-info .icon {
  color: var(--secondary);
}
.products-view__tab-card-event-info-more-info .icon--feature {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.products-view__tab-card-event-actions-divider {
  width: 100%;
  border: 0;
  border-top: 1px solid var(--divider-color);
  padding: 0;
  margin: 0 8px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-divider {
    width: 0;
    height: 40%;
    border-top: 0;
    border-left: 1px solid var(--divider-color);
  }
}
.products-view__tab-card-event-actions-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  gap: 5px;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-price {
    align-items: start;
  }
}
.products-view__tab-card-event-actions-price > p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #727272;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) span {
  font-weight: 700;
  font-size: 14px;
}
.products-view__tab-card-event-actions-price > div:nth-child(2) :last-child {
  font-size: 24px;
}
.products-view__tab-card-event-actions .feature p,
.products-view__tab-card-event-actions .feature span {
  color: var(--event-color-text-light);
}
.products-view__tab-card-event-actions-button {
  width: 100%;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-button {
    width: auto;
  }
}
.products-view__tab-card-event-actions-button .feng-btn {
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-actions-button .feng-btn {
    max-width: 88px;
    width: auto;
  }
}
.products-view__tab-card-event-actions-button-info-feature .feng-btn {
  color: var(--event-color-text-light) !important;
  background: var(--event-transparent-button) !important;
}
.products-view__tab-card-event-actions-button--buy .feng-btn {
  background: var(--event-color-button-primary, var(--primary)) !important;
  color: var(--event-color-text-button) !important;
  padding: 10px 16px;
}
@media (min-width: 1200px) {
  .products-view__tab-card-event-actions-button--buy .feng-btn {
    max-width: 100%;
    padding: 10px 56px;
  }
}
.products-view__tab-card-event-actions-button--feature .feng-btn {
  color: var(--event-color-button-primary, var(--primary)) !important;
  background: transparent !important;
  border: solid 1px currentColor;
}
.products-view__tab-card-event-actions-button--interest .feng-btn {
  color: var(--on-background) !important;
  background: transparent !important;
  border: solid 1px currentColor;
}
.products-view__tab-card-event-divider {
  height: 1px;
  border: 0;
  border-top: 1px solid var(--divider-color);
  margin: 16px 0;
  padding: 0;
}
@media (min-width: 992px) {
  .products-view__tab-card-event-divider {
    margin: 13px 0;
  }
}
.products-view__not-found {
  font-size: 20px;
  justify-content: center;
  display: flex;
  font-weight: 600;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar {
  width: 6px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.interest-modal .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.interest-modal {
  max-width: 100% !important;
  height: 100vh;
  align-items: flex-start;
  display: block;
}
@media (min-width: 767px) {
  .interest-modal {
    max-width: 762px !important;
    height: 90vh;
    max-height: 90vh;
  }
}
.interest-modal--interest {
  height: auto;
}
@media (min-width: 767px) {
  .interest-modal--interest {
    max-width: 533px !important;
  }
}
.interest-modal--interest .mat-dialog-container {
  min-width: 100% !important;
}
.interest-modal .mat-dialog-container {
  padding: 0 !important;
  width: 100vw !important;
  padding: 16px !important;
}
@media (min-width: 767px) {
  .interest-modal .mat-dialog-container {
    width: 100% !important;
    min-width: 765px;
  }
}
@media (min-width: 992px) {
  .interest-modal .mat-dialog-container {
    padding: 16px 28px !important;
  }
}
.interest-modal__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
}
.interest-modal__head-title {
  font-size: var(--event-title-size);
  color: var(--text-global-800);
  font-family: var(--event-title-family);
  line-height: 28px;
  margin: 0;
  display: none;
}
@media (min-width: 992px) {
  .interest-modal__head-title {
    display: block;
  }
}
.interest-modal__head-title--info {
  display: block;
  text-transform: uppercase;
  font-size: 20px;
  margin: 15px 0 30px;
}
.interest-modal__head-title--mobile {
  display: block;
  font-size: 20px;
}
@media (min-width: 992px) {
  .interest-modal__head-title--mobile {
    display: none;
  }
}
.interest-modal__head-close {
  align-self: flex-end;
}
.interest-modal__head-close .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.interest-modal__interest-desc {
  color: var(--text-global-800);
}
.interest-modal__interest--mobile {
  display: none;
}
.interest-modal__interest-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.interest-modal__interest-form-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.interest-modal__interest-form-textarea .feng-textarea--primary {
  width: 100%;
}
.interest-modal__interest-submit {
  width: 100%;
}
.interest-modal__interest-submit .feng-btn {
  width: 100%;
  background: var(--event-color-button-primary, var(--primary)) !important;
  color: var(--event-color-text-button) !important;
  width: 100%;
  text-transform: uppercase;
}
.interest-modal__interest-mobile-more-info {
  margin: 20px auto 5px;
  display: block;
}
@media (min-width: 992px) {
  .interest-modal__interest-mobile-more-info {
    display: none;
  }
}
.interest-modal__interest-succes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 340px;
  padding: 36px 0 13px;
  color: var(--text-global-800);
  margin: 0 auto;
}
.interest-modal__interest-succes span {
  font-size: 66px;
  color: var(--success);
}
.interest-modal__interest-succes h2 {
  max-width: 379px;
  font-family: var(--package-title-font-family);
  text-transform: uppercase;
  text-align: center;
  margin-top: 25px;
}
.interest-modal__interest-succes p {
  text-align: center;
  margin: 0;
}
.interest-modal__info {
  display: block;
}
.interest-modal__info-banner {
  height: 158px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
@media (min-width: 767px) {
  .interest-modal__info-banner {
    height: 275px;
  }
}
.interest-modal__info-product {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  border-radius: 8px;
  background: transparent;
}
.interest-modal__info-product--interest {
  display: none;
}
@media (min-width: 992px) {
  .interest-modal__info-product--interest {
    display: grid;
  }
}
@media (min-width: 767px) {
  .interest-modal__info-product {
    box-shadow: none;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 16px;
    border-radius: 0;
  }
}
.interest-modal__info-product-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  border-bottom: 1px solid var(--divider-color);
}
@media (min-width: 767px) {
  .interest-modal__info-product-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
    border-bottom: 0;
  }
}
.interest-modal__info-product-info p {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--event-color-text-dark);
}
@media (min-width: 767px) {
  .interest-modal__info-product-info p {
    text-align: left;
  }
}
.interest-modal__info-product-info-date {
  font-size: var(--event-date-font-size);
  font-weight: 500;
  color: var(--event-color-text-secondary) !important;
}
.interest-modal__info-product-info-date--interest {
  font-size: var(--event-date-font-size-interest);
}
.interest-modal__info-product-info-date--interest span {
  font-size: 35px !important;
}
.interest-modal__info-product-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.interest-modal__info-product-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 767px) {
  .interest-modal__info-product-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.interest-modal__info-product-info-name--interest {
  font-size: var(--event-name-font-size-interest);
}
.interest-modal__info-product-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.interest-modal__info-product-info-more-info--interest {
  flex-direction: column !important;
  align-items: flex-start;
}
@media (min-width: 767px) {
  .interest-modal__info-product-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.interest-modal__info-product-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  width: auto;
  color: var(--text-global-800);
}
.interest-modal__info-product-info-more-info .icon {
  color: var(--secondary);
}
.interest-modal__info-product-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
  gap: 0;
}
@media (min-width: 767px) {
  .interest-modal__info-product-actions {
    justify-content: flex-end;
    border: none;
    gap: 8px;
  }
}
.interest-modal__info-product-actions-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 16px;
}
@media (min-width: 767px) {
  .interest-modal__info-product-actions-price {
    margin-bottom: 0;
  }
}
.interest-modal__info-product-actions-price > p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #727272;
}
.interest-modal__info-product-actions-price > div:nth-child(2) {
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.interest-modal__info-product-actions-price > div:nth-child(2) span {
  font-weight: 700;
  font-size: 14px;
}
.interest-modal__info-product-actions-price > div:nth-child(2) :last-child {
  font-size: 24px;
}
.interest-modal__info-product-actions-button {
  width: 100%;
}
.interest-modal__info-product-actions-button .feng-btn {
  width: 100%;
  background: var(--on-secondary) !important;
  color: var(--on-surface) !important;
}
.interest-modal__info-atention {
  margin: 16px 0;
}
.interest-modal__info-atention-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--package-title-font-family);
}
.interest-modal__info-atention-text {
  color: var(--text-global-800);
  margin: 16px 0;
}
.fengstcheckout-checkout-product-view-v1 {
  background-color: var(--account-background);
  min-height: 300px;
}
.fengstcheckout-checkout-product-view-v1__wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  text-align: center;
}
.fengstcheckout-checkout-product-view-v1__wrap-term-link {
  text-decoration: none;
}
.fengstcheckout-checkout-product-view-v1__wrap-head {
  padding: 0 16px 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-head-title {
  margin: 32px auto 4px;
  font-family: var(--checkout-cart-event-title-font-family);
  font-weight: var(--checkout-cart-event-title-font-wight);
  font-size: var(--checkout-cart-event-title-font-size);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-head-title {
    font-size: var(--checkout-cart-event-title-font-size-desktop);
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-head-subtitle {
  margin: 0 0 24px;
  font-size: var(--checkout-cart-event-subtitle-font-size);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-head-subtitle {
    font-size: var(--checkout-cart-event-subtitle-font-size-desktop);
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-divider {
  border: none;
  height: 1px;
  background: var(--divider-color);
  width: 100%;
  margin: 16px 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-cards {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 24px;
  padding-bottom: 32px;
}
@media (min-width: 1200px) {
  .fengstcheckout-checkout-product-view-v1__wrap-cards {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-method, .fengstcheckout-checkout-product-view-v1__wrap-resume {
  background: #fff;
  text-align: left;
  padding: 16px;
  color: var(--checkout-cart-event-font-color);
  box-shadow: var(--checkout-cart-event-card-shadow);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1200px) {
  .fengstcheckout-checkout-product-view-v1__wrap-method, .fengstcheckout-checkout-product-view-v1__wrap-resume {
    border-radius: 8px;
    min-height: 614px;
    padding: 24px;
    width: 566px;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-method h2, .fengstcheckout-checkout-product-view-v1__wrap-resume h2 {
  font-size: var(--checkout-cart-event-card-title-font-size);
  font-family: var(--checkout-cart-event-title-font-family);
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-select .feng-select__mat-form-field .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select-arrow-wrapper {
  border-left: none !important;
  padding: 6px 8px 0 !important;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-coupon-input {
  flex: 1;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  width: 100%;
  border-width: 1px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-button .feng-btn {
    width: auto;
    height: 52px;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox {
  margin-bottom: 8px;
  margin-right: 2px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .feng-checkbox__label {
  line-height: 18px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .fengi-checkmark-bold {
  width: 25px !important;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__wrap-resume-form-checkbox .fengi-checkmark-bold {
    width: 18px !important;
  }
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-submit-button {
  margin-top: 22px;
}
.fengstcheckout-checkout-product-view-v1__wrap-resume-form-submit-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  width: 100%;
  background: var(--checkout-cart-event-finish-button-background) !important;
  color: var(--checkout-cart-event-button-color) !important;
}
.fengstcheckout-checkout-product-view-v1__wrap-product {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
  margin: 24px 0 16px;
}
.fengstcheckout-checkout-product-view-v1__wrap-product span {
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstcheckout-checkout-product-view-v1__wrap-product span:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstcheckout-checkout-product-view-v1__wrap-product span p {
  max-width: 245px;
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-v1__wrap-total {
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  margin: 0 0 24px;
  display: flex;
  justify-content: space-between;
  padding: 21px;
}
.fengstcheckout-checkout-product-view-v1__wrap-total strong {
  font-size: 14px;
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-v1__payments-methods {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
  margin-bottom: 15px;
}
.fengstcheckout-checkout-product-view-v1__payments-methods button {
  text-align: center;
  padding: 8px 16px 8px;
  border: none;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 4px;
  height: 64px;
  flex-direction: column;
  column-gap: 7px;
  flex: 1;
}
.fengstcheckout-checkout-product-view-v1__payments-methods button i {
  font-size: 23px;
  margin-right: 5px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__payments-methods button {
    flex-direction: row;
    padding: 16px;
  }
}
.fengstcheckout-checkout-product-view-v1__payments-methods button span {
  max-width: -moz-fit-content;
  max-width: fit-content;
  text-align: center;
  font-family: var(--font-button);
  margin-top: auto;
  left: -2px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-v1__payments-methods button span {
    text-align: left;
    position: relative;
    margin-top: 0;
    left: 0;
    top: 2px;
  }
}
.fengstcheckout-checkout-product-view-v1__payments-methods button:hover {
  cursor: pointer;
}
.fengstcheckout-checkout-product-view-v1__payments-methods .button_inactive {
  color: var(--surface);
  background: var(--table-header-footer-background);
}
.fengstcheckout-checkout-product-view-v1__payments-methods .button_active {
  background: var(--installments-payment-modal-method-selected);
  color: var(--secondary);
}
.fengstcheckout-checkout-product-view-v1__local-loader .fengstui-local-loading {
  position: relative !important;
  display: flex;
  height: 400px;
}
.fengstcheckout-checkout-product-view-v1__updateqtd-loader {
  height: 18px !important;
  position: relative !important;
  right: 30px;
}
.fengstcheckout-checkout-product-view-v1__updateqtd-loader .bullets div {
  background: var(--checkout-cart-event-font-color) !important;
  width: 4px !important;
  height: 4px !important;
}
.custom-number-control {
  position: relative;
  width: 100%;
}
.custom-number-control-buttons {
  position: absolute;
  top: 6px;
  bottom: 0;
  display: flex;
  right: 3px;
  height: 76%;
}
.custom-number-control-buttons button {
  background: #fff;
  color: var(--checkout-cart-event-font-color);
  border: none;
  cursor: pointer;
  padding: 0 23px;
}
.custom-number-control-buttons button:not(:last-of-type) {
  border-right: solid 1px var(--divider-color);
}
.investsmart-nav {
  background: var(--account-background);
}
.fengstcheckout-checkout-product-view-result {
  background: var(--checkout-cart-event-product-background);
  min-height: calc(100svh - var(--footer-height) + 34px);
}
.fengstcheckout-checkout-product-view-result .fengst-nav {
  min-height: 100% !important;
}
.fengstcheckout-checkout-product-view-result__content {
  max-width: 495px;
  row-gap: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin: auto;
  text-align: center;
  padding: 24px 16px 48px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__content {
    padding: 0 16px 0;
  }
}
.fengstcheckout-checkout-product-view-result__content--card {
  background: #fff;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  padding: 24px;
  max-width: 600px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__content--card {
    border-radius: 8px;
  }
}
.fengstcheckout-checkout-product-view-result__content--card-large {
  padding: 24px;
  margin: 20px auto;
}
.fengstcheckout-checkout-product-view-result__title {
  font: var(--checkout-cart-event-result-title-font);
  color: var(--checkout-cart-event-font-color);
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__title {
    font: var(--checkout-cart-event-result-title-font-desktop);
    margin: 0;
  }
}
.fengstcheckout-checkout-product-view-result__icon {
  font-size: 88px;
  color: var(--checkout-cart-event-font-color);
}
.fengstcheckout-checkout-product-view-result__icon--success {
  color: var(--success);
}
.fengstcheckout-checkout-product-view-result__icon--error {
  color: var(--error);
}
.fengstcheckout-checkout-product-view-result__message {
  color: var(--checkout-cart-event-font-color);
  margin: 0;
}
.fengstcheckout-checkout-product-view-result__buttons {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
  justify-content: center;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons {
    gap: 24px;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons-button {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button .feng-btn {
  border-radius: var(--checkout-cart-event-finish-button-radius);
  border-width: 1px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-result__buttons-button .feng-btn {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.fengstcheckout-checkout-product-view-result__buttons-button .feng-btn--secondary {
  background: var(--checkout-cart-event-finish-button-background) !important;
  color: var(--checkout-cart-event-button-color) !important;
}
.fengstcheckout-checkout-product-view-result__welcome {
  margin: 0 auto;
}
.fengstcheckout-checkout-product-view-result__welcome .feng-btn {
  background: transparent !important;
}
.fengstcheckout-checkout-product-instructions__list {
  list-style: none;
  background: var(--checkout-cart-event-product-background);
  border: solid 1px var(--divider-color);
  border-radius: var(--checkout-cart-event-finish-button-radius);
  display: flex;
  flex-direction: column;
  padding: 0 24px;
}
.fengstcheckout-checkout-product-instructions__list-item {
  display: flex;
  align-items: center;
  flex-direction: row;
  column-gap: 16px;
  padding: 24px 0;
}
.fengstcheckout-checkout-product-instructions__list-item:not(:last-of-type) {
  border-bottom: solid 1px var(--divider-color);
}
.fengstcheckout-checkout-product-instructions__list-item span {
  font-size: 32px;
}
.fengstcheckout-checkout-product-instructions__list-item p {
  margin: 0;
  max-width: 400px;
}
.fengstcheckout-checkout-product-ccard-list {
  list-style: none;
  border: 1px solid var(--divider-color);
  border-radius: 4px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle,
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent:active .mat-radio-inner-circle {
  background-color: var(--secondary);
}
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-ripple-element,
.fengstcheckout-checkout-product-ccard-list .mat-radio-button.mat-accent:active .mat-ripple-element {
  background-color: var(--secondary);
}
.fengstcheckout-checkout-product-ccard-list--form {
  box-shadow: none;
  padding: 0;
  border: none;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list--form {
    border: 1px solid var(--divider-color);
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  }
}
.fengstcheckout-checkout-product-ccard-list__ccard-list {
  padding: 7px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list .mat-radio-container {
  transform: scale(0.8);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: var(--secondary) !important;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li {
  display: flex;
  align-items: center;
  column-gap: 7px;
  padding: 16px 0 16px 8px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li:not(:last-child) {
  border-bottom: 1px solid var(--divider-color);
  margin-bottom: 6px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list li:last-child {
  padding: 0;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item {
  display: flex;
  align-items: center;
  gap: 29px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main {
  color: var(--outline-button-color);
  background: var(--circle-background);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  font-size: 19px;
  border: none;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main i {
  position: relative;
  left: 1px;
  top: 2px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main .star {
  position: absolute;
  display: flex;
  align-items: center;
  right: -13px;
  left: auto;
  top: 10px;
  font-size: 17px;
  color: var(--surface);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-main .star--selected {
  color: var(--star-icon);
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-item-text {
  margin: 0;
  color: var(--text-global-800);
  font-size: 14px;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card {
  display: grid;
  grid-gap: 15px;
  justify-items: center;
  align-items: center;
  margin: auto;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn {
  color: var(--on-background) !important;
  background-color: transparent !important;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--add-card-font-family);
  display: flex;
  flex-direction: row;
  align-items: center;
}
.fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__left-icon, .fengstcheckout-checkout-product-ccard-list__ccard-list-new-card .feng-btn:not(.feng-btn--icon) .feng-btn__right-icon {
  font-size: 14px !important;
}
.fengstcheckout-checkout-product-ccard-list__form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list__form {
    padding: 16px;
  }
}
.fengstcheckout-checkout-product-ccard-list__form-inline {
  display: grid;
  grid-template-columns: 1fr 100px;
  column-gap: 10px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag {
  position: relative;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag i {
  position: absolute;
  transform: scale(0.7);
  bottom: -14px;
  right: -18px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag .master {
  transform: scale(0.46);
  bottom: -20px;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag--code {
  background: #F4F4F4;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  position: relative;
}
.fengstcheckout-checkout-product-ccard-list__form-inline-flag--code svg {
  transform: scale(0.47);
  right: 0;
  position: absolute;
  top: -4px;
}
.fengstcheckout-checkout-product-ccard-list__form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 10px;
  justify-content: flex-end;
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-ccard-list__form-actions {
    flex-direction: row;
  }
}
.fengstcheckout-checkout-product-view-pix__title {
  font: var(--checkout-cart-event-result-title-pix-font);
  color: var(--checkout-cart-event-font-color);
}
.fengstcheckout-checkout-product-view-pix__qrcode {
  display: grid;
  grid-template-columns: 1fr 0.8fr;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  grid-template-areas: "text total" "img img" "input input" "button button";
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode {
    grid-template-columns: 1fr 1fr;
    align-items: flex-end;
    grid-template-rows: auto 30px 75px;
    grid-template-areas: "img text" "img total" "img input" "img button";
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-img {
  grid-area: img;
  width: 100%;
  aspect-ratio: 1/1;
  border: solid 1px var(--divider-color);
  margin: 16px 0;
  border-radius: 3px;
}
.fengstcheckout-checkout-product-view-pix__qrcode-img img {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-img {
    width: 240px;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-text, .fengstcheckout-checkout-product-view-pix__qrcode-total {
  margin: 0;
  font: var(--checkout-cart-event-result-title-pix-font);
  color: var(--checkout-cart-event-font-color);
  width: 100%;
}
.fengstcheckout-checkout-product-view-pix__qrcode-text {
  grid-area: text;
  text-align: right;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-text {
    text-align: center;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-total {
  grid-area: total;
  text-align: left;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-total {
    text-align: center;
    align--self: flex-start;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-input {
  grid-area: input;
  align-self: center;
  width: 100%;
  background: var(--input-disabled-background) !important;
  border-radius: 7px;
}
.fengstcheckout-checkout-product-view-pix__qrcode-button {
  grid-area: button;
  align-self: flex-start;
  margin-top: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstcheckout-checkout-product-view-pix__qrcode-button {
    margin-top: 0;
  }
}
.fengstcheckout-checkout-product-view-pix__qrcode-button .feng-btn {
  width: 100%;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar {
  width: 8px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-track {
  background: var(--divider-color);
  border-radius: 24px;
}
.fengstmypackages-more-info-modal .mat-dialog-container::-webkit-scrollbar-thumb {
  background: var(--outline-button-color);
  border-radius: 24px;
}
.fengstmypackages-more-info-modal {
  max-width: 100% !important;
  height: 100vh;
  display: block;
  align-items: flex-start;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal {
    max-width: 762px !important;
    height: 90vh;
  }
}
.fengstmypackages-more-info-modal .mat-dialog-container {
  padding: 0 !important;
  width: 100vw !important;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal .mat-dialog-container {
    width: 100% !important;
    min-width: 765px;
  }
}
.fengstmypackages-more-info-modal__divider {
  border: none;
  height: 1px;
  background: var(--divider-color);
  width: 97%;
  margin: 16px auto;
}
.fengstmypackages-more-info-modal__head {
  display: flex;
  align-items: flex-start;
  flex-direction: column-reverse;
  padding: 16px 16px 8px 32px;
}
.fengstmypackages-more-info-modal__head-title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--text-global-800);
  font-family: var(--package-title-font-family);
  margin: 0;
}
.fengstmypackages-more-info-modal__head-close {
  align-self: flex-end;
}
.fengstmypackages-more-info-modal__head-close .feng-btn--primary:focus:not(:disabled):not(.feng-btn--link) {
  box-shadow: none !important;
}
.fengstmypackages-more-info-modal__ticket {
  padding: 8px 16px 16px;
}
.fengstmypackages-more-info-modal__ticket-banner {
  width: 100%;
  height: 175px;
  border-radius: 10px;
  object-fit: cover;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-banner {
    width: 468px;
  }
}
.fengstmypackages-more-info-modal__ticket-content-event-name {
  font-family: var(--package-title-font-family);
  color: var(--text-global-800);
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 24px 0;
}
.fengstmypackages-more-info-modal__ticket-content-code {
  width: 100%;
  height: 354px;
  border: solid 1px var(--divider-color);
  padding: 25px;
  border-radius: 4px;
  text-align: center;
  margin: auto auto 16px;
}
.fengstmypackages-more-info-modal__ticket-content-code-desc {
  margin: 0 0 17px 0;
  font-size: 17px;
  font-weight: 500;
  color: var(--text-global-800);
}
.fengstmypackages-more-info-modal__ticket-content-code .code {
  width: 100%;
  height: 266px;
  background: #ccc;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-content-code {
    width: 348px;
  }
  .fengstmypackages-more-info-modal__ticket-content-code .code {
    width: 297px;
  }
}
.fengstmypackages-more-info-modal__ticket-content-print {
  width: 100%;
}
.fengstmypackages-more-info-modal__ticket-content-print .feng-btn {
  width: 100%;
  text-transform: uppercase;
  background: var(--print-button-background) !important;
  color: var(--print-button-color) !important;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__ticket-content-print .feng-btn {
    width: 348px;
    display: flex;
    margin: auto;
  }
}
.fengstmypackages-more-info-modal__ticket-content-info {
  display: flex;
  align-items: center;
  padding: 24px 0 0;
  border-top: solid 1px var(--divider-color);
  margin-top: 24px;
  column-gap: 8px;
  justify-content: center;
  flex-wrap: wrap;
}
.fengstmypackages-more-info-modal__ticket-content-info p {
  margin: 0 0 10px 0;
  color: var(--text-global-800);
  font-size: 16px;
  line-height: 14px;
}
.fengstmypackages-more-info-modal__ticket-content-info p:not(:last-of-type) {
  border-right: solid 1px var(--text-global-800);
  padding-right: 8px;
}
.fengstmypackages-more-info-modal__ticket-content-info-date {
  font-weight: 700;
  font-size: 20px;
  color: var(--text-global-800);
  text-transform: uppercase;
}
.fengstmypackages-more-info-modal__info-banner {
  height: 158px;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-banner {
    height: 275px;
  }
}
.fengstmypackages-more-info-modal__info-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px 16px 0;
  border-radius: 8px;
  background: transparent;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event {
    box-shadow: none;
    grid-template-columns: 1fr 0.7fr;
    column-gap: 16px;
    border-radius: 0;
  }
}
.fengstmypackages-more-info-modal__info-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
  }
}
.fengstmypackages-more-info-modal__info-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
  color: var(--event-color-text-dark);
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info p {
    text-align: left;
  }
}
.fengstmypackages-more-info-modal__info-event-info-date {
  font-size: var(--event-date-font-size);
  font-weight: 500;
  color: var(--event-color-text-secondary) !important;
}
.fengstmypackages-more-info-modal__info-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.fengstmypackages-more-info-modal__info-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.fengstmypackages-more-info-modal__info-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.fengstmypackages-more-info-modal__info-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  width: auto;
  color: var(--text-global-800);
}
.fengstmypackages-more-info-modal__info-event-info-more-info .icon {
  color: var(--secondary);
}
.fengstmypackages-more-info-modal__info-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
  border-bottom: solid 1px var(--divider-color);
  padding-bottom: 24px;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions {
    flex-direction: row;
    justify-content: flex-end;
    border: none;
  }
}
.fengstmypackages-more-info-modal__info-event-actions-button {
  width: 100%;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions-button {
    width: auto;
  }
}
.fengstmypackages-more-info-modal__info-event-actions-button .feng-btn {
  color: var(--outline-button-color) !important;
  border-color: currentColor !important;
  background: transparent !important;
  padding: 10px 56px;
  width: 100%;
}
@media (min-width: 767px) {
  .fengstmypackages-more-info-modal__info-event-actions-button .feng-btn {
    border: none;
    background: var(--on-secondary) !important;
    color: var(--on-surface) !important;
  }
}
.fengstmypackages-more-info-modal__info-atention {
  padding: 0 8px 0 32px;
  margin: 16px 0;
}
.fengstmypackages-more-info-modal__info-atention-title {
  color: var(--secondary);
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  font-family: var(--package-title-font-family);
}
.fengstmypackages-more-info-modal__info-atention-text {
  color: var(--text-global-800);
  margin: 16px 0;
}
.fengstmypackages-my-package {
  width: 100%;
}
@media (min-width: 1200px) {
  .fengstmypackages-my-package {
    padding: 16px;
    width: var(--max-width);
    margin: auto;
  }
}
.fengstmypackages-my-package__title {
  font-size: 24px;
  font-weight: 700;
  color: var(--text-global-800);
  padding: 0 16px;
  font-family: var(--package-title-font-family);
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__title {
    padding: 0;
    font-size: var(--package-title-title-font-size);
  }
}
.fengstmypackages-my-package__tab-card {
  padding: 16px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
}
.fengstmypackages-my-package__tab-card-head {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-head {
    flex-direction: row;
    padding: 24px;
  }
}
.fengstmypackages-my-package__tab-card-filter {
  list-style: none;
  padding: 0;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.fengstmypackages-my-package__tab-card-filter-item {
  padding: 24px 10px;
  text-transform: uppercase;
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: var(--filter-color);
}
.fengstmypackages-my-package__tab-card-filter-item--selected {
  background: var(--filter-active-background);
  color: var(--secondary);
  font-weight: 500;
  border-bottom: 1px solid currentColor;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-filter-item {
    padding: 24px;
  }
}
.fengstmypackages-my-package__tab-card-filter-item:hover {
  background: var(--filter-active-background);
}
.fengstmypackages-my-package__tab-card-search {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-search {
    width: auto;
    margin-bottom: 0;
  }
}
.fengstmypackages-my-package__tab-card-search .feng-input--primary.feng-input .feng-input__icon-wrapper--right {
  position: relative;
  border: solid 1px #dedede;
  left: -2px;
  border-left-width: 0;
  color: #000;
  background: #fff;
}
.fengstmypackages-my-package__tab-card-event {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 16px;
  padding: 16px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  margin-bottom: 16px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event {
    box-shadow: none;
    grid-template-columns: 0.2fr 1fr 0.5fr;
    column-gap: 16px;
    border-radius: 0;
    margin-bottom: 0;
  }
  .fengstmypackages-my-package__tab-card-event:not(:last-of-type) {
    border-bottom: solid 1px var(--divider-color);
  }
}
.fengstmypackages-my-package__tab-card-event-image {
  width: 95%;
  height: auto;
  max-height: 350px;
  margin: 15px auto;
  border-radius: var(--thumb-image-radius);
  object-fit: cover;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-image {
    width: var(--thumb-desktop-width);
    height: var(--thumb-desktop-height);
    max-height: inherit;
    margin: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 16px;
  position: relative;
  top: -8px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info {
    align-items: flex-start;
    justify-content: center;
    row-gap: 12px;
  }
}
.fengstmypackages-my-package__tab-card-event-info p {
  margin: 0;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info p {
    text-align: left;
  }
}
.fengstmypackages-my-package__tab-card-event-info-date {
  font-size: var(--event-date-font-size);
  color: var(--secondary);
  font-weight: 500;
}
.fengstmypackages-my-package__tab-card-event-info-date span {
  color: currentColor;
  font-size: 40px;
  line-height: 40px;
  align-self: center;
  margin: 0px 5px;
  position: relative;
  top: -3px;
}
.fengstmypackages-my-package__tab-card-event-info-name {
  font-size: var(--event-name-font-size);
  font-weight: 700;
  text-transform: var(--event-name-text-transform);
  color: var(--text-global-800);
  border-top: solid 1px var(--divider-color);
  padding-top: 13px;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info-name {
    border-top: none;
    padding-top: 0;
  }
}
.fengstmypackages-my-package__tab-card-event-info-more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-info-more-info {
    flex-direction: row;
    column-gap: 6px;
  }
}
.fengstmypackages-my-package__tab-card-event-info-more-info p {
  font-size: var(--event-addres-font-size);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  column-gap: 8px;
  color: var(--text-global-800);
  width: auto;
}
.fengstmypackages-my-package__tab-card-event-info-more-info .icon {
  color: var(--secondary);
}
.fengstmypackages-my-package__tab-card-event-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions {
    flex-direction: row;
    justify-content: flex-end;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button .feng-btn {
  width: 100%;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions-button .feng-btn {
    max-width: 88px;
    width: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button--ticket {
  width: 100%;
}
@media (min-width: 992px) {
  .fengstmypackages-my-package__tab-card-event-actions-button--ticket {
    width: auto;
  }
}
.fengstmypackages-my-package__tab-card-event-actions-button--ticket .feng-btn {
  color: var(--outline-button-color) !important;
  border-color: currentColor !important;
  padding: 10px 16px;
}
@media (min-width: 1200px) {
  .fengstmypackages-my-package__tab-card-event-actions-button--ticket .feng-btn {
    max-width: 100%;
    padding: 10px 56px;
  }
}
:root {
  --background: #EFF0F4;
  --background-RGB: 239, 240, 244;
  --on-background: #0F0F0F;
  --on-background-RGB: 15, 15, 15;
  --primary: #FF8040;
  --primary-RGB: 255, 128, 64;
  --on-primary: #fff;
  --on-primary-RGB: 255, 255, 255;
  --primary-light: #ffc8ac;
  --primary-dark:rgb(92, 44, 20)c;
  --secondary: #B2B4B7;
  --secondary-RGB: 178, 180, 183;
  --on-secondary: #fff;
  --on-secondary-RGB: 255, 255, 255;
  --secondary-light: #B2B4B7;
  --surface: #fff;
  --surface-RGB: 255, 255, 255;
  --on-surface: #0F0F0F;
  --on-surface-RGB: 15, 15, 15;
  --error: #EB5945;
  --error-RGB: 235, 89, 69;
  --on-error: #fff;
  --on-error-RGB: 255, 255, 255;
  --warning: #F6BB42;
  --warning-RGB: 246, 187, 66;
  --on-warning: #fff;
  --on-warning-RGB: 255, 255, 255;
  --success: #14a80c;
  --success-RGB: 20, 168, 12;
  --on-success: #fff;
  --on-success-RGB: 255, 255, 255;
  --info: #B2B4B7;
  --info-RGB: 178, 180, 183;
  --on-info: #fff;
  --on-info-RGB: 255, 255, 255;
  --stract: #828282;
  --divider-color: #ccc;
  --shadow-elevation: 1dp;
  --outline-button-color: "#000";
  --star-icon: #000;
  --circle-background: var(--secondary);
  --font-primary: "Roboto";
  --font-title: "D-DIN";
  --font-button: "D-DIN-bold";
  --font-event: "GillSansMT";
  --loading-wrapper-size: 210px;
  --loading-image-size: 90px;
  --global-loading-background-color: black;
  --global-loading-fill-color: none;
  --global-loading-status-background-color: #222;
  --global-loading-status-text-color: white;
  --local-loading-status-background-color: rgba(255,255,255,0.1);
  --local-loading-status-text-color: black;
  --title-margin-top: 0.5em;
  --title-margin-bottom: 0.75em;
  --paragraph-margin-top: 1em;
  --paragraph-margin-bottom: 1.25em;
  --button-padding-tiny: 3px 5px;
  --button-font-size-tiny: 11px;
  --button-icon-margin-tiny: 10px;
  --button-padding-small: 5px 8px;
  --button-font-size-small: 13px;
  --button-icon-margin-small: 12px;
  --button-padding-medium: 10px 15px;
  --button-font-size-medium: 15px;
  --button-icon-margin-medium: 15px;
  --button-padding-large: 15px 22px;
  --button-font-size-large: 17px;
  --button-icon-margin-large: 33px;
  --button-padding-giant: 17px 24px;
  --button-font-size-giant: 19px;
  --button-icon-margin-giant: 10px;
  --button-link-padding: 0;
  --button-outline-style: solid;
  --button-outline-width: 2px;
  --button-inside-border-width: 1px;
  --button-inside-border-color: white;
  --button-margin-tiny: -2px 0px 1px 2px;
  --button-width-tiny: 97px;
  --button-margin-small: -2px 0px 1px 3px;
  --button-width-small: 103px;
  --button-margin-medium: -3px 1px 1px 3px;
  --button-width-medium: 109px;
  --button-margin-large: -3px 1px 1px 3px;
  --button-width-large: 116px;
  --button-margin-giant: -3px 1px 0px 3px;
  --button-width-giant: 128px;
  --input-outline-width: 1px;
  --input-outline-style: solid;
  --input-outline-color: #dedede;
  --input-border-radius: 5px;
  --input-text: #000;
  --input-background: #fff;
  --input-disabled-background: #fff;
  --input-icon-margin: 15px;
  --input-icon-width: 40px;
  --input-icon-font-size: 15px;
  --radio-label-margin: 15px;
  --radio-label-gap-vertical: 5px;
  --radio-label-gap-horizontal: 25px;
  --checkbox-size: 18px;
  --checkbox-label-margin: 20px;
  --checkbox-border-radius: 3px;
  --checkbox-border-width: 1px;
  --select-outline-width: 1px;
  --select-outline-style: solid;
  --select-outline-color: #dedede;
  --select-icon-margin: 3px;
  --select-border-radius: 5px;
  --select-background: #fff;
  --select-padding-top-bottom: 0.375em;
  --select-padding-left: 1em;
  --toggle-size: 36px;
  --toggle-label-margin: 15px;
  --toggle-bar-border-radius: 15px;
  --toggle-thumb-border-radius: 15px;
  --chips-tiny-border-radius: 13px;
  --chips-tiny-padding: 3px 9px;
  --chips-tiny-font-size: 10px;
  --chips-small-border-radius: 15px;
  --chips-small-padding: 5px 11px;
  --chips-small-font-size: 12px;
  --chips-medium-border-radius: 20px;
  --chips-medium-padding: 7px 13px;
  --chips-medium-font-size: 14px;
  --chips-large-border-radius: 25px;
  --chips-large-padding: 9px 15px;
  --chips-large-font-size: 16px;
  --chips-giant-border-radius: 25px;
  --chips-giant-padding: 12px 18px;
  --chips-giant-font-size: 18px;
  --max-width: 1200px;
  --max-width-md: 960px;
  --menu-itens-color: #404040;
  --menu-itens-background: "transparent";
  --menu-active-color: #000;
  --menu-active-background: var(--secondary);
  --menu-itens-font-famaly: "Roboto";
  --menu-active-border-radius: 0px;
  --menu-active-underline: #000;
  --menu-mobile-background: #fff;
  --menu-mobile-user-detail-color: #fff;
  --menu-mobile-user-detail-background: #000;
  --menu-mobile-itens-color: #fff;
  --menu-mobile-itens-background: #000;
  --public-header-security-top-padding: 50px;
  --private-header-security-top-padding: 0;
  --header-bg: "white";
  --header-height: 142px;
  --header-bottom-landing: "white";
  --header-bg-landing: "white";
  --header-bg-color: "rgba(51, 51, 51, 0.04)";
  --header-border-color: "#fff";
  --header-font-color: "#fff";
  --header-mobile-bg: "white";
  --header-mobile-logo-width: 65px;
  --header-desktop-logo-width: 89px;
  --header-desktop-shield-width: 61px;
  --header-mobile-shield-width: 30px;
  --header-mobile-logo-top: 10px;
  --header-desktop-logo-top: 0;
  --header-mobile-height: 100px;
  --header-desktop-height: 130px;
  --header-mobile-font-size: 14px;
  --header-desktop-font-size: 18px;
  --header-mobile-margin-top: 4px;
  --header-desktop-margin-top: 20px;
  --header-desktop-content-padding: 54px;
  --header-mobile-content-padding: 34px;
  --header-logged-bg: #000;
  --header-logged-mobile-logo-width: 45px;
  --header-logged-desktop-logo-width: 68px;
  --header-logged-mobile-logo-margin-left: 0px;
  ----header-logged-mobile-logo-top: 0px;
  --header-new-mobile-logo-width: 93.204px;
  --header-new-desktop-logo-width: 181.279px;
  --header-new-mobile-second-logo-width: 128.811px;
  --header-counter-background: #F8F8F8;
  --header-counter-font-family: RidleyGrotesk-SemiBold;
  --header-counter-font-size: 28px;
  --header-counter-text-color: #7C7C7C;
  --header-counter-color: #E7E7E7;
  --header-counter-number-bg: #8c1827;
  --header-counter-number-border-color: #F8F8F8;
  --header-counter-number-outline-color: #E7E7E7;
  --header-counter-number-font-family: "CityDBol";
  --header-counter-number-font-size: "35px";
  --header-desktop-menu-font-size: "12px";
  --header-mobile-menu-font-size: "17px";
  --header-login-color: #27292D;
  --header-logged-text-color: #FFFFFF;
  --header-logged-border-top: none;
  --header-logged-border-bottom: 5px solid var(--secondary);
  --header-logged-notification-news-color: var(--secondary);
  --hotsite-header-desktop-max-width: "";
  --footer-item-margin: 20px auto;
  --footer-color: #fff;
  --footer-height: 250px;
  --footer-background: #000;
  --footer-logged-background: #000;
  --footer-unlogged-background: var(--footer-background);
  --footer-logged-border-top-color: #000;
  --footer-border-top-color: #000;
  --footer-logo-width: 250px;
  --footer-unlogged-logo-width: var(--footer-logo-width);
  --footer-background-color: var(--primary);
  --footer-icon-color: var(--on-primary);
  --footer-font-family: var(--font-primary);
  --footer-logo-alt-width: 250px;
  --footer-social-bg: var(--secondary);
  --footer-social-color: var(--on-secondary);
  --footer-social-unlogged-bg: var(--footer-social-bg);
  --footer-social-unlogged-color: var(--footer-social-color);
  --auth-modal-stlogo-width: 100px;
  --auth-modal-stlogo-bg: white;
  --auth-modal-closebtn-color: black;
  --mobile-auth-modal-closebtn-color: white;
  --mobile-auth-modal-stlogo-width: 80px;
  --mobile-auth-modal-stlogo-margin: 0;
  --auth-cognito-bg: #fff;
  --auth-cognito-color: #000;
  --auth-cognito-logo-bg: #fff;
  --auth-cognito-logo-height: 100px;
  --auth-cognito-logo-radius: 10px;
  --retrieve-cognito-bg: #fff;
  --retrieve-cognito-color: #000;
  --retrieve-cognito-logo-bg: #fff;
  --retrieve-cognito-logo-height: 100px;
  --retrieve-cognito-logo-radius: 10px;
  --home-public-background:#fff;
  --home-auth-background: var(--primary);
  --home-auth-background-size-small: inherit;
  --home-auth-background-size-medium: inherit;
  --home-auth-background-size-large: inherit;
  --home-auth-background-position-large: inherit;
  --home-auth-background-position-extra-large: inherit;
  --home-auth-title-color: #fff;
  --home-auth-title-max-width-large: 665px;
  --home-auth-title-max-width-extra-large: 100%;
  --home-auth-title-font-size-mobile: 40px;
  --home-auth-title-font-size-desktop: 72px;
  --home-auth-title-line-height-mobile: 38px;
  --home-auth-title-line-height-desktop: 70px;
  --home-auth-subtitle-line-height-mobile: 19px;
  --home-auth-subtitle-line-height-desktop: 28px;
  --home-auth-column-gap-large: 10px;
  --home-auth-column-gap-extra-large: 120px;
  --home-auth-title-font-family: "Roboto";
  --home-auth-subtitle-font-size-mobile: 16px;
  --home-auth-subtitle-font-size-desktop: 24px;
  --home-auth-subtitle-font-family: "Roboto";
  --home-auth-card-background: #FFF;
  --home-auth-card-title-color: var(--primary);
  --home-auth-card-title-font-size: 24px;
  --home-auth-card-button-sign-bg: var(--primary);
  --home-auth-card-button-sign-color: #000;
  --home-auth-card-button-recover-pass-color: var(--primary);
  --home-auth-card-button-sigup-color: #000;
  --register-v2-background: var(--primary);
  --register-v2-background-size-small: inherit;
  --register-v2-background-size-medium: inherit;
  --register-v2-background-size-large: inherit;
  --register-v2-background-size-extra-large: inherit;
  --register-v2-background-position-large: inherit;
  --register-v2-background-position-extra-large: inherit;
  --register-v2-content-padding: 32px 16px;
  --register-v2-logo-width: 220px;
  --register-v2-sucess-font-size: 32px;
  --register-v2-sucess-font-size-desktop: 40px;
  --register-v2-sucess-color: #fff;
  --register-v2-sucess-text-size: 16px;
  --register-v2-card-form-background: #fff;
  --register-v2-card-form-width-desktop: 400px;
  --register-v2-card-form-sucess-desktop: 600px;
  --register-v2-card-form-padding: 24px;
  --register-v2-card-form-radius: 8px;
  --register-v2-card-form-row-gap: 16px;
  --register-v2-card-form-title-color: #000;
  --register-v2-card-form-title-size: 20px;
  --register-v2-card-form-title-weight: 700;
  --register-v2-card-form-title-family: "Roboto";
  --register-v2-card-form-title-line-height: 26px;
  --register-v2-card-form-divider-color: #E4E4E4;
  --register-v2-card-form-password-info-color: #000;
  --register-v2-card-form-password-info-title-weight: 700;
  --register-v2-card-form-password-info-title-size: 14px;
  --register-v2-card-form-password-info-title-line-height: 21px;
  --register-v2-card-form-password-info-list-style: none;
  --register-v2-card-success-title: "normal normal 700 24px/26px Barlow";
  --register-v2-card-success-title-desktop: "normal normal 700 24px/26px Barlow";
  --recoverypass-v2-background: var(--primary);
  --recoverypass-v2-sucess-font-size: 40px;
  --recoverypass-v2-sucess-icon-size: 40px;
  --recoverypass-v2-sucess-text-size: 16px;
  --recoverypass-v2-background-size-small: inherit;
  --recoverypass-v2-background-size-medium: inherit;
  --recoverypass-v2-background-size-large: inherit;
  --recoverypass-v2-background-size-extra-large: inherit;
  --recoverypass-v2-background-position-large: inherit;
  --recoverypass-v2-background-position-extra-large: inherit;
  --recoverypass-v2-content-padding: 32px 16px;
  --recoverypass-v2-logo-width: 220px;
  --recoverypass-v2-card-form-background: #fff;
  --recoverypass-v2-card-form-width-desktop: 400px;
  --recoverypass-v2-card-form-padding: 24px;
  --recoverypass-v2-card-form-radius: 8px;
  --recoverypass-v2-card-form-row-gap: 16px;
  --recoverypass-v2-card-form-title-color: #000;
  --recoverypass-v2-card-form-title-size: 20px;
  --recoverypass-v2-card-form-title-weight: 700;
  --recoverypass-v2-card-form-title-family: "Roboto";
  --recoverypass-v2-card-form-title-line-height: 26px;
  --recoverypass-v2-card-form-divider-color: #E4E4E4;
  --recoverypass-v2-card-form-password-info-color: #000;
  --recoverypass-v2-card-form-password-info-title-weight: 700;
  --recoverypass-v2-sucess-color: #fff;
  --recoverypass-v2-card-form-password-info-title-size: 14px;
  --recoverypass-v2-card-form-password-info-title-line-height: 21px;
  --recoverypass-v2-card-form-password-info-list-style: none;
  --recoverypass-v2-sucess-font-family: "Roboto";
  --checkout-cart-event-title-font-family: "Roboto";
  --checkout-cart-event-title-font-wight: 700;
  --checkout-cart-event-title-font-size: 24px;
  --checkout-cart-event-title-font-size-desktop: 40px;
  --checkout-cart-event-subtitle-font-size: 14px;
  --checkout-cart-event-subtitle-font-size-desktop: 16px;
  --checkout-cart-event-card-title-font-size: 24px;
  --checkout-cart-event-font-color: #000;
  --checkout-cart-event-button-color: #000;
  --checkout-cart-event-product-background: #fafafa;
  --checkout-cart-event-card-shadow: "0px 0px 10px 5px rgba(0, 0, 0, 0.05)";
  --checkout-cart-event-finish-button-background: var(--secondary);
  --checkout-cart-event-finish-button-radius: 4px;
  --checkout-cart-event-result-title-font: "normal normal 700 20px/1.5rem Roboto";
  --checkout-cart-event-result-title-font-desktop: "normal normal 700 32px/1.5rem Roboto";
  --checkout-cart-event-result-title-pix-font: "normal normal 700 32px/1.5rem Roboto";
  --home-call-to-action-font-family: inherit;
  --home-call-to-action-background: no-repeat center center / cover;
  --home-call-to-action-background-img: "";
  --home-call-to-action-background-img-mobile: "";
  --home-call-to-action-background-img-medium: "";
  --home-call-to-action-background-img-desktop: "";
  --home-call-to-action-bg-scroll-1: "";
  --home-call-to-action-height: "800px";
  --home-call-to-action-background-opacity: 1;
  --home-call-to-action-title-border-color: transparent;
  --home-call-to-action-title-font-size: 50px;
  --home-call-to-action-title-font-family: inherit;
  --home-call-to-action-title-font-weight: 400;
  --home-call-to-action-title-margin: "30px 0 50px 0";
  --home-call-to-action-title-line-height: "1.4em";
  --home-call-to-action-title-alternate-font-family: inherit;
  --home-call-to-action-title-alternate-font-size: inherit;
  --home-call-to-action-subtitle-font-size: 21px;
  --home-call-to-action-subtitle-width: 690px;
  --home-call-to-action-subtitle-line-height: 100%;
  --home-call-to-action-content-align: "left";
  --home-call-to-action-content-padding: "130px 0 120px";
  --home-call-to-action-button-margin: 0;
  --home-call-to-action-button-background: var(--secondary);
  --home-call-to-action-button-padding: "12px 30px";
  --home-call-to-action-button-style: "italic";
  --home-call-to-action-button-color: "white";
  --home-call-to-action-hover-button-color: "white";
  --home-call-to-action-button-font-size: "15px";
  --home-call-to-action-title-color: var(--on-primary);
  --home-call-to-action-title-desktop-max-width: 610px;
  --mobile-home-call-to-action-title-margin: "30px 0 50px 0";
  --mobile-home-call-to-action-title-font-size: 29px;
  --mobile-home-call-to-action-title-line-height: "1.5em";
  --mobile-home-call-to-action-subtitle-font-size: "16px";
  --mobile-home-call-to-action-subtitle-line-height: "150%";
  --mobile-home-call-to-action-title-alternate-font-family: inherit;
  --mobile-home-call-to-action-title-alternate-font-size: inherit;
  --mobile-home-call-to-action-content-padding: "0 10% 50px";
  --call-to-action-margin-top: 0;
  --call-to-action-padding-top: 30px;
  --st-tickets-bg: "";
  --st-tickets-desktop-padding: "32px 16px";
  --st-tickets-mobile-padding: "16px";
  --st-tickets-desktop-gap: "32px";
  --st-tickets-mobile-gap: "24px";
  --st-tickets-wrapper-bg: "#fff";
  --st-tickets-desktop-wrapper-padding: "32px 40px";
  --st-tickets-mobile-wrapper-padding: "24px";
  --st-tickets-wrapper-text-color: "#393939";
  --st-tickets-max-width: "1600px";
  --st-tickets-action-max-width: "600px";
  --st-tickets-action-desktop-gap: "16px";
  --st-tickets-action-mobile-gap: "8px";
  --st-tickets-box-shadow: "0px 0px 20px 5px rgba(0, 0, 0, 0.50)";
  --st-tickets-outline-btn-color: "#333333";
  --st-tickets-outline-btn-bg-color: "#fff";
  --st-tickets-divider-color: "#333333";
  --st-tickets-desktop-h2-font-size: "43px";
  --st-tickets-desktop-h2-font-weight: "800";
  --st-tickets-desktop-h2-line-height: "110%";
  --st-tickets-mobile-h2-font-size: "28px";
  --st-tickets-desktop-p-font-size: "32px";
  --st-tickets-desktop-p-font-weight: "700";
  --st-tickets-desktop-p-line-height: "normal";
  --st-tickets-mobile-p-font-size: "20px";
  --st-tickets-shield-max-height: "98px";
  --st-tickets-shield-img-width: "95px";
  --st-tickets-shield-img-height: "95px";
  --st-tickets-info-min-width: "245px";
  --home-desktop-tabs-1-background: no-repeat center center / cover;
  --home-desktop-tabs-1-background-img: "";
  --home-view-tabs-wrapper-background: "";
  --home-view-tabs-content-color: "#333333";
  --home-view-tabs-box-shadow: "";
  --home-view-tabs-p-color: "#727272";
  --home-view-tabs-wrapper-bg-color: "#fff";
  --home-view-tabs-icon-color: "#A5CC02";
  --home-private-padding-top: "5px";
  --home-private-background: #F2F2F2;
  --home-private-featured-height-tablet: "";
  --home-private-featured-height-mobile-410: "";
  --home-private-featured-height-mobile-380: "";
  --home-private-plan-box-title-color: "inherit";
  --home-private-cards-title-color: var(--primary);
  --home-private-background-texture: "";
  --first-access-bg: black;
  --pending-mail-bg: white;
  --pending-mail-color: black;
  --pending-mail-logo-height: 160px;
  --pending-mail-logo-bg: white;
  --plans-background: white;
  --plans-background-outside: white;
  --plans-content-color: "";
  --plans-info-color: "";
  --plans-box-shadow: "";
  --plans-border-color: "";
  --event-info-background: "";
  --event-info-img: "";
  --partners-img-background: "";
  --page-background: #fff;
  --contact-background: gray;
  --contact-mobile-background: gray;
  --contact-header-search-width: "auto";
  --contact-expansion-panel-box-shadow: "auto";
  --contact-expansion-panel-border: none;
  --contact-expansion-panel-radius: 4px;
  --title-font-size-mobile: 20px;
  --title-font-size: 28px;
  --title-font-family: var(var(--font-primary));
  --subtitle-color: #000;
  --subtitle-font-size: 23px;
  --subtitle-margin: 0 0 10px;
  --header-content-height: 280px;
  --header-justify-content: space-evenly;
  --header-content-gap: 0;
  --contact-form-gap: 10px;
  --faq-color: var(--primary);
  --faq-margin-bottom: 0;
  --faq-border-bottom: 1px solid #979797;
  --panel-header-title-color: var(--primary);
  --contact-form-max-width: 320px;
  --contact-faq-max-width-mobile: 340px;
  --account-background: #F2F2F2;
  --my-profile-title-color: inherit;
  --my-profile-name-color: inherit;
  --my-profile-subtitle-color: #000;
  --my-profile-name-font-size: 40px;
  --my-profile-name-font-size-mobile: 32px;
  --my-profile-card-font: 24px;
  --my-profile-member-font-size: 16px;
  --my-profile-card-font-weight: 400;
  --my-profile-card-title-color: #000;
  --account-message-background: var(--secondary);
  --account-address-selected-color: var(--primary);
  --my-profile-text-color: var(--primary);
  --my-profile-button-color: var(--primary);
  --my-profile-header-color: var(--primary);
  --credit-card-background: var(--background);
  --credit-card-color: var(--on-background);
  --button-card-background: var(--on-background);
  --button-card-color: var(--background);
  --add-card-buttons-radius: 10px;
  --add-card-width: 350px;
  --add-card-width-mobile: 100%;
  --add-card-max-width-mobile: 300px;
  --add-card-min-height: 347px;
  --add-card-edit-width: 330px;
  --add-card-edit-spacing: 100px;
  --add-card-color: var(--background);
  --add-card-background: var(--on-background);
  --add-card-font-family: var(--font-button);
  --add-card-border: none;
  --section-title-font-size: 40px;
  --table-header-footer-background: #fff;
  --installments-payment-modal-check-bg: transparent;
  --installments-payment-modal-method-selected: "#000";
  --installments-payment-modal-method-ccard-bg: var(--secondary);
  --my-kit-font-family: "Roboto";
  --my-kit-border-color: #E4E4E4;
  --my-kit-font-color: #393939;
  --my-kit-font-color-span: #727272;
  --my-kit-details-background-color: #F4F4F4;
  --my-kit-price-background-color: #EFEFEF;
  --dependents-name-color: inherit;
  --dependents-field-title-color: #A7A8A9;
  --dependents-profile-action-border: 1px solid #D8D8D8;
  --proposed-approve-button: var(--secondary);
  --proposed-approve-button-hover: #99bd00;
  --proposed-disapprove-button: var(--error);
  --proposed-disapprove-button-hover: #cc4748;
  --partners-advantage-max-width: 100px;
  --experience-background: #F2F2F2;
  --experience-how-to-score-icon-filter: "unset";
  --experience-how-to-score-embassy-cards: #ffffff;
  --experience-how-to-score-table-odd-row-background: #ffffff;
  --experience-how-to-score-table-even-row-background: #F8F8F8;
  --experience-points-table-background: #EFF0F4;
  --experience-how-to-score-card-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --experience-how-to-score-card-title-font: var(--font-title);
  --v2-experience-max-width: 1200px;
  --v2-experience-font-color-light: #727272;
  --v2-experience-point-balance-bg-color: #252525;
  --v2-experience-span-color: #ABABAB;
  --v2-experience-font-color: #393939;
  --v2-experience-info-bg: #FAFAFA;
  --v2-experience-outline: #E4E4E4;
  --v2-experience-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --v2-experience-highlight: #F4F4F4;
  --v2-experience-cta-bg: "";
  --v2-experience-scroll-bg-1-2: "";
  --v2-experience-scroll-how-bg: "";
  --landing-page-title-register-color: #ffffff;
  --landing-page-button-register-color: "";
  --exclusive-content-text: #fff;
  --exclusive-content-background: #000000;
  --exclusive-content-background-RGB: 0,0,0;
  --event-background-select: rgba(255, 255, 255, 0.5);
  --event-background-feature: #fff;
  --event-background-table: #f8f8f8;
  --event-color-button: #bc8422;
  --event-primary-color-button: var(--primary);
  --event-secondary-color-button: var(--secondary);
  --event-transparent-button: transparent;
  --event-button-border-color: transparent;
  --event-color-text-button: #000000;
  --event-color-text-default: #f8f8f8;
  --event-color-text-light: #bc8422;
  --event-color-text-dark: #313131;
  --event-color-text-primary: #7C7C7C;
  --event-color-text-secondary: #bc8422;
  --events-color-green-light: #45ae6f;
  --events-color-red-light: #e53249;
  --events-color-gray-light: #e7e7e7;
  --events-color-green-moss: #01492c;
  --events-border-gray-medium: #979797;
  --events-featured-swiper-arrows: #fff;
  --event-title-size: 24px;
  --event-title-family: var(--font-title);
  --x-ray-text-color: #000;
  --x-ray-call-to-action-background: no-repeat center center / cover;
  --x-ray-call-to-action-background-img: "";
  --x-ray-action-active-background-color: "";
  --x-ray-action-not-active-background-color: "";
  --x-ray-tabgroup-background: "";
  --x-ray-tabgroup-background-xray: "";
  --x-ray-tabgroup-background-financial: "";
  --x-ray-tabgroup-background-transparency: "";
  --x-ray-tab-header-top-position: "0";
  --x-ray-tab-header-ink-bar-height: "3px";
  --x-ray-transparency-background-color: #1E3D8F;
  --x-ray-transparency-on-background-color: #2D58CC;
  --x-ray-map-fill-color: #A0A9C3;
  --x-ray-map-fill-hover-color: #000;
  --x-ray-map-stroke-color: #FFF;
  --x-ray-map-stroke-hover-color: #FFF;
  --x-ray-map-tooltip-background: rgba(209, 106, 109, 0.385);
  --x-ray-map-tooltip-color: #000;
  --x-ray-map-tooltip-border: 1px solid rgba(177, 17, 22, 0.7);
  --x-ray-chart-title-font-family-bold: "";
  --x-ray-chart-colors: [
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)",
      "rgba(20, 20, 20, 0.8)",
      "rgba(177, 17, 22, 1)",
      "rgba(117, 117, 117, 0.8)",
      "rgba(209, 106, 110, 1)",
      "rgba(220, 220, 220, 0.8)",
      "rgba(191, 146, 64, 1)",
      "rgba(191, 146, 64, 0.6)"
  ];
  --embassies-title-font: "D-DIN";
  --embassies-title-font-strong: "D-DIN-bold";
  --embassies-color: #000000;
  --embassies-color: #000000;
  --embassies-background: #F2F2F2;
  --embassies-table-color: #1D1D1B;
  --embassies-table-background: #FFFFFF;
  --embassies-table-image-size: 80px;
  --embassies-table-image-border: 3px solid black;
  --embassies-table-image-border-radius: 100%;
  --embassies-table-image-scale: 0.7;
  --embassies-table-title-font: "Roboto";
  --embassies-table-title-color: #BF9240;
  --embassies-divider-color: "#E4E4E4";
  --embassies-text-color: #393939;
  --embassies-title-color: #79479D;
  --embassies-more-info-color: #F36F22;
  --embassies-max-width: 792px;
  --embassies-background-color-details: rgba(121, 71, 157, 0.04);
  --embassies-cta-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05);
  --embassies-cta-max-width: 640px;
  --my-embassy-logo-size: 88px;
  --my-embassy-logo-size-mobile: 120px;
  --my-embassy-background-add-video: #EFEFEF;
  --my-embassy-background-color-form: #F4F4F4;
  --my-embassy-background-color-input-disable-form: #E9E9E9;
  --my-embassy-link-color-form: #727272;
  --create-embassy-background-add-video: #EFEFEF;
  --create-embassy-background-color-form: #F4F4F4;
  --create-embassy-background-color-input-disable-form: #E9E9E9;
  --create-embassy-back-link-color: #727272;
  --census-txt-color: white;
  --census-bg-frame: repeating-linear-gradient( 45deg, var(--primary), var(--primary) 1px, black 1px, black 25px );
  --census-intro-bg: rgba(0,0,0,0.85);
  --census-privacy-bg: rgba(0,0,0,0.85);
  --census-term-bg: rgba(0,0,0,0.85);
  --census-token-bg: rgba(0,0,0,0.85);
  --census-register-bg: rgba(0,0,0,0.85);
  --census-research-questions-bg: rgba(0,0,0,0.85);
  --census-research-success-bg: rgba(0,0,0,0.85);
  --census-success-bg: rgba(0,0,0,0.85);
  --census-internal-error-bg: rgba(0,0,0,0.85);
  --census-page-not-found-bg: rgba(0,0,0,0.85);
  --census-carousel-bg: rgba(0,0,0,0.85);
  --census-padding-desktop: 48px;
  --census-padding-mobile: 16px;
  --census-padding-content-desktop: 58px;
  --census-padding-content-mobile: 24px;
  --census-elements-max-width-desktop: 724px;
  --census-content-max-width-mobile: 280px;
  --census-header-max-width-desktop: 564px;
  --census-header-height-desktop: 121px;
  --census-header-height-mobile: 89px;
  --census-divider: 1px solid #E4E4E4;
  --census-title-font-size-desktop: 24px;
  --census-title-font-size-mobile: 16px;
  --census-subtitle-font-size-mobile: 16px;
  --census-subtitle-font-size-desktop: 20px;
  --census-intro-title-font-size-desktop: 56px;
  --census-intro-title-font-size-mobile: 32px;
  --census-intro-subtitle-font-size-desktop: 32px;
  --census-intro-subtitle-font-size-mobile: 32px;
  --census-texts-font-size-mobile: 14px;
  --census-texts-font-size-desktop: 16px;
  --census-input-subtitle-font-size-desktop: 20px;
  --census-input-line-height: 26px;
  --census-footer-gap-mobile: 24px;
  --census-footer-texts-font-size: 12px;
  --census-footer-border-top: 1px solid #393939;
  --census-powered-bg: linear-gradient(270deg, #FFF 0%, #D7D7D7 100%);
  --census-powered-border-radius: 8px;
  --census-powered-padding-mobile: 6px;
  --census-powered-padding-desktop: 10px;
  --census-powered-max-width: 142px;
  --census-powered-text-color: #727272;
  --census-powered-span-color: #79479D;
  --census-font-weight-regular: 400;
  --census-font-weight-bold: 700;
  --census-powered-span-line-height: 18px;
  --census-internal-error-bg-color: rgba(0,0,0,0.85);
  --census-internal-error-txt-color: white;
  --census-page-not-found-bg-color: rgba(0,0,0,0.85);
  --census-page-not-found-txt-color: white;
  --census-research-progress-bar-bg-color: white;
  --census-carousel-title-font-size-mobile: 20px;
  --census-carousel-title-font-size-desktop: 32px;
  --census-carousel-card-txt-color: #FAFAFA;
  --census-carousel-card-txt-font-size: 14px;
  --census-carousel-card-title-font-size-mobile: 20px;
  --census-carousel-card-title-font-size-desktop: 24px;
  --census-carousel-card-txt-font-weigh: 500;
  --giftcard-primary-color: #1BB545;
  --rating-bg-color: "";
  --rating-border-color: "";
  --staging-logo-width-mobile: 150px;
  --staging-logo-width-desktop: 200px;
  --staging-background-color: #EFF0F4;
  --staging-text-color: #0F0F0F;
  --staging-logo-background-color: none;
  --staging-logo-background-padding: 2em;
  --staging-logo-background-border-radius: 1em;
  --hotsite-home-bg-scroll-1: "";
  --hotsite-home-bg-scroll-2: "";
  --hotsite-home-bg-scroll-3: "";
  --hotsite-home-bg-content-scroll-3: "";
  --hotsite-bg-header: "";
  --hotsite-title-color: "";
  --hotsite-text-color: "";
  --hotsite-button-color: "";
  --hotsite-card-title-color: "";
  --hotsite-card-text-color: "";
  --hotsite-bg-footer: "";
  --hotsite-border: "";
  --hotsite-divider-color: "";
  --hotsite-icon-social-color: "";
  --maintenance-logo-width-mobile: 150px;
  --maintenance-logo-width-desktop: 200px;
  --maintenance-background-color: #EFF0F4;
  --maintenance-text-color: #0F0F0F;
  --maintenance-logo-background-color: none;
  --maintenance-logo-background-padding: 2em;
  --maintenance-logo-background-border-radius: 1em;
  --landing-video-background: "transparent";
  --pre-home-background: #000;
  --pre-home-login-button-background: #141414;
  --pre-home-text-color: #fff;
  --pre-home-text-secondary-color: #ccc;
  --title-background: #000;
  --background-stadio-plans: #000;
  --background-sso: #000;
  --background-digital-plans: #000;
  --cta-button-background: #f00;
  --pre-home-flaid-bg-mobile: #000;
  --pre-home-flaid-bg-desktop: #000;
  --retrospective-userData-font-family: "SportsWorld-Regular";
  --retrospective-title-font-family: "MarginMVB-Bold";
  --retrospective-stamps-font-family: "MarginMVB-Medium";
  --font-sticker: "Allotrope-Bold";
  --package-title-font-family: var(--font-title);
  --package-title-title-font-size: 40px;
  --filter-active-background: "#fff";
  --filter-color: "#ccc";
  --thumb-image-radius: 10px;
  --thumb-mobile-width: 100%;
  --thumb-mobile-height: 100%;
  --thumb-desktop-width: 180px;
  --thumb-desktop-height: 100px;
  --event-date-font-size: 14px;
  --event-date-font-size-interest: 14px;
  --event-name-font-size-interest: 14px;
  --event-name-font-size: 32px;
  --event-name-text-transform: uppercase;
  --event-addres-font-size: 14px;
  --print-button-background: var(--primary);
  --print-button-color: var(--on-secondary);
  --modal-info-banner-text-mobile-color: var(--primary-light);
  --modal-info-banner-text-desktop-color: #fff;
  --cta-13-max-width-mobile: 312px;
  --cta-13-max-width-desktop: 880px;
  --cta-13-mobile-background: #000;
  --cta-13-desktop-background: #000;
  --cta-13-text-mobile-font: "normal normal 400  16px/19.2px Roboto";
  --cta-13-text-desktop-font: "normal normal 400  24px/28.8px Roboto";
  --cta-13-text-color: #fff;
  --cta-13-title-color: #A48745;
  --cta-13-mobile-title-font: "normal normal 700 48px/57.6px Roboto";
  --cta-13-desktop-title-font: "normal normal 700 120px/144px Roboto";
  --cta-13-subtitle-mobile-font: "normal normal 500 16px/19.2px Roboto";
  --cta-13-subtitle-desktop-font: "normal normal 500 20px/24px Roboto";
  --cta-13-button-primary-bg: var(--primary);
  --cta-13-button-color: var(--on-primary);
  --cta-13-button-font: "normal normal 700 14px/14px Roboto";
  --crt-benefits-background: #fff;
  --crt-benefits-title-mobile-font: "normal normal 800 32px/41.6px Roboto";
  --crt-benefits-title-desktop-font: "normal normal 800 48px/62.4px Roboto";
  --crt-benefits-subtitle-mobile-font: "normal normal 800 40px/52px Roboto";
  --crt-benefits-subtitle-desktop-font: "normal normal 800 64px/83.2px Roboto";
  --crt-benefits-card-title-mobile-font: "normal normal 700 20px/24px Roboto";
  --crt-benefits-card-title-desktop-font: "normal normal 700 24px/28.8px Roboto";
  --crt-benefits-card-text-mobile-font: "normal normal 400 14px/16.8px Roboto";
  --crt-benefits-card-text-desktop-font: "normal normal 400 16px/20.8px Roboto";
  --crt-plans-title-mobile-font: "normal normal 700 40px/48px Roboto";
  --crt-plans-title-desktop-font: "normal normal 800 56px/67.2px Roboto";
  --crt-plans-subtitle-mobile-font: "normal normal 400 16px/19.2px Roboto";
  --crt-plans-subtitle-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-tickets-background: var(--secondary);
  --crt-event-clubs-mobile-font: "normal normal 400 18px/21.6px Roboto";
  --crt-event-clubs-desktop-font: "normal normal 400 32px/38.4px Roboto";
  --crt-event-info-font: "normal normal 400 20px/24px Roboto";
  --crt-event-ticket-mobile-font: "normal normal 700 24px/24px Roboto";
  --crt-event-ticket-desktop-font: "normal normal 700 40px/48px Roboto";
  --crt-footerCTA-bg: #000;
  --crt-footerCTA-device: var(--primary);
  --crt-footerCTA-title-mobile-font: "normal normal 800 32px/38.4px Roboto";
  --crt-footerCTA-title-desktop-font: "normal normal 800 92px/110.4px Roboto";
  --content-background: #fff;
}
.feng-hide-grid-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-xs {
    display: grid !important;
  }
}
.feng-hide-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-grid-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-medium {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-md {
    display: grid !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-grid-lg {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-grid-lg {
    display: none !important;
  }
}
.feng-show-grid-xs {
  display: grid !important;
}
@media (min-width: 767px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-xs {
    display: none !important;
  }
}
.feng-show-grid-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-sm {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-sm {
    display: none !important;
  }
}
.feng-show-grid-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-md {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-md {
    display: none !important;
  }
}
.feng-show-grid-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-grid-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-grid-lg {
    display: grid !important;
  }
}
.feng-hide-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-xs {
    display: flex !important;
  }
}
.feng-hide-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md {
    display: flex !important;
  }
}
.feng-hide-flex-md-lg {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-hide-flex-md-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-md-lg {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-flex-lg {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-flex-lg {
    display: none !important;
  }
}
.feng-show-flex-xs {
  display: flex !important;
}
@media (min-width: 767px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-xs {
    display: none !important;
  }
}
.feng-show-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-sm {
    display: flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-sm {
    display: none !important;
  }
}
.feng-show-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-md {
    display: flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-md {
    display: none !important;
  }
}
.feng-show-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-flex-lg {
    display: flex !important;
  }
}
.feng-hide-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-xs {
    display: block !important;
  }
}
.feng-hide-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-sm {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-medium {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-medium {
    display: none !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-md {
    display: block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-block-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-block-lg {
    display: none !important;
  }
}
.feng-show-block-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-xs {
    display: none !important;
  }
}
.feng-show-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm {
    display: none !important;
  }
}
.feng-show-block-sm-xs {
  display: block !important;
}
@media (min-width: 767px) {
  .feng-show-block-sm-xs {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-sm-xs {
    display: none !important;
  }
}
.feng-show-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-md {
    display: none !important;
  }
}
.feng-show-block-medium {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-medium {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-medium {
    display: block !important;
  }
}
.feng-show-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-block-lg {
    display: block !important;
  }
}
.feng-hide-inline-block-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-xs {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-block-lg {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-block-lg {
    display: none !important;
  }
}
.feng-show-inline-block-xs {
  display: inline-block !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-xs {
    display: none !important;
  }
}
.feng-show-inline-block-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-sm {
    display: inline-block !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-sm {
    display: none !important;
  }
}
.feng-show-inline-block-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-md {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-md {
    display: none !important;
  }
}
.feng-show-inline-block-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-block-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-block-lg {
    display: inline-block !important;
  }
}
.feng-hide-inline-flex-xs {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-xs {
    display: inline-flex !important;
  }
}
.feng-hide-inline-flex-sm {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 767px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-hide-inline-flex-lg {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-hide-inline-flex-lg {
    display: none !important;
  }
}
.feng-show-inline-flex-xs {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-xs {
    display: none !important;
  }
}
.feng-show-inline-flex-sm {
  display: inline-flex !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-sm {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-sm {
    display: none !important;
  }
}
.feng-show-inline-flex-md {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-md {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-md {
    display: none !important;
  }
}
.feng-show-inline-flex-lg {
  display: none !important;
}
@media (min-width: 767px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .feng-show-inline-flex-lg {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .feng-show-inline-flex-lg {
    display: inline-flex !important;
  }
}
.fengst-security-valdate-cpf-modal {
  position: relative;
  max-width: 100vw !important;
  max-height: 100vh !important;
  padding: 15px !important;
  padding-top: 30px !important;
}
@media (min-width: 992px) {
  .fengst-security-valdate-cpf-modal {
    max-height: 550px !important;
  }
}
.fengst-security-valdate-cpf-modal .mat-dialog-container {
  width: 100%;
  border-radius: 0px;
  padding: 0px !important;
  height: 100vh !important;
  padding-bottom: 5px;
}
@media (min-width: 992px) {
  .fengst-security-valdate-cpf-modal .mat-dialog-container {
    margin-top: 10vh;
    height: 700px !important;
    overflow-y: hidden;
  }
}
.fengst-security-valdate-cpf-modal__close {
  position: absolute;
  top: 9px;
  right: 16px;
  display: block;
  color: black;
  font-size: 1.6rem;
  font-weight: bold;
  cursor: pointer;
}
.fengst-security-valdate-cpf-modal__icon {
  display: block;
  width: 100%;
  text-align: center;
  color: #EFC845;
  font-size: 90px;
}
.fengst-security-valdate-cpf-modal__actions {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
}
.fengst-security-valdate-cpf-modal__field {
  display: flex;
  width: 100%;
  margin-bottom: 30px;
  justify-content: center;
}
.fengst-security-valdate-cpf-modal__titles {
  display: block;
  width: 100%;
  margin-top: 50px;
}
.fengst-security-valdate-cpf-modal__titles h1 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 40px;
  margin: 0px;
  padding: 0px;
}
.fengst-security-valdate-cpf-modal__titles h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 22px;
  margin: 0px;
  padding: 0px;
  margin-top: 30px;
}

/*# sourceMappingURL=styles.css.map*/