@charset "UTF-8";
@charset "UTF-8";
.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}
 :root { --col-1: #2563eb;
--col-2: #64748b;
--col-3: #f8fafc; --col-red: #84871E;
--col-yellow: #262A10;
--col-gray: #E0E0E0;	
--col-blue: #e6e6e6;
--col-text-dark: #111;
--col-text-medium: #222;
--col-text-muted: #555;	
--col-white: #fff;	
--col-transp: #FFFFFF00;
--col-transp-white-10: #FFFFFF10;
--col-transp-white-25: #FFFFFF25;
--col-transp-white-50: #FFFFFF50;
--col-transp-white-75: #FFFFFF75; --input-bg: #FFFFFF;
--input-bg-disabled: #F4F4F4;
--input-text: #111;
--input-placeholder: #999; --input-border: #CCC;
--input-border-hover: #008000;
--input-border-focus: #F2C94C;
--input-border-error: #C0392B; --input-bg-focus: #FFFFFF; --label-text: #111;
--help-text: #555;
--error-text: #C0392B;
--glob-radius: .1rem;	
--glob-border: 1px;
--rad-48: 3rem;
--rad-32: 2rem;
--rad-24: 1.5rem;
--rad-16: 1rem;
--rad-8: 0.5rem;
--rad-4: 0.25rem;
--rad-2: 0.125rem;
--rad-0: 0rem;
--marg-152: 9.5rem;
--marg-112: 7rem;
--marg-84: 5.25rem;
--marg-56: 3.5rem;
--marg-48: 3rem;
--marg-32: 2rem;
--marg-24: 1.5rem;
--marg-16: 1rem;
--marg-8: 0.5rem;
--marg-4: 0.25rem;
--marg-2: 0.125rem;
--marg-0: 0rem;	
}	
@font-face {
font-family: 'Lato';
src: url(//reklamanawynos.pl/wp-content/themes/reklama/fonts/lato/Lato-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//reklamanawynos.pl/wp-content/themes/reklama/fonts/lato/Lato-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lato';
src: url(//reklamanawynos.pl/wp-content/themes/reklama/fonts/lato/Lato-Italic.ttf) format('truetype');
font-weight: 400;
font-style: italic;
font-display: swap;
}
html {
font-size: 16px;
}
@media (min-width: 481px) and (max-width: 1279px) {
html { 
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
html { 
font-size: 12px;
}
}
.slim {
font-weight: 400 !important;
}
.bold {
font-weight: 600 !important;
} h1 {
font-weight: 600;
font-size: 2.25rem;
line-height: 3rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h2 {
font-weight: 600;
font-size: 1.75rem;
line-height: 2.25rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h3 {
font-weight: 600;
font-size: 1.5rem;
line-height: 2rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h4 {
font-weight: 600;
font-size: 1.25rem;
line-height: 1.75rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h5 {
font-weight: 600;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}
h1 span, h2 span, h3 span, p span, a span:not(.wp-block-navigation-item__label) {
color: var(--col-1);
font-weight: 400;
}  ul {
margin: .5rem 0;
padding-left: 1rem;
}
p, li {
font-weight: 400;
font-size: 1.125rem;
line-height: 1.5rem;
letter-spacing: 0rem;
color: var(--col-text-medium);
}  p a {
text-decoration-style: solid;
offset: auto;
text-decoration-thickness: auto !important;
color: var(--col-1);
}
a:not(.btn-yellow a, .cat-box a, .spis-section a, .taxonomy-product_cat a, .taxonomy-product_tag a, h3 a, .rank-math-breadcrumb a, .wp-block-post-title a, .product-category-link) {
text-decoration: underline;
outline: none;
color: var(--col-1);
font-weight: 600;
}
header a, footer a {
text-decoration: none !important;
}   [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
cursor: pointer;
outline: none;
font-family: inherit;
}
input[type="button"], .btn {
border: none;
border-radius: var(--glob-radius);
width: 100%;
height: 3rem;
font-weight: 600;
font-size: 0.875rem;
line-height: 1.375rem;
background: var(--col-3);
color: var(--col-white);
transition: box-shadow 0.3s ease;
}
input[type="button"]:hover, .btn:hover {
background: var(--col-yellow);
color: var(--col-text-muted);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem rgba(242, 201, 76, 0.7);
}
input[type="button"]:active, .btn:active {
background: var(--col-yellow);
color: var(--col-white);
border-color: var(--col-1);
border-width: 1px;
border-style: solid;
}
input[type="button"]:focus, .btn:focus {
border-color: var(--col-1);
border-width: 1px;
border-style: solid;
}
.btn-medium>a {
display: flex;
justify-content: center;	
align-items: center;
border: none;
border-radius: var(--glob-radius);
width: auto;	
font-weight: 600;
font-size: 1rem;
line-height: 1.75rem;
gap: 0.5rem;
cursor: pointer;
position: relative;
height: 3rem;
}
.btn-ico-medium-left>a {
padding: 1rem 1.5rem 1rem 3.5rem;
}
.btn-ico-medium-right>a {
padding: 1rem 3.5rem 1rem 1.5rem;
}
.btn-ico-medium-left>a::after {
position: absolute;
content: '';
background: url(https://reklamanawynos.pl/wp-content/themes/reklama/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
left: 1.5rem;
}
.btn-ico-medium-right>a::after {
position: absolute;
content: '';
background: url(https://reklamanawynos.pl/wp-content/themes/reklama/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
right: 1.5rem;
}
.btn-small>a {
display: flex;
justify-content: center;	
align-items: center;
border: none;
border-radius: 2rem;
width: fit-content;	
font-weight: 600;
font-size: 0.875rem;
line-height: 1.375rem;
gap: 0.5rem;
cursor: pointer;
position: relative;
}
.btn-ico-small-none>a {
padding: 0.5rem 1.25rem;
}
.btn-ico-small-left>a {
padding: 0.75rem 1.25rem 0.75rem 3.125rem;
}
.btn-ico-small-right>a {
padding: 0.75rem 3.125rem 0.75rem 1.25rem;
}
.btn-ico-small-left>a::after {
position: absolute;
content: '';
background: url(https://reklamanawynos.pl/wp-content/themes/reklama/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
left: 1.25rem;
}
.btn-ico-small-right>a::after {
position: absolute;
content: '';
background: url(https://reklamanawynos.pl/wp-content/themes/reklama/basap/icons/basap-icon.svg);
width: 1.5rem;
height: 1.5rem;
background-size: cover;
background-position: center;
right: 1.25rem;
}
.btn-yellow>a {
background: var(--col-3);
color: var(--col-white);
transition: box-shadow 0.3s ease;
text-decoration: none;
}
.btn-yellow>a:hover {
background: var(--col-yellow);
color: var(--col-2);
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem rgba(242, 201, 76, 0.7);
}
.btn-yellow>a:active {
background: var(--col-yellow);
color: var(--col-white);
border-color: var(--col-1);
border-width: 1px;
border-style: solid;
}
.btn-yellow>a:focus {
border-color: var(--col-1);
border-width: 1px;
border-style: solid;
}
.btn-trans>a {
background: transparent;
color: var(--col-grafite-60);
border-color: var(--col-3);
border-width: 1px;
border-style: solid;
}
.btn-trans>a:hover {
border-color: var(--col-primary-30);
color: var(--col-grafite-30);
}
.btn-trans>a:active {
border-color: var(--col-primary-20);
color: var(--col-grafite-50);
}
.btn-trans>a:focus {
border-color: var(--col-orange-50);
border-width: 1px;
border-style: solid;
}
.btn-white>a {
background: var(--col-grafite-00);
color: var(--col-grafite-60);
}
.btn-white>a:hover {
color: var(--col-grafite-30);
}
.btn-white>a:active {
color: var(--col-grafite-50);
}
.btn-white>a:focus {
border-color: var(--col-orange-50);
border-width: 1px;
border-style: solid;
}
.btn-none>a {
background: transparent;
color: var(--col-3);
}
.btn-none>a:hover {
color: var(--col-primary-30);
}
.btn-none>a:active {
color: var(--col-primary-20);
}
.btn-none>a:focus {
color: var(--col-3);
}  .spis-list>li::marker, .wp-block-page-list>ul>li::marker, .wp-block-list>ul>li::marker {
content: "";
}
.wp-block-list>ul>li::before {
content: '';
display: inline-block;
width: .5rem;
height: .5rem;
background-color: var(--col-3);
border-radius: 50%;
margin-right: .5rem;
vertical-align: middle;
}  .breadcrumb a {
color: var(--col-1);
font-size: 0.75rem;
font-style: normal;
font-weight: 600;
line-height: 1rem;
}
.breadcrumb p {
color: var(--col-text-medium);
display: inline;
font-size: 0.75rem !important;
font-style: normal;
font-weight: 600;
line-height: 1rem;
}  .pagination {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
cursor: pointer;
}
.pagination>a {
border: none;
background: none;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.375rem;
color: var(--col-text-medium);
padding: 0.2rem 0.5rem;
display: flex;
align-items: center;
}
.pagination>a:hover {
color: var(--col-3);
}
.pagination>.active {
font-weight: 600;
color: var(--col-white);
border-radius: 0.5rem;
background: var(--col-1);
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.pagination>.disable {
display: none;
}
.pagination>a:focus {
border-color: var(--col-red);
border-width: 0.25rem;
border-style: solid;
}
.pagination>.prev-btn,  .pagination>.next-btn {
background: none;
}   form {
background: #fff;
padding: .75rem;
border-radius: .5rem;
}
#commentform {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-gray);
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="checkbox"],
textarea,
select {
width: fit-content;
height: fit-content;
background-color: var(--input-bg);
border-radius: 0.5rem;
border: 1px solid var(--input-border);
padding: 1rem 1rem 1rem 1rem;
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: var(--input-text);
outline: none;
display: flex;
}
input[type="checkbox"] {
display: inline-block;
} input:hover,
textarea:hover,
select:hover {
border-color: var(--input-border-hover);
} input:focus,
textarea:focus,
select:focus {
border-color: var(--input-border-focus);
box-shadow: 0 0 6px rgba(242, 201, 76, 0.4);
background-color: var(--input-bg-focus);
} input:disabled,
textarea:disabled,
select:disabled {
background-color: var(--input-bg-disabled);
color: #888;
border-color: #DDD;
cursor: not-allowed;
opacity: 0.7;
}
input[type="checkbox"]:checked {
accent-color: var(--col-1);
} input.error,
textarea.error,
select.error {
border-color: var(--input-border-error);
box-shadow: 0 0 5px rgba(192, 57, 43, 0.4);
}
.error img {
vertical-align: middle;
width: fit-content !important;
}
.error p {
margin: 0;
vertical-align: middle;
display: inline;
}
.error {
color: var(--error-text);
}
::placeholder {
color: var(--input-placeholder);
opacity: 1;
}
label {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.375rem;
color: var(--label-text);
position: relative;
left: .25rem;
}  .custom-scrollbar {
position: relative;
max-height: 10rem;
overflow-y: auto;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: var(--col-3) var(--col-2);
}
::-webkit-scrollbar {
width: 0.25rem;
} ::-webkit-scrollbar-track {
background: var(--col-2);  
} ::-webkit-scrollbar-thumb {
background: var(--col-3);
border-radius:1rem;  
} ::-webkit-scrollbar-thumb:hover {
background: var(--col-yellow); 
}  .acco_trigger {
border: 0;
width: 100%;
display: block;
position: relative;
text-align: left;
background: 0 0;
}
.acco_trigger::after, .card2__arrow::after {
position: absolute;
right: 0;
transition: all .3s ease-out;
}
.acco_trigger::after {
content: "";
display: block;
width: 8px;
height: 8px;
border-left: 2px solid #002365;
border-bottom: 2px solid #002365;
top: 8px;
transform: rotate(-45deg);
transform-origin: center center;
}
.acco_trigger[aria-expanded="true"]::after {
transform: rotate(135deg);
top: 12px;
}
.acco_content {
padding: 0;
transition: all .3s ease-out;
}  .padding {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;	
}
.padding-1rem {
padding: 1rem;
}
.w-100 {
width: 100% !important;
}
@media screen and (min-width: 1279px) {
.w-75 {
width: 75% !important;
}
.w-50 {
width: 50% !important;
}
.rem-60 {
width: 60rem !important;
}
.w-25 {
width: 25% !important;
}
}
@media screen and (max-width: 1278px) {
.w-75, .w-50, .w-25  {
width: 90% !important;
}
}
.flex-col {
display: flex;
align-content: center;
flex-direction: column;
align-items: center;
min-width: 25%;
}
.gap-1rem {
gap: 1rem;
} .box-shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-gray);
}
.box-shadow-gold {
box-shadow: 0 .25rem .25rem rgba(0, 0, 0, 0.08), 0 0 .75rem var(--col-3);
}
.box-1 {
background: var(--col-white);
padding: 2rem;
border-style: solid;
border-width: var(--glob-border);
border-radius: var(--glob-radius);
border-color: var(--col-gray);
}
.box-2 {
background: var(--col-2);
padding: 2rem;
border-style: none;
border-width: var(--glob-border);
border-radius: var(--glob-radius);
}
.box-3 {
background: var(--col-2);
padding: 2rem;
border-style: none;
border-width: var(--glob-border);
border-radius: var(--glob-radius);
}
.line {
border-top: 1px solid var(--col-2);
padding-top: .5rem;
}
.line-white {
border-top: 1px solid var(--col-white);
padding-top: .5rem;
}
.col-greyD {
background: var(--col-2);
}
ul.wp-block-post-template li:nth-child(even) .mirror {
flex-direction: row-reverse !important;
} header {
position: fixed;
top: 0;
width: 100%;
transition: transform 0.8s ease; z-index: 9999;
background: white;
}
.header-hidden {
transform: translateY(-100%);
}
@media screen and (max-width: 780px) {
.mobile-reverse {
flex-direction: column-reverse;
}
}

.menu-footer{
color: var(--col-white),
}
.tableGrey_h2{
font-size: 1.1rem !important;
color: var(--col-1);
display: flex;
align-items: center;
gap: .5rem;
margin: 0rem;
}
.tableGrey_panel {
background: var(--col-2);
border-radius: .5rem;
margin: 2rem 0rem;
}
.tableGrey_panel table {
margin-bottom: 0rem;
border: 0rem;
}
.tableGrey_panel table td, .tableGrey_panel table th {
padding: .5rem 1.25rem;
border-bottom: 1px solid var(--col-white);
border-top: none;
}
.tableGrey_panel tr th:first-child {
width: 8rem;
background: none;
}
.tableGrey_panel table tr:last-child td, .tableGrey_panel table tr:last-child th {
border: 0;
}
table{
text-align: left;
width: 100%;
padding: 0;
-moz-text-size-adjust: none;
text-size-adjust: none;
-webkit-text-size-adjust: none;
border-collapse: separate;
border-spacing: 0;
max-width: 100%;
border-radius: .5rem;
border: 1px solid var(--col-1);
font-size: 1rem;
color: var(--col-text-dark);
}
table th {
color: var(--col-white);
background: var(--col-1);
font-weight: 700;
border: 0;
padding: .75rem .625rem;
font-size: 1rem;
}
table td:not(:last-child) {
border-right: 1px solid var(--col-1);
}
table td {
border-top: 1px solid var(--col-1);
padding: 7px 10px;
}
table tr:first-child th:first-child {
border-top-left-radius: .5rem;
}
table tr:first-child th:last-child {
border-top-right-radius: .5rem;
} .spis-section-link{
font-size: 1.2rem;
font-weight: 500;
padding: .5rem 0;
outline: none;
}
.spis-content-link{
font-size: .9rem;
outline: none;
}
.spis-section-link:hover, .spis-content-link:hover{
padding-left: 5px;
font-weight: 700;
}
.spis-content-container a {
color: var(--col-text-muted);
}
.spis-content-container{
display: flex;
flex-direction: column;
padding: .5rem 0 .5rem 1rem;
}
.spis-section-link, .spis-content-link {
text-decoration: none;
}  .cat-boxs {
display: flex;
}
.cat-box {
margin: .5rem 0rem;
display: flex;
gap: 1rem;
flex-direction: column;
}
.cat-img img{
border-radius: 0.5rem;
}  .faq-section {
display: grid;
max-width: 1000px;
}
.faq-item {
margin-bottom: 16px;
}
.faq-item details {
background: var(--col-white);
border: var(--glob-border) solid var(--col-gray);
border-radius: var(--glob-radius);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
}
.faq-item details:hover {
border-color: var(--col-3);
transform: translateY(-2px);
box-shadow: 0 10px 20px -5px rgba(59, 130, 246, 0.1);
}
.faq-item details[open] {
border-color: var(--col-3);
background: #f8faff;
box-shadow: 0 15px 30px -10px rgba(59, 130, 246, 0.15);
}
.faq-item summary {
display: flex !important;
justify-content: space-between;
align-items: center;
padding: 22px 28px !important;
font-weight: 700;
font-size: 17px;
cursor: pointer;
list-style: none !important;
outline: none;
user-select: none;
}
.faq-item summary::-webkit-details-marker,
.faq-item summary::marker {
display: none !important;
}
.faq-item summary::after {
content: "";
width: 32px;
height: 32px;
background-color: var(--col-3);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
flex-shrink: 0;
}
.faq-item details[open] summary::after {
background-color: var(--col-3);
transform: rotate(180deg) scale(1.1);
}
.faq-item .faq-answer {
padding: 0 28px 25px 28px;
font-size: 16px;
line-height: 1.7;
color: #475569;
animation: slideIn 0.4s ease-out;
}
@keyframes slideIn {
from { opacity: 0; transform: translateY(-10px); }
to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 600px) {
.faq-item summary { padding: 18px 20px !important; font-size: 15px; }
.faq-section h2 { font-size: 20px; }
}  .logo {
display: flex;
align-items: center;
gap: .75rem;
user-select: none;
}
.logo>p, .logo>p>span {
font-weight: 800 !important;
font-size: 1.25rem;
}
.logo2 {
display: flex;
flex-direction: column;
display: flex;
align-items: center;
gap: .75rem;
user-select: none;
}
.text-main {
margin: 0;
text-align: center;
font-size: 2rem;
font-weight: 800 !important;
color: #080C15 !important;
letter-spacing: -.1rem;
} .graphic {
display: flex;
align-items: end;
gap: .375rem;
height: 3.25rem;
padding-bottom: 1rem;
}
.graphic2 {
display: flex;
align-items: end;
gap: .375rem;
max-height: 3.25rem;
} .bar-bg {
width: .5rem;
background: #E2E8F0;
border-radius: .25rem;
}
.h-small { height: 1rem; }
.h-mid { height: 1.75rem; } .exclamation {
display: flex;
flex-direction: column;
align-items: center;
animation: pulse 2s infinite ease-in-out;
}
.excl-top {
width: .5rem;
height: 1.5rem;
background: #00E63A;
border-radius: .5rem;
}
.excl-dot {
width: .5rem;
height: .5rem;
background: #00E63A;
border-radius: 50%;
margin-top: .25rem;
}
@keyframes pulse {
0%, 100% {
transform: scale(1);
filter: drop-shadow(0 0 4px rgba(0, 230, 58, 0.2));
}
50% {
transform: scale(1.1);
filter: drop-shadow(0 0 16px rgba(0, 230, 58, 0.5));
}
}