:root{--body-color: #444;--white: #fff;--black: #000;--grey: #666;--grey-light: #f5f5f5;--orange: #ff8300;--orange-light: #FFF4EC;--orange-rgb: 255, 131, 0;--blue: #004485;--blue-rgb: 0, 68, 132;--blue-light: #eef7ff;--fontFamily-body: "Rubik", sans-serif;--fontFamily-heading: "Rubik", sans-serif;--fontSize-body: clamp(1rem, 1vw + .43rem, 1.125rem);--fontSize-h1: clamp(1.875rem, 1.1vw + 1.4rem, 2.75rem);--fontSize-h2: clamp(1.625rem, 1.9vw + .7rem, 2.25rem);--fontSize-h3: clamp(1.25rem, .9vw + .8rem, 1.625rem);--fontSize-h4: clamp(1.125rem, .9vw + .8rem, 1.375rem);--button-size: var(--button-size-m);--button-size-s: 36px;--button-size-m: 44px;--button-size-l: 54px;--borderRadius-s: .5em;--borderRadius-m: 1em;--borderRadius-l: 2em;--boxShadow-color: 0 0 0;--boxShadow-s: 0 0 3px -1px rgb(var(--boxShadow-color) / .25), 0 3px 3px -1px rgb(var(--boxShadow-color) / .05);--boxShadow-m: 0 0 7px -3px rgb(var(--boxShadow-color) / .25), 0 5px 7px -3px rgb(var(--boxShadow-color) / .075);--boxShadow-l: 0 0 15px -5px rgb(var(--boxShadow-color) / .2), 0 10px 15px -5px rgb(var(--boxShadow-color) / .05);--textShadow-color: 0 0 0;--textShadow-s: 0px 1px 0px rgb(var(--textShadow-color) / .075), 0px 1px 1px rgb(var(--textShadow-color) / .075), 0px 2px 2px rgb(var(--textShadow-color) / .075);--textShadow-m: 0px 1px 1px rgb(var(--textShadow-color) / .1), 0px 1px 2px rgb(var(--textShadow-color) / .1), 0px 2px 4px rgb(var(--textShadow-color) / .1);--textShadow-l: 0px 1px 2px rgb(var(--textShadow-color) / .1), 0px 3px 2px rgb(var(--textShadow-color) / .1), 0px 4px 8px rgb(var(--textShadow-color) / .1);--layoutGrid-content-width: 1380px;--layoutGrid-breakout-width: 1680px;--layoutGrid-fullwidth-spacing: 22px;--layoutGrid-breakout-spacing: clamp(0rem, 6.45vw - 1.9rem, 4.875rem);--spacing-vertical: clamp(3.75rem, 4.4vw + 2rem, 8.75rem);--spacing-200: clamp(3.75rem, 8.2vw + 1.2rem, 12.5rem);--spacing-160: clamp(3.75rem, 5.8vw + 2rem, 10rem);--spacing-120: clamp(3.75rem, 4vw + 2rem, 7.5rem);--spacing-100: clamp(3.125rem, 2.9vw + 2rem, 6.25rem);--spacing-90: clamp(2.5rem, 2.6vw + 1.4rem, 5.625rem);--spacing-80: clamp(2.5rem, 2.6vw + 1.4rem, 5rem);--spacing-60: clamp(1.875rem, 3.9vw + .5rem, 3.75rem);--spacing-40: clamp(1.25rem, 2.6vw + .4rem, 2.5rem);--spacing-30: clamp(.938rem, 1.9vw + .3rem, 1.875rem);--spacing-25: clamp(.938rem, 1.8vw + .3rem, 1.563rem);--spacing-20: clamp(.625rem, 1.2vw + .3rem, 1.25rem);--spacing-15: clamp(.625rem, 1vw + .2rem, .938rem);--spacing-10: clamp(.313rem, 1vw, .625rem)}html{line-height:1.2}body{color:var(--body-color);font-size:var(--fontSize-body);font-family:var(--fontFamily-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,button,div,span,nav,form,ul{--button-borderRadius: calc(var(--button-size) / 2);--button-insideSpacing: calc(var(--button-size) / 2.2)}.h1,.h2,.h3,.h4{font-family:var(--fontFamily-heading);font-weight:500;overflow-wrap:break-word;word-break:break-word;line-height:1.25}.h1{font-size:var(--fontSize-h1);color:var(--black)}.h2{font-size:var(--fontSize-h2);color:var(--blue)}.h3{font-size:var(--fontSize-h3);color:var(--blue)}.h4{font-size:var(--fontSize-h4)}strong{font-weight:700;font-style:inherit}em{font-style:italic;font-weight:inherit}sup,sub{vertical-align:baseline;position:relative;font-size:75%;line-height:0}sup{top:-.5em;vertical-align:sub}sub{bottom:-.25em;vertical-align:sub}:root{--basicContainer-maxWidth: 1380px;--basicContainer-maxWidth-small: 1000px;--basicContainer-padding: clamp(1.25rem, 6vw - 1rem, 5rem)}.basicContainer{width:100%;padding-left:var(--basicContainer-padding);padding-right:var(--basicContainer-padding);max-width:calc(var(--basicContainer-maxWidth) + (2 * var(--basicContainer-padding)));margin:0 auto}.basicContainer.small{max-width:calc(var(--basicContainer-maxWidth-small) + (2 * var(--basicContainer-padding)))}body>header>*,body>main>*,body>footer>*,.layoutGrid,#mainNavigation,#productNavigation,#orderHeader{--layoutGrid-fullWidth: minmax(var(--layoutGrid-fullwidth-spacing), 1fr);--layoutGrid-breakout: minmax(var(--layoutGrid-breakout-spacing), calc((var(--layoutGrid-breakout-width) - var(--layoutGrid-content-width)) / 2));--layoutGrid-content-width-total: min(calc(100% - (2 * var(--layoutGrid-fullwidth-spacing)) - (2 * var(--layoutGrid-breakout-spacing))), var(--layoutGrid-content-width));--layoutGrid-content-width-left-percentage-fallback: .5;--layoutGrid-content-width-left-percentage-calculated: var(--layoutGrid-content-width-left-percentage, (1 - var(--layoutGrid-content-width-right-percentage, var(--layoutGrid-content-width-left-percentage-fallback))));--layoutGrid-content-width-left-pixels-calculated: var(--layoutGrid-content-width-left-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-right-pixels, (var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-percentage-calculated) * var(--layoutGrid-content-width-total)))));--layoutGrid-content-width-left-calculated: var(--layoutGrid-content-width-left-pixels-calculated);--layoutGrid-content-width-right-calculated: calc(var(--layoutGrid-content-width-total) - var(--layoutGrid-content-width-left-pixels-calculated));display:grid;grid-template-columns:[fullwidth-start] var(--layoutGrid-fullWidth) [breakout-start] var(--layoutGrid-breakout) [content-start] calc(var(--layoutGrid-content-width-left-calculated)) [content-center] calc(var(--layoutGrid-content-width-right-calculated)) [content-end] var(--layoutGrid-breakout) [breakout-end] var(--layoutGrid-fullWidth) [fullwidth-end]}body>main>*>*,.layoutGrid>*,#mainNavigation>*,#productNavigation>*,#orderHeader>*{grid-column:content}.layoutGrid--content{grid-column:content}.layoutGrid--breakout{grid-column:breakout}.layoutGrid--fullwidth{grid-column:fullwidth}
