@charset "utf-8";

.max-width-breakpoint-small-mobile { max-width: 320px; }

.max-width-breakpoint-mobile-large { max-width: 360px; }

.max-width-breakpoint-mobile-large-fix { max-width: 385px; }

.max-width-breakpoint-small-tablet { max-width: 600px; }

.max-width-breakpoint-tablet { max-width: 730px; }

.max-width-breakpoint-tablet-large { max-width: 860px; }

.max-width-breakpoint-three-tiles { max-width: 975px; }

.max-width-breakpoint-tablet-landscape { max-width: 980px; }

.max-width-breakpoint-desktop { max-width: 1200px; }

.max-width-breakpoint-desktop-fix { max-width: 1280px; }

.max-width-breakpoint-desktop-large { max-width: 1650px; }

.bg-black { background-color: rgb(0, 0, 0) !important; }

.color-black { color: rgb(0, 0, 0) !important; }

.black--svg-stroke svg { stroke: rgb(0, 0, 0) !important; }

.black--svg-fill svg { fill: rgb(0, 0, 0) !important; }

.border-black { border-color: rgb(0, 0, 0) !important; }

.fill-black path, .fill-black polygon, .fill-black circle { fill: rgb(0, 0, 0) !important; }

.bg-white { background-color: rgb(255, 255, 255) !important; }

.color-white { color: rgb(255, 255, 255) !important; }

.white--svg-stroke svg { stroke: rgb(255, 255, 255) !important; }

.white--svg-fill svg { fill: rgb(255, 255, 255) !important; }

.border-white { border-color: rgb(255, 255, 255) !important; }

.fill-white path, .fill-white polygon, .fill-white circle { fill: rgb(255, 255, 255) !important; }

.bg-primary-text { background-color: rgb(0, 14, 36) !important; }

.color-primary-text { color: rgb(0, 14, 36) !important; }

.primary-text--svg-stroke svg { stroke: rgb(0, 14, 36) !important; }

.primary-text--svg-fill svg { fill: rgb(0, 14, 36) !important; }

.border-primary-text { border-color: rgb(0, 14, 36) !important; }

.fill-primary-text path, .fill-primary-text polygon, .fill-primary-text circle { fill: rgb(0, 14, 36) !important; }

.bg-secondary-text { background-color: rgb(89, 110, 127) !important; }

.color-secondary-text { color: rgb(89, 110, 127) !important; }

.secondary-text--svg-stroke svg { stroke: rgb(89, 110, 127) !important; }

.secondary-text--svg-fill svg { fill: rgb(89, 110, 127) !important; }

.border-secondary-text { border-color: rgb(89, 110, 127) !important; }

.fill-secondary-text path, .fill-secondary-text polygon, .fill-secondary-text circle { fill: rgb(89, 110, 127) !important; }

.bg-navy { background-color: rgb(13, 38, 102) !important; }

.color-navy { color: rgb(13, 38, 102) !important; }

.navy--svg-stroke svg { stroke: rgb(13, 38, 102) !important; }

.navy--svg-fill svg { fill: rgb(13, 38, 102) !important; }

.border-navy { border-color: rgb(13, 38, 102) !important; }

.fill-navy path, .fill-navy polygon, .fill-navy circle { fill: rgb(13, 38, 102) !important; }

.bg-primary-blue { background-color: rgb(8, 117, 207) !important; }

.color-primary-blue { color: rgb(8, 117, 207) !important; }

.primary-blue--svg-stroke svg { stroke: rgb(8, 117, 207) !important; }

.primary-blue--svg-fill svg { fill: rgb(8, 117, 207) !important; }

.border-primary-blue { border-color: rgb(8, 117, 207) !important; }

.fill-primary-blue path, .fill-primary-blue polygon, .fill-primary-blue circle { fill: rgb(8, 117, 207) !important; }

.bg-icon-red { background-color: rgb(214, 43, 32) !important; }

.color-icon-red { color: rgb(214, 43, 32) !important; }

.icon-red--svg-stroke svg { stroke: rgb(214, 43, 32) !important; }

.icon-red--svg-fill svg { fill: rgb(214, 43, 32) !important; }

.border-icon-red { border-color: rgb(214, 43, 32) !important; }

.fill-icon-red path, .fill-icon-red polygon, .fill-icon-red circle { fill: rgb(214, 43, 32) !important; }

.bg-yellow { background-color: rgb(255, 214, 64) !important; }

.color-yellow { color: rgb(255, 214, 64) !important; }

.yellow--svg-stroke svg { stroke: rgb(255, 214, 64) !important; }

.yellow--svg-fill svg { fill: rgb(255, 214, 64) !important; }

.border-yellow { border-color: rgb(255, 214, 64) !important; }

.fill-yellow path, .fill-yellow polygon, .fill-yellow circle { fill: rgb(255, 214, 64) !important; }

.bg-turquoise { background-color: rgb(2, 217, 206) !important; }

.color-turquoise { color: rgb(2, 217, 206) !important; }

.turquoise--svg-stroke svg { stroke: rgb(2, 217, 206) !important; }

.turquoise--svg-fill svg { fill: rgb(2, 217, 206) !important; }

.border-turquoise { border-color: rgb(2, 217, 206) !important; }

.fill-turquoise path, .fill-turquoise polygon, .fill-turquoise circle { fill: rgb(2, 217, 206) !important; }

.bg-green { background-color: rgb(0, 79, 74) !important; }

.color-green { color: rgb(0, 79, 74) !important; }

.green--svg-stroke svg { stroke: rgb(0, 79, 74) !important; }

.green--svg-fill svg { fill: rgb(0, 79, 74) !important; }

.border-green { border-color: rgb(0, 79, 74) !important; }

.fill-green path, .fill-green polygon, .fill-green circle { fill: rgb(0, 79, 74) !important; }

.bg-health-light-background { background-color: rgb(234, 255, 254) !important; }

.color-health-light-background { color: rgb(234, 255, 254) !important; }

.health-light-background--svg-stroke svg { stroke: rgb(234, 255, 254) !important; }

.health-light-background--svg-fill svg { fill: rgb(234, 255, 254) !important; }

.border-health-light-background { border-color: rgb(234, 255, 254) !important; }

.fill-health-light-background path, .fill-health-light-background polygon, .fill-health-light-background circle { fill: rgb(234, 255, 254) !important; }

.bg-almond { background-color: rgb(191, 143, 84) !important; }

.color-almond { color: rgb(191, 143, 84) !important; }

.almond--svg-stroke svg { stroke: rgb(191, 143, 84) !important; }

.almond--svg-fill svg { fill: rgb(191, 143, 84) !important; }

.border-almond { border-color: rgb(191, 143, 84) !important; }

.fill-almond path, .fill-almond polygon, .fill-almond circle { fill: rgb(191, 143, 84) !important; }

.bg-vanilla { background-color: rgb(236, 225, 206) !important; }

.color-vanilla { color: rgb(236, 225, 206) !important; }

.vanilla--svg-stroke svg { stroke: rgb(236, 225, 206) !important; }

.vanilla--svg-fill svg { fill: rgb(236, 225, 206) !important; }

.border-vanilla { border-color: rgb(236, 225, 206) !important; }

.fill-vanilla path, .fill-vanilla polygon, .fill-vanilla circle { fill: rgb(236, 225, 206) !important; }

.bg-macadam { background-color: rgb(126, 109, 84) !important; }

.color-macadam { color: rgb(126, 109, 84) !important; }

.macadam--svg-stroke svg { stroke: rgb(126, 109, 84) !important; }

.macadam--svg-fill svg { fill: rgb(126, 109, 84) !important; }

.border-macadam { border-color: rgb(126, 109, 84) !important; }

.fill-macadam path, .fill-macadam polygon, .fill-macadam circle { fill: rgb(126, 109, 84) !important; }

.bg-hazelnut { background-color: rgb(145, 100, 70) !important; }

.color-hazelnut { color: rgb(145, 100, 70) !important; }

.hazelnut--svg-stroke svg { stroke: rgb(145, 100, 70) !important; }

.hazelnut--svg-fill svg { fill: rgb(145, 100, 70) !important; }

.border-hazelnut { border-color: rgb(145, 100, 70) !important; }

.fill-hazelnut path, .fill-hazelnut polygon, .fill-hazelnut circle { fill: rgb(145, 100, 70) !important; }

.bg-cocoa { background-color: rgb(75, 45, 40) !important; }

.color-cocoa { color: rgb(75, 45, 40) !important; }

.cocoa--svg-stroke svg { stroke: rgb(75, 45, 40) !important; }

.cocoa--svg-fill svg { fill: rgb(75, 45, 40) !important; }

.border-cocoa { border-color: rgb(75, 45, 40) !important; }

.fill-cocoa path, .fill-cocoa polygon, .fill-cocoa circle { fill: rgb(75, 45, 40) !important; }

.bg-light-brown { background-color: rgb(215, 183, 144) !important; }

.color-light-brown { color: rgb(215, 183, 144) !important; }

.light-brown--svg-stroke svg { stroke: rgb(215, 183, 144) !important; }

.light-brown--svg-fill svg { fill: rgb(215, 183, 144) !important; }

.border-light-brown { border-color: rgb(215, 183, 144) !important; }

