[data-v-6cd05c70]:root{--inter: "Inter", sans-serif;--quicksand: "Quicksand", sans-serif;--font-primary: var(--inter);--font-heading: var(--quicksand);--primary-font-color: var(--shade-5);--base-font-weight: 400;--primaryTextColor: var(--base-650);--cardShadowLarge: 0 30px 60px -12px rgba(50,50,93,.2), 0 18px 36px -18px rgba(0,0,0,.25);--cardShadowLargeInset: inset 0 30px 60px -12px rgba(50,50,93,.2), inset 0 18px 36px -18px rgba(0,0,0,.25);--cardShadowMedium: 0 13px 27px -5px rgba(50,50,93,.2), 0 8px 16px -8px rgba(0,0,0,.25);--cardShadowSmall: 0 6px 12px -2px rgba(50,50,93,.2), 0 3px 7px -3px rgba(0,0,0,.25);--cardShadowXLarge: 0 50px 100px -20px rgba(50,50,93,.2), 0 30px 60px -30px rgba(0,0,0,.25);--cardShadowXSmall: 0 2px 5px -1px rgba(50,50,93,.2), 0 1px 3px -1px rgba(0,0,0,.25);--i-dark-blue: #003e56;--base-000: #fff;--base-050: #f9fbfd;--base-100: #eff3f8;--base-150: #f1f6fa;--base-200: #f6f9fc;--base-250: #ebeff4;--base-300: #dfe7ef;--base-350: #d8dfe7;--base-400: #d3dbe3;--base-450: #cfd6dd;--base-500: #c6ccd7;--base-550: #9aafbe;--base-600: #708da9;--base-625: #547796;--base-650: #3a638f;--base-675: #214f82;--base-700: #043d75;--base-750: #1c334d;--base-800: #343a40;--base-850: #292e34;--base-900: #212529;--shade000: #fff;--shade100: #eff3f8;--shade200: #f6f9fc;--shade300: #dfe7ef;--shade400: #d3dbe3;--shade500: #c6ccd7;--shade600: #708da9;--shade650: #3a638f;--shade700: #043d75;--shade800: #343a40;--shade900: #212529;--brand-primary: #00c6fe;--brand-secondary: #132273;--brand-tertiary: #132273;--brand-quaternary: #ffda52;--c-yellow: #ffda52;--c-dark-blue: #132273;--c-sky-blue: #36c3fe;--c-charcoal-black: #171717;--c-dark-gray: #3d3d3d;--c-light-gray: #d9dfe1;--c-violet: #6059f6;--c-cyan: #00e9ff;--c-indigo: #6792f7;--c-purple: #8d60f6;--c-light-green: #93d405;--i-yellow-green: #a5c144;--i-yellow-green-hover: #c4d304;--i-yellow-green-active: #84a133;--i-blue: #05a6ce;--i-blue-hover: #12bfea;--i-blue-active: #006680;--btn-blue-bg: var(--i-blue);--btn-blue-hover: #12bfea;--btn-blue-active: var(--i-blue);--u-white: #fff;--u-black: #000;--u-success: #28a745;--u-warning: #ffc107;--u-danger: #dc3545;--cardShadowLarge: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3) --cardShadowLargeInset: inset 0 30px 60px -12px rgba(50,50,93,.25), inset 0 18px 36px -18px rgba(0,0,0,.3) --cardShadowLargeMargin: 32px --cardShadowMedium: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3) --cardShadowMediumMargin: 16px --cardShadowSmall: 0 6px 12px -2px rgba(50,50,93,.25), 0 3px 7px -3px rgba(0,0,0,.3) --cardShadowSmallMargin: 8px --cardShadowXLarge: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3) --cardShadowXLargeMargin: 48px --cardShadowXSMallMargin: 2px --cardShadowXSmall: 0 2px 5px -1px rgba(50,50,93,.25), 0 1px 3px -1px rgba(0,0,0,.3) // ============================================================================= // Primary // ============================================================================= --c-primary: var(--brand-primary);--c-bg-dark: var(--c-dark-blue);--c-secondary: var(--brand-secondary);--c-tertiary: var(--brand-tertiary);--c-quaternary: var(--brand-quaternary);--body-primary: var(--base-700);--body-secondary: var(--base-500);--body-light: var(--base-500);--body-darker: var(--base-900);--heading-primary: var(--brand-primary);--heading-secondary: var(--brand-secondary);--heading-tertiary: var(--brand-tertiary);--heading-description: var(--brand-quaternary);--link: var(--brand-primary);--link-hover: var(--brand-secondary);--link-secondary: var(--brand-secondary);--link-secondary-hover: var(--brand-tertiary);--icon-primary: var(--brand-primary);--icon-secondary: var(--brand-secondary);--icon-hover: var(--brand-tertiary);--background-light: var(--base-100);--background-dark: var(--c-dark-blue);--background-primary: var(--brand-primary);--background-secondary: var(--brand-secondary);--border-light: var(--base-200);--border-dark: var(--base-700);--button-primary-bg: var(--c-primary);--button-primary-text: var(--u-white);--button-secondary-bg: var(--c-secondary);--button-secondary-text: var(--u-white);--button-hover-bg: var(--c-tertiary);--button-hover-text: var(--u-white);--bg-light: #fff;--header-bg: var(--c-dark-blue);--container-bg: var(--base-50);--layer-light-base: var(--base-50);--layer-light-text: var(--base-900);--layer-dark-base: var(--base-c-dark-blue);--layer-dark-text: var(--base-50);--heading-primary: var(--base-700);--heading-hairline: var(--base-600);--heading-secondary: var(--heading-secondary);--heading-tertiary: var(--heading-tertiary);--heading-description: var(--heading-description);--accentColor: #fff;--angleNormal: -6deg;--angleNormalSin: .106;--angleStrong: -12deg;--angleStrongSin: .212;--annotationColor: #8c9eb1;--backgroundColor: #fff;--blendBackground: #80e9ff;--blendForeground: #7a73ff;--blendIntersection: #0048e5;--bulletColor: #cfd7df;--buttonColor: #fff;--buttonDisabledColor: #cfd7df;--buttonDisabledOpacity: .7;--buttonHoverColor: #0a2540;--cardBackground: #fff;--cardBorderColor: #cbd6e0;--cardBorderRadius: 8px;--cardShadowLarge: 0 30px 60px -12px rgba(50,50,93,.25), 0 18px 36px -18px rgba(0,0,0,.3);--cardShadowLargeInset: inset 0 30px 60px -12px rgba(50,50,93,.25), inset 0 18px 36px -18px rgba(0,0,0,.3);--cardShadowLargeMargin: 32px;--cardShadowMedium: 0 13px 27px -5px rgba(50,50,93,.25), 0 8px 16px -8px rgba(0,0,0,.3);--cardShadowMediumMargin: 16px;--cardShadowSmall: 0 6px 12px -2px rgba(50,50,93,.25), 0 3px 7px -3px rgba(0,0,0,.3);--cardShadowSmallMargin: 8px;--cardShadowXLarge: 0 50px 100px -20px rgba(50,50,93,.25), 0 30px 60px -30px rgba(0,0,0,.3);--cardShadowXLargeMargin: 48px;--cardShadowXSMallMargin: 2px;--cardShadowXSmall: 0 2px 5px -1px rgba(50,50,93,.25), 0 1px 3px -1px rgba(0,0,0,.3);--checkboxInputBackground: #e7ecf1;--codeFontFamily: "SourceCodePro";--columnCountMax: 4;--columnMaxWidth: 270px;--columnPaddingLarge: 64px;--columnPaddingMedium: 32px;--columnPaddingNone: 0;--columnPaddingNormal: 16px;--columnPaddingSmall: 8px;--columnPaddingXLarge: 112px;--columnWidth: 270px;--copyMaxWidth: 810px;--ctaFont: 425 15px / 1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;--disclaimerTextColor: #707f98;--filterShadowMedium: 0px 3px 11.5px -3.5px rgba(50,50,93,.25), 0px 3.8px 7.5px -3.7px rgba(0,0,0,.1);--fixedNavHeight: 60px;--fixedNavScrollMargin: 108px;--fixedNavSpacing: 48px;--focusBoxShadow: 0 0 0 2px #4d90fe, inset 0 0 0 2px hsla(0,0%,100%,.9);--fontFamily: "sohne-var", "Helvetica Neue", "Arial", sans-serif;--fontWeightBold: 500;--fontWeightLight: 200;--fontWeightNormal: 300;--fontWeightSemibold: 425;--footerColor: #0a2540;--footnoteTextColor: #4d5b78;--formFieldDescriptionTextColor: #3f4b66;--gradientColorOne: #ff333d;--gradientColorOneTransparent: rgba(255,51,61,0);--gradientColorThree: #ffcb57;--gradientColorThreeTransparent: rgba(255,203,87,0);--gradientColorTwo: #90e0ff;--gradientColorTwoTransparent: rgba(144,224,255,0);--gradientColorZero: #a960ee;--gradientColorZeroTransparent: rgba(169,96,238,0);--gridSubcardBackground: #f6f9fc;--guideBackground: #5d69e3;--guideDarkColor: #4d5ae0;--guideDashedColor: rgba(66,71,112,.09);--guideLightColor: #6772e5;--guideLighterColor: #7a84e9;--guideLightestColor: #8d95ec;--guideSolidColor: rgba(66,71,112,.06);--gutterWidth: calc(50vw - 547.5px) ;--hoverTransition: .15s cubic-bezier(.215, .61, .355, 1);--inlineCodeBackground: #e6ecf2;--inlineCodeTextColor: #2c3a57;--inputBackground: #f6f9fc;--inputErrorAccentColor: #ff5996;--inputFont: 300 15px / 1.6 "sohne-var", "Helvetica Neue", "Arial", sans-serif;--inputPlaceholderColor: #727f96;--inputTextColor: #0a2540;--knockoutColor: #fff;--knockoutDisabledColor: #8898aa;--layoutWidth: 1080px;--layoutWidthMax: 1080px;--linkColor: #fff;--linkHoverColor: #0a2540;--linkHoverOpacity: .6;--maskFadeColor: rgba(0,0,0,.4);--mobileNavDisplay: none;--modalZIndex: 999999;--navColor: #0a2540;--navHoverColor: #0a2540;--navHoverOpacity: .6;--paddingBottom: 160px;--paddingTop: 160px;--rowGap: 8px;--rowGapLarge: 32px;--rowGapMedium: 24px;--rowGapNormal: 8px;--rowGapXLarge: 64px;--rowGapXXLarge: 88px;--scrollbarOffset: 10px;--scrollbarWidth: 15px;--shadeFiveColor: #002c59;--shadeFourColor: #635bff;--shadeOneColor: #02bcf5;--shadeSixColor: #09cbcb;--shadeThreeColor: #003ab9;--shadeTwoColor: #0073e6;--siteMenuArrowOffset: -383px;--siteMenuArrowSpacing: 13px;--siteMenuHeight: 668px;--siteMenuOffset: 0;--siteMenuRotateX: -15deg;--siteMenuTransition: .25s;--siteMenuTranslateX: 317px;--socialLogoColor: #c4ccd8;--socialLogoHoverColor: #0a2540;--sourceCodeFont: 500 14px / 1.714285714 "SourceCodePro";--stripeAccentDark: #0a2540;--stripeAccentLight: #e3e7ec;--stripeAccentWhite: #fff;--stripeColor: #fff;--subcardBackground: #f6f9fc;--systemFontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--tableIconColor: #8c9eb1;--tabletOverlayDisplay: none;--textColor: #425466;--titleColor: #0a2540;--userLogoColor: #fff;--viewportScale: calc(.08993vw - .01349px) ;--viewportWidthLarge: 1112;--viewportWidthMedium: 600;--viewportWidthSmall: 375;--windowWidth: calc(100vw - 15px) }.green-yellow[data-v-6cd05c70]{color:var(--i-yellow-green)!important}.bg-green-yellow[data-v-6cd05c70]{background-color:var(--i-yellow-green)!important}.yellow[data-v-6cd05c70]{color:var(--c-yellow)!important}.bg-yellow[data-v-6cd05c70]{background-color:var(--c-yellow)!important}.dark-blue[data-v-6cd05c70]{color:var(--c-dark-blue)!important}.bg-dark-blue[data-v-6cd05c70]{background-color:var(--c-dark-blue)!important}.sky-blue[data-v-6cd05c70]{color:var(--c-sky-blue)!important}.bg-sky-blue[data-v-6cd05c70]{background-color:var(--c-sky-blue)!important}.charcoal-black[data-v-6cd05c70]{color:var(--c-charcoal-black)!important}.bg-charcoal-black[data-v-6cd05c70]{background-color:var(--c-charcoal-black)!important}.dark-gray[data-v-6cd05c70]{color:var(--c-dark-gray)!important}.bg-dark-gray[data-v-6cd05c70]{background-color:var(--c-dark-gray)!important}.light-gray[data-v-6cd05c70]{color:var(--c-light-gray)!important}.bg-light-gray[data-v-6cd05c70]{background-color:var(--c-light-gray)!important}.violet[data-v-6cd05c70]{color:var(--c-violet)!important}.bg-violet[data-v-6cd05c70]{background-color:var(--c-violet)!important}c .cyan[data-v-6cd05c70]{color:var(--c-cyan)!important}.bg-cyan[data-v-6cd05c70]{background-color:var(--c-cyan)!important}.indigo[data-v-6cd05c70]{color:var(--c-indigo)!important}.bg-indigo[data-v-6cd05c70]{background-color:var(--c-indigo)!important}.purple[data-v-6cd05c70]{color:var(--c-purple)!important}.bg-purple[data-v-6cd05c70]{background-color:var(--c-purple)!important}.light-green[data-v-6cd05c70]{color:var(--c-light-green)!important}.bg-light-green[data-v-6cd05c70]{background-color:var(--c-light-green)!important}.i-dark-blue[data-v-6cd05c70]{color:var(--i-dark-blue)!important}.bg-i-dark-blue[data-v-6cd05c70]{background-color:var(--i-dark-blue)!important}.font-quicksand[data-v-6cd05c70]{font-family:var(--quicksand)!important}.fs--2[data-v-6cd05c70]{font-size:var(--fs--2)}.fs--15[data-v-6cd05c70]{font-size:var(--fs--15)}.fs--1[data-v-6cd05c70]{font-size:var(--fs--1)}.fs--5[data-v-6cd05c70]{font-size:var(--fs--5)}.fs-0[data-v-6cd05c70]{font-size:var(--fs-0)}.fs-1[data-v-6cd05c70]{font-size:var(--fs-1)}.fs-15[data-v-6cd05c70]{font-size:var(--fs-15)}.fs-2[data-v-6cd05c70]{font-size:var(--fs-2)}.fs-25[data-v-6cd05c70]{font-size:var(--fs-25)}.fs-3[data-v-6cd05c70]{font-size:var(--fs-3)}.fs-35[data-v-6cd05c70]{font-size:var(--fs-35)}.fs-4[data-v-6cd05c70]{font-size:var(--fs-4)}.fs-45[data-v-6cd05c70]{font-size:var(--fs-45)}.fs-5[data-v-6cd05c70]{font-size:var(--fs-5)}.fs-55[data-v-6cd05c70]{font-size:var(--fs-55)}.fs-6[data-v-6cd05c70]{font-size:var(--fs-6)}.fs-65[data-v-6cd05c70]{font-size:var(--fs-65)}.fs-7[data-v-6cd05c70]{font-size:var(--fs-7)}.fs-75[data-v-6cd05c70]{font-size:var(--fs-75)}.fs-8[data-v-6cd05c70]{font-size:var(--fs-8)}.fs-85[data-v-6cd05c70]{font-size:var(--fs-85)}.fs-9[data-v-6cd05c70]{font-size:var(--fs-9)}.fs-95[data-v-6cd05c70]{font-size:var(--fs-95)}.fs-10[data-v-6cd05c70]{font-size:var(--fs-10)}.product-card[data-v-6cd05c70]{display:flex;flex-direction:column;width:100%}.product-card[data-v-6cd05c70]>.m-wrap{flex:1;--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow);background:#fff;height:100%;width:100%;border-radius:.75rem;overflow:hidden}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-tags{left:calc(var(--lh)*.5rem);position:absolute;top:calc(var(--lh)*.5rem);z-index:1}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-tags .new{background:transparent;color:#fff;color:var(--base-600);font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--base-500);border-radius:30px;padding:.125rem .5rem}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image{align-items:center;aspect-ratio:4/2.5;border-bottom:1px solid #f1f1f1;display:flex;justify-content:center;overflow:hidden;padding-top:calc(var(--lh)*1rem);width:100%}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .image-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .image-wrapper img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:all .3s ease-in-out;width:auto}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .fade-image{align-items:center;display:flex;inset:0;justify-content:center;opacity:0;overflow:hidden;position:absolute;transition:opacity .2s ease-in-out}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .fade-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative;transition:all .3s ease-in-out;width:auto}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .fade-image.active{opacity:1;z-index:1}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button{background:#ffffffd9;border:none;border:1px solid var(--base-250);border-radius:.25rem;bottom:.5rem;color:#333;cursor:pointer;font-size:1rem;padding:calc(var(--lh)*.2rem) calc(var(--lh)*.25rem);position:absolute}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button i{color:var(--base-800)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button:hover{transform:translateY(-1px)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button:hover i{color:var(--i-blue)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button:hover:active{transform:translateY(0)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button.left-arrow{right:2.9rem}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-image .arrow-button.right-arrow{right:.5rem}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label{bottom:calc(var(--lh)*.3rem);font-size:11px;left:calc(var(--lh)*.75rem);padding:calc(var(--lh)*.075rem) calc(var(--lh)*.33rem) calc(var(--lh)*.075rem) calc(var(--lh)*.33rem);position:absolute;text-transform:uppercase;transform:1px;letter-spacing:.05em;background:#fff;border-radius:30px;font-weight:500;transition:all .2s ease}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label.origin-label.natural{border:1px solid transparent;color:var(--emerald-400);transform:translate(-5px)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label.origin-label.synthetic{border:1px solid transparent;color:var(--indigo-500);transform:translate(-5px)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label.denatured-label{left:auto;right:calc(var(--lh)*.5rem)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label.denatured-label.denatured{border:1px solid transparent;color:var(--pink-400)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .card-label.denatured-label.undenatured{border:1px solid transparent;color:var(--c-sky-blue)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-category{background:#fff;font-size:11px;padding:calc(var(--lh)*.1125rem) calc(var(--lh)*.33rem) calc(var(--lh)*.1125rem) calc(var(--lh)*.33rem);position:absolute;right:calc(var(--lh)*.5rem);text-transform:uppercase;top:calc(var(--lh)*.5rem);transform:1px;letter-spacing:.05em;border:1px solid var(--base-500);border-radius:30px;font-weight:500}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-item-code{background:#fff;font-size:11px;left:0;padding:calc(var(--lh)*.225rem) calc(var(--lh)*.75rem) calc(var(--lh)*.1125rem) calc(var(--lh)*.5rem);position:absolute;text-transform:uppercase;top:0;transform:translateY(-1px);letter-spacing:.025em;font-weight:500;transition:background-color .2s ease,color .2s ease,border-color .2s ease;z-index:1}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-item-code span{display:inline-block;position:relative}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-item-code.ethanol{background:var(--sky-50);color:var(--sky-600)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-item-code.manufactured-products{background:var(--emerald-50);color:var(--emerald-600)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-header .sec-item-code.essential-chemicals{background:var(--purple-50);color:var(--purple-500)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body{flex:1;transition:all .2s ease}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-title{margin-bottom:calc(var(--lh)*.5rem);padding-top:calc(var(--lh)*.25rem)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-title .title{color:#043d75;font-size:var(--fs-15);font-size:22px;font-weight:400;line-height:calc(var(--lh)*1.2rem)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities{display:flex;flex-direction:row;gap:calc(var(--lh)*.5rem);margin-bottom:calc(var(--lh)*.75rem)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .card-label{color:var(--base-500);font-size:var(--fs--1);font-weight:500;text-transform:uppercase}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .card-label.origin-label.natural{background:transparent;border-color:var(--emerald-400);color:var(--emerald-400)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .card-label.origin-label.synthetic{background:transparent;border-color:var(--indigo-500);color:var(--indigo-500)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .card-label.denatured-label.denatured{background:transparent;border-color:var(--pink-500);color:var(--pink-500)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .card-label.denatured-label.undenatured{background:transparent;border-color:var(--c-sky-blue);color:var(--c-sky-blue)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-qualities .divider{background:var(--base-400);height:100%;width:1px}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-body .sec-description{color:var(--base-650);font-size:var(--fs--05)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-footer .p-button.btn-product{background:#fff;border-color:var(--i-blue);border:1px solid var(--i-blue);color:var(--i-blue);font-size:var(--fs--1);gap:calc(var(--lh)*.2rem);padding:calc(var(--lh)*.3rem) calc(var(--lh)*.7rem)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-footer .p-button.btn-product .sec-icon{height:16px;margin-left:calc(var(--lh)*.25rem);transform:translateY(-1.5px);width:16px}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-footer .p-button.btn-product .sec-label{font-size:var(--fs--15)}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-footer .p-button.btn-product:hover{background:var(--i-blue);color:#fff}.product-card[data-v-6cd05c70]>.m-wrap .sec-card-footer{flex:1}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .sec-image img{transform:scale(1.1)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .sec-item-code{color:#fff}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .sec-item-code.ethanol{background:var(--sky-400);color:#fff}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .sec-item-code.manufactured-products{background:var(--emerald-400);color:#fff}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .sec-item-code.essential-chemicals{background:var(--purple-400);color:#fff}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label{position:absolute;text-transform:uppercase;transform:1px;letter-spacing:.05em;background:#fff;border-radius:30px;font-weight:500}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label.origin-label.natural{background:transparent;border-color:var(--emerald-400);color:var(--emerald-400)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label.origin-label.synthetic{background:transparent;border-color:var(--indigo-500);color:var(--indigo-500)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label.denatured-label{left:auto;right:calc(var(--lh)*.5rem)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label.denatured-label.denatured{background:transparent;border-color:var(--pink-500);color:var(--pink-500)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-header .card-label.denatured-label.undenatured{background:transparent;border-color:var(--c-sky-blue);color:var(--c-sky-blue)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-body{transform:translateY(-1px)}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-body .sec-title .title{color:#0051a8}.product-card[data-v-6cd05c70]>.m-wrap:hover .sec-card-footer{display:block}
