.drivers-campaign-section{background-color:var(--Neutral-50)}.drivers-campaign__inner{display:flex;flex-direction:column;gap:20px}@media(min-width:768px){.drivers-campaign__inner{gap:44px}}.drivers-campaign__grid{display:grid;grid-template-columns:1fr;gap:16px;width:100%;margin:0;padding:0}@media(min-width:768px){.drivers-campaign__grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media(min-width:1200px){.drivers-campaign__grid{grid-template-columns:repeat(4,1fr)}}.drivers-campaign__card{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:16px;border:none;border-radius:24px;box-shadow:inset 0 0 0 1px var(--Neutral-200);background-color:var(--Neutral-0)}.drivers-campaign__card-trigger{display:flex;flex:1;flex-direction:column;align-items:stretch;gap:20px;width:100%;cursor:pointer}.drivers-campaign__card-media{position:relative;width:100%;height:auto;overflow:hidden;border-radius:16px;aspect-ratio:326 / 260}@media(min-width:768px){.drivers-campaign__card-media{aspect-ratio:301 / 284}}@media(hover:hover){.drivers-campaign__card-media:hover .drivers-campaign__card-image{transform:scale(1.05)}}.drivers-campaign__card-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}@media(prefers-reduced-motion:reduce){.drivers-campaign__card-image{transition:none}}.drivers-campaign__card-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.drivers-campaign__card-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}@media(min-width:768px){.drivers-campaign__card-content{gap:8px}}.drivers-campaign__card-name{margin:0;color:var(--Neutral-1000);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-subheading-medium-size);font-weight:var(--theme-subheading-medium-weight);font-style:normal;line-height:var(--theme-subheading-medium-line-height);letter-spacing:var(--theme-subheading-medium-letter-spacing)}@media(min-width:768px){.drivers-campaign__card-name{font-family:var(--FONT-STACK-HEADING);font-size:var(--theme-heading-h5-size);font-weight:var(--theme-heading-h5-weight);line-height:var(--theme-heading-h5-line-height);letter-spacing:var(--theme-heading-h5-letter-spacing)}}.drivers-campaign__card-wears{display:flex;flex-wrap:wrap;gap:8px;margin:0;color:var(--Neutral-800);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-small-size);font-weight:var(--theme-body-small-weight);font-style:normal;line-height:var(--theme-body-small-line-height);letter-spacing:var(--theme-body-small-letter-spacing)}@media(min-width:768px){.drivers-campaign__card-wears{font-size:var(--theme-body-regular-md-size);font-weight:var(--theme-body-regular-md-weight);line-height:var(--theme-body-regular-md-line-height);letter-spacing:var(--theme-body-regular-md-letter-spacing)}}.drivers-campaign__card-wears-label{font-weight:400}.drivers-campaign__card-wears-value{color:var(--Neutral-800);font-weight:500}.drivers-campaign__card-link{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--Neutral-0-30);border-radius:50%;background-color:var(--Brand-Green);color:var(--Neutral-0);text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none}@media(min-width:768px){.drivers-campaign__card-link{width:60px;height:60px}}@media(prefers-reduced-motion:reduce){.drivers-campaign__card-link{transition:none}}.drivers-campaign__card-link:hover .drivers-campaign__card-link-icon{transform:translate(2px,-2px)}@media(hover:hover){.drivers-campaign__card-trigger:hover .drivers-campaign__card-link-icon{transform:translate(2px,-2px)}}.drivers-campaign__card-link-icon{display:block;width:24px;height:24px;transition:transform .2s ease}@media(min-width:768px){.drivers-campaign__card-link-icon{width:28px;height:28px}}.drivers-campaign__card-link-icon svg{display:block;width:100%;height:100%}.drivers-campaign__card-trigger:focus-visible{outline:none}.drivers-campaign__placeholder{width:100%;padding:16px;border:1px dashed var(--Neutral-300);color:var(--Neutral-800);text-align:center;font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-small-size);font-weight:var(--theme-body-small-weight);font-style:normal;line-height:var(--theme-body-small-line-height);letter-spacing:var(--theme-body-small-letter-spacing)}.drivers-campaign__dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:visible}.drivers-campaign__dialog:not([open]){display:none}.drivers-campaign__dialog[open]{display:block}.drivers-campaign__dialog::backdrop{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .25s ease,backdrop-filter .25s ease}.drivers-campaign__dialog[open].is-visible:not(.is-closing)::backdrop{background:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.drivers-campaign__dialog[open].is-closing::backdrop{background-color:#0000;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}@media(prefers-reduced-motion:reduce){.drivers-campaign__dialog[open]::backdrop{background-color:#0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:none}}.drivers-campaign__dialog-scroller{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;min-height:100%;max-height:100vh;max-height:100dvh;padding:16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(min-width:768px){.drivers-campaign__dialog-scroller{padding:24px}}.drivers-campaign__dialog-panel{display:flex;flex-direction:column;flex-shrink:0;width:min(100%,358px);max-width:100%;height:auto;margin:auto;border:none;border-radius:16px;box-shadow:0 0 0 1px var(--Neutral-200);background-color:var(--Neutral-0);color:var(--Neutral-1000);overflow:hidden;opacity:0;transform:scale(.96);transition:opacity .25s ease,transform .25s ease}@media(min-width:768px){.drivers-campaign__dialog-panel{display:grid;grid-template-columns:350px minmax(0,1fr);align-items:stretch;width:min(100%,1050px);border-radius:24px}}.drivers-campaign__dialog[open].is-visible:not(.is-closing) .drivers-campaign__dialog-panel{opacity:1;transform:scale(1)}.drivers-campaign__dialog[open].is-closing .drivers-campaign__dialog-panel{opacity:0;transform:scale(.96)}@media(prefers-reduced-motion:reduce){.drivers-campaign__dialog-panel{opacity:1;transform:none;transition:none}}.drivers-campaign__dialog-media{position:relative;flex-shrink:0;width:100%;overflow:hidden;height:auto;aspect-ratio:87 / 61}@media(min-width:768px){.drivers-campaign__dialog-media{width:350px;height:auto;aspect-ratio:173 / 216;min-height:100%}}.drivers-campaign__dialog-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.drivers-campaign__dialog-body{display:flex;flex-direction:column;gap:16px;height:auto;padding:16px;overflow:visible}@media(min-width:768px){.drivers-campaign__dialog-body{gap:20px;padding:32px 32px 32px 28px}}.drivers-campaign__dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.drivers-campaign__dialog-heading{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}@media(min-width:768px){.drivers-campaign__dialog-heading{gap:8px}}.drivers-campaign__dialog-title{display:flex;align-items:center;gap:4px;margin:0;color:var(--Neutral-1000);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-heading-h5-size);font-weight:var(--theme-heading-h5-weight);font-style:normal;line-height:var(--theme-heading-h5-line-height);letter-spacing:var(--theme-heading-h5-letter-spacing)}@media(min-width:768px){.drivers-campaign__dialog-title{font-family:var(--FONT-STACK-HEADING);font-size:var(--theme-heading-h2-size);font-weight:var(--theme-heading-h2-weight);line-height:var(--theme-heading-h2-line-height);letter-spacing:var(--theme-heading-h2-letter-spacing)}}.drivers-campaign__dialog-title-icon{display:block;flex-shrink:0;width:12px;height:24px;color:var(--Brand-Green, #4cdc26)}@media(min-width:768px){.drivers-campaign__dialog-title-icon{width:18px;height:32px}}.drivers-campaign__dialog-title-icon svg{display:block;width:100%;height:100%}.drivers-campaign__dialog-wears{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;padding-left:22px;color:var(--Neutral-800);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-regular-md-size);font-weight:var(--theme-body-regular-md-weight);font-style:normal;line-height:var(--theme-body-regular-md-line-height);letter-spacing:var(--theme-body-regular-md-letter-spacing)}@media(min-width:768px){.drivers-campaign__dialog-wears{gap:8px;font-size:var(--theme-subheading-regular-size);font-weight:var(--theme-subheading-regular-weight);line-height:var(--theme-subheading-regular-line-height);letter-spacing:var(--theme-subheading-regular-letter-spacing)}}.drivers-campaign__dialog-wears-label{font-weight:400}.drivers-campaign__dialog-product-link{display:inline-flex;gap:2px;align-items:center;color:var(--Brand-Deep-Green, #53a830);font-weight:500;text-decoration:none}.drivers-campaign__dialog-product-link:visited{color:var(--Brand-Deep-Green, #53a830)}.drivers-campaign__dialog-product-link:hover,.drivers-campaign__dialog-product-link:focus,.drivers-campaign__dialog-product-link:focus-visible,.drivers-campaign__dialog-product-link:active{color:var(--Brand-Green)}.drivers-campaign__dialog-product-name{color:var(--Brand-Green);font-weight:500}.drivers-campaign__dialog-product-icon{display:block;flex-shrink:0;width:16px;height:16px}@media(min-width:768px){.drivers-campaign__dialog-product-icon{width:20px;height:20px}}.drivers-campaign__dialog-product-icon svg{display:block;width:100%;height:100%}.drivers-campaign__dialog-close{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:8px;border:0;border-radius:8px;background-color:var(--Neutral-100);color:var(--Neutral-600);cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .2s ease}@media(hover:hover){.drivers-campaign__dialog-close:hover{background-color:var(--Neutral-200)}}.drivers-campaign__dialog-close-icon{display:block;width:24px;height:24px}.drivers-campaign__dialog-close-icon svg{display:block;width:100%;height:100%}.drivers-campaign__dialog-close--overlay{position:absolute;top:7px;right:7px;z-index:1}@media(min-width:768px){.drivers-campaign__dialog-close--overlay{display:none}}.drivers-campaign__dialog-panel:has(.drivers-campaign__dialog-media) .drivers-campaign__dialog-close--header{display:none}@media(min-width:768px){.drivers-campaign__dialog-panel:has(.drivers-campaign__dialog-media) .drivers-campaign__dialog-close--header{display:inline-flex}}.drivers-campaign__dialog-close:focus-visible,.drivers-campaign__dialog-product-link:focus-visible{outline:none}.drivers-campaign__dialog-divider{width:100%;height:1px;border-radius:1px;background-color:var(--Neutral-200)}.drivers-campaign__dialog-text{display:flex;flex-direction:column;gap:12px;width:100%}@media(min-width:768px){.drivers-campaign__dialog-text{gap:20px}}.drivers-campaign__dialog-highlights{display:flex;flex-direction:column;gap:8px}.drivers-campaign__dialog-highlights-title{margin:0;color:var(--Neutral-1000);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-medium-md-size);font-weight:var(--theme-body-medium-md-weight);font-style:normal;line-height:var(--theme-body-medium-md-line-height);letter-spacing:var(--theme-body-medium-md-letter-spacing)}@media(min-width:768px){.drivers-campaign__dialog-highlights-title{font-size:var(--theme-subheading-medium-size);font-weight:var(--theme-subheading-medium-weight);line-height:var(--theme-subheading-medium-line-height);letter-spacing:var(--theme-subheading-medium-letter-spacing)}}.drivers-campaign__dialog-highlights-content{color:var(--Neutral-1000);font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-regular-md-size);font-weight:var(--theme-body-regular-md-weight);font-style:normal;line-height:var(--theme-body-regular-md-line-height);letter-spacing:var(--theme-body-regular-md-letter-spacing)}@media(min-width:768px){.drivers-campaign__dialog-highlights-content{font-size:var(--theme-subheading-regular-size);font-weight:var(--theme-subheading-regular-weight);line-height:var(--theme-subheading-regular-line-height);letter-spacing:var(--theme-subheading-regular-letter-spacing)}}.drivers-campaign__dialog-highlights-content>:first-child{margin-top:0}.drivers-campaign__dialog-highlights-content>:last-child{margin-bottom:0}.drivers-campaign__dialog-highlights-content ul{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.drivers-campaign__dialog-highlights-content li{display:flex;gap:0;align-items:center;padding-left:20px;position:relative}@media(min-width:768px){.drivers-campaign__dialog-highlights-content li{padding-left:24px}}.drivers-campaign__dialog-highlights-content li:before{content:"";flex-shrink:0;width:4px;height:4px;background:var(--Brand-Deep-Green);border-radius:50%;position:absolute;top:8.5px;left:8px}@media(min-width:768px){.drivers-campaign__dialog-highlights-content li:before{top:10.5px;left:10px}}.drivers-campaign__dialog-quote{position:relative;margin:0;padding:4px 0 4px 14px;border:0;font-family:var(--FONT-STACK-BODY);font-size:var(--theme-body-small-size);font-weight:var(--theme-body-small-weight);font-style:normal;line-height:var(--theme-body-small-line-height);letter-spacing:var(--theme-body-small-letter-spacing)}@media(min-width:768px){.drivers-campaign__dialog-quote{padding-left:16px;font-size:var(--theme-body-regular-md-size);font-weight:var(--theme-body-regular-md-weight);line-height:var(--theme-body-regular-md-line-height);letter-spacing:var(--theme-body-regular-md-letter-spacing)}}.drivers-campaign__dialog-quote:before{content:"";position:absolute;top:0;bottom:0;left:0;width:4px;border-radius:0;background-color:var(--Brand-Green)}.drivers-campaign__dialog-quote>:first-child{margin-top:0}.drivers-campaign__dialog-quote>:last-child{margin-bottom:0}.drivers-campaign__dialog-quote p{margin:0;color:var(--Neutral-1000);font-style:italic}
/*# sourceMappingURL=/cdn/shop/t/84/assets/drivers-campaign.css.map */