.fill-light-brown path, .fill-light-brown polygon, .fill-light-brown circle { fill: rgb(215, 183, 144) !important; }

.bg-dark-brown { background-color: rgb(108, 71, 54) !important; }

.color-dark-brown { color: rgb(108, 71, 54) !important; }

.dark-brown--svg-stroke svg { stroke: rgb(108, 71, 54) !important; }

.dark-brown--svg-fill svg { fill: rgb(108, 71, 54) !important; }

.border-dark-brown { border-color: rgb(108, 71, 54) !important; }

.fill-dark-brown path, .fill-dark-brown polygon, .fill-dark-brown circle { fill: rgb(108, 71, 54) !important; }

.bg-background-blue { background-color: rgb(150, 199, 255) !important; }

.color-background-blue { color: rgb(150, 199, 255) !important; }

.background-blue--svg-stroke svg { stroke: rgb(150, 199, 255) !important; }

.background-blue--svg-fill svg { fill: rgb(150, 199, 255) !important; }

.border-background-blue { border-color: rgb(150, 199, 255) !important; }

.fill-background-blue path, .fill-background-blue polygon, .fill-background-blue circle { fill: rgb(150, 199, 255) !important; }

.bg-dark-stroke { background-color: rgb(159, 175, 189) !important; }

.color-dark-stroke { color: rgb(159, 175, 189) !important; }

.dark-stroke--svg-stroke svg { stroke: rgb(159, 175, 189) !important; }

.dark-stroke--svg-fill svg { fill: rgb(159, 175, 189) !important; }

.border-dark-stroke { border-color: rgb(159, 175, 189) !important; }

.fill-dark-stroke path, .fill-dark-stroke polygon, .fill-dark-stroke circle { fill: rgb(159, 175, 189) !important; }

.bg-stroke { background-color: rgb(216, 224, 230) !important; }

.color-stroke { color: rgb(216, 224, 230) !important; }

.stroke--svg-stroke svg { stroke: rgb(216, 224, 230) !important; }

.stroke--svg-fill svg { fill: rgb(216, 224, 230) !important; }

.border-stroke { border-color: rgb(216, 224, 230) !important; }

.fill-stroke path, .fill-stroke polygon, .fill-stroke circle { fill: rgb(216, 224, 230) !important; }

.bg-background-grey { background-color: rgb(236, 239, 243) !important; }

.color-background-grey { color: rgb(236, 239, 243) !important; }

.background-grey--svg-stroke svg { stroke: rgb(236, 239, 243) !important; }

.background-grey--svg-fill svg { fill: rgb(236, 239, 243) !important; }

.border-background-grey { border-color: rgb(236, 239, 243) !important; }

.fill-background-grey path, .fill-background-grey polygon, .fill-background-grey circle { fill: rgb(236, 239, 243) !important; }

.bg-background-blue-grey { background-color: rgb(235, 243, 255) !important; }

.color-background-blue-grey { color: rgb(235, 243, 255) !important; }

.background-blue-grey--svg-stroke svg { stroke: rgb(235, 243, 255) !important; }

.background-blue-grey--svg-fill svg { fill: rgb(235, 243, 255) !important; }

.border-background-blue-grey { border-color: rgb(235, 243, 255) !important; }

.fill-background-blue-grey path, .fill-background-blue-grey polygon, .fill-background-blue-grey circle { fill: rgb(235, 243, 255) !important; }

.bg-background-light-grey { background-color: rgb(248, 250, 251) !important; }

.color-background-light-grey { color: rgb(248, 250, 251) !important; }

.background-light-grey--svg-stroke svg { stroke: rgb(248, 250, 251) !important; }

.background-light-grey--svg-fill svg { fill: rgb(248, 250, 251) !important; }

.border-background-light-grey { border-color: rgb(248, 250, 251) !important; }

.fill-background-light-grey path, .fill-background-light-grey polygon, .fill-background-light-grey circle { fill: rgb(248, 250, 251) !important; }

.bg-background-default-dark { background-color: rgb(206, 226, 255) !important; }

.color-background-default-dark { color: rgb(206, 226, 255) !important; }

.background-default-dark--svg-stroke svg { stroke: rgb(206, 226, 255) !important; }

.background-default-dark--svg-fill svg { fill: rgb(206, 226, 255) !important; }

.border-background-default-dark { border-color: rgb(206, 226, 255) !important; }

.fill-background-default-dark path, .fill-background-default-dark polygon, .fill-background-default-dark circle { fill: rgb(206, 226, 255) !important; }

.bg-background-default { background-color: rgb(240, 243, 255) !important; }

.color-background-default { color: rgb(240, 243, 255) !important; }

.background-default--svg-stroke svg { stroke: rgb(240, 243, 255) !important; }

.background-default--svg-fill svg { fill: rgb(240, 243, 255) !important; }

.border-background-default { border-color: rgb(240, 243, 255) !important; }

.fill-background-default path, .fill-background-default polygon, .fill-background-default circle { fill: rgb(240, 243, 255) !important; }

.bg-background-default-light { background-color: rgb(249, 250, 255) !important; }

.color-background-default-light { color: rgb(249, 250, 255) !important; }

.background-default-light--svg-stroke svg { stroke: rgb(249, 250, 255) !important; }

.background-default-light--svg-fill svg { fill: rgb(249, 250, 255) !important; }

.border-background-default-light { border-color: rgb(249, 250, 255) !important; }

.fill-background-default-light path, .fill-background-default-light polygon, .fill-background-default-light circle { fill: rgb(249, 250, 255) !important; }

.bg-navy-hover { background-color: rgb(11, 34, 92) !important; }

.color-navy-hover { color: rgb(11, 34, 92) !important; }

.navy-hover--svg-stroke svg { stroke: rgb(11, 34, 92) !important; }

.navy-hover--svg-fill svg { fill: rgb(11, 34, 92) !important; }

.border-navy-hover { border-color: rgb(11, 34, 92) !important; }

.fill-navy-hover path, .fill-navy-hover polygon, .fill-navy-hover circle { fill: rgb(11, 34, 92) !important; }

.bg-navy-pressed { background-color: rgb(8, 29, 75) !important; }

.color-navy-pressed { color: rgb(8, 29, 75) !important; }

.navy-pressed--svg-stroke svg { stroke: rgb(8, 29, 75) !important; }

.navy-pressed--svg-fill svg { fill: rgb(8, 29, 75) !important; }

.border-navy-pressed { border-color: rgb(8, 29, 75) !important; }

.fill-navy-pressed path, .fill-navy-pressed polygon, .fill-navy-pressed circle { fill: rgb(8, 29, 75) !important; }

.bg-hover-light { background-color: rgb(8, 117, 207) !important; }

.color-hover-light { color: rgb(8, 117, 207) !important; }

.hover-light--svg-stroke svg { stroke: rgb(8, 117, 207) !important; }

.hover-light--svg-fill svg { fill: rgb(8, 117, 207) !important; }

.border-hover-light { border-color: rgb(8, 117, 207) !important; }

.fill-hover-light path, .fill-hover-light polygon, .fill-hover-light circle { fill: rgb(8, 117, 207) !important; }

.bg-hover-dark { background-color: rgb(216, 224, 230) !important; }

.color-hover-dark { color: rgb(216, 224, 230) !important; }

.hover-dark--svg-stroke svg { stroke: rgb(216, 224, 230) !important; }

.hover-dark--svg-fill svg { fill: rgb(216, 224, 230) !important; }

.border-hover-dark { border-color: rgb(216, 224, 230) !important; }

.fill-hover-dark path, .fill-hover-dark polygon, .fill-hover-dark circle { fill: rgb(216, 224, 230) !important; }

.bg-pressed-light { background-color: rgb(9, 90, 172) !important; }

.color-pressed-light { color: rgb(9, 90, 172) !important; }

.pressed-light--svg-stroke svg { stroke: rgb(9, 90, 172) !important; }

.pressed-light--svg-fill svg { fill: rgb(9, 90, 172) !important; }

.border-pressed-light { border-color: rgb(9, 90, 172) !important; }

.fill-pressed-light path, .fill-pressed-light polygon, .fill-pressed-light circle { fill: rgb(9, 90, 172) !important; }

.bg-pressed-dark { background-color: rgb(159, 175, 189) !important; }

.color-pressed-dark { color: rgb(159, 175, 189) !important; }

.pressed-dark--svg-stroke svg { stroke: rgb(159, 175, 189) !important; }

.pressed-dark--svg-fill svg { fill: rgb(159, 175, 189) !important; }

.border-pressed-dark { border-color: rgb(159, 175, 189) !important; }

.fill-pressed-dark path, .fill-pressed-dark polygon, .fill-pressed-dark circle { fill: rgb(159, 175, 189) !important; }

.bg-disabled-light { background-color: rgb(229, 231, 238) !important; }

.color-disabled-light { color: rgb(229, 231, 238) !important; }

.disabled-light--svg-stroke svg { stroke: rgb(229, 231, 238) !important; }

.disabled-light--svg-fill svg { fill: rgb(229, 231, 238) !important; }

.border-disabled-light { border-color: rgb(229, 231, 238) !important; }

