@dsb.dk/designsystem/dist/main.css

Development environment for creating components to the DSB Designsystem.

:host{--split-wide-column:60%}.sixtyfourty{display:grid;grid-template-columns:1fr;grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1)}@media(min-width:56.25em){.sixtyfourty{grid-template-columns:var(--split-wide-column) 1fr}}:host svg{width:20px;width:var(--icon-size,20px);height:20px;height:var(--icon-size,20px);fill:currentColor;fill:var(--icon-color,currentColor)}:host{height:-webkit-fill-available}.gradient{position:absolute;width:100%;height:100%;z-index:get-z("image-block-gradient")}.gradient.top{background:-webkit-gradient(linear,left bottom,left top,from(transparent),color-stop(4.4%,rgba(0,0,0,.006)),color-stop(9.5%,rgba(0,0,0,.024)),color-stop(15.2%,rgba(0,0,0,.052)),color-stop(21.5%,rgba(0,0,0,.088)),color-stop(28.1%,rgba(0,0,0,.13)),color-stop(35.2%,rgba(0,0,0,.176)),color-stop(42.5%,rgba(0,0,0,.225)),color-stop(50%,rgba(0,0,0,.275)),color-stop(57.6%,rgba(0,0,0,.324)),color-stop(65.2%,rgba(0,0,0,.37)),color-stop(72.7%,rgba(0,0,0,.412)),color-stop(80%,rgba(0,0,0,.448)),color-stop(87.1%,rgba(0,0,0,.476)),color-stop(93.7%,rgba(0,0,0,.494)),to(rgba(0,0,0,.5)));background:linear-gradient(0deg,transparent,rgba(0,0,0,.006) 4.4%,rgba(0,0,0,.024) 9.5%,rgba(0,0,0,.052) 15.2%,rgba(0,0,0,.088) 21.5%,rgba(0,0,0,.13) 28.1%,rgba(0,0,0,.176) 35.2%,rgba(0,0,0,.225) 42.5%,rgba(0,0,0,.275) 50%,rgba(0,0,0,.324) 57.6%,rgba(0,0,0,.37) 65.2%,rgba(0,0,0,.412) 72.7%,rgba(0,0,0,.448) 80%,rgba(0,0,0,.476) 87.1%,rgba(0,0,0,.494) 93.7%,rgba(0,0,0,.5))}.gradient.right{background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(4.4%,rgba(0,0,0,.006)),color-stop(9.5%,rgba(0,0,0,.024)),color-stop(15.2%,rgba(0,0,0,.052)),color-stop(21.5%,rgba(0,0,0,.088)),color-stop(28.1%,rgba(0,0,0,.13)),color-stop(35.2%,rgba(0,0,0,.176)),color-stop(42.5%,rgba(0,0,0,.225)),color-stop(50%,rgba(0,0,0,.275)),color-stop(57.6%,rgba(0,0,0,.324)),color-stop(65.2%,rgba(0,0,0,.37)),color-stop(72.7%,rgba(0,0,0,.412)),color-stop(80%,rgba(0,0,0,.448)),color-stop(87.1%,rgba(0,0,0,.476)),color-stop(93.7%,rgba(0,0,0,.494)),to(rgba(0,0,0,.5)));background:linear-gradient(90deg,transparent,rgba(0,0,0,.006) 4.4%,rgba(0,0,0,.024) 9.5%,rgba(0,0,0,.052) 15.2%,rgba(0,0,0,.088) 21.5%,rgba(0,0,0,.13) 28.1%,rgba(0,0,0,.176) 35.2%,rgba(0,0,0,.225) 42.5%,rgba(0,0,0,.275) 50%,rgba(0,0,0,.324) 57.6%,rgba(0,0,0,.37) 65.2%,rgba(0,0,0,.412) 72.7%,rgba(0,0,0,.448) 80%,rgba(0,0,0,.476) 87.1%,rgba(0,0,0,.494) 93.7%,rgba(0,0,0,.5))}.gradient.bottom{background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(4.4%,rgba(0,0,0,.011)),color-stop(9.5%,rgba(0,0,0,.041)),color-stop(15.2%,rgba(0,0,0,.088)),color-stop(21.5%,rgba(0,0,0,.149)),color-stop(28.1%,rgba(0,0,0,.22)),color-stop(35.2%,rgba(0,0,0,.299)),color-stop(42.5%,rgba(0,0,0,.383)),color-stop(50%,rgba(0,0,0,.467)),color-stop(57.6%,rgba(0,0,0,.551)),color-stop(65.2%,rgba(0,0,0,.63)),color-stop(72.7%,rgba(0,0,0,.701)),color-stop(80%,rgba(0,0,0,.762)),color-stop(87.1%,rgba(0,0,0,.809)),color-stop(93.7%,rgba(0,0,0,.839)),to(rgba(0,0,0,.85)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.011) 4.4%,rgba(0,0,0,.041) 9.5%,rgba(0,0,0,.088) 15.2%,rgba(0,0,0,.149) 21.5%,rgba(0,0,0,.22) 28.1%,rgba(0,0,0,.299) 35.2%,rgba(0,0,0,.383) 42.5%,rgba(0,0,0,.467) 50%,rgba(0,0,0,.551) 57.6%,rgba(0,0,0,.63) 65.2%,rgba(0,0,0,.701) 72.7%,rgba(0,0,0,.762) 80%,rgba(0,0,0,.809) 87.1%,rgba(0,0,0,.839) 93.7%,rgba(0,0,0,.85))}.gradient.left{background:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(4.4%,rgba(0,0,0,.011)),color-stop(9.5%,rgba(0,0,0,.041)),color-stop(15.2%,rgba(0,0,0,.088)),color-stop(21.5%,rgba(0,0,0,.149)),color-stop(28.1%,rgba(0,0,0,.22)),color-stop(35.2%,rgba(0,0,0,.299)),color-stop(42.5%,rgba(0,0,0,.383)),color-stop(50%,rgba(0,0,0,.467)),color-stop(57.6%,rgba(0,0,0,.551)),color-stop(65.2%,rgba(0,0,0,.63)),color-stop(72.7%,rgba(0,0,0,.701)),color-stop(80%,rgba(0,0,0,.762)),color-stop(87.1%,rgba(0,0,0,.809)),color-stop(93.7%,rgba(0,0,0,.839)),to(rgba(0,0,0,.85)));background:linear-gradient(270deg,transparent,rgba(0,0,0,.011) 4.4%,rgba(0,0,0,.041) 9.5%,rgba(0,0,0,.088) 15.2%,rgba(0,0,0,.149) 21.5%,rgba(0,0,0,.22) 28.1%,rgba(0,0,0,.299) 35.2%,rgba(0,0,0,.383) 42.5%,rgba(0,0,0,.467) 50%,rgba(0,0,0,.551) 57.6%,rgba(0,0,0,.63) 65.2%,rgba(0,0,0,.701) 72.7%,rgba(0,0,0,.762) 80%,rgba(0,0,0,.809) 87.1%,rgba(0,0,0,.839) 93.7%,rgba(0,0,0,.85))}.box,.container{display:-webkit-box;display:-ms-flexbox;display:flex;height:inherit;width:inherit}.aspect{--aspect-0:var(--aspect-x,16);--aspect-1:var(--aspect-y,9);padding-bottom:calc(100%/var(--aspect-0)*var(--aspect-1))}.aspect .image,.aspect img{position:absolute}.image{background-size:cover;background-size:var(--object-fit,cover);background-position:50%;background-repeat:no-repeat}.image,img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-fit:var(--object-fit,cover);object-fit:var(--object-fit,cover)}img{padding:0;padding:var(--image-padding,0);-webkit-box-sizing:border-box;box-sizing:border-box}slot{position:absolute;padding:24px 24px 0;z-index:1}@media(min-width:56.25em){slot{padding:36px 36px 0}}slot[name=right]{right:0}a{display:block}.headline{--font-size:22px;--line-height:32px;margin-bottom:var(--units-1);-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:.618em;gap:.618em}@media(min-width:37.5em){.headline{--font-size:24px;--line-height:34px}}@media(min-width:78.125em){.headline{--font-size:32px;--line-height:42px}}@media(min-width:105.0625em){.headline{--font-size:36px;--line-height:48px}}dsb-icon{--size:1.5em;color:var(--color-red)}.text{--font-family:var(--font-secondary);--font-size:16px;--line-height:28px;--letter-spacing:0.03em;--font-weight:300;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:35em}@media(min-width:78.125em){.text{--font-size:18px;--line-height:30px}}@media(min-width:105.0625em){.text{--font-size:22px;--line-height:36px}}.content{margin-top:var(--units-2)}.content,img{will-change:transform;-webkit-transition:-webkit-transform .7s var(--ease-in-out);transition:-webkit-transform .7s var(--ease-in-out);transition:transform .7s var(--ease-in-out);transition:transform .7s var(--ease-in-out),-webkit-transform .7s var(--ease-in-out)}a:hover img{-webkit-transform:scale(1.05);transform:scale(1.05)}a:hover .content{-webkit-transform:translateY(calc(var(--spacing-2)*-1));transform:translateY(calc(var(--spacing-2)*-1))}.overlap{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:var(--color-white)}.overlap dsb-icon{color:currentColor}.overlap dsb-image-block{position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0}.overlap dsb-image-block:after{content:"";position:absolute;height:100%;width:100%;top:0;background:-webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(4.4%,rgba(0,0,0,.006)),color-stop(9.5%,rgba(0,0,0,.024)),color-stop(15.2%,rgba(0,0,0,.052)),color-stop(21.5%,rgba(0,0,0,.088)),color-stop(28.1%,rgba(0,0,0,.13)),color-stop(35.2%,rgba(0,0,0,.176)),color-stop(42.5%,rgba(0,0,0,.225)),color-stop(50%,rgba(0,0,0,.275)),color-stop(57.6%,rgba(0,0,0,.324)),color-stop(65.2%,rgba(0,0,0,.37)),color-stop(72.7%,rgba(0,0,0,.412)),color-stop(80%,rgba(0,0,0,.448)),color-stop(87.1%,rgba(0,0,0,.476)),color-stop(93.7%,rgba(0,0,0,.494)),to(rgba(0,0,0,.5)));background:linear-gradient(180deg,transparent,rgba(0,0,0,.006) 4.4%,rgba(0,0,0,.024) 9.5%,rgba(0,0,0,.052) 15.2%,rgba(0,0,0,.088) 21.5%,rgba(0,0,0,.13) 28.1%,rgba(0,0,0,.176) 35.2%,rgba(0,0,0,.225) 42.5%,rgba(0,0,0,.275) 50%,rgba(0,0,0,.324) 57.6%,rgba(0,0,0,.37) 65.2%,rgba(0,0,0,.412) 72.7%,rgba(0,0,0,.448) 80%,rgba(0,0,0,.476) 87.1%,rgba(0,0,0,.494) 93.7%,rgba(0,0,0,.5))}.overlap .content{position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:5%;z-index:get-z("content")}@media(max-width:56.24em){.overlap .content{margin-top:128px}}a{-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:inline-grid;grid-auto-columns:auto;grid-gap:1em;gap:1em;background-color:var(--color-red);background-color:var(--button-background,var(--color-red));color:var(--color-white);color:var(--button-color,var(--color-white));border:0;border-radius:var(--border-radius);padding:0 var(--units-2);white-space:nowrap;letter-spacing:.05em;cursor:pointer;z-index:0}:host{--font-weight:bold;border:1px dotted var(--color-red)}@media(min-width:105.0625em){:host{--font-size:18px;--line-height:30px}}@media(min-width:56.25em){:host{margin:var(--units-2)}}:host([fancy]){--font-family:var(--font-primary);--font-size:22px;--line-height:32px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;background:linear-gradient(140deg,#0ff,#7fffd4);color:var(--color-blue)}@media(min-width:37.5em){:host([fancy]){--font-size:20px;--line-height:30px}}@media(min-width:56.25em){:host([fancy]){--font-size:22px;--line-height:32px}}@media(min-width:78.125em){:host([fancy]){--font-size:24px;--line-height:34px}}@media(min-width:105.0625em){:host([fancy]){--font-size:32px;--line-height:44px}}@media(min-width:37.5em){:host{grid-gap:var(--units-2);gap:var(--units-2);max-width:calc(min(100vw, var(--page-width))/24*20)}}.headline{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}::slotted(h1),h1{--font-family:var(--font-primary);--font-size:22px;--line-height:32px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;max-width:60rem;text-align:center;margin:0 auto 1.618em}@media(min-width:37.5em){::slotted(h1),h1{--font-size:20px;--line-height:30px}}@media(min-width:56.25em){::slotted(h1),h1{--font-size:22px;--line-height:32px}}@media(min-width:78.125em){::slotted(h1),h1{--font-size:24px;--line-height:34px}}@media(min-width:105.0625em){::slotted(h1),h1{--font-size:32px;--line-height:44px}}:host([isopen]) dsb-icon{-webkit-transform:rotate(45deg) scale(1.05);transform:rotate(45deg) scale(1.05)}.title{display:grid;grid-auto-flow:column;grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1)}@media(min-width:37.5em){.title{grid-gap:calc(min(100vw, var(--page-width))/24*2);gap:calc(min(100vw, var(--page-width))/24*2)}}[hidden]{height:0;display:block}.index{color:var(--color-red)}.details{--icon-size:var(--units-2);--icon-color:var(--color-red);display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:var(--units-2);gap:var(--units-2);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;min-height:var(--units-6);padding:var(--units-1) calc(min(100vw, var(--page-width))/24*1);cursor:pointer;border:0;background-color:transparent;position:relative}.details.focus-visible,.details:focus-visible,.details:focus:not(.focus-visible){outline:none}.details.focus-visible:before,.details:focus-visible:before{content:"";position:absolute;width:100%;height:100%;padding:.33rem;left:-.33rem;top:-.33rem;-webkit-box-shadow:0 0 0 2px var(--color-black);box-shadow:0 0 0 2px var(--color-black);border-radius:var(--border-radius);-webkit-box-sizing:content-box;box-sizing:content-box}.bg--blue .details.focus-visible:before,.bg--blue .details:focus-visible:before,.bg--darkgrey .details.focus-visible:before,.bg--darkgrey .details:focus-visible:before,.bg--red .details.focus-visible:before,.bg--red .details:focus-visible:before{-webkit-box-shadow:0 0 0 2px var(--color-white);box-shadow:0 0 0 2px var(--color-white)}@media(min-width:37.5em){.details{padding-left:calc(min(100vw, var(--page-width))/24*2)}}.details span{--font-family:var(--font-secondary);--font-size:16px;--line-height:28px;--letter-spacing:0.03em;--font-weight:300;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:35em;--font-family:var(--font-primary)}@media(min-width:78.125em){.details span{--font-size:18px;--line-height:30px}}@media(min-width:105.0625em){.details span{--font-size:22px;--line-height:36px}}.summary{overflow:hidden}.summary>div{padding:0 calc(min(100vw, var(--page-width))/24*1) var(--units-2)}@media(min-width:37.5em){.summary>div{padding:0 calc(min(100vw, var(--page-width))/24*3) var(--units-3) calc(min(100vw, var(--page-width))/24*2)}}@media(min-width:56.25em){:host{padding:0 calc(min(100vw, var(--page-width))/24*1)}}:host([background]) .content{padding:var(--layout-5) calc(min(100vw, var(--page-width))/24*1)}:host([background=red]) .content{background-color:var(--color-red);color:var(--color-white)}:host([background=blue]) .content{background-color:var(--color-blue);color:var(--color-white)}:host([background=grey]) .content{background-color:var(--color-grey-1)}.headline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;justify-items:flex-start;place-items:flex-start;grid-gap:var(--units-2);gap:var(--units-2)}@media(min-width:56.25em){.headline{grid-gap:var(--units-4);gap:var(--units-4)}}.content{grid-gap:var(--units-2);gap:var(--units-2);padding:0 calc(min(100vw, var(--page-width))/24*1)}@media(min-width:37.5em){.content{grid-template-columns:40% calc(60% - min(100vw, var(--page-width))/24*1)}}h2{--font-family:var(--font-primary);--font-size:22px;--line-height:32px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;margin:0}@media(min-width:37.5em){h2{--font-size:20px;--line-height:30px}}@media(min-width:56.25em){h2{--font-size:22px;--line-height:32px}}@media(min-width:78.125em){h2{--font-size:24px;--line-height:34px}}@media(min-width:105.0625em){h2{--font-size:32px;--line-height:44px}}.badge{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;pointer-events:none}.badge .dot{background-color:var(--color-red);background-color:var(--badge-background-color,var(--color-red));color:var(--color-white);color:var(--badge-color,var(--color-white));font-family:var(--font-primary);border-radius:50%}.badge .inner{display:grid;position:relative;padding:var(--units-2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center;min-width:var(--units-7);-webkit-box-sizing:border-box;box-sizing:border-box}@media(min-width:37.5em){.badge .inner{min-width:var(--units-8)}}@media(min-width:78.125em){.badge .inner{min-width:var(--units-9)}}.badge .inner:before{content:"";display:block;padding-bottom:100%;grid-area:1/1/2/2}.badge .content{display:grid;width:100%;grid-area:1/1/2/2;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;place-items:center}.badge .content *{margin:0;line-height:1}.badge .label{--font-size:12px;--letter-spacing:0.03em;--font-weight:400;--line-height:20px}.badge .label,.badge .text{--font-family:var(--font-primary);font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}.badge .text{--font-weight:bold;--font-size:22px;--line-height:32px}@media(min-width:37.5em){.badge .text{--font-size:24px;--line-height:34px}}@media(min-width:78.125em){.badge .text{--font-size:32px;--line-height:42px}}@media(min-width:105.0625em){.badge .text{--font-size:36px;--line-height:48px}}.badge.left{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.badge.right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.badge.white .dot{background-color:var(--color-white);background-color:var(--badge-background-color,var(--color-white));color:var(--color-black);color:var(--badge-color,var(--color-black))}section{overflow:hidden}.content,section{position:relative}.content{--banner-content-padding-top:var(--layout-7);--banner-content-padding-bottom:var(--layout-4);z-index:1;width:100%;max-width:var(--page-width);-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 calc(min(100vw, var(--page-width))/24*2);padding-top:var(--banner-content-padding-top);padding-bottom:var(--banner-content-padding-bottom);margin:0 auto}@media(min-width:37.5em){.content{--banner-content-padding-top:var(--layout-6);--banner-content-padding-bottom:var(--layout-6)}}@media(min-width:56.25em){.content{--banner-content-padding-top:var(--layout-7);--banner-content-padding-bottom:var(--layout-7)}}@media(min-width:145em){.content{--banner-content-padding-top:var(--layout-8);--banner-content-padding-bottom:var(--layout-8)}}.image{position:absolute;top:0;left:0;width:100%;height:100%}::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),h1,h2,h3,h4,h5,h6{--font-family:var(--font-primary);--font-size:32px;--line-height:42px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;margin:0 0 .618em}@media(min-width:78.125em){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),h1,h2,h3,h4,h5,h6{--font-size:45px;--line-height:58px}}@media(min-width:105.0625em){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),h1,h2,h3,h4,h5,h6{--font-size:55px;--line-height:70px}}@media(max-width:56.24em){::slotted(h1),::slotted(h2),::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6),h1,h2,h3,h4,h5,h6{max-width:25em}}::slotted(p),p{--font-family:var(--font-secondary);--font-size:16px;--line-height:28px;--letter-spacing:0.03em;--font-weight:300;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:35em;margin:0 0 1.618em}@media(min-width:78.125em){::slotted(p),p{--font-size:18px;--line-height:30px}}@media(min-width:105.0625em){::slotted(p),p{--font-size:22px;--line-height:36px}}@media(max-width:37.49em){::slotted(p),p{display:none}}.trumpet,::slotted(.trumpet){--font-family:var(--font-primary);--font-size:18px;--line-height:28px;--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);display:block;margin-bottom:.618em}@media(min-width:78.125em){.trumpet,::slotted(.trumpet){--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){.trumpet,::slotted(.trumpet){--font-size:24px;--line-height:34px}}a{color:var(--color-red);color:var(--link-color,var(--color-red))}ul{width:100%;padding:0;display:grid;grid-auto-flow:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;list-style:none}li{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}@media(max-width:37.49em){a{display:none}}.dimmed{opacity:.5}span:not(.dimmed){margin:0 4px;color:currentColor}@media(max-width:37.49em){span:not(.dimmed){display:none}}:host{--icon-size:1.2em;height:48px}:host([fullwidth]){width:100%}:host([fullwidth]) button{padding-left:0;padding-right:0}:host([disabled]){pointer-events:none}:host([disabled]) button{opacity:.4;pointer-events:none}button{-webkit-transition:background-color .2s;transition:background-color .2s;-webkit-box-flex:1;-ms-flex:auto;flex:auto;display:inline-grid;grid-auto-columns:auto;grid-gap:1em;gap:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:var(--color-red);background-color:var(--button-background,var(--color-red));color:var(--color-white);color:var(--button-color,var(--color-white));padding:0 var(--units-2);white-space:nowrap;letter-spacing:.05em;z-index:0}@media(min-width:145em){.big{height:var(--units-5);min-width:200px;padding:0 var(--units-5)}.big--ghost{padding:0 calc(var(--units-5) - var(--border-width))}}.secondary{background-color:var(--color-blue);background-color:var(--button-background,var(--color-blue))}.white{background-color:var(--color-white);background-color:var(--button-background,var(--color-white));color:var(--color-black);color:var(--button-color,var(--color-black))}.white .hover{background-color:var(--color-black)}.ghost{background-color:transparent;background-color:var(--button-background,transparent);border:var(--border-width) solid;padding:0 calc(var(--units-4) - var(--border-width))}.ghost .hover{background-color:var(--color-black)}.hover{-webkit-transition:-webkit-transform .3s var(--ease-in-out);transition:-webkit-transform .3s var(--ease-in-out);transition:transform .3s var(--ease-in-out);transition:transform .3s var(--ease-in-out),-webkit-transform .3s var(--ease-in-out);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-color:var(--color-white);opacity:.1;z-index:-1}:hover .hover{-webkit-transform:scaleX(1);transform:scaleX(1)}:host div{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:48px 24px;border-radius:var(--border-radius);background-color:var(--color-grey-1);text-align:left}:host div:hover dsb-icon{-webkit-transform:translateX(.25em);transform:translateX(.25em)}:host .label{--font-size:12px;--font-weight:400;--line-height:20px;position:absolute;top:32px;color:var(--color-red)}:host .label,:host .title{--font-family:var(--font-primary);--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}:host .title{--font-weight:bold;--font-size:18px;--line-height:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:.618em;gap:.618em;margin-top:0;margin-bottom:.618em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:78.125em){:host .title{--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){:host .title{--font-size:24px;--line-height:34px}}:host .title dsb-icon{--size:1em;-webkit-transition:-webkit-transform .1s;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;color:var(--color-red);-ms-flex-negative:0;flex-shrink:0;margin-bottom:.15em}:host .text{--font-size:16px;--line-height:28px;--letter-spacing:0.03em;margin:0}@media(min-width:105.0625em){:host .text{--font-size:18px;--line-height:30px}}:host{grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1)}@media(min-width:37.5em){:host{grid-template-columns:1fr 1fr;width:calc(min(100vw, var(--page-width))/24*20);grid-gap:var(--units-2);gap:var(--units-2)}}@media(min-width:56.25em){:host{grid-template-columns:1fr 1fr 1fr}}.cta{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left}.main{margin-right:16px}.action{--font-family:var(--font-primary);--font-size:16px;--line-height:28px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);margin:0}@media(min-width:105.0625em){.action{--font-size:18px;--line-height:30px}}.label{padding-right:16px;border-right:1px solid}.info-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info{--font-family:var(--font-secondary);--font-size:18px;--font-weight:300;--line-height:30px;--letter-spacing:0.04em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:27em;--font-weight:bold;margin:-.2em 0 0}@media(min-width:78.125em){.info{--font-size:22px;--line-height:34px}}@media(min-width:105.0625em){.info{--font-size:26px;--line-height:40px}}.mini{margin:0 8px 0 0}:host{min-height:var(--units-6);padding:var(--units-1) calc(min(100vw, var(--page-width))/24*1);border-radius:var(--border-radius)}@media(min-width:37.5em){:host{padding-top:0;padding-bottom:0}}a{--font-family:var(--font-primary);--font-size:16px;--line-height:28px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-black);display:grid;grid-auto-flow:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:inherit}@media(min-width:105.0625em){a{--font-size:18px;--line-height:30px}}a:hover dsb-icon{-webkit-transform:translateX(var(--spacing-2));transform:translateX(var(--spacing-2))}div,span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}dsb-icon{-webkit-transition:-webkit-transform .2s var(--ease-in-out);transition:-webkit-transform .2s var(--ease-in-out);transition:transform .2s var(--ease-in-out);transition:transform .2s var(--ease-in-out),-webkit-transform .2s var(--ease-in-out)}span{display:-webkit-box;display:-ms-flexbox;display:flex;grid-gap:var(--units-1);gap:var(--units-1)}.right{--icon-color:var(--color-red)}.price{--font-family:var(--font-primary);--font-size:22px;--line-height:32px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;color:var(--color-red)}@media(min-width:37.5em){.price{--font-size:20px;--line-height:30px}}@media(min-width:56.25em){.price{--font-size:22px;--line-height:32px}}@media(min-width:78.125em){.price{--font-size:24px;--line-height:34px}}@media(min-width:105.0625em){.price{--font-size:32px;--line-height:44px}}.mini{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}:host{--icon-color:var(--color-red)}:host([isopen]) .plus{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.plus{-webkit-transition:-webkit-transform .2s var(--ease-in-out);transition:-webkit-transform .2s var(--ease-in-out);transition:transform .2s var(--ease-in-out);transition:transform .2s var(--ease-in-out),-webkit-transform .2s var(--ease-in-out)}.details{width:100%;padding:0 calc(min(100vw, var(--page-width))/24*1);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:var(--color-grey-1);border-radius:var(--border-radius)}.content{height:auto;overflow:hidden}.content[hidden]{display:block;height:0}slot{display:block;padding:0 0 var(--units-2)}button{width:100%;padding:var(--units-2) 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;grid-gap:var(--units-2);gap:var(--units-2);text-align:left;cursor:pointer}aside{-webkit-transition:var(--flyout-transition);transition:var(--flyout-transition);position:fixed;left:0;top:0;width:100vw;min-height:50vh;z-index:13;background-color:var(--color-red);color:var(--color-white);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}aside,aside[hidden]{display:-webkit-box;display:-ms-flexbox;display:flex}aside[hidden]{-webkit-transform:translateY(-100%);transform:translateY(-100%)}aside[hidden]+.backdrop{opacity:0}.backdrop{-webkit-transition:opacity .6s var(--ease-in-out-quint);transition:opacity .6s var(--ease-in-out-quint);position:fixed;top:0;background:rgba(0,0,0,.6);z-index:-1}.close-button{--icon-size:var(--units-2);position:absolute;right:0;top:0;padding:var(--icon-size)}:host{background-color:var(--color-grey-1)}footer *{list-style:none}.top{display:grid;grid-template-columns:calc(min(100vw, var(--page-width))/24*2) 1fr;border-bottom:1px solid var(--color-grey-2);padding:var(--units-5) calc(min(100vw, var(--page-width))/24*2);grid-gap:calc(min(100vw, var(--page-width))/24*2);gap:calc(min(100vw, var(--page-width))/24*2)}@media(min-width:37.5em){.top{grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1);padding:var(--units-5) calc(min(100vw, var(--page-width))/24*1)}}@media(min-width:37.5em){.one{grid-column:span 2}}slot[name=one]::slotted(li){padding-bottom:var(--units-1)}@media(min-width:37.5em){slot[name=one]::slotted(li){padding-bottom:var(--units-2)}}.two{--font-family:var(--font-primary);--font-size:18px;--line-height:28px;--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}@media(min-width:78.125em){.two{--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){.two{--font-size:24px;--line-height:34px}}slot[name=two]::slotted(li){padding-bottom:var(--units-1)}.three{--font-family:var(--font-primary);--font-size:18px;--line-height:28px;--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);padding-bottom:var(--units-4)}@media(min-width:78.125em){.three{--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){.three{--font-size:24px;--line-height:34px}}.four{color:var(--color-black)}.body{display:grid;padding-bottom:var(--layout-6);grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1)}@media(min-width:37.5em){.body{grid-auto-flow:column;grid-template-columns:calc(min(100vw, var(--page-width))/24*10) 1fr;grid-template-rows:auto auto}}@media(min-width:56.25em){.body{grid-template-rows:auto;grid-template-columns:1fr calc(min(100vw, var(--page-width))/24*5) calc(min(100vw, var(--page-width))/24*5)}}@media(min-width:78.125em){.body{grid-template-columns:1fr calc(min(100vw, var(--page-width))/24*6) calc(min(100vw, var(--page-width))/24*6);grid-gap:0;gap:0}}.bottom{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);display:grid;padding:var(--units-3) 0 var(--units-3) calc(min(100vw, var(--page-width))/24*6)}@media(min-width:37.5em){.bottom{grid-template-columns:1fr calc(min(100vw, var(--page-width))/24*4);padding:var(--units-2) calc(min(100vw, var(--page-width))/24*2) var(--units-2) calc(min(100vw, var(--page-width))/24*2)}}@media(min-width:56.25em){.bottom{padding:var(--units-2) calc(min(100vw, var(--page-width))/24*2) var(--units-2) calc(min(100vw, var(--page-width))/24*4);grid-template-columns:1fr calc(min(100vw, var(--page-width))/24*2)}}.bottom-row{display:inline-grid;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:var(--units-2);gap:var(--units-2);padding-bottom:var(--units-2)}@media(min-width:37.5em){.bottom-row{grid-gap:var(--units-4);gap:var(--units-4);grid-auto-flow:column;padding-bottom:0}}.home-link{--icon-color:var(--color-red);--icon-size:calc(min(100vw, var(--page-width))/24*2)}@media(min-width:56.25em){.home-link{--icon-size:calc(min(100vw, var(--page-width))/24*1)}}p,ul{margin:0;padding:0}:host{position:fixed;width:100vw;top:0;z-index:10;grid-auto-flow:column;grid-template-rows:calc(var(--dsb-header-height-collapsed)/2) 1fr}@media(min-width:56.25em){:host{grid-template-rows:auto;grid-template-columns:20% 1fr 20%;padding:0 var(--units-2)}}.left{--icon-size:var(--units-4);position:relative;width:var(--icon-size);height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;z-index:14}@media(min-width:37.5em){.left{height:calc(var(--units-4) + var(--units-1)*2)}}.left::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex}.middle{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.middle,.middle::slotted(*){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%}@media(min-width:56.25em){.middle::slotted(*){max-width:calc(min(100vw, var(--page-width))/24*14)}}@media(min-width:105.0625em){.middle::slotted(*){max-width:calc(min(100vw, var(--page-width))/24*10)}}.right{--icon-size:var(--units-2);display:inline-grid;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:var(--units-2);gap:var(--units-2);grid-auto-flow:column;height:100%;margin-left:auto}@media(min-width:37.5em){.right{height:calc(var(--units-4) + var(--units-1)*2)}}.hide-on-mobile{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;overflow:hidden;grid-row:2;grid-column:span 2}@media(min-width:56.25em){.hide-on-mobile{grid-row:1;grid-column:span 1;min-height:var(--dsb-header-height-collapsed)}}[hidden]{display:inline-block}.hide-s{overflow:hidden;height:auto}@media(max-width:37.49em){:host([isopen=false]) .hide-s{height:0}}.curtain-content{overflow:hidden;height:0}.curtain-content hr{grid-column:1/-1;opacity:0}:host{grid-template-columns:repeat(2,1fr);grid-gap:var(--units-1) var(--units-1);gap:var(--units-1) var(--units-1);-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(min-width:56.25em){:host{grid-template-columns:repeat(4,1fr)}}:host(.is-opening){-webkit-transition:margin-top .3s var(--ease-in-out-quint);transition:margin-top .3s var(--ease-in-out-quint)}:host([isopen=true]) .curtain-content{height:auto}:host([isopen=true]) .backdrop{opacity:1;pointer-events:auto}h1{--font-size:18px;--line-height:28px;--letter-spacing:0.03em;position:relative;grid-column:1/-1;margin:0}@media(min-width:78.125em){h1{--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){h1{--font-size:24px;--line-height:34px}}@media(min-width:56.25em){h1{padding-top:var(--units-2)}}slot{display:inline-block}.curtain-content{grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--units-2) var(--units-1);gap:var(--units-2) var(--units-1);-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}@media(min-width:56.25em){.curtain-content{grid-column:span 4;grid-template-columns:repeat(4,1fr)}}slot[name=one],slot[name=three],slot[name=two]{grid-column:span 2}@media(min-width:37.5em){slot[name=one],slot[name=three],slot[name=two]{grid-column:span 1}}@media(min-width:56.25em){slot[name=one],slot[name=three],slot[name=two]{grid-column:span 2}}.backdrop{-webkit-transition:opacity .3s ease;transition:opacity .3s ease;position:absolute;background-color:rgba(0,0,0,.6);top:100%;right:0;bottom:0;left:0;height:100vh;opacity:0;pointer-events:none}.container{display:inline-grid;grid-gap:var(--spacing-2);gap:var(--spacing-2);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}label{--font-size:12px;--font-family:var(--font-primary);--font-weight:400;--line-height:20px;padding-left:var(--spacing-3)}.input,label{--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0)}.input{--font-family:var(--font-secondary);--font-size:16px;--line-height:28px;--font-weight:300;max-width:35em;-webkit-transition:border-color .1s var(--ease-in-out);transition:border-color .1s var(--ease-in-out);position:relative;grid-gap:var(--spacing-3);gap:var(--spacing-3);grid-template-columns:auto 1fr;border:var(--border-width) solid var(--color-grey-1);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-black);padding:0 var(--units-1);height:var(--units-4);min-width:-webkit-fill-available;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:text}@media(min-width:78.125em){.input{--font-size:18px;--line-height:30px}}@media(min-width:105.0625em){.input{--font-size:22px;--line-height:36px}}.input[focus-within]{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);box-shadow:0 1px 5px rgba(0,0,0,.5)}.input:focus-within{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.5);box-shadow:0 1px 5px rgba(0,0,0,.5)}input{font:inherit;height:100%}input::-webkit-input-placeholder{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-grey-2)}input::-moz-placeholder{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-grey-2)}input:-ms-input-placeholder{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-grey-2)}input::-ms-input-placeholder{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-grey-2)}input::placeholder{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);color:var(--color-grey-2)}input:focus{outline:0}ul{margin:0}.select{--font-size:12px;--font-family:var(--font-primary);--letter-spacing:0.03em;--font-weight:400;--line-height:20px;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);border-top:0;position:absolute;top:100%;width:100%}::slotted(option){height:var(--units-4);padding:0 var(--units-1);background:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}@-webkit-keyframes slide-in{0%{-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1}}@keyframes slide-in{0%{-webkit-transform:translate(-20px);transform:translate(-20px)}to{opacity:1}}:host{grid-gap:var(--units-5);gap:var(--units-5);width:calc(min(100vw, var(--page-width))/24*22);padding:var(--layout-6) 0}@media(min-width:56.25em){:host{width:calc(min(100vw, var(--page-width))/24*20);grid-gap:calc(min(100vw, var(--page-width))/24*1);gap:calc(min(100vw, var(--page-width))/24*1);grid-auto-flow:column;grid-template-columns:calc(min(100vw, var(--page-width))/24*9) 1fr;padding:var(--layout-7) 0}}@media(max-width:56.24em){.left{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}slot[name=left]{--font-family:var(--font-primary);--font-size:18px;--line-height:28px;--letter-spacing:0.03em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);display:grid;grid-gap:var(--units-2);gap:var(--units-2)}@media(min-width:78.125em){slot[name=left]{--font-size:20px;--line-height:30px}}@media(min-width:105.0625em){slot[name=left]{--font-size:24px;--line-height:34px}}slot:not([name]){--font-family:var(--font-primary);--font-size:32px;--line-height:42px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;--font-weight:normal;display:grid;grid-gap:var(--units-2);gap:var(--units-2)}@media(min-width:78.125em){slot:not([name]){--font-size:45px;--line-height:58px}}@media(min-width:105.0625em){slot:not([name]){--font-size:55px;--line-height:70px}}:host{background:var(--color-red);color:var(--color-white);color:var(--header-search-text-color,var(--color-white));padding:var(--units-2)}.input{--icon-size:1em;--font-family:var(--font-primary);--font-size:32px;--line-height:42px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;border-bottom:var(--border-width) solid;display:grid;grid-auto-flow:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:var(--units-2);gap:var(--units-2);max-width:none}@media(min-width:78.125em){.input{--font-size:45px;--line-height:58px}}@media(min-width:105.0625em){.input{--font-size:55px;--line-height:70px}}input{font-family:var(--font-primary);font-size:1em;line-height:2;font-weight:400;color:currentColor;width:100%;background-color:transparent;border:0;outline:0;padding:0}input::-webkit-input-placeholder{color:currentColor}input::-moz-placeholder{color:currentColor}input:-ms-input-placeholder{color:currentColor}input::-ms-input-placeholder{color:currentColor}input::placeholder{color:currentColor}.header-search{position:relative;width:100%;max-width:800px;margin:0 auto;color:var(--color-white)}.header-search__form{--font-family:var(--font-primary);--font-size:32px;--line-height:42px;--font-weight:bold;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:12em;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:var(--border-width) solid;margin-bottom:1.618em}@media(min-width:78.125em){.header-search__form{--font-size:45px;--line-height:58px}}@media(min-width:105.0625em){.header-search__form{--font-size:55px;--line-height:70px}}.header-search__form svg{height:1em;margin-bottom:.1em;margin-right:.25em;-ms-flex-negative:0;flex-shrink:0;fill:currentColor}.header-search__suggestions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:600px}.header-search__suggestions .mini{width:100%;margin-bottom:1.618em}.header-search .headline-2{font-weight:400}.header-search .tag{display:inline-block;border:var(--border-width) solid;padding:var(--units-1) var(--units-2);margin-right:var(--units-1);margin-bottom:var(--units-1);line-height:.8;white-space:nowrap;position:relative}.header-search .tag.focus-visible,.header-search .tag:focus-visible,.header-search .tag:focus:not(.focus-visible){outline:none}.header-search .tag.focus-visible:before,.header-search .tag:focus-visible:before{content:"";position:absolute;width:100%;height:100%;padding:.33rem;left:-.33rem;top:-.33rem;-webkit-box-shadow:0 0 0 2px var(--color-black);box-shadow:0 0 0 2px var(--color-black);border-radius:var(--border-radius);-webkit-box-sizing:content-box;box-sizing:content-box}.bg--blue .header-search .tag.focus-visible:before,.bg--blue .header-search .tag:focus-visible:before,.bg--darkgrey .header-search .tag.focus-visible:before,.bg--darkgrey .header-search .tag:focus-visible:before,.bg--red .header-search .tag.focus-visible:before,.bg--red .header-search .tag:focus-visible:before{-webkit-box-shadow:0 0 0 2px var(--color-white);box-shadow:0 0 0 2px var(--color-white)}.header-search .tag:hover{outline:1px solid}section{position:relative}:host .text{--font-family:var(--font-secondary);--font-size:18px;--font-weight:300;--line-height:30px;--letter-spacing:0.04em;font-family:--font-secondary;font-family:var(--font-family,--font-secondary);font-size:1rem;font-size:var(--font-size,16px);line-height:1.25rem;line-height:var(--line-height,20px);font-weight:400;font-weight:var(--font-weight,normal);letter-spacing:0;letter-spacing:var(--letter-spacing,0);max-width:27em;margin-top:0;margin-bottom:1.618em}@media(min-width:78.125em){:host .text{--font-size:22px;--line-height:34px}}@media(min-width:105.0625em){:host .text{--font-size:26px;--line-height:40px}}:host .text a{color:var(--color-white)}@media(max-width:56.24em){:host{color:var(--color-black)}:host .text a{color:var(--color-red)}}:host([variant=split]){color:var(--color-black)}:host([variant=split]) .text,:host([variant=split]) .text a{color:var(--color-white)}@media(min-width:56.25em){:host([variant=split]) .text-container{color:var(--color-white)}}@media(max-width:56.24em){:host([variant=split]) .text-container{--butto