body[data-pagebanner=active]{--page-banner-height:60px}body[data-pagebanner=active]:not([data-banner=active]){--banner-height:0px}@media (max-width:1277px){body[data-pagebanner=active]{--page-banner-height:150px}}@media (max-width:419px){body[data-pagebanner=active]{--page-banner-height:165px}}#page-banner{display:none}body[data-pagebanner=active] #page-banner{background:none;color:#fff;display:block;height:auto;position:fixed;top:var(--banner-height);width:100%;z-index:4}body[data-pagebanner=active] #page-banner[data-bg=blue]{background-color:var(--color-blue);a.btn-banner{background-color:var(--color-blue);&:focus-visible,&:hover{background-color:#fff;color:var(--color-blue)}}}body[data-pagebanner=active] #page-banner[data-bg=dark-blue]{background-color:var(--color-dark-blue);a.btn-banner{background-color:var(--color-dark-blue);&:focus-visible,&:hover{background-color:#fff;color:var(--color-dark-blue)}}}body[data-pagebanner=active] #page-banner[data-bg=light-blue]{background-color:var(--color-light-blue);color:var(--color-light-grey);a.btn-banner{background-color:var(--color-light-blue);border:2px solid var(--color-light-grey);color:var(--color-light-grey);&:focus-visible,&:hover{background-color:var(--color-light-grey);border:2px solid var(--color-light-grey);color:#fff}}.banner-close{filter:brightness(.2)}}body[data-pagebanner=active] #page-banner[data-bg=light-blue-alt]{background-color:var(--color-light-blue-quaternary);color:var(--color-light-grey);a.btn-banner{background-color:var(--color-light-blue-quaternary);border:2px solid var(--color-light-grey);color:var(--color-light-grey);&:focus-visible,&:hover{background-color:var(--color-light-grey);border:2px solid var(--color-light-grey);color:#fff}}.banner-close{filter:brightness(.2)}}body[data-pagebanner=active] #page-banner[data-bg=light-gray]{background-color:var(--color-light-grey);a.btn-banner{background-color:var(--color-light-grey);&:focus-visible,&:hover{background-color:#fff;color:var(--color-light-grey)}}}body[data-pagebanner=active] #page-banner[data-bg=green]{background-color:var(--color-green);a.btn-banner{background-color:var(--color-green);&:focus-visible,&:hover{background-color:#fff;color:var(--color-green)}}}body[data-pagebanner=active] #page-banner[data-bg=orange]{background-color:var(--color-orange);color:#fff;a.btn-banner{background-color:var(--color-orange);color:#fff;&:focus-visible,&:hover{background-color:#fff;color:var(--color-orange)}}}body[data-pagebanner=active] #page-banner>a,body[data-pagebanner=active] #page-banner>div{align-items:center;background-color:transparent;column-gap:1rem;display:flex;flex-wrap:wrap;height:100%;justify-content:center;padding-inline:1.5rem;text-decoration:none;width:100%}body[data-pagebanner=active] #page-banner>a:focus-visible,body[data-pagebanner=active] #page-banner>a:hover{opacity:.9}body[data-pagebanner=active] #page-banner .banner-text{text-align:center}body[data-pagebanner=active] #page-banner>a span,body[data-pagebanner=active] #page-banner>div .btn-banner,body[data-pagebanner=active] #page-banner>div span{z-index:1}body[data-pagebanner=active] #page-banner .left-dots{height:100%;left:0;position:absolute;width:20%;z-index:0}body[data-pagebanner=active] #page-banner .right-dots{height:100%;position:absolute;right:0;width:20%;z-index:0}@media (max-width:767px){body[data-pagebanner=active] #page-banner .left-dots,body[data-pagebanner=active] #page-banner .right-dots{display:none}body[data-pagebanner=active] #page-banner>a,body[data-pagebanner=active] #page-banner>div{align-content:center;row-gap:8px}}@media (max-width:416px){body[data-pagebanner=active] #page-banner>a,body[data-pagebanner=active] #page-banner>div{font-size:.875rem}}@media (max-width:370px){body[data-pagebanner=active] #page-banner>a,body[data-pagebanner=active] #page-banner>div{align-content:flex-start}}body[data-pagebanner=active] #top-menu{top:calc(var(--page-banner-height) + var(--banner-height))}body[data-pagebanner=active] header.site-header{top:calc(var(--header-height-half) + var(--page-banner-height) + var(--banner-height))}body[data-pagebanner=active] menu.breadcrumbs{top:calc(var(--header-height) + var(--header-height-half) + var(--page-banner-height) + var(--banner-height))}body[data-pagebanner=active] .dnd-wrapper{margin-block-start:calc(var(--header-height)*2 + var(--page-banner-height) + var(--banner-height))}body[data-pagebanner=active] .site-header menu.site-header-mobile-menu,body[data-pagebanner=active] .site-header menu.site-header-mobile-menu li .submenu-wrapper:not(.submenu-special-products){top:calc(var(--header-height) + var(--header-height-half) + var(--page-banner-height) + var(--banner-height))}@media (max-width:1412px){body[data-pagebanner=active] .dnd-wrapper{margin-block-start:calc(var(--header-height) + var(--header-height-half) + var(--page-banner-height) + var(--banner-height))}}body[data-pagebanner=active] .site-header menu.site-header-menu li .submenu-wrapper{top:calc(var(--header-height) + var(--header-height-half) + var(--page-banner-height) + var(--banner-height))}@media (min-width:1999px){body[data-pagebanner=active] .site-header menu.site-header-menu li .submenu-wrapper{top:var(--header-height)}}body[data-pagebanner=active] .btn-green{background:var(--color-light-grey);border:1px solid var(--color-green);border-radius:.25em;color:var(--color-green);font-size:14px;line-height:14px;padding:.5em 1.7em;text-transform:uppercase}body[data-pagebanner=active] .btn-banner{background:inherit;border:1px solid #fff;border-radius:.25em;color:#fff;font-size:14px;line-height:14px;padding:.5em 1.7em;text-decoration:none;text-transform:uppercase;transition:background-color .3s}body[data-pagebanner=active].close-top-page-banner{--page-banner-height:0px}body[data-pagebanner=active].close-top-page-banner #page-banner{display:none}body[data-pagebanner=active] #page-banner>div{display:flex;padding-block:1rem;padding-inline:2rem;row-gap:8px}.banner-close{background:transparent;border:none;cursor:pointer;display:block;height:13px;padding:0;position:absolute;right:15px;top:23px;width:13px}@media screen and (min-width:768px){.banner-close{height:14px;right:20px;top:21px;width:14px}}