.fill-disabled-light path, .fill-disabled-light polygon, .fill-disabled-light circle { fill: rgb(229, 231, 238) !important; }

.bg-disabled-dark { background-color: rgb(165, 171, 181) !important; }

.color-disabled-dark { color: rgb(165, 171, 181) !important; }

.disabled-dark--svg-stroke svg { stroke: rgb(165, 171, 181) !important; }

.disabled-dark--svg-fill svg { fill: rgb(165, 171, 181) !important; }

.border-disabled-dark { border-color: rgb(165, 171, 181) !important; }

.fill-disabled-dark path, .fill-disabled-dark polygon, .fill-disabled-dark circle { fill: rgb(165, 171, 181) !important; }

.bg-focus { background-color: rgb(8, 117, 207) !important; }

.color-focus { color: rgb(8, 117, 207) !important; }

.focus--svg-stroke svg { stroke: rgb(8, 117, 207) !important; }

.focus--svg-fill svg { fill: rgb(8, 117, 207) !important; }

.border-focus { border-color: rgb(8, 117, 207) !important; }

.fill-focus path, .fill-focus polygon, .fill-focus circle { fill: rgb(8, 117, 207) !important; }

.bg-secondary-hover { background-color: rgb(235, 244, 251) !important; }

.color-secondary-hover { color: rgb(235, 244, 251) !important; }

.secondary-hover--svg-stroke svg { stroke: rgb(235, 244, 251) !important; }

.secondary-hover--svg-fill svg { fill: rgb(235, 244, 251) !important; }

.border-secondary-hover { border-color: rgb(235, 244, 251) !important; }

.fill-secondary-hover path, .fill-secondary-hover polygon, .fill-secondary-hover circle { fill: rgb(235, 244, 251) !important; }

.bg-secondary-pressed { background-color: rgb(225, 238, 249) !important; }

.color-secondary-pressed { color: rgb(225, 238, 249) !important; }

.secondary-pressed--svg-stroke svg { stroke: rgb(225, 238, 249) !important; }

.secondary-pressed--svg-fill svg { fill: rgb(225, 238, 249) !important; }

.border-secondary-pressed { border-color: rgb(225, 238, 249) !important; }

.fill-secondary-pressed path, .fill-secondary-pressed polygon, .fill-secondary-pressed circle { fill: rgb(225, 238, 249) !important; }

.bg-secondary-dark-pressed { background-color: rgb(61, 81, 133) !important; }

.color-secondary-dark-pressed { color: rgb(61, 81, 133) !important; }

.secondary-dark-pressed--svg-stroke svg { stroke: rgb(61, 81, 133) !important; }

.secondary-dark-pressed--svg-fill svg { fill: rgb(61, 81, 133) !important; }

.border-secondary-dark-pressed { border-color: rgb(61, 81, 133) !important; }

.fill-secondary-dark-pressed path, .fill-secondary-dark-pressed polygon, .fill-secondary-dark-pressed circle { fill: rgb(61, 81, 133) !important; }

.bg-action-btn-disabled { background-color: rgb(235, 236, 238) !important; }

.color-action-btn-disabled { color: rgb(235, 236, 238) !important; }

.action-btn-disabled--svg-stroke svg { stroke: rgb(235, 236, 238) !important; }

.action-btn-disabled--svg-fill svg { fill: rgb(235, 236, 238) !important; }

.border-action-btn-disabled { border-color: rgb(235, 236, 238) !important; }

.fill-action-btn-disabled path, .fill-action-btn-disabled polygon, .fill-action-btn-disabled circle { fill: rgb(235, 236, 238) !important; }

.bg-accent-hovered { background-color: rgb(2, 208, 198) !important; }

.color-accent-hovered { color: rgb(2, 208, 198) !important; }

.accent-hovered--svg-stroke svg { stroke: rgb(2, 208, 198) !important; }

.accent-hovered--svg-fill svg { fill: rgb(2, 208, 198) !important; }

.border-accent-hovered { border-color: rgb(2, 208, 198) !important; }

.fill-accent-hovered path, .fill-accent-hovered polygon, .fill-accent-hovered circle { fill: rgb(2, 208, 198) !important; }

.bg-accent-pressed { background-color: rgb(2, 201, 191) !important; }

.color-accent-pressed { color: rgb(2, 201, 191) !important; }

.accent-pressed--svg-stroke svg { stroke: rgb(2, 201, 191) !important; }

.accent-pressed--svg-fill svg { fill: rgb(2, 201, 191) !important; }

.border-accent-pressed { border-color: rgb(2, 201, 191) !important; }

.fill-accent-pressed path, .fill-accent-pressed polygon, .fill-accent-pressed circle { fill: rgb(2, 201, 191) !important; }

.bg-toggle-off { background-color: rgb(130, 147, 162) !important; }

.color-toggle-off { color: rgb(130, 147, 162) !important; }

.toggle-off--svg-stroke svg { stroke: rgb(130, 147, 162) !important; }

.toggle-off--svg-fill svg { fill: rgb(130, 147, 162) !important; }

.border-toggle-off { border-color: rgb(130, 147, 162) !important; }

.fill-toggle-off path, .fill-toggle-off polygon, .fill-toggle-off circle { fill: rgb(130, 147, 162) !important; }

.bg-success { background-color: rgb(43, 124, 100) !important; }

.color-success { color: rgb(43, 124, 100) !important; }

.success--svg-stroke svg { stroke: rgb(43, 124, 100) !important; }

.success--svg-fill svg { fill: rgb(43, 124, 100) !important; }

.border-success { border-color: rgb(43, 124, 100) !important; }

.fill-success path, .fill-success polygon, .fill-success circle { fill: rgb(43, 124, 100) !important; }

.bg-error { background-color: rgb(202, 41, 31) !important; }

.color-error { color: rgb(202, 41, 31) !important; }

.error--svg-stroke svg { stroke: rgb(202, 41, 31) !important; }

.error--svg-fill svg { fill: rgb(202, 41, 31) !important; }

.border-error { border-color: rgb(202, 41, 31) !important; }

.fill-error path, .fill-error polygon, .fill-error circle { fill: rgb(202, 41, 31) !important; }

.bg-warning { background-color: rgb(188, 123, 1) !important; }

.color-warning { color: rgb(188, 123, 1) !important; }

.warning--svg-stroke svg { stroke: rgb(188, 123, 1) !important; }

.warning--svg-fill svg { fill: rgb(188, 123, 1) !important; }

.border-warning { border-color: rgb(188, 123, 1) !important; }

.fill-warning path, .fill-warning polygon, .fill-warning circle { fill: rgb(188, 123, 1) !important; }

.bg-info { background-color: rgb(8, 117, 207) !important; }

.color-info { color: rgb(8, 117, 207) !important; }

.info--svg-stroke svg { stroke: rgb(8, 117, 207) !important; }

.info--svg-fill svg { fill: rgb(8, 117, 207) !important; }

.border-info { border-color: rgb(8, 117, 207) !important; }

.fill-info path, .fill-info polygon, .fill-info circle { fill: rgb(8, 117, 207) !important; }

.bg-moi-purple { background-color: rgb(128, 26, 184) !important; }

.color-moi-purple { color: rgb(128, 26, 184) !important; }

.moi-purple--svg-stroke svg { stroke: rgb(128, 26, 184) !important; }

.moi-purple--svg-fill svg { fill: rgb(128, 26, 184) !important; }

.border-moi-purple { border-color: rgb(128, 26, 184) !important; }

.fill-moi-purple path, .fill-moi-purple polygon, .fill-moi-purple circle { fill: rgb(128, 26, 184) !important; }

.bg-moi-red { background-color: rgb(237, 48, 36) !important; }

.color-moi-red { color: rgb(237, 48, 36) !important; }

.moi-red--svg-stroke svg { stroke: rgb(237, 48, 36) !important; }

.moi-red--svg-fill svg { fill: rgb(237, 48, 36) !important; }

.border-moi-red { border-color: rgb(237, 48, 36) !important; }

.fill-moi-red path, .fill-moi-red polygon, .fill-moi-red circle { fill: rgb(237, 48, 36) !important; }

.bg-moi-blue { background-color: rgb(24, 151, 242) !important; }

.color-moi-blue { color: rgb(24, 151, 242) !important; }

.moi-blue--svg-stroke svg { stroke: rgb(24, 151, 242) !important; }

.moi-blue--svg-fill svg { fill: rgb(24, 151, 242) !important; }

.border-moi-blue { border-color: rgb(24, 151, 242) !important; }

.fill-moi-blue path, .fill-moi-blue polygon, .fill-moi-blue circle { fill: rgb(24, 151, 242) !important; }

.bg-moi-light-blue { background-color: rgb(206, 226, 255) !important; }

.color-moi-light-blue { color: rgb(206, 226, 255) !important; }

.moi-light-blue--svg-stroke svg { stroke: rgb(206, 226, 255) !important; }

.moi-light-blue--svg-fill svg { fill: rgb(206, 226, 255) !important; }

.border-moi-light-blue { border-color: rgb(206, 226, 255) !important; }

.fill-moi-light-blue path, .fill-moi-light-blue polygon, .fill-moi-light-blue circle { fill: rgb(206, 226, 255) !important; }

.bg-dark-purple { background-color: rgb(102, 21, 147) !important; }

