:root{--breakpoint--desktop-large: 1440px;--breakpoint--tablet: 991px;--breakpoint--mobile-large: 767px;--breakpoint--mobile: 479px}@media only screen and (min-width: 1440px){:root{--filler: 0}}@media only screen and (max-width: 991px){:root{--global-padding--vertical: var(--spacing--size-12);--global-padding--sides: var(--spacing--size-12);--modal--all--vertical-padding: var(--spacing--size-12);--modal--all--sides-padding: var(--modal--all--vertical-padding)}}@media only screen and (max-width: 767px){:root{--global-padding--vertical: var(--spacing--size-10);--global-padding--sides: var(--spacing--size-10);--image--sq-section--border-width: var(--border--size-02);--image--sq-section--round: var(--round--size-04);--modal--all--vertical-padding: var(--spacing--size-10);--modal--all--sides-padding: var(--modal--all--vertical-padding);--modal--all--round: 0%}.modal-wrapper{--modal--wrapper-padding: 0%}}@media only screen and (max-width: 479px){:root{--global-padding--vertical: var(--spacing--size-08);--global-padding--sides: var(--spacing--size-08);--modal--all--vertical-padding: var(--spacing--size-08);--modal--all--sides-padding: var(--modal--all--vertical-padding)}}:root{--colour--body--main-bg: var(--colour--w-200);--colour--body--dark-bg: var(--colour--grey-800);--colour--brand--main: var(--colour--r-400);--colour--ui-grey: var(--colour--grey-250);--colour--ui-grey-hover: var(--colour--grey-150);--colour--ui-grey-on-dark: var(--colour--grey-650);--colour--ui-grey-on-dark-hover: var(--colour--grey-750);--colour--success: var(--colour--g-400);--colour--success--on-dark: var(--colour--g-200);--colour--error: var(--colour--r-400);--colour--error--on-dark: var(--colour--r-200);--colour--info: var(--colour--b-400);--colour--info--on-dark: var(--colour--b-200);--typo--colours--main: var(--colour--grey-800);--typo--colours--main-lite: color-mix( in hsl, var(--typo--colours--main) var(--opacity--level-65), var(--opacity--clear) );--typo--colours--main-high-contrast: var(--colour--grey-950);--typo--colours--on-dark: var(--colour--body--main-bg);--typo--colours--on-dark-lite: color-mix( in hsl, var(--typo--colours--main) var(--opacity--level-65), var(--opacity--clear) );--typo--colours--on-dark-high-contrast: var(--colour--grey-000);--typo--sizing--body: var(--typo--root);--typo--sizing--body-mobile: var(--typo--root-mobile);--typo--sizing--h1: var(--typo--h1);--typo--sizing--h2: var(--typo--h2);--typo--sizing--h3: var(--typo--h3);--typo--sizing--h4: var(--typo--h4);--typo--sizing--h5: var(--typo--h5);--typo--sizing--h6: var(--typo--h6);--typo--sizing--large: var(--typo--sizing--h5);--typo--sizing--small: var(--typo--small);--typo--weight--body: 400;--typo--weight--body-small: 400;--typo--weight--body-large: 375;--typo--weight--headings-large: 600;--typo--weight--headings-small: 600;--typo--spacing--top: var(--spacing--size-05);--typo--spacing--bottom: var(--spacing--size-09);--typo--spacing--line-height--body: 1.4;--typo--spacing--line-height--headings-large: 1.2;--typo--spacing--line-height--headings-small: 1.3;--global-padding--vertical: var(--spacing--size-14);--global-padding--sides: var(--spacing--size-14);--flex-gap--main: var(--spacing--size-09);--flex-gap--small: var(--spacing--size-05);--container--main: 80rem;--container--narrow: 52rem;--container--wide: 92rem;--card--all--round: var(--round--size-04);--card--all--border-width: var(--border--size-02);--card--all--border-colour: var(--colour--grey-100);--card--all--bg-colour: var(--colour--grey-000);--card--all--vertical-padding: var(--spacing--size-09);--card--all--sides-padding: var(--spacing--size-05);--card--all--stack-order: var(--stack--level-10);--card--all--hover--scale-shrink: .97;--card--dark--border-colour: var(--colour--grey-850);--card--dark--bg-colour: var(--colour--grey-700);--card--simple--ratio: 4 / 5.5;--card--simple--title-size: clamp( 1.953em, 1.5867em + 1.8317vw, 3.052em );--card--simple--width: clamp( 18rem, 16.1579rem + 9.2105vw, 25rem );--modal--all--round: var(--round--size-05);--modal--all--border-width: var(--border--size-01);--modal--all--border-colour: var(--card--all--border-colour);--modal--all--vertical-padding: var(--spacing--size-12);--modal--all--sides-padding: var(--modal--all--vertical-padding);--modal--all--bg-color: var(--card--all--bg-colour);--modal--all--shadow: var(--shadow--level-05);--modal--all--wrapper-stack-order: var(--stack--level-100);--modal--dark--border-colour: var(--card--dark--border-colour);--modal--dark--bg-colour: var(--card--dark--bg-colour);--button--all--round: var(--round--size-03);--button--all--border-width: var(--border--size-02);--button--all--vertical-padding: .375em;--button--all--sides-padding: 1.25em;--button--primary--bg: var(--colour--brand--main);--button--primary--bg-on-hover: color-mix( in hsl, var(--button--primary--bg) var(--opacity--level-85), var(--colour--grey-1000) );--button--primary--border-colour: var(--button--primary--bg);--button--primary--border-colour-on-hover: var( --button--primary--bg-on-hover );--button--primary--type-colour: var(--typo--colours--on-dark);--button--primary--type-colour-on-hover: var(--typo--colours--on-dark);--button--primary-white--bg: var(--colour--grey-000);--button--primary-white--bg-on-hover: var(--colour--grey-050);--button--primary-white--border-colour: var(--button--primary-white--bg);--button--primary-white--border-colour-on-hover: var( --button--primary-white--bg-on-hover );--button--primary-white--type-colour: var(--typo--colours--main);--button--primary-white--type-colour-on-hover: var(--typo--colours--main);--button--primary-black--bg: var(--typo--colours--main);--button--primary-black--bg-on-hover: var(--colour--grey-1000);--button--primary-black--border-colour: var(--button--primary-black--bg);--button--primary-black--border-colour-on-hover: var( --button--primary-black--bg-on-hover );--button--primary-black--type-colour: var(--typo--colours--on-dark);--button--primary-black--type-colour-on-hover: var(--typo--colours--on-dark);--button--secondary--bg: var(--opacity--clear);--button--secondary--bg-on-hover: var(--opacity--clear);--button--secondary--border-colour: var(--colour--brand--main);--button--secondary--border-colour-on-hover: color-mix( in hsl, var(--button--secondary--border-colour) var(--opacity--level-85), var(--colour--grey-1000) );--button--secondary--type-colour: var(--button--secondary--border-colour);--button--secondary--type-colour-on-hover: var( --button--secondary--border-colour-on-hover );--button--secondary-white--bg: var(--opacity--clear);--button--secondary-white--bg-on-hover: var(--opacity--clear);--button--secondary-white--border-colour: var(--colour--grey-000);--button--secondary-white--border-colour-on-hover: var(--colour--grey-050);--button--secondary-white--type-colour: var( --button--secondary-white--border-colour );--button--secondary-white--type-colour-on-hover: var( --button--secondary-white--border-colour-on-hover );--button--secondary-black--bg: var(--opacity--clear);--button--secondary-black--bg-on-hover: var(--opacity--clear);--button--secondary-black--border-colour: var(--typo--colours--main);--button--secondary-black--border-colour-on-hover: var(--colour--grey-1000);--button--secondary-black--type-colour: var( --button--secondary-black--border-colour );--button--secondary-black--type-colour-on-hover: var( --button--secondary-black--border-colour-on-hover );--button--tertiary--bg: var(--opacity--clear);--button--tertiary--bg-on-hover: var(--opacity--clear);--button--tertiary--border-colour: var(--opacity--clear);--button--tertiary--border-colour-on-hover: var(--opacity--clear);--button--tertiary--type-colour: var(--colour--brand--main);--button--tertiary--type-colour-on-hover: color-mix( in hsl, var(--button--tertiary--type-colour) var(--opacity--level-85), var(--colour--grey-1000) );--button--tertiary-white--bg: var(--opacity--clear);--button--tertiary-white--bg-on-hover: var(--opacity--clear);--button--tertiary-white--border-colour: var(--opacity--clear);--button--tertiary-white--border-colour-on-hover: var(--opacity--clear);--button--tertiary-white--type-colour: var(--colour--grey-000);--button--tertiary-white--type-colour-on-hover: var(--colour--grey-050);--button--tertiary-black--bg: var(--opacity--clear);--button--tertiary-black--bg-on-hover: var(--opacity--clear);--button--tertiary-black--border-colour: var(--opacity--clear);--button--tertiary-black--border-colour-on-hover: var(--opacity--clear);--button--tertiary-black--type-colour: var(--typo--colours--main);--button--tertiary-black--type-colour-on-hover: var(--colour--grey-1000);--button--quad--bg: var(--colour--ui-grey);--button--quad--bg-on-hover: var(--colour--ui-grey-hover);--button--quad--border-colour: var(--button--quad--bg);--button--quad--border-colour-on-hover: var(--button--quad--bg-on-hover);--button--quad--typo-colour: var(--typo--colours--main);--button--quad--typo-colour-on-hover: var(--colour--grey-1000);--button--quad-on-dark--bg: var(--colour--ui-grey-on-dark);--button--quad-on-dark--bg-on-hover: var(--colour--ui-grey-on-dark-hover);--button--quad-on-dark--border-colour: var(--button--quad-on-dark--bg);--button--quad-on-dark--border-colour-on-hover: var( --button--quad-on-dark--bg-on-hover );--button--quad-on-dark--typo-colour: var(--typo--colours--on-dark);--button--quad-on-dark--typo-colour-on-hover: var(--colour--grey-000);--button--square--size: var(--spacing--size-11);--button--square--padding: 0%;--button--circle--round: var(--round--size-06);--button--as-action--hover-opacity: var(--opacity--level-60);--image--sq-section--round: var(--round--size-05);--image--sq-section--border-width: var(--border--size-03);--image--sq-section--border-colour: var(--colour--grey-000);--image--sq-section--border-colour--on-dark: var(--colour--grey-900);--image--fade--amount-subtle: var(--opacity--level-80);--image--fade--amount-mid: var(--opacity--level-50);--image--fade--amount-heavy: var(--opacity--level-20);--image--fade--colour-dark--amount-subtle: color-mix( in hsl, var(--colour--grey-1000) var(--image--fade--amount-subtle), var(--opacity--clear) );--image--fade--colour-dark--amount-mid: color-mix( in hsl, var(--colour--grey-1000) var(--image--fade--amount-mid), var(--opacity--clear) );--image--fade--colour-dark--amount-heavy: color-mix( in hsl, var(--colour--grey-1000) var(--image--fade--amount-heavy), var(--opacity--clear) );--image--fade--colour-light--amount-subtle: color-mix( in hsl, var(--colour--grey-000) var(--image--fade--amount-subtle), var(--opacity--clear) );--image--fade--colour-light--amount-mid: color-mix( in hsl, var(--colour--grey-000) var(--image--fade--amount-mid), var(--opacity--clear) );--image--fade--colour-light--amount-heavy: color-mix( in hsl, var(--colour--grey-000) var(--image--fade--amount-heavy), var(--opacity--clear) );--form--all--border-weight:var(--border--size-02);--form--all--border-colour:var(--colour--ui-grey);--form--all--border-radius:var(--round--size-02);--form--all--bg-colour:var(--colour--grey-000);--form--all--text-colour:var(--typo--colours--main-high-contrast);--form--all--text-colour-placeholder:color-mix(in hsl, inherit, var(--opacity--clear) 25%);--form--all--text-weight:450;--form--label--colour:inherit;--form--label--size:var(--typo--sizing--small);--form--label--margin-bottom:.25rem;--form--text-input-padding-sides:.75rem;--form--text-input-padding-vertical:.5rem;--form--message-min-height:9rem;--focus--colour: var(--colour--p-200);--focus--border-width: var(--border--size-02);--focus--outline-offset: var(--border--size-03);--focus-outline--clickable-only: var(--focus--border-width) solid var(--focus--colour);--focus-outline--input-only: var(--focus--border-width) dashed var(--focus--colour);--transition--linear--slow: .5s linear;--transition--linear--medium: .3s linear;--transition--linear--fast: .15s linear;--transition--quart--slow: .5s cubic-bezier(.25, 1, .5, 1);--transition--quart--medium: .3s cubic-bezier(.25, 1, .5, 1);--transition--quart--fast: .15s cubic-bezier(.25, 1, .5, 1);--transition--expo--slow: .5s cubic-bezier(.19, 1, .22, 1);--transition--expo--medium: .3s cubic-bezier(.19, 1, .22, 1);--transition--expo--fast: .15s cubic-bezier(.19, 1, .22, 1)}
/*# sourceMappingURL=/cdn/shop/t/43/assets/celsius-design-system_sems.css.map */