:root{--drv-goals-goal-flex: 11.75rem;--drv-goals-goal-h: 10.4375rem;--drv-goals-icon-w: 5rem;--drv-goals-icon-h: 3.75rem;--drv-goals-icon-img-max-w: 5rem;--drv-goals-icon-img-max-h: 3.75rem;--drv-goals-hover-scale: 1.03}.drv-goals{display:flex;flex-direction:column;gap:var(--drv-space-40);background:var(--drv-white);color:var(--drv-brand-black)}.drv-goals__header{display:flex;align-items:center;justify-content:space-between;gap:var(--drv-space-20);padding-inline:var(--drv-page-inset)}.drv-goals__intro{display:flex;flex-direction:column;gap:var(--drv-space-16)}.drv-goals__sub{margin:0;font-family:var(--font-body--family);font-size:var(--drv-text-paragraph-size);font-weight:var(--drv-fw-regular);line-height:var(--drv-text-paragraph-lh);color:var(--drv-text-muted)}.drv-goals__heading{margin:0;font-family:var(--font-body--family);font-size:var(--drv-fs-36);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-38);letter-spacing:var(--drv-ls-n1);color:var(--drv-brand-black)}.drv-goals__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--drv-space-12) var(--drv-space-24);border:var(--drv-border-1) solid var(--drv-brand-black);border-radius:var(--drv-radius-button);background:transparent;color:var(--drv-brand-black);font-family:var(--font-body--family);font-size:var(--drv-fs-12);font-weight:var(--drv-fw-medium);line-height:var(--drv-lh-14);letter-spacing:0;text-transform:uppercase;text-decoration:none}.drv-goals__footer{display:none}.drv-goals__row{display:flex;gap:var(--drv-space-14);padding-inline:var(--drv-page-inset);padding-block:var(--drv-space-4);margin-block:calc(-1 * var(--drv-space-4));overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.drv-goals__row::-webkit-scrollbar{display:none}.drv-goal{flex:0 0 var(--drv-goals-goal-flex);height:var(--drv-goals-goal-h);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--drv-space-22);gap:var(--drv-space-10);background:var(--drv-beige);border-radius:var(--style-border-radius-cards, var(--drv-radius-card));color:var(--drv-brand-black);text-decoration:none}@media screen and (min-width:750px){.drv-goal{flex-grow:1}}.drv-goal__icon{width:var(--drv-goals-icon-w);height:var(--drv-goals-icon-h);display:flex;align-items:center;justify-content:center}.drv-goal__icon img,.drv-goal__icon svg{display:block;max-width:var(--drv-goals-icon-img-max-w);max-height:var(--drv-goals-icon-img-max-h);width:auto;height:auto}.drv-goal__label{margin:0;font-family:var(--font-body--family);font-size:var(--drv-fs-14);font-weight:var(--drv-fw-regular);line-height:var(--drv-lh-18);text-align:center;color:var(--drv-brand-black)}@media screen and (max-width:749px){.drv-goals{gap:var(--drv-space-24)}.drv-goals__header{padding-inline:var(--drv-space-10)}.drv-goals__heading{font-size:var(--drv-fs-30);line-height:var(--drv-lh-34);letter-spacing:0}.drv-goals__btn--header{display:none}.drv-goals__footer{display:flex;padding-inline:var(--drv-space-10)}.drv-goals__footer .drv-goals__btn{width:100%;padding-block:var(--drv-space-14)}.drv-goals__row{gap:var(--drv-space-6);padding-inline:var(--drv-space-10)}}.drv-goals__btn{transition:background-color var(--drv-duration-fast) var(--drv-ease),border-color var(--drv-duration-fast) var(--drv-ease),color var(--drv-duration-fast) var(--drv-ease)}.drv-goal{transition:transform var(--drv-duration-medium) var(--drv-ease-standard),background-color var(--drv-duration-medium) var(--drv-ease-standard),color var(--drv-duration-medium) var(--drv-ease-standard)}.drv-goal .drv-goal__label{transition:color var(--drv-duration-medium) var(--drv-ease-standard)}.drv-goal__icon img,.drv-goal__icon svg{transition:filter var(--drv-duration-medium) var(--drv-ease-standard)}@media(hover:none){a.drv-goal:active .drv-goal__label{color:var(--drv-orange)}}@media(hover:hover){.drv-goals__btn:hover{background:var(--drv-hover);border-color:var(--drv-hover);color:var(--drv-white)}.drv-goal:hover{z-index:var(--drv-z-1);background:var(--drv-orange);color:var(--drv-white)}.drv-goal:hover .drv-goal__label{color:var(--drv-white)}.drv-goal:hover .drv-goal__icon img,.drv-goal:hover .drv-goal__icon svg{filter:brightness(0) invert(1)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.drv-goal:hover{transform:scale(var(--drv-goals-hover-scale))}}
/*# sourceMappingURL=/cdn/shop/t/432/assets/drv-goals.css.map */