.color-dark-purple { color: rgb(102, 21, 147) !important; }

.dark-purple--svg-stroke svg { stroke: rgb(102, 21, 147) !important; }

.dark-purple--svg-fill svg { fill: rgb(102, 21, 147) !important; }

.border-dark-purple { border-color: rgb(102, 21, 147) !important; }

.fill-dark-purple path, .fill-dark-purple polygon, .fill-dark-purple circle { fill: rgb(102, 21, 147) !important; }

.bg-mostly-black { background-color: rgba(0, 0, 0, 0.16) !important; }

.color-mostly-black { color: rgba(0, 0, 0, 0.16) !important; }

.mostly-black--svg-stroke svg { stroke: rgba(0, 0, 0, 0.16) !important; }

.mostly-black--svg-fill svg { fill: rgba(0, 0, 0, 0.16) !important; }

.border-mostly-black { border-color: rgba(0, 0, 0, 0.16) !important; }

.fill-mostly-black path, .fill-mostly-black polygon, .fill-mostly-black circle { fill: rgba(0, 0, 0, 0.16) !important; }

.bg-charcoal { background-color: rgb(51, 51, 51) !important; }

.color-charcoal { color: rgb(51, 51, 51) !important; }

.charcoal--svg-stroke svg { stroke: rgb(51, 51, 51) !important; }

.charcoal--svg-fill svg { fill: rgb(51, 51, 51) !important; }

.border-charcoal { border-color: rgb(51, 51, 51) !important; }

.fill-charcoal path, .fill-charcoal polygon, .fill-charcoal circle { fill: rgb(51, 51, 51) !important; }

.bg-light-black { background-color: rgb(38, 38, 38) !important; }

.color-light-black { color: rgb(38, 38, 38) !important; }

.light-black--svg-stroke svg { stroke: rgb(38, 38, 38) !important; }

.light-black--svg-fill svg { fill: rgb(38, 38, 38) !important; }

.border-light-black { border-color: rgb(38, 38, 38) !important; }

.fill-light-black path, .fill-light-black polygon, .fill-light-black circle { fill: rgb(38, 38, 38) !important; }

.bg-grey-text { background-color: rgb(100, 100, 100) !important; }

.color-grey-text { color: rgb(100, 100, 100) !important; }

.grey-text--svg-stroke svg { stroke: rgb(100, 100, 100) !important; }

.grey-text--svg-fill svg { fill: rgb(100, 100, 100) !important; }

.border-grey-text { border-color: rgb(100, 100, 100) !important; }

.fill-grey-text path, .fill-grey-text polygon, .fill-grey-text circle { fill: rgb(100, 100, 100) !important; }

.bg-light-stroke { background-color: rgb(223, 223, 223) !important; }

.color-light-stroke { color: rgb(223, 223, 223) !important; }

.light-stroke--svg-stroke svg { stroke: rgb(223, 223, 223) !important; }

.light-stroke--svg-fill svg { fill: rgb(223, 223, 223) !important; }

.border-light-stroke { border-color: rgb(223, 223, 223) !important; }

.fill-light-stroke path, .fill-light-stroke polygon, .fill-light-stroke circle { fill: rgb(223, 223, 223) !important; }

.bg-background { background-color: rgb(227, 227, 227) !important; }

.color-background { color: rgb(227, 227, 227) !important; }

.background--svg-stroke svg { stroke: rgb(227, 227, 227) !important; }

.background--svg-fill svg { fill: rgb(227, 227, 227) !important; }

.border-background { border-color: rgb(227, 227, 227) !important; }

.fill-background path, .fill-background polygon, .fill-background circle { fill: rgb(227, 227, 227) !important; }

.bg-tundora { background-color: rgb(70, 70, 70) !important; }

.color-tundora { color: rgb(70, 70, 70) !important; }

.tundora--svg-stroke svg { stroke: rgb(70, 70, 70) !important; }

.tundora--svg-fill svg { fill: rgb(70, 70, 70) !important; }

.border-tundora { border-color: rgb(70, 70, 70) !important; }

.fill-tundora path, .fill-tundora polygon, .fill-tundora circle { fill: rgb(70, 70, 70) !important; }

.bg-light-background { background-color: rgb(248, 248, 248) !important; }

.color-light-background { color: rgb(248, 248, 248) !important; }

.light-background--svg-stroke svg { stroke: rgb(248, 248, 248) !important; }

.light-background--svg-fill svg { fill: rgb(248, 248, 248) !important; }

.border-light-background { border-color: rgb(248, 248, 248) !important; }

.fill-light-background path, .fill-light-background polygon, .fill-light-background circle { fill: rgb(248, 248, 248) !important; }

.bg-accessible-red { background-color: rgb(202, 41, 31) !important; }

.color-accessible-red { color: rgb(202, 41, 31) !important; }

.accessible-red--svg-stroke svg { stroke: rgb(202, 41, 31) !important; }

.accessible-red--svg-fill svg { fill: rgb(202, 41, 31) !important; }

.border-accessible-red { border-color: rgb(202, 41, 31) !important; }

.fill-accessible-red path, .fill-accessible-red polygon, .fill-accessible-red circle { fill: rgb(202, 41, 31) !important; }

.bg-points-red { background-color: rgb(216, 30, 5) !important; }

.color-points-red { color: rgb(216, 30, 5) !important; }

.points-red--svg-stroke svg { stroke: rgb(216, 30, 5) !important; }

.points-red--svg-fill svg { fill: rgb(216, 30, 5) !important; }

.border-points-red { border-color: rgb(216, 30, 5) !important; }

.fill-points-red path, .fill-points-red polygon, .fill-points-red circle { fill: rgb(216, 30, 5) !important; }

.bg-secondary-yellow { background-color: rgb(255, 242, 0) !important; }

.color-secondary-yellow { color: rgb(255, 242, 0) !important; }

.secondary-yellow--svg-stroke svg { stroke: rgb(255, 242, 0) !important; }

.secondary-yellow--svg-fill svg { fill: rgb(255, 242, 0) !important; }

.border-secondary-yellow { border-color: rgb(255, 242, 0) !important; }

.fill-secondary-yellow path, .fill-secondary-yellow polygon, .fill-secondary-yellow circle { fill: rgb(255, 242, 0) !important; }

.bg-yellow-hover { background-color: rgb(240, 207, 0) !important; }

.color-yellow-hover { color: rgb(240, 207, 0) !important; }

.yellow-hover--svg-stroke svg { stroke: rgb(240, 207, 0) !important; }

.yellow-hover--svg-fill svg { fill: rgb(240, 207, 0) !important; }

.border-yellow-hover { border-color: rgb(240, 207, 0) !important; }

.fill-yellow-hover path, .fill-yellow-hover polygon, .fill-yellow-hover circle { fill: rgb(240, 207, 0) !important; }

.bg-yellow-active { background-color: rgb(227, 197, 0) !important; }

.color-yellow-active { color: rgb(227, 197, 0) !important; }

.yellow-active--svg-stroke svg { stroke: rgb(227, 197, 0) !important; }

.yellow-active--svg-fill svg { fill: rgb(227, 197, 0) !important; }

.border-yellow-active { border-color: rgb(227, 197, 0) !important; }

.fill-yellow-active path, .fill-yellow-active polygon, .fill-yellow-active circle { fill: rgb(227, 197, 0) !important; }

.bg-yellow-c { background-color: rgb(252, 219, 45) !important; }

.color-yellow-c { color: rgb(252, 219, 45) !important; }

.yellow-c--svg-stroke svg { stroke: rgb(252, 219, 45) !important; }

.yellow-c--svg-fill svg { fill: rgb(252, 219, 45) !important; }

.border-yellow-c { border-color: rgb(252, 219, 45) !important; }

.fill-yellow-c path, .fill-yellow-c polygon, .fill-yellow-c circle { fill: rgb(252, 219, 45) !important; }

.bg-accessible-green { background-color: rgb(1, 137, 62) !important; }

.color-accessible-green { color: rgb(1, 137, 62) !important; }

.accessible-green--svg-stroke svg { stroke: rgb(1, 137, 62) !important; }

.accessible-green--svg-fill svg { fill: rgb(1, 137, 62) !important; }

.border-accessible-green { border-color: rgb(1, 137, 62) !important; }

.fill-accessible-green path, .fill-accessible-green polygon, .fill-accessible-green circle { fill: rgb(1, 137, 62) !important; }

.bg-pressed-green { background-color: rgb(1, 112, 51) !important; }

.color-pressed-green { color: rgb(1, 112, 51) !important; }

.pressed-green--svg-stroke svg { stroke: rgb(1, 112, 51) !important; }

.pressed-green--svg-fill svg { fill: rgb(1, 112, 51) !important; }

.border-pressed-green { border-color: rgb(1, 112, 51) !important; }

.fill-pressed-green path, .fill-pressed-green polygon, .fill-pressed-green circle { fill: rgb(1, 112, 51) !important; }

.bg-focus-blue { background-color: rgb(51, 135, 230) !important; }

.color-focus-blue { color: rgb(51, 135, 230) !important; }

.focus-blue--svg-stroke svg { stroke: rgb(51, 135, 230) !important; }

