@charset "utf-8";

@font-face { font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url("//titan.fitness/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=37ee1e1c0d1261dc2eb61f8d711a2b96e61c7a753ba305140cc16dfe19098e2a") format("woff2"), url("//titan.fitness/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=05d4caae58c491499333cc32990214a7d2761af04d619cc069c82bdf4e0bbbd0") format("woff"); }

@font-face { font-family: Assistant; font-weight: 700; font-style: normal; font-display: swap; src: url("//titan.fitness/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=5e654300ff8b348f609541de7075d68b9ef186f3ae23b65a47b4dc44e595603d") format("woff2"), url("//titan.fitness/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=0b726a9bdca9684c5fcec0c81be27f6117e13ab36ab0578eb1516a35889344a2") format("woff"); }

@font-face { font-family: Assistant; font-weight: 400; font-style: normal; font-display: swap; src: url("//titan.fitness/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=37ee1e1c0d1261dc2eb61f8d711a2b96e61c7a753ba305140cc16dfe19098e2a") format("woff2"), url("//titan.fitness/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff?h1=dGl0YW4tYnJhbmRzLWZpdG5lc3MuYWNjb3VudC5teXNob3BpZnkuY29t&h2=dGl0YW4uZml0bmVzcw&h3=YWNjb3VudC50aXRhbi5maXRuZXNz&hmac=05d4caae58c491499333cc32990214a7d2761af04d619cc069c82bdf4e0bbbd0") format("woff"); }

:root, .color-background-1 { --color-background: 255,255,255; --gradient-background: #ffffff; --color-foreground: 35,35,35; --color-shadow: 0,0,0; --color-button: 10,36,64; --color-button-text: 255,255,255; --color-secondary-button: 255,255,255; --color-secondary-button-text: 35,35,35; --color-link: 35,35,35; --color-badge-foreground: 35,35,35; --color-badge-background: 255,255,255; --color-badge-border: 35,35,35; --payment-terms-background-color: rgb(255 255 255); }

.color-background-2 { --color-background: 242,242,242; --gradient-background: #f2f2f2; --color-foreground: 35,35,35; --color-shadow: 0,0,0; --color-button: 10,36,64; --color-button-text: 255,255,255; --color-secondary-button: 242,242,242; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 35,35,35; --color-badge-background: 242,242,242; --color-badge-border: 35,35,35; --payment-terms-background-color: rgb(242 242 242); }

.color-inverse { --color-background: 234,233,233; --gradient-background: #eae9e9; --color-foreground: 35,35,35; --color-shadow: 0,0,0; --color-button: 10,36,64; --color-button-text: 255,255,255; --color-secondary-button: 234,233,233; --color-secondary-button-text: 255,255,255; --color-link: 255,255,255; --color-badge-foreground: 35,35,35; --color-badge-background: 234,233,233; --color-badge-border: 35,35,35; --payment-terms-background-color: rgb(234 233 233); }

body, .color-background-1, .color-background-2, .color-inverse { color: rgba(var(--color-foreground)); background-color: rgb(var(--color-background)); }

:root { --font-body-family: "neue-haas-grotesk-display"; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Assistant, sans-serif; --font-heading-style: normal; --font-heading-weight: 400; --font-body-scale: 1.0; --font-heading-scale: 1.0; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 0px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 144rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.05; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 0px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 40px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; }

*, ::before, ::after { box-sizing: inherit; }

html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; }

body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0px; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); }

@media screen and (min-width: 750px) {
  body { font-size: 1.6rem; }
}

.c-proCard__badge.c-proCard__badge--offer { color: rgb(0, 0, 0); }

.c-proCard__badge.c-proCard__badge--offer .o-icon__clock path, .c-proCard__badge.c-proCard__badge--offer .o-icon__clock circle { stroke: rgb(0, 0, 0); }

.c-proCard__badge.c-proCard__badge--offer { background: rgb(234, 233, 233); }

@media screen and (min-width: 750px) {
  .c-proCard__badge.c-proCard__badge--offer { color: rgb(0, 0, 0); }
  .c-proCard__badge.c-proCard__badge--offer .o-icon__clock path, .c-proCard__badge.c-proCard__badge--offer .o-icon__clock circle { stroke: rgb(0, 0, 0); }
  .c-proCard__badge.c-proCard__badge--offer { background: rgb(255, 255, 255); }
}