{ "version": 3, "sources": ["node_modules/@geneplanet/bootstrap/scss/shared/colors.scss", "src/app/core/modals/cookie-settings/cookie-settings-modal.component.scss", "node_modules/bootstrap/scss/mixins/_breakpoints.scss"], "sourcesContent": ["/*------------------------------------\n IMPORTANT! The following color variables are deprecated, remove usage from project when possible.\n------------------------------------*/\n$orange: #ff9f00;\n$yellow: #ffcd03;\n$teal: #17dddb;\n$light-teal: #e2fbfb;\n$label-red: #ff6199;\n$light-red: #ff9bbe;\n$lighter-red: #ffe6ee;\n$light-info: #80dcdd;\n\n/*------------------------------------\n Colors Design System\n------------------------------------*/\n$white: #ffffff;\n$danger: #ff397f;\n$dark: #2c3355;\n\n/* Prime */\n$info: #00b9bb;\n\n/* Accent */\n$primary: #6a81f6;\n\n/* Type */\n$body-color: #2c3355;\n$secondary: #616680;\n$text-muted: #9599aa;\n$text-transparent-1: rgba(255, 255, 255, 0.7);\n$text-transparent-2: rgba(255, 255, 255, 0.5);\n\n/* Gray */\n$gray-1: #f9f9fe;\n$gray-2: #efeff4;\n$gray-3: #e5e5ea;\n$gray-4: #c7c7d2;\n$gray-5: #a3a3b2;\n$gray-6: #60606c;\n$gray-8: #212130;\n\n/* Background */\n$bg-lightblue: #fafbff;\n$bg-lightblue-2: #f4f7ff;\n$bg-transparent-1: rgba(255, 255, 255, 0.85);\n$bg-transparent-2: rgba(255, 255, 255, 0.75);\n$bg-transparent-3: rgba(255, 255, 255, 0.5);\n$bg-transparent-4: rgba(255, 255, 255, 0.35);\n\n/* Modal */\n$backdrop-modal: rgba(0, 0, 0, 0.25);\n\n/* Line chart */\n$bg-line-chart-optimal: rgba(51, 199, 201, 0.075);\n\n/* Nav bar */\n$bg-nav-bar-title-bar: rgba(244, 247, 255, 0.8);\n$bg-nav-bar-badge: #ff6199;\n$text-nav-bar-active: #283981;\n$stroke-nav-bar-icon: #6e7490;\n\n/* Results */\n$level-1: #ff6199;\n$level-2: #ffb233;\n$level-3: #ffd735;\n$level-4: #45e4e2;\n$level-5: #33c7c9;\n$level-6: #889af8;\n\n/* Label */\n$bg-label: rgba(136, 154, 248, 0.15);\n$text-label: #a3a3b2;\n$border-label: #e5e5ea;\n$text-label-red: #ff6199;\n$border-label-red: #ff9bbe;\n$text-label-blue: #889af8;\n$border-label-blue: #b4c0fb;\n$text-label-yellow: #ffb233;\n$border-label-yellow: #ffcf80;\n$text-label-green: #33c7c9;\n$border-label-green: #7adadc;\n\n/* Highlights */\n$text-highlights-important: #ff397f;\n$bg-highlights-important: #fff8fa;\n$border-highlights-important:#ff9bbe;\n$text-highlights-warning: #ff9f00;\n$bg-highlights-warning: #fffcf7;\n$border-highlights-warning:#ffcf80;\n$text-highlights-primary: #6a81f6;\n$bg-highlights-primary: #fafbfe;\n$border-highlights-primary:#b4c0fb;\n$text-highlights-confirmation: #00b9bb;\n$bg-highlights-confirmation: #f5fcfc;\n$border-highlights-confirmation:#7adadc;\n\n/* Inputs */\n$text-input-focused: #8fa1f8;\n$border-input-focused: #9eadf9;\n$text-input-error: #ff6b9f;\n$border-input-error: #ff7eab;\n$text-input-confirmation: #33c7c9;\n\n/* Graphics */\n$bg-graphics-blue-1: #2c3583;\n$bg-graphics-blue-1: #b4c0fb;\n$bg-graphics-blue-3: #eceffe;\n$bg-graphics-red-1: #ff9bbe;\n$bg-graphics-red-2: #ffe6ee;\n$bg-graphics-orange-1: #ffcf80;\n$bg-graphics-orange-2: #fff3df;\n$bg-graphics-yellow-1: #ffe681;\n$bg-graphics-yellow-2: #fff9df;\n$bg-graphics-green-1: #8beeed;\n$bg-graphics-green-2: #e2fbfb;\n$bg-graphics-teal-1: #80dcdd;\n$bg-graphics-teal-2: #d9f5f5;\n", "@use '@geneplanet/bootstrap/scss/shared/colors.scss';\n@use '@geneplanet/bootstrap/scss/shared/breakpoints.scss';\n\n.cookie-wrapper {\n max-width: 600px;\n}\n\n.switch {\n width: 4rem;\n height: 1.5rem;\n left: 0.2rem;\n\n input {\n width: 0;\n height: 0;\n border: 0;\n opacity: 0;\n }\n}\n\n.slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 10rem;\n background-color: colors.$light-teal;\n height: 1.5rem;\n width: 3rem;\n -webkit-transition: background-color 0.4s;\n transition: background-color 0.4s;\n}\n\n.slider:before {\n content: '';\n position: absolute;\n right: -0.125rem;\n box-sizing: content-box;\n height: 1.5rem;\n width: 1.5rem;\n background-color: white;\n border: 0.125rem solid colors.$teal;\n border-radius: 10rem;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n}\n\n.slider.gray:before {\n border-color: colors.$gray-4;\n}\n\n.slider.red:before {\n border-color: colors.$danger;\n}\n\ninput:checked + .slider {\n background-color: colors.$lighter-red;\n}\n\ninput:disabled + .slider {\n background-color: colors.$gray-2;\n cursor: unset;\n}\n\ninput:focus + .slider,\ninput:active:not(:disabled) + .slider {\n box-shadow: 0 0 0 0.2rem rgba(106, 129, 246, 0.25);\n}\n\ninput:checked + .slider:before {\n -webkit-transform: translateX(-1.5rem);\n -ms-transform: translateX(-1.5rem);\n transform: translateX(-1.5rem);\n border-color: colors.$danger;\n}\n\n.save-button {\n width: 100%;\n\n @include breakpoints.media-breakpoint-up(sm) {\n width: auto;\n }\n}\n", "// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n"], "mappings": "ACGA,CAAA,eACE,UAAA,MAGF,CAAA,OACE,MAAA,KACA,OAAA,OACA,KAAA,MAEA,CALF,OAKE,MACE,MAAA,EACA,OAAA,EACA,OAAA,EACA,QAAA,EAIJ,CAAA,OACE,SAAA,SACA,OAAA,QACA,MAAA,EDvBF,cC2BE,MACA,iBDtBW,QCuBX,OAAA,OACA,MAAA,KACA,mBAAA,iBAAA,IACA,WAAA,iBAAA,IAGF,CAfA,MAeA,QACE,QAAA,GACA,SAAA,SACA,MAAA,SACA,WAAA,YACA,OAAA,OACA,MAAA,OACA,iBAAA,KACA,OAAA,QAAA,MAAA,QD3CF,cC4CE,MACA,mBAAA,IACA,WAAA,IAGF,CA7BA,MA6BA,CAAA,IAAA,QACE,aDdO,QCiBT,CAjCA,MAiCA,CAAA,GAAA,QACE,aDtCO,QCyCT,KAAA,QAAA,CAAA,CArCA,OAsCE,iBDjDY,QCoDd,KAAA,SAAA,CAAA,CAzCA,OA0CE,iBD5BO,QC6BP,OAAA,MAGF,KAAA,MAAA,CAAA,CA9CA,OA8CA,KAAA,OAAA,KAAA,UAAA,CAAA,CA9CA,OAgDE,WAAA,EAAA,EAAA,EAAA,MAAA,UAGF,KAAA,QAAA,CAAA,CAnDA,MAmDA,QACE,kBAAA,WAAA,SACA,cAAA,WAAA,SACA,UAAA,UAAA,SACA,aD3DO,QC8DT,CAAA,YACE,MAAA,KChBE,OAAA,CAAA,SAAA,EAAA,ODeJ,CAAA,YAII,MAAA", "names": [] }