.focus-blue--svg-fill svg { fill: rgb(51, 135, 230) !important; }

.border-focus-blue { border-color: rgb(51, 135, 230) !important; }

.fill-focus-blue path, .fill-focus-blue polygon, .fill-focus-blue circle { fill: rgb(51, 135, 230) !important; }

.bg-blue { background-color: rgb(165, 215, 235) !important; }

.color-blue { color: rgb(165, 215, 235) !important; }

.blue--svg-stroke svg { stroke: rgb(165, 215, 235) !important; }

.blue--svg-fill svg { fill: rgb(165, 215, 235) !important; }

.border-blue { border-color: rgb(165, 215, 235) !important; }

.fill-blue path, .fill-blue polygon, .fill-blue circle { fill: rgb(165, 215, 235) !important; }

.bg-pink { background-color: rgb(247, 161, 183) !important; }

.color-pink { color: rgb(247, 161, 183) !important; }

.pink--svg-stroke svg { stroke: rgb(247, 161, 183) !important; }

.pink--svg-fill svg { fill: rgb(247, 161, 183) !important; }

.border-pink { border-color: rgb(247, 161, 183) !important; }

.fill-pink path, .fill-pink polygon, .fill-pink circle { fill: rgb(247, 161, 183) !important; }

.bg-amethyst { background-color: rgb(159, 80, 201) !important; }

.color-amethyst { color: rgb(159, 80, 201) !important; }

.amethyst--svg-stroke svg { stroke: rgb(159, 80, 201) !important; }

.amethyst--svg-fill svg { fill: rgb(159, 80, 201) !important; }

.border-amethyst { border-color: rgb(159, 80, 201) !important; }

.fill-amethyst path, .fill-amethyst polygon, .fill-amethyst circle { fill: rgb(159, 80, 201) !important; }

.bg-active-dark { background-color: rgb(109, 109, 109) !important; }

.color-active-dark { color: rgb(109, 109, 109) !important; }

.active-dark--svg-stroke svg { stroke: rgb(109, 109, 109) !important; }

.active-dark--svg-fill svg { fill: rgb(109, 109, 109) !important; }

.border-active-dark { border-color: rgb(109, 109, 109) !important; }

.fill-active-dark path, .fill-active-dark polygon, .fill-active-dark circle { fill: rgb(109, 109, 109) !important; }

.bg-dark-background { background-color: rgb(237, 237, 237) !important; }

.color-dark-background { color: rgb(237, 237, 237) !important; }

.dark-background--svg-stroke svg { stroke: rgb(237, 237, 237) !important; }

.dark-background--svg-fill svg { fill: rgb(237, 237, 237) !important; }

.border-dark-background { border-color: rgb(237, 237, 237) !important; }

.fill-dark-background path, .fill-dark-background polygon, .fill-dark-background circle { fill: rgb(237, 237, 237) !important; }

.bg-hover-light-ellipse { background-color: rgba(178, 178, 178, 0.3) !important; }

.color-hover-light-ellipse { color: rgba(178, 178, 178, 0.3) !important; }

.hover-light-ellipse--svg-stroke svg { stroke: rgba(178, 178, 178, 0.3) !important; }

.hover-light-ellipse--svg-fill svg { fill: rgba(178, 178, 178, 0.3) !important; }

.border-hover-light-ellipse { border-color: rgba(178, 178, 178, 0.3) !important; }

.fill-hover-light-ellipse path, .fill-hover-light-ellipse polygon, .fill-hover-light-ellipse circle { fill: rgba(178, 178, 178, 0.3) !important; }

.bg-hover-light-ellipse-dark { background-color: rgba(178, 178, 178, 0.2) !important; }

.color-hover-light-ellipse-dark { color: rgba(178, 178, 178, 0.2) !important; }

.hover-light-ellipse-dark--svg-stroke svg { stroke: rgba(178, 178, 178, 0.2) !important; }

.hover-light-ellipse-dark--svg-fill svg { fill: rgba(178, 178, 178, 0.2) !important; }

.border-hover-light-ellipse-dark { border-color: rgba(178, 178, 178, 0.2) !important; }

.fill-hover-light-ellipse-dark path, .fill-hover-light-ellipse-dark polygon, .fill-hover-light-ellipse-dark circle { fill: rgba(178, 178, 178, 0.2) !important; }

.bg-focus-light-ellipse { background-color: rgba(178, 178, 178, 0.4) !important; }

.color-focus-light-ellipse { color: rgba(178, 178, 178, 0.4) !important; }

.focus-light-ellipse--svg-stroke svg { stroke: rgba(178, 178, 178, 0.4) !important; }

.focus-light-ellipse--svg-fill svg { fill: rgba(178, 178, 178, 0.4) !important; }

.border-focus-light-ellipse { border-color: rgba(178, 178, 178, 0.4) !important; }

.fill-focus-light-ellipse path, .fill-focus-light-ellipse polygon, .fill-focus-light-ellipse circle { fill: rgba(178, 178, 178, 0.4) !important; }

.bg-active-light { background-color: rgb(193, 193, 193) !important; }

.color-active-light { color: rgb(193, 193, 193) !important; }

.active-light--svg-stroke svg { stroke: rgb(193, 193, 193) !important; }

.active-light--svg-fill svg { fill: rgb(193, 193, 193) !important; }

.border-active-light { border-color: rgb(193, 193, 193) !important; }

.fill-active-light path, .fill-active-light polygon, .fill-active-light circle { fill: rgb(193, 193, 193) !important; }

.bg-border-gray { background-color: rgb(180, 180, 180) !important; }

.color-border-gray { color: rgb(180, 180, 180) !important; }

.border-gray--svg-stroke svg { stroke: rgb(180, 180, 180) !important; }

.border-gray--svg-fill svg { fill: rgb(180, 180, 180) !important; }

.border-border-gray { border-color: rgb(180, 180, 180) !important; }

.fill-border-gray path, .fill-border-gray polygon, .fill-border-gray circle { fill: rgb(180, 180, 180) !important; }

.bg-shadow-grey { background-color: rgba(0, 0, 0, 0.24) !important; }

.color-shadow-grey { color: rgba(0, 0, 0, 0.24) !important; }

.shadow-grey--svg-stroke svg { stroke: rgba(0, 0, 0, 0.24) !important; }

.shadow-grey--svg-fill svg { fill: rgba(0, 0, 0, 0.24) !important; }

.border-shadow-grey { border-color: rgba(0, 0, 0, 0.24) !important; }

.fill-shadow-grey path, .fill-shadow-grey polygon, .fill-shadow-grey circle { fill: rgba(0, 0, 0, 0.24) !important; }

.bg-dove-gray { background-color: rgb(100, 100, 100) !important; }

.color-dove-gray { color: rgb(100, 100, 100) !important; }

.dove-gray--svg-stroke svg { stroke: rgb(100, 100, 100) !important; }

.dove-gray--svg-fill svg { fill: rgb(100, 100, 100) !important; }

.border-dove-gray { border-color: rgb(100, 100, 100) !important; }

.fill-dove-gray path, .fill-dove-gray polygon, .fill-dove-gray circle { fill: rgb(100, 100, 100) !important; }

.bg-natural-grey { background-color: rgb(137, 137, 137) !important; }

.color-natural-grey { color: rgb(137, 137, 137) !important; }

.natural-grey--svg-stroke svg { stroke: rgb(137, 137, 137) !important; }

.natural-grey--svg-fill svg { fill: rgb(137, 137, 137) !important; }

.border-natural-grey { border-color: rgb(137, 137, 137) !important; }

.fill-natural-grey path, .fill-natural-grey polygon, .fill-natural-grey circle { fill: rgb(137, 137, 137) !important; }

.bg-nobel { background-color: rgb(182, 182, 182) !important; }

.color-nobel { color: rgb(182, 182, 182) !important; }

.nobel--svg-stroke svg { stroke: rgb(182, 182, 182) !important; }

.nobel--svg-fill svg { fill: rgb(182, 182, 182) !important; }

.border-nobel { border-color: rgb(182, 182, 182) !important; }

.fill-nobel path, .fill-nobel polygon, .fill-nobel circle { fill: rgb(182, 182, 182) !important; }

.bg-silver { background-color: rgb(204, 204, 204) !important; }

.color-silver { color: rgb(204, 204, 204) !important; }

.silver--svg-stroke svg { stroke: rgb(204, 204, 204) !important; }

.silver--svg-fill svg { fill: rgb(204, 204, 204) !important; }

.border-silver { border-color: rgb(204, 204, 204) !important; }

.fill-silver path, .fill-silver polygon, .fill-silver circle { fill: rgb(204, 204, 204) !important; }

.bg-light-grey { background-color: rgb(239, 239, 239) !important; }

.color-light-grey { color: rgb(239, 239, 239) !important; }

.light-grey--svg-stroke svg { stroke: rgb(239, 239, 239) !important; }

.light-grey--svg-fill svg { fill: rgb(239, 239, 239) !important; }

.border-light-grey { border-color: rgb(239, 239, 239) !important; }

.fill-light-grey path, .fill-light-grey polygon, .fill-light-grey circle { fill: rgb(239, 239, 239) !important; }

.bg-alabaster { background-color: rgb(249, 249, 249) !important; }

