|
- .magazine-header{--magazine-header-height: 90px;position:sticky;display:block;height:var(--magazine-header-height);top:var(--header-height);z-index:99;font-size:0;line-height:0;text-align:center;pointer-events:none;box-shadow:0 -10px 0 0 var(--swatches-neutrals-white);margin-top:0;container-type:inline-size}@media (max-width: 767px){.magazine-header{--magazine-header-height: 70px;margin-bottom:0}}.magazine-header a{transition:none}.magazine-header .gradient{position:absolute;top:0;left:0;right:0;bottom:0;--gradient-angle: 170deg;background:linear-gradient(var(--gradient-angle),var(--gradient-b) 25%,var(--gradient-a) 100%)}@container (min-width: 480px){.magazine-header .gradient{--gradient-angle: 150deg}}@container (min-width: 768px){.magazine-header .gradient{--gradient-angle: 130deg}}@container (min-width: 1100px){.magazine-header .gradient{--gradient-angle: 110deg}}.magazine-header .gradient{transform-origin:center top}.magazine-header .title{position:absolute;top:50%;left:50%;transform-origin:center 7%;transform:translate(-50%,-50%);display:inline-block;font-family:var(--font-korb),sans-serif;font-size:var(--font-size-h1);color:var(--color-text);line-height:1;padding:15px;font-weight:400;text-decoration:none;pointer-events:all}@media (max-width: 567px){.magazine-header .title{display:block;width:100%}}.magazine-header img{display:block;width:auto;height:auto;max-height:75px;margin:0 auto}@media (max-width: 767px){.magazine-header img{max-height:56px;margin:0 auto}}.magazine-header .image-and-text{display:flex!important;align-items:center}@media (max-width: 567px){.magazine-header .image-and-text{width:auto}}@media (max-width: 370px){.magazine-header .image-and-text img{display:none}}.magazine-header .text{display:flex;flex-direction:column;font-size:32px;line-height:29px;padding-left:10px;margin:0;white-space:nowrap}@media (max-width: 567px){.magazine-header .text{font-size:22px;line-height:19px}}.magazine-header .text .title-text{text-align:right}.magazine-header .text .small-text{text-align:right;font-size:19px}@media (max-width: 567px){.magazine-header .text .small-text{font-size:13px}}.magazine-header.narrow{--magazine-header-height: 50px;margin-bottom:10px}@media (max-width: 767px){.magazine-header.narrow{margin-bottom:0}}.magazine-header.narrow img{height:auto;max-height:40px}.magazine-header.narrow .title{font-size:var(--font-size-h3)}
|