.color-alabaster { color: rgb(249, 249, 249) !important; }

.alabaster--svg-stroke svg { stroke: rgb(249, 249, 249) !important; }

.alabaster--svg-fill svg { fill: rgb(249, 249, 249) !important; }

.border-alabaster { border-color: rgb(249, 249, 249) !important; }

.fill-alabaster path, .fill-alabaster polygon, .fill-alabaster circle { fill: rgb(249, 249, 249) !important; }

.bg-my-rewards { background-color: rgb(119, 184, 0) !important; }

.color-my-rewards { color: rgb(119, 184, 0) !important; }

.my-rewards--svg-stroke svg { stroke: rgb(119, 184, 0) !important; }

.my-rewards--svg-fill svg { fill: rgb(119, 184, 0) !important; }

.border-my-rewards { border-color: rgb(119, 184, 0) !important; }

.fill-my-rewards path, .fill-my-rewards polygon, .fill-my-rewards circle { fill: rgb(119, 184, 0) !important; }

.bg-mountain-meadow { background-color: rgb(27, 176, 94) !important; }

.color-mountain-meadow { color: rgb(27, 176, 94) !important; }

.mountain-meadow--svg-stroke svg { stroke: rgb(27, 176, 94) !important; }

.mountain-meadow--svg-fill svg { fill: rgb(27, 176, 94) !important; }

.border-mountain-meadow { border-color: rgb(27, 176, 94) !important; }

.fill-mountain-meadow path, .fill-mountain-meadow polygon, .fill-mountain-meadow circle { fill: rgb(27, 176, 94) !important; }

.bg-fun-green { background-color: rgb(1, 137, 62) !important; }

.color-fun-green { color: rgb(1, 137, 62) !important; }

.fun-green--svg-stroke svg { stroke: rgb(1, 137, 62) !important; }

.fun-green--svg-fill svg { fill: rgb(1, 137, 62) !important; }

.border-fun-green { border-color: rgb(1, 137, 62) !important; }

.fill-fun-green path, .fill-fun-green polygon, .fill-fun-green circle { fill: rgb(1, 137, 62) !important; }

.bg-surf-crest { background-color: rgb(212, 232, 211) !important; }

.color-surf-crest { color: rgb(212, 232, 211) !important; }

.surf-crest--svg-stroke svg { stroke: rgb(212, 232, 211) !important; }

.surf-crest--svg-fill svg { fill: rgb(212, 232, 211) !important; }

.border-surf-crest { border-color: rgb(212, 232, 211) !important; }

.fill-surf-crest path, .fill-surf-crest polygon, .fill-surf-crest circle { fill: rgb(212, 232, 211) !important; }

.bg-my-tastes { background-color: rgb(241, 142, 0) !important; }

.color-my-tastes { color: rgb(241, 142, 0) !important; }

.my-tastes--svg-stroke svg { stroke: rgb(241, 142, 0) !important; }

.my-tastes--svg-fill svg { fill: rgb(241, 142, 0) !important; }

.border-my-tastes { border-color: rgb(241, 142, 0) !important; }

.fill-my-tastes path, .fill-my-tastes polygon, .fill-my-tastes circle { fill: rgb(241, 142, 0) !important; }

:root { --color-primary: #FFFFFF; --color-text-primary: #000E24; }

.sticky-clip-all-coupons { background-color: white; border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; bottom: -20rem; box-shadow: rgba(0, 0, 0, 0.24) 0px -0.8rem 1.6rem; opacity: 1; padding: 1.5rem 2rem; position: fixed; transition: 0.6s; width: 100%; z-index: -1; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons { padding: 1.8rem 2rem; }
}

.sticky-clip-all-coupons.active-sticky { bottom: 0px; z-index: 10; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons button.cta-primary { font-size: 1.8rem; line-height: 2.4rem; padding: 1.8rem 6.4rem; }
}

.sticky-clip-all-coupons .sticky-clip-all__wrapper { align-items: center; display: flex; justify-content: center; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons .sticky-clip-all__wrapper { justify-content: space-between; }
}

.sticky-clip-all-coupons .sticky-clip-all__wrapper .sticky-clip-all__title { display: none; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons .sticky-clip-all__wrapper .sticky-clip-all__title { display: flex; flex: 1 1 0%; }
}

.sticky-clip-all-coupons .sticky-clip-all__wrapper .sticky-clip-all__title h2 { margin: 0px; }

.sticky-clip-all-coupons .sticky-clip-all__wrapper .sticky-clip-all__title img { display: block; margin-left: 1.6rem; max-width: 3.5rem; }

.sticky-clip-all-coupons .sticky-clip-all__wrapper .coupon-balance-info { display: none; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons .sticky-clip-all__wrapper .coupon-balance-info { display: flex; }
}

.sticky-clip-all-coupons .sticky-clip-all__wrapper .coupon-balance-info .card-tile-bottom-container { flex: 1 1 0%; margin: 0px; }

@media only screen and (min-width: 1200px) {
  .sticky-clip-all-coupons .sticky-clip-all__wrapper .sticky__cta { display: flex; flex: 1 1 0%; justify-content: flex-end; }
}

.fancybox-skin { background-color: transparent; }

.fancybox-skin .fancybox-inner { background-color: transparent; padding: 2rem 0px; }

.couponModal { background-color: rgb(255, 255, 255); border-radius: 2.4rem; max-width: 49.1rem; overflow: hidden; padding: 3.2rem 0px; }

@media only screen and (min-width: 730px) {
  .couponModal { padding: 4.8rem 0px; }
}

.couponModal .coupon-modal-close { background-color: rgb(255, 255, 255); background-image: url("/magasiner/images/shared/icons/coupons/icon-close.svg"); background-position: center center; background-repeat: no-repeat; background-size: 1.6rem; border-radius: 2.1rem; box-shadow: rgba(0, 0, 0, 0.3) 0.1rem 0.1rem 0.4rem; display: flex; height: 4.2rem; padding: 0px; position: absolute; right: 2rem; top: 1rem; width: 4.2rem; }

.couponModal .section-modal-coupon { padding: 0px 3.4rem; }

@media only screen and (min-width: 730px) {
  .couponModal .section-modal-coupon { padding: 0px 9.4rem; }
}

.couponModal .section-modal-coupon p { font-family: haffermoi-regular, Arial, Helvetica, Sans-serif; font-size: 1.6rem; line-height: 1.2; margin: 0px; }

.couponModal .section-modal-coupon h2 { font-family: haffermoi-semi-bold, Arial, Helvetica, Sans-serif; font-size: 3.8rem; line-height: 1.2; margin: 0px 0px 0.8rem; }

.couponModal .section-modal-coupon h3 { font-family: haffermoi-semi-bold, Arial, Helvetica, Sans-serif; font-size: 1.6rem; line-height: 1.2; margin: 0px 0px 1.6rem; }

.couponModal .section-modal-coupon .cta-primary { align-items: center; background-color: rgb(128, 26, 184); color: white; display: flex; font-family: haffermoi-regular, Arial, Helvetica, Sans-serif; font-size: 1.6rem; justify-content: center; line-height: 1.2; margin: 0px auto; }

.couponModal .section-modal-coupon .cta-primary:disabled { background-color: rgb(187, 176, 191); }

.couponModal .section-modal-coupon .cta-primary:disabled.modal-check-mobile-icon { background-color: rgb(255, 255, 255); border: 0.1rem solid rgb(216, 224, 230); color: rgb(187, 176, 191); }

.couponModal .section-modal-coupon .cta-primary:disabled.modal-check-mobile-icon::after { background-image: url("/magasiner/images/shared/icons/coupons/icon-check-grey.svg"); }

.couponModal .section-modal-coupon .cta-primary:disabled.modal-plus-mobile-icon { background-color: rgb(255, 255, 255); border: 0.1rem solid rgb(216, 224, 230); color: rgb(187, 176, 191); }

.couponModal .section-modal-coupon .cta-primary:disabled.modal-plus-mobile-icon::after { background-image: url("/magasiner/images/shared/icons/coupons/icon-plus-grey.svg"); }

.couponModal .section-modal-coupon .cta-primary.modal-plus-icon::after, .couponModal .section-modal-coupon .cta-primary.modal-plus-mobile-icon::after { background-image: url("/magasiner/images/shared/icons/coupons/icon-plus.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; height: 2.4rem; margin-left: 1rem; width: 2.4rem; }

.couponModal .section-modal-coupon .cta-primary.modal-check-icon::after, .couponModal .section-modal-coupon .cta-primary.modal-check-mobile-icon::after { background-image: url("/magasiner/images/shared/icons/coupons/icon-check.svg"); background-position: center center; background-repeat: no-repeat; background-size: contain; content: ""; height: 2.4rem; margin-left: 1rem; width: 2.4rem; }

.couponModal .modal-coupon-brand { align-items: center; display: flex; margin-bottom: 2.4rem; }

@media only screen and (min-width: 730px) {
  .couponModal .modal-coupon-brand { margin-bottom: 3.4rem; }
}

.couponModal .modal-coupon-brand img, .couponModal .modal-coupon-brand svg { display: block; height: 100%; margin-right: 0.8rem; max-height: 3.2rem; width: auto; }

.couponModal .modal-coupon-brand p { font-family: haffermoi-regular, Arial, Helvetica, Sans-serif; font-size: 1.6rem; margin: 0px; }

.couponModal .modal-coupon-date { border-width: 0.1rem 0px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(216, 224, 230); border-bottom-color: rgb(216, 224, 230); border-image: initial; border-left-style: initial; border-left-color: initial; border-right-style: initial; border-right-color: initial; margin-bottom: 3.4rem; padding: 1.2rem 3.4rem; }

@media only screen and (min-width: 730px) {
  .couponModal .modal-coupon-date { margin-bottom: 2.4rem; padding: 1.6rem 9.4rem; }
}

.couponModal .modal-coupon-date p { font-family: haffermoi-regular, Arial, Helvetica, Sans-serif; font-size: 1.6rem; margin: 1.2rem 0px; }

@media only screen and (min-width: 730px) {
  .couponModal .modal-coupon-date p { margin: 1.6rem 0px; }
}

.couponModal .modal-coupon-date p strong { font-family: haffermoi-bold, Arial, Helvetica, Sans-serif; }

.couponModal .coupon-modal-legal { margin: 1.6rem 0px 2.4rem; }

@media only screen and (min-width: 730px) {
  .couponModal .coupon-modal-legal { margin: 3.2rem 0px 4.8rem; }
}

.couponModal .coupon-modal-legal p { color: rgb(119, 104, 126); font-family: haffermoi-regular, Arial, Helvetica, Sans-serif; font-size: 1.4rem; }

.coupons-layout .grid, .coupon-used-layout .grid { display: flex; flex-wrap: wrap; gap: 3.2rem; padding: 2rem 0.6rem; }

@media only screen and (min-width: 1200px) {
  .coupons-layout .grid, .coupon-used-layout .grid { padding: 3rem 0rem; }
}

.coupons-layout .see-more-btn, .coupon-used-layout .see-more-btn { margin-bottom: 4rem; }

.coupon-used-layout { padding: 4.8rem 1rem; }

@media only screen and (min-width: 1200px) {
  .coupon-used-layout { padding: 6.4rem 0px; }
}

.coupon-tab-container { height: 3.313rem; margin: 0px auto; position: relative; }

.coupon-tab-container ~ hr { border: 0px; font-size: 0px; height: 0.125rem; width: 100%; }

.coupon-tab-container .coupon-tab-item { align-items: center; cursor: pointer; height: 3.125rem; justify-content: center; max-width: 9rem; position: relative; display: flex !important; min-width: 6.5rem !important; }

.coupon-tab-container .coupon-tab-item:focus, .coupon-tab-container .coupon-tab-item:hover, .coupon-tab-container .coupon-tab-item:focus-within { outline: none; padding: 0px; }

.coupon-tab-container .coupon-tab-item > h6:first-child { max-width: 6.5rem; }

.coupon-tab-container > .slider-coupon { border-collapse: collapse; display: table; padding: 0.625rem; position: absolute; table-layout: fixed; width: 100%; }

.coupon-tab-container > .slider-coupon .slick-slide { border: 0px; margin: 0.188rem -5.5rem; outline: none; padding: 0px; }

.coupon-tab-container > .slider-coupon .slick-list { margin: 0px; overflow: hidden; padding: 0px; }

.coupon-tab-container > .slider-coupon .slick-track { min-height: 3.75rem; }

.coupon-tab-container > .slider-coupon .slide { float: left; position: relative; }

.coupon-tab-container .slick-slide { display: flex !important; justify-content: center !important; }

.privilege-hr { border: 0px; font-size: 0px; height: 0.063rem; width: 100%; }

.loyalty-coupons-banner { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.08) 0px 0.5rem 1rem; margin: 3.4rem 0.6rem 6.4rem; max-width: 76.8rem; padding: 2.4rem; }

@media only screen and (min-width: 730px) {
  .loyalty-coupons-banner { align-items: flex-start; display: flex; margin: 3.4rem auto 6.4rem; width: calc(100% - 1.2rem); }
}

@media only screen and (min-width: 1200px) {
  .loyalty-coupons-banner { padding: 3.2rem 9.4rem 3.2rem 3.2rem; width: 100%; }
}

.loyalty-coupons-banner img { margin: 0px 0px 3.2rem; max-width: 16.8rem; }

@media only screen and (min-width: 730px) {
  .loyalty-coupons-banner img { margin: 0px 3.2rem 0px 0px; }
}

.loyalty-coupons-banner div { text-align: center; }

@media only screen and (min-width: 730px) {
  .loyalty-coupons-banner div { text-align: left; }
}

.loyalty-coupons-banner h2 { font-family: figtree-bold-italic, Arial, Helvetica, Sans-serif; margin-bottom: 1.6rem; }

.loyalty-coupons-banner p { color: rgb(100, 100, 100); font-family: figtree-regular, Arial, Helvetica, Sans-serif; margin-bottom: 2.4rem; }

.privilege-layout { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; }

.privilege-layout .prev, .privilege-layout .next { cursor: pointer; display: block; position: absolute; top: 33rem; }

.privilege-layout .prev path, .privilege-layout .next path { fill: black; }

.privilege-layout .prev { left: 2rem; }

.privilege-layout .next { right: 2rem; }

.slider-privilege { position: relative; width: 100%; }

.slider-privilege .slick-slide { border: 0px; margin: 0px 1.688rem; outline: none; padding: 0px; width: 19.688rem; display: flex !important; justify-content: center !important; }

.slider-privilege .slick-list { margin: 0px; overflow: hidden; padding: 0px; }

.privilege-card { border: 1px solid; border-radius: 1.5rem; cursor: pointer; flex-direction: column; height: 19.125rem; overflow: hidden; width: 19.688rem; display: flex !important; }

.privilege-card > div:first-child { align-items: center; display: flex; height: 11.063rem; justify-content: center; overflow: hidden; }

.privilege-card > div:first-child img, .privilege-card > div:first-child svg { max-height: 7.5rem; }

.privilege-card > div:last-child { flex: 1 1 0%; padding: 1rem; text-align: left; }

.privilege-card > div:last-child > h6 { margin-bottom: 1rem; }

.privilege-card > div:last-child > h4 { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }

.coupons-all-used { margin: 1.6rem 0px 6.4rem; max-width: 78.8rem; padding: 0px 1.6rem; }

@media only screen and (min-width: 730px) {
  .coupons-all-used { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 1.6rem auto 6.4rem; padding: 0px 1.6rem; }
}

.coupons-all-used .card-tile { margin-bottom: 2.4rem; padding-bottom: 2.4rem; }

@media only screen and (min-width: 730px) {
  .coupons-all-used .card-tile { margin-bottom: 0px; max-width: calc(50% - 1.6rem); }
}

@media only screen and (min-width: 1200px) {
  .coupons-all-used .card-tile { padding-bottom: 3.4rem; }
}

.coupons-all-used .card-tile.coupon-step-advice { justify-content: center; padding: 3.4rem 2.4rem; }

@media only screen and (min-width: 730px) {
  .coupons-all-used .card-tile.coupon-step-advice { margin-bottom: 0px; }
}

.coupons-all-used .card-tile.coupon-step-advice::before { bottom: auto; right: calc(50% - 2rem); top: -0.4rem; }

@media only screen and (min-width: 730px) {
  .coupons-all-used .card-tile.coupon-step-advice::before { left: -1rem; top: calc(50% - 2rem); transform: rotate(45deg) skew(-11deg, -11deg); }
}

.coupons-all-used .card-tile.coupon-step-advice h2 { margin-bottom: 1.6rem; }

.pt__carousel .coupon-carousel-tile { display: flex; height: auto; padding: 0.8rem 0.6rem; }

.pt__carousel .coupon-carousel-tile .card-tile { max-width: 100%; }

.hidden { display: none !important; }

.coupons-promotions-usuals-recipes-wrapper { width: 100%; }

.coupons-promotions-usuals-recipes { width: 100%; }

.coupons-promotions-usuals-recipes .cpur--separator { margin: 0px 0px 2rem; }

.coupons-promotions-usuals-recipes .cpur--item { margin: 0px 0px 2rem; position: relative; }

.coupons-promotions-usuals-recipes .cpur--item.active .cpur--arrow { transform: rotate(-180deg); }

.coupons-promotions-usuals-recipes .cpur--item:focus { outline: 0px; }

.coupons-promotions-usuals-recipes .cpur--accordion-btn { align-items: center; background: none; cursor: pointer; display: flex; margin: 0px 0px 2rem; padding: 0px; position: relative; text-align: left; width: 100%; }

.coupons-promotions-usuals-recipes .cpur--icon-wrap { align-items: center; display: flex; flex-shrink: 0; justify-content: flex-start; width: 4rem; }

.coupons-promotions-usuals-recipes .cpur--icon-wrap svg { height: 2.4rem; width: 2.4rem; }

.coupons-promotions-usuals-recipes .cpur--name { color: rgb(0, 0, 0); display: block; font-family: roboto-regular, Arial, Helvetica, Sans-serif; font-size: 1.2rem; width: 100%; }

.coupons-promotions-usuals-recipes .cpur--bonus, .coupons-promotions-usuals-recipes .deal-metropoints, .coupons-promotions-usuals-recipes .cpur--button-text .product-add-to-list-extra { color: rgb(0, 0, 0); display: inline; font-family: roboto-bold, Arial, Helvetica, Sans-serif; font-size: 1.2rem; }

.coupons-promotions-usuals-recipes .cpur--bonus .m-points, .coupons-promotions-usuals-recipes .cpur--bonus .dm--svg, .coupons-promotions-usuals-recipes .cpur--bonus .patle--metro-points, .coupons-promotions-usuals-recipes .deal-metropoints .m-points, .coupons-promotions-usuals-recipes .deal-metropoints .dm--svg, .coupons-promotions-usuals-recipes .deal-metropoints .patle--metro-points, .coupons-promotions-usuals-recipes .cpur--button-text .product-add-to-list-extra .m-points, .coupons-promotions-usuals-recipes .cpur--button-text .product-add-to-list-extra .dm--svg, .coupons-promotions-usuals-recipes .cpur--button-text .product-add-to-list-extra .patle--metro-points { bottom: 0px; height: 1.8rem; margin: 0px 0.2rem -0.4rem; width: 2rem; }

.coupons-promotions-usuals-recipes .cpur--bonus + .cpur--description, .coupons-promotions-usuals-recipes .deal-metropoints + .cpur--description, .coupons-promotions-usuals-recipes .cpur--button-text .product-add-to-list-extra + .cpur--description { margin-top: 0.5rem; }

.coupons-promotions-usuals-recipes .cpur--price-wrapper { display: block; margin: 0.8rem 0px 0px; }

.coupons-promotions-usuals-recipes .cpur--price, .coupons-promotions-usuals-recipes .cpur--button-text .patl--price { display: inline; margin: 0px 2rem 0px 0px; }

.coupons-promotions-usuals-recipes .cpur--button-text { flex-grow: 1; white-space: normal; }

.coupons-promotions-usuals-recipes .cpur--description { margin: 0px; }

.coupons-promotions-usuals-recipes .cpur--arrow { flex-shrink: 0; height: 1rem; transform: rotate(0deg); transition: 0.2s linear; width: 1.7rem; }

@media only screen and (min-width: 1200px) {
  .coupons-promotions-usuals-recipes .cpur--arrow { height: 0.5rem; width: 1rem; }
}

.coupons-promotions-usuals-recipes .cpur--content { display: none; flex-wrap: wrap; justify-content: center; }

@media only screen and (min-width: 730px) {
  .coupons-promotions-usuals-recipes .cpur--content { justify-content: flex-start; margin-left: 4rem; }
}

.coupons-promotions-usuals-recipes .cpur--content .cta-primary { margin-right: 2rem; }

.coupons-promotions-usuals-recipes .cpur--content .deal { margin: 0px; }

.coupons-promotions-usuals-recipes .cpur--content .product-add-to-list { margin: 1rem 0px 0px; }

.coupons-promotions-usuals-recipes--print .cpurp--item { display: flex; }

.coupons-promotions-usuals-recipes--print .cpurp--icon-wrap { display: flex; flex-shrink: 0; justify-content: flex-start; width: 3rem; }

.coupons-promotions-usuals-recipes--print .cpurp--icon-wrap svg { height: 2.4rem; width: 2.4rem; }

.coupons-promotions-usuals-recipes--print .cpurp--icon { height: 1.8rem; width: 1.8rem; }

.coupons-promotions-usuals-recipes--print .cpurp--text p:last-child { margin-bottom: 0px; }

.coupons-promotions-usuals-recipes--print .cpurp--separator { left: -3.5rem; margin: 0.5rem 0px 1rem; position: relative; width: calc(100% + 3.5rem); }

.product-coupon { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-bottom: 1rem; padding-bottom: 1rem; position: relative; }

@media only screen and (min-width: 730px) {
  .product-coupon { margin-bottom: 2rem; padding-bottom: 2rem; }
}

@media only screen and (min-width: 730px) {
  .product-coupon { padding-right: 2rem; }
}

@media only screen and (min-width: 1200px) {
  .product-coupon { flex-wrap: nowrap; }
}

.product-coupon::after { border-bottom: 0.1rem dashed rgb(204, 204, 204); bottom: 0px; content: ""; left: 0px; position: absolute; right: 0px; }

@media only screen and (min-width: 730px) {
  .product-coupon::after { right: 2rem; }
}

.product-coupon:last-child::after { border-bottom: 0.1rem solid rgb(0, 0, 0); right: 0px; }

.product-coupon .pc--title { font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 0.8rem; }

.product-coupon .pc--title a { text-decoration: none; }

.product-coupon .pc--title a:hover, .product-coupon .pc--title a:focus { text-decoration: underline; }

.product-coupon .m-point { vertical-align: middle; width: 1.7rem; }

.product-coupon .m-point path { fill: rgb(202, 41, 31); }

.product-coupon .am-point { vertical-align: middle; width: 1.7rem; }

.product-coupon .pc--friday-reminder { font-family: roboto-bold, Arial, Helvetica, Sans-serif; margin-bottom: 1rem; }

.product-coupon .pc--thursdays-reminder { font-family: roboto-bold, Arial, Helvetica, Sans-serif; margin-bottom: 1rem; }

.product-coupon .pc--save { font-family: roboto-bold, Arial, Helvetica, Sans-serif; }

.product-coupon .pc--earn { font-family: roboto-bold, Arial, Helvetica, Sans-serif; }

.product-coupon .pc--earn .pc--earn-pts { display: inline-block; }

.product-coupon .pc--earn svg { height: 1.6rem; }

.product-coupon .pc--expire { margin-top: 2rem; }

.product-coupon .pc--column:nth-child(1) { margin-bottom: 0.5rem; margin-right: 1.5rem; max-width: 10rem; min-width: 10rem; }

@media only screen and (min-width: 1200px) {
  .product-coupon .pc--column:nth-child(1) { flex-grow: 1; margin: 0px 2rem 0px 0px; }
}

.product-coupon .pc--column:nth-child(1).pc--empty { margin: 0px; max-width: 0px; min-width: 0px; }

.product-coupon .pc--column:nth-child(1) img { width: 10rem; }

.product-coupon .pc--column:nth-child(2) { width: calc(100% - 12rem); }

@media only screen and (min-width: 1200px) {
  .product-coupon .pc--column:nth-child(2) { margin: 0px 1rem 0px 0px; min-width: 55rem; padding-right: 1rem; width: 100%; }
}

.product-coupon .pc--column:nth-child(3) { align-items: center; display: flex; justify-content: flex-end; text-align: right; width: 100%; }

@media only screen and (min-width: 1200px) {
  .product-coupon .pc--column:nth-child(3) { margin: 0px 0px 0px 1rem; }
}

.product-coupon .pc--column:nth-child(3) button { font-size: 1.1rem; padding-right: 0px; }

@media only screen and (min-width: 730px) {
  .product-coupon .pc--column:nth-child(3) button { font-size: 1.2rem; padding-top: 0.4rem; }
}

@media only screen and (min-width: 1200px) {
  .product-coupon .pc--column:nth-child(3) button { padding-top: 0.2rem; }
}

@media only screen and (max-width: 319px) {
  .remodal.remodal-coupons-legal .remodal-content { padding: 0px; }
}

.remodal-coupons-legal { width: auto; }

.remodal-coupons-legal .coupon--bloc { margin: 0px auto; }

.remodal-coupons-legal .coupon--bloc .legal-notice { padding: 0rem 1.5rem 2rem; }

.remodal-coupons-legal .coupon--bloc .coupon-bottom--am, .remodal-coupons-legal .coupon--bloc .coupon-bottom--tb { margin-top: 1rem; }

.remodal-coupons-legal .coupon--bloc .coupon-img { height: auto; }

.remodal-coupons-legal .coupon--bloc .content { height: auto; padding-bottom: 1rem; }

.remodal-coupons-legal .coupon--bloc .content .free { padding-top: 0px; }

.remodal-coupons-legal .coupon--bloc .content .product--title { height: auto; max-height: inherit; min-height: inherit; }

.remodal-coupons-legal .coupon--bloc .content .coupon--bloc__details { min-height: auto; }

.remodal-ctc-help { max-width: 500px; }

@media only screen and (min-width: 730px) {
  .remodal-ctc-help { max-width: 600px; }
}

.remodal-ctc-help ul { margin-left: 0px; }

.remodal-ctc-help li { display: flex; flex-wrap: wrap; padding-left: 2rem; position: relative; }

.remodal-ctc-help li::before { background-image: url("/magasiner/images/shared/small/icons/check.svg"); background-repeat: no-repeat; content: ""; height: 1.1rem; left: 0px; position: absolute; top: 0.2rem; width: 1.1rem; }

.remodal-ctc-help li .image-card-help { display: inline-block; position: relative; width: 3.5rem; }

.remodal-ctc-help li img { fill: rgb(202, 41, 31); height: 2rem; left: 0px; position: absolute; top: -1.5rem; width: 3.2rem; }

.remodal-ctc-help li span { flex-shrink: 0; width: 100%; }

.remodal-ctc-help .remodal-dismiss { justify-content: flex-start; margin-left: 2rem; }