`s, which have `min-width: 0;` by default.\n// So we reset that to ensure fieldsets behave more like a standard block element.\n// See https://github.com/twbs/bootstrap/issues/12359\n// and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements\n// 2. Reset the default outline behavior of fieldsets so they don't affect page layout.\n\nfieldset {\n min-width: 0; // 1\n padding: 0; // 2\n margin: 0; // 2\n border: 0; // 2\n}\n\n// 1. By using `float: left`, the legend will behave like a block element.\n// This way the border of a fieldset wraps around the legend if present.\n// 2. Fix wrapping bug.\n// See https://github.com/twbs/bootstrap/issues/29712\n\nlegend {\n float: left; // 1\n width: 100%;\n padding: 0;\n margin-bottom: $legend-margin-bottom;\n @include font-size($legend-font-size);\n font-weight: $legend-font-weight;\n line-height: inherit;\n\n + * {\n clear: left; // 2\n }\n}\n\n// Fix height of inputs with a type of datetime-local, date, month, week, or time\n// See https://github.com/twbs/bootstrap/issues/18842\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n// 1. Correct the outline style in Safari.\n// 2. This overrides the extra rounded corners on search inputs in iOS so that our\n// `.form-control` class can properly style them. Note that this cannot simply\n// be added to `.form-control` as it's not specific enough. For details, see\n// https://github.com/twbs/bootstrap/issues/11586.\n\n[type=\"search\"] {\n outline-offset: -2px; // 1\n -webkit-appearance: textfield; // 2\n}\n\n// 1. A few input types should stay LTR\n// See https://rtlstyling.com/posts/rtl-styling#form-inputs\n// 2. RTL only output\n// See https://rtlcss.com/learn/usage-guide/control-directives/#raw\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n direction: ltr;\n}\n*/\n\n// Remove the inner padding in Chrome and Safari on macOS.\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n// Remove padding around color pickers in webkit browsers\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n\n// 1. Inherit font family and line height for file input buttons\n// 2. Correct the inability to style clickable types in iOS and Safari.\n\n::file-selector-button {\n font: inherit; // 1\n -webkit-appearance: button; // 2\n}\n\n// Correct element displays\n\noutput {\n display: inline-block;\n}\n\n// Remove border from iframe\n\niframe {\n border: 0;\n}\n\n// Summary\n//\n// 1. Add the correct display in all browsers\n\nsummary {\n display: list-item; // 1\n cursor: pointer;\n}\n\n\n// Progress\n//\n// Add the correct vertical alignment in Chrome, Firefox, and Opera.\n\nprogress {\n vertical-align: baseline;\n}\n\n\n// Hidden attribute\n//\n// Always hide an element with the `hidden` HTML attribute.\n\n[hidden] {\n display: none !important;\n}\n","// stylelint-disable property-disallowed-list\n// Single side border-radius\n\n// Helper function to replace negative values with 0\n@function valid-radius($radius) {\n $return: ();\n @each $value in $radius {\n @if type-of($value) == number {\n $return: append($return, max($value, 0));\n } @else {\n $return: append($return, $value);\n }\n }\n @return $return;\n}\n\n// scss-docs-start border-radius-mixins\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: valid-radius($radius);\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-left-radius: valid-radius($radius);\n }\n}\n\n@mixin border-top-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-top-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-end-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-right-radius: valid-radius($radius);\n }\n}\n\n@mixin border-bottom-start-radius($radius: $border-radius) {\n @if $enable-rounded {\n border-bottom-left-radius: valid-radius($radius);\n }\n}\n// scss-docs-end border-radius-mixins\n","@use \"../utilities/variables\" as *\n\nhtml, body, div, span, object, iframe,h1, h2, h3,\nh4, h5, h6, p, blockquote, pre,abbr, address, cite,\ncode,del, dfn, em, img, ins, kbd, q, samp,small, strong,\nsub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form,\nlabel, legend,table, caption, tbody, tfoot, thead, tr, th, td,\narticle, aside, canvas, details, figcaption, figure,footer, header,\nhgroup, menu, nav, section, summary,time, mark, audio, video\n margin: 0\n padding: 0\n border: 0\n outline: 0\n font-size: 100%\n vertical-align: baseline\n background: transparent\n -webkit-font-smoothing: antialiased\n -moz-osx-font-smoothing: grayscale\n\n*, *::before, *::after\n -webkit-tap-highlight-color: rgba(0,0,0,0)\n -webkit-tap-highlight-color: transparent\n\n*, *::before, *::after\n font-variant-ligatures: none\n\n//*::-webkit-scrollbar\n// width: 4px\n// height: 4px\n//\n//*::-webkit-scrollbar-track\n// background-color: $cultured\n// border-radius: 4px\n//\n//*::-webkit-scrollbar-thumb\n// background-color: $light_gray\n// border-radius: 4px\n\n::-moz-selection\n color: white\n background: black\n\n::selection\n color: white\n background: black\n\na, input, button, textarea, select\n &:focus, &:active\n outline: 0\n\nhtml,\nbody\n scroll-behavior: smooth\n","\n@font-face\n font-family: 'Onest'\n src: url('/fonts/OnestRegular.woff') format('woff')\n font-weight: normal\n font-style: normal\n\n@font-face\n font-family: 'Onest'\n src: url('/fonts/OnestMedium.woff') format('woff')\n font-weight: 500\n font-style: normal\n\n@font-face\n font-family: 'Onest'\n src: url('/fonts/OnestBold.woff') format('woff')\n font-weight: 700\n font-style: normal\n","@use \"sass:color\";\n@use \"sass:list\";\n@use \"sass:map\";\n@use \"sass:string\";\n\n\n// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map.merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map.merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map.merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n// Characters which are escaped by the escape-svg function\n$escaped-characters: (\n (\"<\",\"%3c\"),\n (\">\",\"%3e\"),\n (\"#\",\"%23\"),\n (\"(\",\"%28\"),\n (\")\",\"%29\"),\n) !default;\n\n\n/*\nIMPORTING FUNCTIONS\n*/\n\n@use \"functions\" with (\n $escaped-characters : $escaped-characters,\n $yiq-text-dark : $yiq-text-dark,\n $yiq-text-light : $yiq-text-light ,\n $yiq-contrasted-threshold : $yiq-contrasted-threshold,\n $colors: $colors,\n $theme-colors: $theme-colors,\n $grays: $grays,\n $black: $black,\n $white: $white,\n $theme-color-interval: $theme-color-interval\n);\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map.merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-*` and `.w-*` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map.merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: functions.theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: color.adjust($link-color, $lightness: -15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-*` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include functions.assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include functions.assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include functions.assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n$grid-row-columns: 6 !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: functions.theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width * .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: list.join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: color.adjust($table-dark-bg, $lightness: 7.5%) !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n$btn-white-space: null !default; // Set to `nowrap` to prevent text wrapping\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: color.adjust($component-active-bg, $lightness: 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: functions.add($input-line-height * 1em, $input-padding-y * 2) !default;\n$input-height-inner-half: functions.add($input-line-height * .5em, $input-padding-y) !default;\n$input-height-inner-quarter: functions.add($input-line-height * .25em, $input-padding-y / 2) !default;\n\n$input-height: functions.add($input-line-height * 1em, functions.add($input-padding-y * 2, $input-height-border, false)) !default;\n$input-height-sm: functions.add($input-line-height-sm * 1em, functions.add($input-padding-y-sm * 2, $input-height-border, false)) !default;\n$input-height-lg: functions.add($input-line-height-lg * 1em, functions.add($input-padding-y-lg * 2, $input-height-border, false)) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n$custom-control-cursor: null !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-label-color: null !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(functions.theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: color.adjust($component-active-bg, $lightness: 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml,
\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,
\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,
\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: functions.subtract($custom-control-indicator-size, $custom-control-indicator-border-width * 4) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: url(\"data:image/svg+xml,
\") !default;\n$custom-select-background: functions.escape-svg($custom-select-indicator) no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: functions.add(1em * .75, (2 * $custom-select-padding-y * .75) + $custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: color.adjust($component-active-bg, $lightness: 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: functions.theme-color(\"success\") !default;\n$form-feedback-invalid-color: functions.theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: url(\"data:image/svg+xml,
\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: url(\"data:image/svg+xml,
\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map.merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,
\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,
\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: functions.subtract($dropdown-border-radius, $dropdown-border-width) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: color.adjust($gray-900, $lightness: -5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n$dropdown-header-padding: $dropdown-padding-y $dropdown-item-padding-x !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: functions.subtract($card-border-radius, $card-border-width) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-height: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-inner-border-radius: functions.subtract($popover-border-radius, $popover-border-width) !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: color.adjust($popover-bg, $lightness: -3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: color.adjust($popover-border-color, $alpha: .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n// Margin between elements in footer, must be lower than or equal to 2 * $modal-inner-padding\n$modal-footer-margin-between: .5rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-inner-border-radius: functions.subtract($modal-content-border-radius, $modal-content-border-width) !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n$modal-scale-transform: scale(1.02) !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: functions.theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-font-size: null !default;\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: string.quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: url(\"data:image/svg+xml,
\") !default;\n$carousel-control-next-icon-bg: url(\"data:image/svg+xml,
\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n$user-selects: all, auto, none !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map.get($grid-breakpoints, \"lg\") !default;\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\nbody\n position: relative\n color: $deep-black\n font-family: $font_poppins\n background-color: white\n overflow-x: hidden\n scroll-behavior: smooth\n @include font__size(14px, 20px)\n\nh1, h2, h3, h4, h5, h6,\n.h1, .h2, .h3, .h4, .h5, .h6\n color: black\n font-family: $font_poppins\n margin: 0 0 24px\n font-weight: 700\n\nstrong, b\n font-weight: 700\n\ni, em\n font-style: italic\n\n.big__text\n @include font__size(36px, 44px, 400)\n\nh1, .h1\n @include font__size(32px, 40px)\n\nh2, .h2\n @include font__size(24px, 32px)\n\nh3, .h3\n @include font__size(20px, 28px)\n\nh4, .h4\n @include font__size(18px, 22px)\n\nh5, .h5\n @include font__size(16px, 22px)\n\nh6, .h6\n @include font__size(14px, 20px)\n\na\n color: $red-orange\n text-decoration: underline\n &:hover\n color: $red-orange\n text-decoration: underline\n\n\n@include media-breakpoint-up(lg)\n\n .big__text\n @include font__size(48px, 56px)\n\n h1, .h1\n @include font__size(32px, 40px)\n\n h2, .h2\n @include font__size(24px, 32px)\n\n h3, .h3\n @include font__size(20px, 28px)\n\n h4, .h4\n @include font__size(20px, 28px)\n\n\n@include media-breakpoint-up(xl)\n\n .big__text\n @include font__size(64px, 70px)\n\n h1, .h1\n @include font__size(80px, 88px)\n\n h2, .h2\n @include font__size(64px, 70px)\n\n h3, .h3\n @include font__size(24px, 32px)\n\n h4, .h4\n @include font__size(20px, 28px)\n\n a\n color: $red-orange\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n &:hover\n color: black\n","// --------------------------------- PROJECT COLORS -----------------------------------\n\n$jade-white: #F9F9F9\n$deep-black: #403D35\n$light-grey: #C6C6C6\n$dark-grey: #585858\n\n$graphite: #4D5354\n$spanish-grey: #9C9D9F\n\n$platinum: #E6E6E7\n$cultured: #ECEEF2\n$white: #FFFFFF\n$dark-red-orange: #BA421B\n$red-orange: #EB4B00\n$seashell: #FDEEE9\n$dark-green-blue: #0C6E6F\n$green-blue: #0F898B\n$mint-cream: #E7F3F3\n$red: #C3291C\n\n// --------------------------------- FONTS --------------------------------------------\n\n$font_poppins: 'Onest', sans-serif\n$font_poppins: 'Poppins', sans-serif\n","@mixin font__size($fs: 16px, $lh: 24px, $fw: false, $lt: false )\n font-size: $fs\n line-height: $lh\n @if $fw\n font-weight: $fw\n\n @if $lt\n letter-spacing: $lt\n\n\n@mixin position($p: false, $z: false, $t: false, $r: false, $l: false,$b: false)\n @if $p\n position: $p\n @if $z\n z-index: $z\n @if $t\n top: $t + px\n @if $r\n right: $r + px\n @if $b\n bottom: $b + px\n @if $l\n left: $l + px\n\n@mixin position_top_left($p: false, $t: 0, $l: 0 )\n @if $p\n position: $p\n @if $t\n top: $t + px\n @if $l\n left: $l + px\n\n\n\n@mixin text__gradient($color_1: #B59E6A, $color_2: #CEB574)\n background: $color_2\n background: -webkit-linear-gradient(87.45deg, $color_1 0.09%, $color_2 99.89%)\n background: linear-gradient(87.45deg, $color_1, $color_2)\n -webkit-background-clip: text\n background-clip: text\n color: transparent\n\n\n//@mixin transition($param: false, $time)\n// @if $param\n// transition: $param $time ease-in-out\n// -webkit-transition: $param $time ease-in-out\n// @else\n// transition: $time ease-in-out\n// -webkit-transition: $time ease-in-out\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables\";\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)\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))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: variables.$grid-breakpoints, $breakpoint-names: map.keys($breakpoints)) {\n $n: list.index($breakpoint-names, $name);\n @return if($n != null and $n < list.length($breakpoint-names), list.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))\n// 576px\n@function breakpoint-min($name, $breakpoints: variables.$grid-breakpoints) {\n $min: map.get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `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(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: variables.$grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .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))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: variables.$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: variables.$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: variables.$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: variables.$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: variables.$grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $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($name, $breakpoints) {\n @content;\n }\n }\n}\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n.button\n position: relative\n display: inline-flex\n align-items: center\n justify-content: center\n width: auto\n border: 1px solid transparent\n cursor: pointer\n text-decoration: none !important\n border-radius: 30px\n box-sizing: border-box\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n white-space: nowrap\n font-weight: 500\n background-color: transparent\n svg\n display: block\n\n &:active, &:focus\n border-color: transparent\n\n &.button__large\n //min-width: 200px\n padding: 15px 23px\n @include font__size(16px, 24px)\n &.button__link\n .svg__icon\n width: 24px\n height: 24px\n margin-left: 10px\n margin-right: -4px\n @include media-breakpoint-up(xl)\n &:hover\n .svg__icon\n margin-left: 16px\n\n &.button__small\n min-width: 100px\n padding: 7px 15px\n @include font__size(14px, 20px)\n &.button__link\n .svg__icon\n width: 16px\n height: 16px\n margin-left: 6px\n margin-right: -6px\n @include media-breakpoint-up(xl)\n &:hover\n .svg__icon\n margin-left: 12px\n\n &.button__block\n //display: block\n width: 100%\n\n &:disabled, &[disabled=\"\"], &[disabled=\"disabled\"]\n pointer-events: none\n -webkit-filter: none\n filter: none\n opacity: .5\n\n &.button__orange\n color: white\n background-color: $red-orange\n @include media-breakpoint-up(xl)\n &:hover\n background-color: $dark-red-orange\n\n &.button__grey\n color: white\n background-color: $dark-grey\n @include media-breakpoint-up(xl)\n &:hover\n background-color: $deep-black\n\n &.button__white\n color: $graphite\n background-color: white\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n\n &.button__green\n color: white\n background-color: $green-blue\n @include media-breakpoint-up(xl)\n &:hover\n background-color: $dark-green-blue\n\n &.button__dark_gray\n color: white\n background-color: $dark-grey\n @include media-breakpoint-up(xl)\n &:hover\n background-color: $deep-black\n\n &.button__transparent\n color: $red-orange\n @include media-breakpoint-up(xl)\n &:hover\n color: $dark-red-orange\n\n &.button__link\n .svg__icon\n transition: 0.25s ease-in-out\n -webkit-transition: 0.25s ease-in-out\n\n &.button__icon\n padding: 11px\n .icon__active //, .icon__loading\n display: none\n svg\n width: 24px\n height: 24px\n\n &.active\n .icon__default\n display: none\n .icon__active //, .icon__loading\n display: block\n\n &.add_to_favorites\n color: $spanish-grey\n background-color: $jade-white\n &.active\n color: $red-orange\n @include media-breakpoint-up(xl)\n &:hover\n color: $red-orange\n\n &.add_to_cart\n color: $green-blue\n background-color: $mint-cream\n //&.loading\n // color: white\n // background-color: $green-blue\n // .icon__default\n // display: none\n // .icon__loading\n // display: block\n &.active\n color: white\n //pointer-events: none\n background-color: $green-blue\n //.icon__default\n // display: block\n //.icon__loading\n // display: none\n @include media-breakpoint-up(xl)\n &:hover\n color: white\n background-color: $green-blue\n\n &.add_to_cart_large\n color: white\n background-color: $green-blue\n svg\n margin-left: 10px\n width: 24px\n height: 24px\n //&.loading\n // color: white\n // background-color: $green-blue\n // .icon__default\n // display: none\n // .icon__loading\n // display: block\n //&.active\n // color: white\n // pointer-events: none\n // background-color: $green-blue\n // .icon__default\n // display: block\n // .icon__loading\n // display: none\n //@include media-breakpoint-up(xl)\n // &:hover\n // color: white\n // background-color: $green-blue\n\n\n &.button__reset_filter\n //width: 100%\n //min-width: 100px\n padding: 7px 15px\n color: $graphite\n @include font__size(14px, 20px)\n background-color: $cultured\n svg\n width: 24px\n height: 24px\n margin-left: 6px\n margin-right: -4px\n transition: 0.25s ease-in-out\n -webkit-transition: 0.25s ease-in-out\n @include media-breakpoint-up(xl)\n &:hover\n color: $dark-red-orange\n svg\n margin-left: 12px\n\n\n &.button__filter, &.button__sort\n display: flex\n padding: 5px\n align-items: center\n svg\n flex: 0 0 auto\n width: 20px\n height: 20px\n margin-right: 10px\n\n &.button__submit\n .icon__loading\n display: none\n width: 24px\n height: 24px\n\n &.button__loading\n\n span, .svg__icon\n display: none\n .icon__loading\n display: block\n\n\n\n &.button__text_link\n color: $red-orange\n padding: 0\n @include font__size(16px, 24px)\n svg\n width: 24px\n height: 24px\n margin-left: 6px\n margin-right: -4px\n transition: 0.25s ease-in-out\n -webkit-transition: 0.25s ease-in-out\n @include media-breakpoint-up(xl)\n &:hover\n color: $dark-red-orange\n svg\n margin-left: 12px\n\n\n\n\n.icon__loading\n display: block\n width: 100%\n height: 100%\n margin: 0 !important\n animation: rotate 2s linear infinite\n transform-origin: center center\n\n .path\n stroke-dasharray: 1, 200\n stroke-dashoffset: 0\n animation: dash 2s ease-in-out infinite //, color 6s ease-in-out infinite\n stroke-linecap: round\n stroke: white\n\n\n@keyframes rotate\n 100%\n transform: rotate(360deg)\n\n\n\n@keyframes dash\n 0%\n stroke-dasharray: 1, 200\n stroke-dashoffset: 0\n\n 50%\n stroke-dasharray: 89, 200\n stroke-dashoffset: -35px\n\n 100%\n stroke-dasharray: 89, 200\n stroke-dashoffset: -124px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n// ___________ Works block ________________________________\n\n.work__list\n [class*=\"col-\"]\n @include media-breakpoint-down(sm)\n margin-bottom: 40px\n @include media-breakpoint-up(md)\n margin-bottom: 80px\n @include media-breakpoint-up(xl)\n margin-bottom: 100px\n\n\n.work__item\n .work__image\n display: block\n .work__desc\n @include media-breakpoint-down(sm)\n padding: 20px 20px 0\n @include media-breakpoint-up(md)\n padding: 40px 30px 0\n\n .work__title\n font-weight: 500\n margin-bottom: 10px\n a\n color: black\n text-decoration: none\n\n\n &.work__item_last\n .work__image\n color: black\n position: relative\n padding-top: 72.8260869565217%\n background-color: rgba(black, 0.05)\n\n .work__desc\n @include position(absolute,1,0,0,0,0)\n display: flex\n flex-direction: column\n height: 100%\n width: 100%\n justify-content: center\n padding: 30px 25%\n\n\n.work__info\n .work__info_item\n margin-bottom: 15px\n &:last-child\n margin-bottom: 0\n\n span\n font-weight: 700\n\n.work__grid\n column-gap: 30px\n width: 100%\n @include media-breakpoint-up(md)\n column-count: 2\n @include media-breakpoint-up(lg)\n column-count: 3\n img\n margin-bottom: 30px\n\n\n\n.back__link\n opacity: 0\n display: inline-block\n vertical-align: top\n padding-left: 40px\n text-decoration: none !important\n background-repeat: no-repeat\n background-position: left center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2231%22%20height%3D%2212%22%20viewBox%3D%220%200%2031%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M.5%205.5a.7.7%200%200%200%200%201l4.46%204.45a.7.7%200%201%200%20.99-.99L1.99%206l3.96-3.96a.7.7%200%200%200-.99-.99L.51%205.51ZM1%206.7h30V5.3H1v1.4Z%22%20fill%3D%22%23999%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n\n\n.work__grid_item\n //transform: translateZ(0)\n display: inline-block\n width: 100%\n vertical-align: top\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//______________________________________________________________________________________________ Home Page Slider ______\n\n.slider__block\n position: relative\n .swiper-horizontal > .swiper-scrollbar,\n .swiper-scrollbar.swiper-scrollbar-horizontal\n position: relative\n bottom: 0\n height: 6px\n @include media-breakpoint-down(sm)\n left: 0\n width: 100%\n @include media-breakpoint-up(md)\n left: calc(50% - 160px)\n width: 320px\n\n.main__slider\n margin-bottom: 24px\n .swiper-scrollbar\n background: $light-grey\n .swiper-scrollbar-drag\n background: $graphite\n\n .swiper-button-prev,\n .swiper-button-next\n width: 64px\n height: 48px\n border-radius: 48px\n background-color: white\n background-repeat: no-repeat\n background-position: center center\n @include media-breakpoint-down(lg)\n display: none\n &:after\n display: none\n &.swiper-button-disabled\n opacity: 0\n\n .swiper-button-next\n right: 24px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M9.63%205.25%2016.37%2012l-6.75%206.75%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n .swiper-button-prev\n left: 24px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%205.25%207.62%2012l6.75%206.75%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n.slide__item\n position: relative\n display: flex\n align-items: flex-end\n height: 100%\n //border-radius: 16px\n //background-size: cover\n //background-repeat: no-repeat\n //background-position: center center\n .slide__item_image\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n border-radius: 16px\n overflow: hidden\n img\n display: block\n width: 100%\n height: 100%\n object-fit: cover\n\n &:before\n position: absolute\n z-index: 2\n top: 0\n left: 0\n width: 100%\n height: 100%\n border-radius: 16px\n content: ''\n opacity: 0.5\n background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%)\n background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 )\n @include media-breakpoint-down(sm)\n height: 480px\n padding: 24px\n @include media-breakpoint-up(md)\n height: 400px\n padding: 64px 60px\n @include media-breakpoint-up(lg)\n height: 560px\n padding: 120px\n .slide__item_content\n max-width: 612px\n\n .slide__item_content\n position: relative\n z-index: 3\n\n h2\n color: white\n font-weight: 500\n @include media-breakpoint-up(xl)\n margin-bottom: 36px\n .button\n @include media-breakpoint-down(sm)\n width: 100%\n\n\n\n//______________________________________________________________________________________________ Product Images Slider _\n\n.product__slider\n margin-bottom: 24px\n\n\n.product__thumbs\n margin: 0 30px !important\n @include media-breakpoint-down(md)\n display: none\n\n.product__slider_scrollbar\n @include media-breakpoint-up(lg)\n display: none\n\n\n.slide__item_product\n position: relative\n display: block\n padding-top: 66.666666667%\n .play__video\n position: absolute\n z-index: 2\n top: calc(50% - 32px)\n left: calc(50% - 32px)\n width: 64px\n height: 64px\n border-radius: 32px\n color: white\n background-color: $deep-black\n display: flex\n align-items: center\n justify-content: center\n svg\n width: 24px\n height: 24px\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n img\n border-radius: 10px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n.swiper-slide-thumb-active\n .slide__thumb_product\n &:before\n box-shadow: inset 0 0 0 1px $red-orange !important\n\n &.thumb__video\n background-color: $dark-grey\n\n.slide__thumb_product\n position: relative\n display: block\n cursor: pointer\n border-radius: 40px\n padding-top: 66.666666667%\n &:before\n position: absolute\n z-index: 2\n top: 0\n left: 0\n width: 100%\n height: 100%\n content: ''\n border-radius: 40px\n box-shadow: inset 0 0 0 5px $cultured\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n &.thumb__video\n color: white\n background-color: $spanish-grey\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n svg\n position: absolute\n z-index: 2\n top: calc(50% - 18px)\n left: calc(50% - 18px)\n width: 36px\n height: 36px\n\n &:before\n box-shadow: inset 0 0 0 5px $spanish-grey\n\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n img\n border-radius: 40px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n\n\n\n//______________________________________________________________________________________________ Home Page Slider ______\n//\n//.slider__block\n// position: relative\n// .swiper-horizontal > .swiper-scrollbar,\n// .swiper-scrollbar.swiper-scrollbar-horizontal\n// position: relative\n// bottom: 0\n// height: 6px\n// @include media-breakpoint-down(sm)\n// left: 0\n// width: 100%\n// @include media-breakpoint-up(md)\n// left: calc(50% - 160px)\n// width: 320px\n\n\n.about__slider_header\n display: flex\n margin-bottom: 48px\n\n.about__slider\n position: relative\n overflow: visible !important\n margin-bottom: 24px\n border-top: 1px solid white\n .swiper-slide\n width: 58.33333333%\n\n &:before\n position: absolute\n top: -1px\n left: -500%\n right: -500%\n height: 1px\n content: ''\n background-color: white\n\n.about__slider_scrollbar\n @include media-breakpoint-up(lg)\n display: none\n &.swiper-scrollbar\n background: rgba(white, 0.5)\n .swiper-scrollbar-drag\n background: white\n\n\n.about__slider_nav\n display: flex\n align-items: center\n position: relative\n margin-left: 24px\n gap: 10px\n .about__slider_prev,\n .about__slider_next\n display: block\n width: 64px\n height: 48px\n cursor: pointer\n border-radius: 48px\n border: 1px solid white\n background-repeat: no-repeat\n background-position: center center\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n @include media-breakpoint-down(lg)\n display: none\n &:after\n display: none\n &.swiper-button-disabled\n opacity: 0.25\n pointer-events: none\n\n .about__slider_next\n right: 24px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M9.63%205.25%2016.37%2012l-6.75%206.75%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n .about__slider_prev\n left: 24px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%205.25%207.62%2012l6.75%206.75%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n.swiper-slide-active\n .about__item\n //h3, p\n // opacity: 1\n &:before\n top: -9px\n width: 19px\n height: 19px\n border: 6px solid $red-orange\n background-color: white\n box-shadow: 0 0 0 1px white\n\n.about__item\n position: relative\n //display: flex\n //align-items: flex-end\n height: 100%\n @include media-breakpoint-down(md)\n padding: 36px 0 0 0\n @include media-breakpoint-up(lg)\n padding: 60px 64px 0 0\n &:before\n position: absolute\n top: -6px\n left: 0\n width: 13px\n height: 13px\n border-radius: 21px\n content: ''\n background-color: white\n box-shadow: 0 0 0 4px $red-orange\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n h3\n @include media-breakpoint-up(lg)\n margin-bottom: 48px\n\n\n //h3, p\n // opacity: 0.5\n // transition: 0.2s ease-in-out\n // -webkit-transition: 0.2s ease-in-out\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n// ___________ Articles ________________________________\n\n.articles__list\n margin-bottom: -24px\n [class*=\"col-\"]\n margin-bottom: 24px\n\n\n.article__item\n display: block\n @include media-breakpoint-down(sm)\n padding-bottom: 16px\n @include media-breakpoint-up(md)\n padding-bottom: 24px\n margin-right: 24px\n @include media-breakpoint-up(xl)\n &:hover\n .article__title\n color: $red-orange\n text-decoration: underline\n .article__image\n &:before\n opacity: 0.2\n picture\n transform: scale(1.1)\n\n .article__image\n position: relative\n display: block\n margin-bottom: 24px\n border-radius: 16px\n text-decoration: none\n height: 300px\n overflow: hidden\n //@include media-breakpoint-down(sm)\n // padding-top: 100%\n //@include media-breakpoint-up(md)\n // height: 300px\n &:before\n position: absolute\n z-index: 2\n top: 0\n left: 0\n width: 100%\n height: 100%\n content: ''\n opacity: 0\n background-color: $deep-black\n transition: 0.25s ease-out\n -webkit-transition: 0.25s ease-out\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n transition: 0.25s ease-out\n -webkit-transition: 0.25s ease-out\n\n\n img\n border-radius: 16px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n .article__title\n margin-bottom: 12px\n font-weight: 400\n -webkit-line-clamp: 2\n -webkit-box-orient: vertical\n display: -webkit-box\n overflow: hidden\n transition: color 0.2s ease-in-out\n -webkit-transition: color 0.2s ease-in-out\n a\n color: inherit\n text-decoration: none\n\n.article__date\n display: block\n color: $spanish-grey\n letter-spacing: 0.06em\n @include font__size(12px, 16px, 500)\n\n\n\n.article__header\n margin-bottom: 24px\n h2\n margin-bottom: 12px\n\n.article__image_inside\n position: relative\n display: block\n margin-bottom: 64px\n border-radius: 16px\n text-decoration: none\n padding-top: 66.6666666666%\n //@include media-breakpoint-down(sm)\n // padding-top: 100%\n //@include media-breakpoint-up(md)\n // height: 300px\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n img\n border-radius: 16px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n\n.articles__share\n display: flex\n width: 48px\n flex-direction: column\n a\n padding: 12px\n margin-bottom: 16px\n color: $graphite\n border-radius: 24px\n background-color: white\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n svg\n width: 24px\n height: 24px\n\n\n\n.copy__link_alert\n display: none\n position: fixed\n z-index: 4\n bottom: 24px\n left: 50%\n .copy__link_wrap\n display: flex\n white-space: nowrap\n padding: 6px 24px\n align-items: center\n color: white\n @include font__size(14px, 20px)\n transform: translateX(-50%)\n background-color: $deep-black\n border-radius: 36px\n .svg__icon\n width: 24px\n height: 24px\n color: $green-blue\n margin-right: 4px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n.dropdown__item\n position: relative\n z-index: 2\n @include font__size(14px, 20px)\n &.dropdown__item_open\n .dropdown__current\n &:before\n transform: rotate(180deg)\n .dropdown__menu\n @include media-breakpoint-down(lg)\n display: block\n @include media-breakpoint-up(xl)\n opacity: 1\n visibility: visible\n\n\n @include media-breakpoint-down(lg)\n .dropdown__current\n &:before\n transform: rotate(-90deg)\n &.dropdown__item_open\n .dropdown__current\n &:before\n transform: rotate(0deg)\n\n\n .dropdown__current\n position: relative\n cursor: pointer\n padding-right: 16px\n color: $graphite\n @include media-breakpoint-down(lg)\n display: inline-block\n vertical-align: top\n &:before\n position: absolute\n z-index: 1\n top: 7px\n right: 0\n width: 8px\n height: 6px\n content: ''\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M3.58%205.78c.2.3.63.3.84%200L7.9.84C8.15.5%207.9%200%207.48%200H.52C.1%200-.15.5.1.84l3.48%204.94Z%22%20fill%3D%22%239C9D9F%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n .dropdown__menu\n list-style: none\n @include media-breakpoint-down(lg)\n display: none\n padding: 24px\n background-color: $jade-white\n margin: 12px -16px 0\n @include media-breakpoint-up(xl)\n opacity: 0\n visibility: hidden\n //height: 0\n //overflow: hidden\n position: absolute\n z-index: 1\n width: 220px\n top: calc(100% + 10px)\n left: -24px\n padding: 24px\n background-color: white\n border-radius: 16px\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1)\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n //&:before\n // position: absolute\n // z-index: -1\n // top: -10px\n // left: 0\n // right: 0\n // height: 10px\n // content: ''\n // //background-color: red\n li\n padding: 4px 0\n &.current\n a\n pointer-events: none\n color: $spanish-grey\n a\n color: $graphite\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n text-decoration: underline\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Products Menu List ____\n\n.categories__list\n display: flex\n gap: 24px\n overflow-x: auto\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n @include media-breakpoint-down(lg)\n margin: 0 -24px\n .category__item\n &:first-child\n margin-left: 24px\n &:last-child\n margin-right: 24px\n @include media-breakpoint-down(sm)\n margin: 0 -16px\n .category__item\n &:first-child\n margin-left: 16px\n &:last-child\n margin-right: 16px\n @include media-breakpoint-up(xl)\n flex-wrap: wrap\n .category__item\n border-radius: 48px\n background-color: white\n display: flex\n align-items: center\n color: $graphite\n white-space: nowrap\n text-decoration: none\n transition: 0.2s ease-out\n -webkit-transition: 0.2s ease-out\n @include media-breakpoint-down(lg)\n @include font__size(20px, 28px)\n padding: 12px 24px\n @include media-breakpoint-up(xl)\n @include font__size(24px, 32px)\n padding: 24px 48px\n &:nth-child(4)\n margin-left: auto\n &:hover\n color: white\n background-color: $graphite\n img, svg\n flex: 0 0 auto\n height: auto\n transition: 0.2s ease-out\n -webkit-transition: 0.2s ease-out\n @include media-breakpoint-down(lg)\n width: 48px\n height: 32px\n margin-right: 8px\n @include media-breakpoint-up(xl)\n width: 72px\n height: 48px\n margin-right: 12px\n\n\n\n//______________________________________________________________________________________________ Products List _________\n\n.products__list\n margin-bottom: -24px\n [class*=\"col-\"]\n margin-bottom: 24px\n\n &.homepage__list\n @include media-breakpoint-down(sm)\n [class*=\"col-\"]\n &:nth-child(n+5)\n display: none\n\n//______________________________________________________________________________________________ Product List Item _____\n\n.product__list_item\n height: 100%\n display: flex\n flex-direction: column\n border-radius: 16px\n background-color: white\n transition: 0.15s ease-in-out\n -webkit-transition: 0.15s ease-in-out\n @include media-breakpoint-up(xl)\n &:hover\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1)\n .product__list_title\n color: $red-orange\n .product__list_image\n display: block\n position: relative\n margin: 10px\n padding-top: 66.666666667%\n //height: 200px\n //@include media-breakpoint-down(sm)\n picture\n display: block\n position: absolute\n top: 0\n left: 0\n width: 100%\n height: 100%\n img\n border-radius: 10px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n .product__list_title\n margin: 24px 24px auto\n height: 44px\n font-weight: 500\n color: $deep-black\n -webkit-line-clamp: 2\n -webkit-box-orient: vertical\n display: -webkit-box\n overflow: hidden\n transition: color 0.2s ease-in-out\n -webkit-transition: color 0.2s ease-in-out\n a\n color: inherit\n text-decoration: none\n\n .product__list_footer\n margin: 16px 24px 24px\n display: flex\n align-items: center\n justify-content: space-between\n\n .product__list_price\n display: flex\n flex-direction: column\n align-items: flex-start\n .price__current\n color: $deep-black\n @include media-breakpoint-down(lg)\n @include font__size(20px, 28px, 700)\n @include media-breakpoint-up(xl)\n @include font__size(24px, 32px, 700)\n .price__old\n position: relative\n color: $spanish-grey\n @include font__size(14px, 20px)\n &:before\n position: absolute\n top: 50%\n left: 0\n right: 0\n height: 1px\n content: ''\n background-color: $spanish-grey\n\n .product__list_buttons\n display: flex\n .button\n margin-right: 10px\n &:last-child\n margin-right: 0\n\n\n\n.product__list_labels, .product__labels\n position: absolute\n z-index: 2\n top: 0\n right: 0\n display: flex\n .product__label\n padding: 2px 16px\n margin-left: 10px\n color: white\n border-radius: 0 10px 0 10px\n &.new\n background-color: $green-blue\n &.top\n background-color: $red\n &.sale\n background-color: $red-orange\n\n\n.product__list_labels\n .product__label\n @include font__size(14px, 20px)\n\n.product__labels\n .product__label\n @include font__size(16px, 22px)\n\n\n\n//______________________________________________________________________________________________ Product Page __________\n\n.product__block\n border-radius: 16px\n background-color: white\n @include media-breakpoint-down(md)\n .col-12\n &:last-child\n .simple__block\n padding-top: 0\n\n\n.product__block_wrap\n @include media-breakpoint-down(sm)\n padding: 16px\n @include media-breakpoint-up(md)\n padding: 48px\n @include media-breakpoint-up(lg)\n padding: 24px\n @include media-breakpoint-up(xl)\n padding: 48px\n\n\n.product__favorites\n position: absolute\n z-index: 3\n top: 16px\n left: 16px\n\n\n\n.product__info\n @include media-breakpoint-down(sm)\n margin-bottom: 24px\n @include media-breakpoint-up(md)\n margin-bottom: 36px\n .product__info_item\n display: flex\n align-items: center\n @include font__size(16px, 22px, 500)\n &:not(:last-child)\n margin-bottom: 12px\n .info__item_val\n display: flex\n align-items: center\n margin-left: 10px\n\n\n\n.product__material\n position: relative\n width: 18px\n height: 18px\n flex: 0 0 auto\n margin-right: 4px\n display: block\n border-radius: 18px\n overflow: hidden\n cursor: pointer\n\n\n.product__price\n display: flex\n flex-direction: column\n align-items: flex-start\n @include media-breakpoint-down(sm)\n margin-bottom: 24px\n @include media-breakpoint-up(md)\n margin-bottom: 36px\n .price__current_block\n display: flex\n align-items: center\n .price__current\n color: $deep-black\n @include media-breakpoint-down(lg)\n @include font__size(24px, 32px, 700)\n @include media-breakpoint-up(xl)\n @include font__size(32px, 40px, 700)\n .price__current_converted\n display: flex\n align-items: center\n color: $spanish-grey\n margin-left: 6px\n @include media-breakpoint-down(lg)\n @include font__size(20px, 28px, 700)\n @include media-breakpoint-up(xl)\n @include font__size(24px, 32px, 700)\n span\n margin: 3px 0 0 6px\n\n .price__old\n position: relative\n color: $spanish-grey\n @include font__size(14px, 20px)\n &:before\n position: absolute\n top: 50%\n left: 0\n right: 0\n height: 1px\n content: ''\n background-color: $spanish-grey\n\n\n\n.product__actions\n @include media-breakpoint-down(sm)\n margin-bottom: 24px\n @include media-breakpoint-up(md)\n margin-bottom: 36px\n\n.product__buy\n display: flex\n margin-bottom: 16px\n @include media-breakpoint-down(sm)\n flex-direction: column\n @include media-breakpoint-up(lg)\n flex-direction: column\n @include media-breakpoint-up(xl)\n flex-direction: row\n\n .button\n flex: 1 1 auto\n\n\n.product__quantity\n position: relative\n flex: 0 0 auto\n background-color: $cultured\n border-radius: 40px\n overflow: hidden\n &.product__quantity_large\n @include media-breakpoint-down(sm)\n margin-bottom: 16px\n @include media-breakpoint-up(md)\n width: 42.86% //180px\n margin-right: 24px\n @include media-breakpoint-up(lg)\n width: 100% //180px\n margin: 0 0 16px\n @include media-breakpoint-up(xl)\n width: 42.86% //180px\n margin: 0 24px 0 0\n\n .quantity__input\n padding: 14px 64px\n border-radius: 40px\n @include font__size(20px, 28px, 500)\n\n .quantity__minus,\n .quantity__plus\n top: 6px\n .quantity__minus\n left: 14px\n .quantity__plus\n right: 14px\n\n &.product__quantity_small\n width: 120px\n margin: 0 24px 0 0\n\n .quantity__input\n border-radius: 24px\n @include font__size(16px, 22px, 500)\n\n @include media-breakpoint-down(sm)\n .quantity__input\n padding: 7px 42px\n\n .quantity__minus,\n .quantity__plus\n top: 0\n width: 36px\n height: 36px\n .quantity__minus\n left: 6px\n .quantity__plus\n right: 6px\n @include media-breakpoint-up(md)\n .quantity__input\n padding: 13px 42px\n\n .quantity__minus,\n .quantity__plus\n top: 2px\n .quantity__minus\n left: 2px\n .quantity__plus\n right: 2px\n\n .quantity__input\n width: 100%\n border: none\n color: $deep-black\n text-align: center\n background-color: $cultured\n\n .quantity__minus,\n .quantity__plus\n position: absolute\n width: 44px\n height: 44px\n padding: 0\n border: none\n color: $graphite\n background-color: transparent\n background-repeat: no-repeat\n background-position: center center\n\n .quantity__minus\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M18.8%2012H5.2%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n .quantity__plus\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M12%205.3v13.4m6.8-6.7H5.2%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n.product__variants\n display: grid\n @include font__size(16px, 22px)\n @include media-breakpoint-down(sm)\n padding: 16px\n margin: 0 -16px -16px\n border-top: 1px solid $platinum\n p\n margin-bottom: 16px !important\n\n @include media-breakpoint-up(md)\n padding: 32px\n border-radius: 16px\n margin-bottom: 36px\n background-color: $platinum\n\n .button__dark_gray\n justify-self: stretch\n @include media-breakpoint-up(md)\n margin: 0 24px\n\n.product__share\n display: flex\n @include font__size(16px, 22px, 500)\n @include media-breakpoint-down(sm)\n margin-bottom: 24px\n justify-content: center\n @include media-breakpoint-up(md)\n order: 10\n\n a\n margin-left: 16px\n color: $graphite\n &:not(:first-child)\n margin-left: 16px\n &:first-child\n margin-left: 10px\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n svg\n width: 24px\n height: 24px\n\n\n\n\n.spec__list\n display: grid\n //column-gap: 24px\n @include media-breakpoint-down(sm)\n grid-template-columns: 1fr\n @include media-breakpoint-up(md)\n grid-template-columns: repeat(2, 1fr)\n overflow: hidden\n @include media-breakpoint-up(xl)\n grid-template-columns: repeat(3, 1fr)\n\n\n.spec__item\n border-bottom: 1.5px solid $light-grey\n @include media-breakpoint-down(sm)\n padding: 16px\n @include media-breakpoint-up(md)\n padding: 24px\n margin-bottom: -1.5px\n @include media-breakpoint-up(xl)\n .spec__item_title\n margin-bottom: 4px\n color: $spanish-grey\n @include font__size(14px, 20px, 500)\n text-transform: uppercase\n letter-spacing: 0.04em\n\n .spec__item_value\n color: $deep-black\n @include media-breakpoint-down(sm)\n @include font__size(18px, 24px, 700)\n @include media-breakpoint-up(md)\n @include font__size(20px, 28px, 700)\n\n .product__material\n width: 24px\n height: 24px\n margin-right: 6px\n\n//______________________________________________________________________________________________ Products Credit Modal _\n\n.modal__product_info\n display: flex\n align-items: center\n padding-bottom: 16px\n margin-bottom: 24px\n border-bottom: 1px solid $cultured\n.modal__product_image\n flex: 0 0 auto\n width: 80px\n margin-right: 24px\n\n.modal__product_image_wrap\n position: relative\n border-radius: 12px\n padding-top: 66.666666667%\n box-shadow: inset 0 0 0 5px $cultured\n &:before\n position: absolute\n z-index: 2\n top: 0\n left: 0\n width: 100%\n height: 100%\n content: ''\n border-radius: 12px\n box-shadow: inset 0 0 0 5px $cultured\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n\n img\n display: block\n border-radius: 9px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n.modal__product_title\n @include font__size(16px, 22px, 500)\n\n\n\n.glightbox-clean\n //.gslide-media\n // padding: 16px\n // border-radius: 16px\n // background-color: white\n //\n //.gslide-description\n // position: relative\n // &:before\n // position: absolute\n // z-index: 1\n // top: -18px\n // left: -16px\n // right: -16px\n // bottom: 0\n // content: ''\n // border-radius: 0 0 16px 16px\n // background-color: white\n //\n //.gdesc-inner\n // position: relative\n // z-index: 2\n // padding: 2px 0 24px\n .gslide-title\n @include font__size(16px, 22px, 700)\n margin-bottom: 0\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Filter Collapse _______\n\n\n\n.filter__collapse\n padding: 16px 0\n //padding-bottom: 16px\n //margin-bottom: 16px\n //border-bottom: 1px solid $platinum\n //&:first-child\n // padding: 0\n // border: none\n &:not(:last-child)\n //margin-bottom: 16px\n border-bottom: 1px solid $platinum\n &.filter__collapse_one\n @include media-breakpoint-down(md)\n border-bottom: 1px solid $platinum\n @include media-breakpoint-up(lg)\n padding: 0\n [data-bs-toggle=\"collapse\"]\n display: flex\n align-items: center\n //padding-right: 16px\n &.collapsed\n &:after\n transform: rotate(-90deg)\n &:after\n position: relative\n margin-left: 8px\n width: 8px\n height: 6px\n content: ''\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M3.58%205.78c.2.3.63.3.84%200L7.9.84C8.15.5%207.9%200%207.48%200H.52C.1%200-.15.5.1.84l3.48%204.94Z%22%20fill%3D%22%239C9D9F%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n //.collapse, .collapsing\n //padding-left: 24px !important\n\n .footer__menu\n --gap: 24px\n --columns: 2\n display: column\n columns: var(--columns)\n gap: var(--gap)\n > li\n break-inside: avoid\n\n\n h4\n color: $graphite\n font-weight: 500\n margin-bottom: 0 !important\n\n .filter__collapse_wrap\n padding-top: 16px\n\n\n\n//______________________________________________________________________________________________ Footer Collapse _______\n\n.footer__collapse_list\n [class*=\"col-\"]\n margin-bottom: 24px\n\n.footer__collapse\n @include media-breakpoint-down(sm)\n [data-bs-toggle=\"collapse\"]\n display: flex\n align-items: center\n &.collapsed\n &:before\n transform: rotate(0deg)\n &:before\n width: 16px\n height: 28px\n margin-right: 8px\n content: ''\n transform: rotate(90deg)\n transform-origin: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2228%22%20viewBox%3D%220%200%2016%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M10.78%2014.42c.3-.2.3-.63%200-.84L5.84%2010.1c-.35-.25-.84%200-.84.42v6.96c0%20.42.5.67.84.42l4.94-3.48Z%22%20fill%3D%22%23EB4B00%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n .collapse, .collapsing\n padding-left: 24px !important\n\n .footer__menu\n --gap: 24px\n --columns: 2\n display: column\n columns: var(--columns)\n gap: var(--gap)\n > li\n break-inside: avoid\n\n @include media-breakpoint-up(md)\n .collapse\n &:not(.show)\n display: block\n\n [data-bs-toggle=\"collapse\"]\n pointer-events: none\n cursor: text\n h3\n color: $red-orange\n margin-bottom: 0 !important\n .footer__menu\n padding-top: 16px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//\n//.cookies__block\n// display: none\n// position: fixed\n// z-index: 1000\n// bottom: 40px\n// left: 50%\n// padding: 16px 24px\n// color: white\n// background-color: $jet\n// //box-shadow: 0 10px 36px rgba(0, 0, 0, 0.1)\n// transform: translateX(-50%)\n// -webkit-transform: translateX(-50%)\n//\n//\n// @include media-breakpoint-down(md)\n// width: calc(100% - 48px)\n//\n// @include media-breakpoint-up(md)\n// width: auto\n// max-width: 520px\n// p\n//\n// @include font__size(16, 24)\n// margin-right: 24px\n//\n// .button\n// min-width: auto\n// flex: 0 0 auto\n// width: auto\n// max-width: 100%\n// //margin-left: auto\n// //border-color: $nickel\n\n.toast\n position: fixed\n\n background-color: $deep-black\n @include media-breakpoint-down(sm)\n border-radius: 16px 16px 0 0\n left: 0\n right: 0\n bottom: 0\n width: 100%\n @include media-breakpoint-up(md)\n width: 480px\n border-radius: 40px\n bottom: 24px\n left: 50%\n transform: translateX(-50%)\n &.show\n .circle\n animation: clock-animation 5.5s linear infinite forwards\n\n\n.toast__small\n z-index: 101\n .toast__content\n padding: 16px\n p\n @include font__size(16px, 22px, 500)\n\n.toast__large\n //width: 560px\n z-index: 100\n .toast__content\n padding: 16px 24px\n p\n margin-right: auto\n @include font__size(14px, 20px)\n\n .button\n min-width: auto\n margin-left: 16px\n\n\n.toast__content\n display: flex\n align-items: center\n color: white\n p\n margin-right: auto\n a\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n color: $red-orange\n text-decoration: underline\n\n\n .button__link\n flex: 0 0 auto\n\n\n.toast__close\n flex: 0 0 auto\n width: 36px\n height: 36px\n margin-right: 12px\n padding: 0\n border: none\n background: none\n svg\n display: block\n width: 100%\n height: 100%\n\n.circle\n fill: transparent\n stroke: white\n opacity: 0.5\n stroke-width: 3px\n stroke-dasharray: 103.62\n stroke-dashoffset: 103.62\n\n\n\n\n\n\n@keyframes clock-animation\n 0%\n stroke-dashoffset: 103.62\n\n 100%\n stroke-dashoffset: 0\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Filter Block __________\n\n.filter__block\n //@include media-breakpoint-down(md)\n // &:first-child\n // margin-bottom: 16px\n @include media-breakpoint-up(lg)\n padding: 24px\n border-radius: 16px\n background-color: white\n &:not(:last-child)\n margin-bottom: 24px\n\n\n//______________________________________________________________________________________________ Filter Info __________\n\n.result__info\n text-align: center\n margin-bottom: 24px\n color: $graphite\n @include font__size(16px, 22px)\n .result__current,\n .result__all\n font-weight: 700\n\n//______________________________________________________________________________________________ Filter Menu ___________\n\n.filter__menu\n list-style: none\n li\n\n padding: 4px 0\n line-height: 22px\n &:not(:last-child)\n margin-bottom: 8px\n &.current\n > a\n position: relative\n color: $green-blue\n font-weight: 500\n padding-left: 10px\n &:before\n position: absolute\n top: 9px\n left: 0\n width: 4px\n height: 4px\n border-radius: 4px\n content: ''\n background-color: $green-blue\n\n a\n display: inline-block\n vertical-align: top\n color: $graphite\n text-decoration: none\n @include font__size(16px, 22px)\n ul\n list-style: none\n margin-top: 12px\n padding-left: 28px\n li\n line-height: 20px\n &:not(:last-child)\n margin-bottom: 4px\n &:last-child\n padding-bottom: 0\n &.current\n > a\n &:before\n top: 8px\n a\n @include font__size(14px, 20px)\n\n\n//______________________________________________________________________________________________ Filter Mobile _________\n\n.filter__mobile\n display: flex\n margin-bottom: 24px\n border-radius: 24px\n overflow: hidden\n background-color: $graphite\n @include media-breakpoint-up(lg)\n display: none\n .filter__mobile_item\n padding: 8px\n flex: 0 0 auto\n width: 50%\n &:first-child\n border-right: 1px solid rgba($spanish-grey, 0.25)\n .button\n color: white\n width: 100%\n @include font__size(16px, 22px, 400)\n\n\n.filter__wrapper,\n.sort__wrapper\n @include media-breakpoint-down(md)\n position: fixed\n z-index: 10\n top: 0\n left: 0\n width: 100%\n height: 100%\n padding: 48px 0 0\n display: flex\n transform: translateY(100%)\n flex-direction: column\n justify-content: flex-end\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n &.open\n transform: translateY(0)\n\n.filter__close,\n.sort__close\n position: relative\n z-index: 3\n flex: 1 1 auto\n min-height: 86px\n margin: -48px 0 -40px\n cursor: pointer\n @include media-breakpoint-up(lg)\n display: none\n &:before\n position: absolute\n z-index: 2\n left: calc(50% - 48px)\n bottom: 16px\n width: 96px\n height: 6px\n border-radius: 6px\n content: ''\n background-color: rgba($deep-black, 0.5)\n &:after\n position: absolute\n z-index: 1\n left: 0\n bottom: 0\n width: 100%\n height: 38px\n border-radius: 16px 16px 0 0\n content: ''\n background-color: white\n\n\n.filter__body,\n.sort__body\n @include media-breakpoint-down(md)\n //flex: 1 1 auto\n overflow-y: auto\n background-color: white\n padding: 40px 24px 24px\n border-radius: 16px 16px 0 0\n\n.filter__body\n height: 100%\n\n.filter__footer\n @include media-breakpoint-up(lg)\n display: none\n\n\n.filter__overlay,\n.sort__overlay\n opacity: 0\n visibility: hidden\n position: fixed\n cursor: pointer\n z-index: 9\n left: 0\n top: 0\n right: 0\n bottom: 0\n background-color: rgba( black, 0.4)\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n &.open\n opacity: 1\n visibility: visible\n @include media-breakpoint-up(lg)\n opacity: 0 !important\n visibility: hidden !important\n\n\n.apply__filter\n padding: 16px\n color: white\n width: 100%\n border-radius: 0\n @include font__size(16px, 22px, 500)\n background-color: $red-orange\n\n\n\n//______________________________________________________________________________________________ Sort Mobile ___________\n\n.sort__list\n list-style: none\n @include media-breakpoint-down(md)\n li\n padding: 12px 0\n @include media-breakpoint-up(lg)\n margin-bottom: 24px\n display: flex\n li\n padding: 2px 0\n margin-right: 24px\n li\n display: flex\n .sort__list_item\n border: none\n padding: 0\n background-color: transparent\n color: $deep-black\n text-decoration: none\n @include font__size(14px, 20px, 500)\n -webkit-transition: color .2s ease-in-out\n transition: color .2s ease-in-out\n\n &.desc, &.asc\n padding-right: 26px\n background-position: right center\n background-repeat: no-repeat\n &.desc\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M12.5%208.4%208%2012.9%203.5%208.4M8%2012.2v-9%22%20stroke%3D%22%23EB4B00%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n &.asc\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M12.5%207.6%208%203.1%203.5%207.6M8%203.8v9%22%20stroke%3D%22%23EB4B00%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n .current\n .sort__list_item\n color: $red-orange\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Form Elements _________\n\n.form__row\n &:not(:last-child)\n margin-bottom: 16px\n\n &.form__row_big\n margin-bottom: 44px\n\n h1, h2, h3, h4, h5, h6,\n .h1, .h2, .h3, .h4, .h5, .h6\n margin-bottom: 12px\n\n.form__col\n margin-bottom: 28px\n &.form__col_last\n margin-bottom: 0\n &.has-error\n .form__input, .select2-container--default .select2-selection--single\n border-color: $red\n background-color: $seashell\n\n //&.has-value\n\n .form__label\n display: block\n margin-bottom: 4px\n color: $spanish-grey\n @include font__size(14px, 20px, 500)\n text-transform: uppercase\n letter-spacing: 0.04em\n span\n color: $red-orange\n\n .form__input\n width: 100%\n height: 56px\n padding: 16px 23px\n color: $dark-grey\n @include font__size(16px, 22px)\n border: 1px solid $cultured\n background-color: $cultured\n border-radius: 9px\n box-sizing: border-box\n transition: .2s ease-in-out\n -webkit-transition: .2s ease-in-out\n\n &::placeholder\n opacity: 1\n color: $spanish-grey\n transition: .25s ease-in-out\n -webkit-transition: .25s ease-in-out\n\n &:-ms-input-placeholder\n opacity: 1\n color: $spanish-grey\n transition: .25s ease-in-out\n -webkit-transition: .25s ease-in-out\n\n &:disabled, &[disabled=\"\"], &[disabled=\"disabled\"]\n opacity: 0.5\n\n\n &:focus:not([readonly]), &.focus\n border: 1px solid $green-blue\n\n\n\n.form__col,\n.checkbox__item\n position: relative\n .form__error\n display: none\n color: $red\n @include font__size(12px, 16px)\n position: absolute\n\n.form__col\n .form__error\n left: 0\n top: calc(100% + 4px)\n\n.checkbox__item\n .form__error\n left: 0\n //left: 28px\n top: 100%\n\n\n\n.select2-container--default\n .select2-selection--single\n width: 100%\n height: 56px\n padding: 16px 23px\n color: $dark-grey\n @include font__size(16px, 22px)\n border: 1px solid $cultured\n background-color: $cultured\n border-radius: 9px !important\n box-sizing: border-box\n transition: .2s ease-in-out\n -webkit-transition: .2s ease-in-out\n .select2-selection__rendered\n line-height: normal\n padding-left: 0\n .select2-selection__placeholder\n color: $spanish-grey\n\n .select2-selection__arrow\n position: absolute\n width: 24px\n height: 24px\n top: 16px\n right: 24px\n background-repeat: no-repeat\n background-position: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m5.3%209.6%206.7%206.8%206.8-6.8%22%20stroke%3D%22%239C9D9F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n b\n display: none\n\n .select2-results__option--highlighted\n &.select2-results__option--selectable\n background-color: white\n color: $light-grey\n .select2-results__option--selected\n background-color: white\n color: $red-orange !important\n\n .select2-results\n > .select2-results__options\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n\n.select2-dropdown\n\n background-color: white\n border: none\n border-radius: 16px !important\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1)\n\n\n.select2-results\n padding: 12px 0\n\n.select2-results__option\n padding: 8px 24px\n color: $graphite\n @include font__size(16px, 22px)\n transition: .2s ease-in-out\n -webkit-transition: .2s ease-in-out\n\n.select2-container--open\n .select2-dropdown--below\n margin-top: 4px\n .select2-dropdown--above\n margin-top: -4px\n\n\n//______________________________________________________________________________________________ Checkbox ______________\n\n.checkbox__item_filter,\n.checkbox__item\n [type=\"checkbox\"]:not(:checked) + label:before,\n [type=\"checkbox\"]:checked + label:before\n position: absolute\n left: 0\n top: 6px\n width: 22px\n height: 22px\n content: ''\n border-radius: 6px\n border: 1px solid $platinum\n //background-repeat: no-repeat\n //background-position: center center\n //background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23D3D7DA%22%20d%3D%22M.5.5h21v21H.5z%22%2F%3E%0A%3C%2Fsvg%3E%0A')\n\n [type=\"checkbox\"]:not(:checked) + label:after,\n [type=\"checkbox\"]:checked + label:after\n content: ''\n position: absolute\n left: 0\n top: 6px\n width: 22px\n height: 22px\n border-radius: 6px\n background-color: $green-blue\n background-repeat: no-repeat\n background-position: center center\n background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13%204L6%2012L3%209%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A')\n\n\n /* checked mark aspect changes */\n [type=\"checkbox\"]:not(:checked) + label:after,\n [type=\"checkbox\"]:checked + label:before\n opacity: 0\n\n [type=\"checkbox\"]:checked + label:after,\n [type=\"checkbox\"]:not(:checked) + label:before\n opacity: 1\n\n\n//______________________________________________________________________________________________ Checkbox Filter _______\n\n.checkbox__item_filter\n position: relative\n &:not(:last-child)\n margin-bottom: 8px\n\n [type=\"checkbox\"]:not(:checked),\n [type=\"checkbox\"]:checked\n position: absolute\n left: -9999px\n\n [type=\"checkbox\"]:not(:checked) + label,\n [type=\"checkbox\"]:checked + label\n display: flex\n align-items: center\n flex-wrap: wrap\n position: relative\n padding: 6px 0 6px 28px\n color: $graphite\n cursor: pointer\n opacity: 1\n @include font__size(16px, 22px)\n img\n flex: 0 0 auto\n width: 18px\n height: auto\n border-radius: 9px\n margin-right: 6px\n\n\n//______________________________________________________________________________________________ Checkbox Form _________\n\n.checkbox__item\n position: relative\n [type=\"checkbox\"]:not(:checked),\n [type=\"checkbox\"]:checked\n position: absolute\n left: -9999px\n\n [type=\"checkbox\"]:not(:checked) + label,\n [type=\"checkbox\"]:checked + label\n position: relative\n cursor: pointer\n padding: 6px 0 6px 28px\n color: $deep-black\n @include font__size(16px, 22px)\n a\n color: inherit\n font-weight: bold\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n text-decoration: underline\n\n\n//______________________________________________________________________________________________ Radio Form _________\n\n\n.radio__list\n display: flex\n margin-bottom: 16px\n gap: 16px\n overflow-x: auto\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n\n.radio__item\n position: relative\n [type=\"radio\"]:not(:checked),\n [type=\"radio\"]:checked\n position: absolute\n left: -9999px\n\n [type=\"radio\"]:not(:checked) + label,\n [type=\"radio\"]:checked + label\n display: flex\n align-items: center\n position: relative\n cursor: pointer\n padding: 6px 11px\n @include font__size(16px, 22px)\n border-radius: 18px\n white-space: nowrap\n //transition: 0.2s ease-in-out\n //-webkit-transition: 0.2s ease-in-out\n [type=\"radio\"]:not(:checked) + label\n color: $deep-black\n background-color: $cultured\n [type=\"radio\"]:checked + label\n color: white\n padding: 6px 11px 6px 32px\n background-color: $deep-black\n\n [type=\"radio\"]:checked + label:before\n position: absolute\n top: 10px\n left: 12px\n width: 16px\n height: 16px\n //flex: 0 0 auto\n //margin-right: 4px\n //opacity: 0\n content: ''\n background-repeat: no-repeat\n background-position: center center\n background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m13%204-7%208-3-3%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A')\n\n\n\n\n//______________________________________________________________________________________________ Radio Credit __________\n\n.credit__type_list\n display: flex\n gap: 12px\n margin-bottom: 24px\n overflow-x: auto\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n\n.credit__type_item\n flex: 1 1 auto\n min-width: 150px\n [type=\"radio\"]:not(:checked),\n [type=\"radio\"]:checked\n position: absolute\n left: -9999px\n\n [type=\"radio\"]:not(:checked) + label,\n [type=\"radio\"]:checked + label\n display: flex\n flex-direction: column\n position: relative\n padding: 48px 16px 16px\n cursor: pointer\n border-radius: 9px\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n [type=\"radio\"]:not(:checked) + label\n border: 1px solid $platinum\n [type=\"radio\"]:checked + label\n border: 1px solid $green-blue\n background-color: $mint-cream\n\n [type=\"radio\"]:not(:checked) + label:before,\n [type=\"radio\"]:checked + label:before\n position: absolute\n left: 16px\n top: 16px\n width: 20px\n height: 20px\n content: ''\n border-radius: 10px\n border: 1px solid $platinum\n\n [type=\"radio\"]:not(:checked) + label:after,\n [type=\"radio\"]:checked + label:after\n content: ''\n position: absolute\n left: 16px\n top: 16px\n width: 20px\n height: 20px\n border-radius: 10px\n background-color: $green-blue\n background-repeat: no-repeat\n background-position: center center\n background-size: 14px 14px\n background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13%204L6%2012L3%209%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A')\n\n [type=\"radio\"]:not(:checked) + label:after,\n [type=\"radio\"]:checked + label:before\n opacity: 0\n\n [type=\"radio\"]:checked + label:after,\n [type=\"radio\"]:not(:checked) + label:before\n opacity: 1\n\n\n\n .credit__label\n margin-bottom: 4px\n color: $spanish-grey\n @include font__size(12px, 16px, 500)\n text-transform: uppercase\n letter-spacing: 0.05em\n .credit__mounth\n margin-bottom: 24px\n color: $deep-black\n @include font__size(16px, 22px)\n .credit__price\n color: $deep-black\n @include font__size(20px, 28px, 500)\n\n\n\n#order__form\n .button__submit\n min-width: 220px\n\n\n\n.option__block\n display: none\n opacity: 0\n transition: opacity 0.15s linear\n &.show\n opacity: 1\n display: block\n .simple__block\n p\n margin-bottom: 8px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//______________________________________________________________________________________________ Breadcrumbs ___________\n\n.breadcrumbs__block\n display: flex\n align-items: center\n margin-bottom: 12px\n @include font__size(12px, 16px, 500)\n overflow-x: auto\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n\n .breadcrumb\n list-style: none\n display: flex\n align-items: center\n\n .breadcrumb-item\n display: flex\n align-items: center\n white-space: nowrap\n margin-right: 12px\n color: $spanish-grey\n &:not(:first-child)\n &:before\n position: relative\n width: 10px\n height: 8px\n margin-right: 12px\n content: ''\n background-repeat: no-repeat\n background-position: center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M5.4%204.4c.3-.2.3-.6%200-.8L.8.2a.5.5%200%200%200-.8.4v6.8c0%20.4.5.6.8.4l4.6-3.4Z%22%20fill%3D%22%23070707%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n a\n color: $deep-black\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n //color: $red-orange\n text-decoration: underline\n &.active\n &:before\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%226%22%20height%3D%228%22%20viewBox%3D%220%200%206%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M5.4%204.4c.3-.2.3-.6%200-.8L.8.2a.5.5%200%200%200-.8.4v6.8c0%20.4.5.6.8.4l4.6-3.4Z%22%20fill%3D%22%239C9D9F%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//______________________________________________________________________________________________ Pagination ____________\n\n.pagination__block\n margin-top: 24px\n text-align: center\n .pagination\n justify-content: center\n flex-wrap: wrap\n .page-item\n margin: 0 5px\n &.disabled\n display: none\n &.active\n .page-link\n color: $red-orange\n @include font__size(16px, 22px, 700)\n background-color: white\n .page-link\n display: flex\n align-items: center\n justify-content: center\n padding: 0\n width: 36px\n height: 36px\n color: $graphite\n @include font__size(14px, 20px)\n border-radius: 18px\n text-decoration: none\n border: none\n background-color: transparent\n &[rel=\"next\"], &[rel=\"prev\"]\n text-indent: -999999px\n background-repeat: no-repeat\n background-position: center center\n &[rel=\"next\"]\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M9.63%205.25%2016.37%2012l-6.75%206.75%22%20stroke%3D%22%239C9D9F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n &[rel=\"prev\"]\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%205.25%207.62%2012l6.75%206.75%22%20stroke%3D%22%239C9D9F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n &:focus\n box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n.tabs__nav\n list-style: none\n display: flex\n margin-bottom: 24px\n .nav__item\n &:not(:last-child)\n margin-right: 48px\n //@include media-breakpoint-up(xl)\n .nav__link\n padding: 8px 0 6px\n border: none\n border-bottom: 2px solid transparent\n color: $spanish-grey\n background-color: transparent\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n @include media-breakpoint-down(sm)\n @include font__size(24px, 32px, 500)\n @include media-breakpoint-up(md)\n @include font__size(32px, 40px, 500)\n &.active\n padding: 8px 0 6px\n color: $deep-black\n border-color: $deep-black\n\n\n\n.tab__content\n > .tab__pane\n display: none\n > .active\n display: block\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n.modal__large\n @include media-breakpoint-up(sm)\n min-width: calc(100% - 32px)\n @include media-breakpoint-up(md)\n min-width: 720px\n\n.modal__small\n @include media-breakpoint-up(sm)\n min-width: calc(100% - 32px)\n @include media-breakpoint-up(md)\n min-width: 480px\n\n\n.modal-content\n border-radius: 16px\n border: none\n\n.modal-header\n padding: 16px 24px\n border: none\n h3\n font-weight: 500\n\n .btn-close\n width: 48px\n height: 48px\n padding: 0\n margin: 0\n opacity: 1\n border-radius: 24px\n box-shadow: none !important\n background-color: $jade-white\n background-repeat: no-repeat\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.25%2017.25L6.75%206.75M17.25%206.75L6.75%2017.25%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n\n.modal-body\n padding: 0 24px 24px\n @include font__size(16px, 22px)\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Pattern Block _________\n\n.pattern__block\n display: flex\n align-items: center\n justify-content: center\n width: 80px\n height: 56px\n margin: 0 auto 24px\n border-radius: 30px\n background-repeat: repeat\n background-position: center\n &.pattern__green\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2242%22%20height%3D%2248%22%20viewBox%3D%220%200%2042%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M42%200H0v48h42V0Z%22%20fill%3D%22%23008186%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m39.5%2043.3-8.6%205%202.5%201.2%204.9-2.8v15.6l-13.6%207.8v-5.5L22.4%2063v10l8.6%204.9-.2-2.8-4.8-2.8%2013.5-7.8L53%2072.3%2048.2%2075l-.2%202.8%208.6-5V63l-2.4%201.6V70l-13.5-7.8V46.7l4.8%202.8%202.6-1.3-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m39.5%2019.2-8.6%205%202.5%201.3%204.9-2.8v15.6L24.7%2046v-5.6L22.4%2039v9.9l8.6%205-.2-2.9-4.8-2.8%2013.5-7.8L53%2048.2%2048.2%2051l-.2%202.8%208.6-5V39l-2.4%201.5v5.6l-13.5-7.8V22.7l4.8%202.8%202.6-1.3-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m39.5-4.8-8.6%205%202.5%201.2%204.9-2.8v15.6L24.7%2022v-5.5l-2.3-1.6v10l8.6%204.9-.2-2.8-4.8-2.8%2013.5-7.8L53%2024.2%2048.2%2027l-.2%202.8%208.6-5V15l-2.4%201.6V22l-13.5-7.8V-1.4l4.8%202.8L48.1.1l-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m39.5-28.9-8.6%205%202.5%201.3%204.9-2.8v15.6L24.7-2v-5.6L22.4-9V.8l8.6%205-.2-2.9L26%20.1l13.5-7.8L53%20.1%2048.2%203%2048%205.7l8.6-5V-9l-2.4%201.5V-2L40.7-9.8v-15.6l4.8%202.8%202.6-1.3-8.6-5Zm-21%2060.1-8.6%205%202.5%201.2%204.9-2.8v15.6L3.7%2058v-5.5l-2.3-1.6v10l8.6%204.9-.2-2.8L5%2060.2l13.5-7.8L32%2060.2%2027.2%2063l-.2%202.8%208.6-5V51l-2.3%201.6V58l-13.6-7.8V34.6l4.9%202.8%202.5-1.3-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m18.5%207.1-8.6%205%202.5%201.3%204.9-2.8v15.6L3.7%2034v-5.6L1.4%2027v9.9l8.6%205-.2-2.9L5%2036.1l13.5-7.8L32%2036.1%2027.2%2039l-.2%202.8%208.6-5V27l-2.3%201.5V34l-13.6-7.8V10.6l4.9%202.8L27%2012l-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m18.5-17-8.6%205%202.5%201.3%204.9-2.8V2.1L3.7%2010V4.4L1.4%202.8v10l8.6%204.9-.2-2.8L5%2012l13.5-7.8L32%2012l-4.8%202.8-.2%202.8%208.6-5V2.8l-2.3%201.6v5.5L19.7%202.1v-15.6l4.9%202.8L27-12l-8.6-5ZM-2.8%2043.3l-8.6%205%202.5%201.2%204.9-2.8v15.6l-13.6%207.8v-5.5l-2.3-1.6v10l8.6%204.9-.2-2.8-4.8-2.8%2013.5-7.8%2013.5%207.8L6%2075l-.2%202.8%208.6-5V63L12%2064.6V70l-13.5-7.8V46.7l4.8%202.8%202.6-1.3-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m-2.8%2019.2-8.6%205%202.5%201.3%204.9-2.8v15.6L-17.6%2046v-5.6l-2.3-1.5v9.9l8.6%205-.2-2.9-4.8-2.8%2013.5-7.8%2013.5%207.8L6%2051l-.2%202.8%208.6-5V39L12%2040.5v5.6l-13.5-7.8V22.7l4.8%202.8%202.6-1.3-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m-2.8-4.8-8.6%205%202.5%201.2L-4-1.4v15.6L-17.6%2022v-5.5l-2.3-1.6v10l8.6%204.9-.2-2.8-4.8-2.8%2013.5-7.8%2013.5%207.8L6%2027l-.2%202.8%208.6-5V15L12%2016.6V22l-13.5-7.8V-1.4l4.8%202.8L5.8.1l-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m-2.8-28.9-8.6%205%202.5%201.3%204.9-2.8v15.6L-17.6-2v-5.6L-19.9-9V.8l8.6%205-.2-2.9-4.8-2.8%2013.5-7.8L10.7.1%206%203l-.2%202.8%208.6-5V-9L12-7.5V-2L-1.6-9.8v-15.6l4.8%202.8L5.8-24l-8.6-5Z%22%20fill%3D%22%23006A6D%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n &.pattern__gray\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22117%22%20height%3D%2250%22%20viewBox%3D%220%200%20117%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M117%200H0v50h117V0Z%22%20fill%3D%22%232C2C2B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3-3.1-7-3l-5-8.5h-8l9%2015.8H7.2L3-3.1Zm-28.6-.4%205%208.5-4.9%208.5%204.2%207.2L-12.2%205l-9.1-15.9-4.3%207.4Zm14.1%2024.8%204.8-8.5h9.9l4-7.2-18.1-.1-9.2%2015.8h8.6ZM-6.3-4h9.8l5.3%209-5%208.8H-6l-4.8%208.6h-10.7l-5.2-9%204.9-8.4-5-8.5%205.2-9h10.4l5%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.2-3.1-9.9.1-4.9-8.5H9.1l9%2015.8h18.4l-4.3-7.4ZM3.6-3.5l5%208.5-4.9%208.5L8%2020.7%2017.1%205%207.9-11%203.6-3.4Zm14.1%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9.1%2015.9h8.5ZM23-4h9.8l5.3%209-5.1%208.8h-9.8l-4.8%208.6H7.7l-5.2-8.9%205-8.5-5-8.5%205.1-9H18l5%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.4-3.1-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4ZM33-3.5%2038%205l-4.9%208.5%204.2%207.2%209-15.7-9.1-16-4.3%207.5Zm14%2024.8%204.8-8.5h9.8l4.2-7.2-18.2-.1-9.2%2015.9H47ZM52.2-4H62l5.3%209-5%208.9h-9.9l-4.8%208.5H37l-5.3-8.9%205-8.5-5-8.5%205.2-9h10.4l4.9%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m90.7-3.1-9.9.1-4.9-8.5h-8.3l9%2015.8H95l-4.3-7.4ZM62-3.5%2067%205l-4.9%208.5%204.2%207.2L75.6%205l-9.2-16-4.3%207.5Zm14.1%2024.8%204.8-8.5H91l4-7.2-18.2-.1-9.2%2015.9h8.6ZM81.4-4h9.9l5.3%209-5.1%208.8h-9.8l-4.9%208.6H66.2L61%2013.5%2066%205l-5-8.5%205.1-9h10.4l5%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m119.9-3.1-9.8.1-5-8.5H97l9%2015.8h18.3L120-3.1Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2L104.8%205l-9.2-16-4.2%207.5Zm14%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9%2015.9h8.6ZM110.8-4h9.8l5.3%209.1-5%208.9H111l-4.8%208.5H95.4l-5.2-8.9%205-8.5-5-8.5%205.1-9h10.5l4.9%208.4ZM17.5%2022.2l-9.9.1-4.9-8.5h-8.3l9%2015.8h18.4l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4ZM3.1%2046.6l4.8-8.5h9.8l4.1-7.2H3.6l-9.1%2015.8H3Zm5.2-25.4h9.8l5.3%209-5%209h-10l-4.7%208.5H-7l-5.2-8.9%205-8.5-5-8.4%205.1-9.1H3.3l5%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m46.7%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8H51l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%205-8.5h9.7l4.1-7.2H33l-9.2%2015.8h8.6Zm5.3-25.4h9.8l5.3%209-5%209h-9.9L33%2047.6H22.3L17%2038.8l5-8.5-5-8.4%205.2-9.1h10.4l4.9%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m76%2022.2-9.8.1-5-8.5H53l9%2015.8h18.4L76%2022.2Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H62.1L53%2046.6h8.6Zm5.3-25.4h9.8l5.3%209-5.1%209H67l-4.8%208.5H51.5l-5.2-8.9%205-8.5-5-8.5%205.1-9H62l4.9%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m105.2%2022.2-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5L81%2046l9.2-15.7L81%2014.4l-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H91.3l-9.1%2015.8h8.6ZM96%2021.2h9.8l5.3%209-5.1%209h-9.8l-4.8%208.5H80.7l-5.2-8.9%205-8.5-5-8.5%205.1-9h10.5l4.9%208.4Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m134.4%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.1-15.7-9.1-15.9-4.3%207.4ZM120%2046.6l4.8-8.5h9.9l4-7.2h-18.1l-9.2%2015.8h8.6Zm5.2-25.4h9.8l5.3%209-5%209h-9.9l-4.8%208.5H110l-5.2-8.9%204.9-8.5-5-8.5%205.2-9h10.4l5%208.4ZM3.4%2047.5l-9.8.1-5-8.5h-8.2l9%2015.8H7.7l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.3%207.4ZM-11%2072l4.8-8.6h9.8l4.2-7.2h-18.2L-19.6%2072h8.6Zm5.2-25.4%209.8-.2%205.3%209.2-5%208.8h-9.9l-4.8%208.6H-21l-5.2-9%204.9-8.4-5-8.5%205.2-9%2010.4-.1%204.9%208.6Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.7%2047.5-9.9.1-4.9-8.5H9.6l9%2015.8H37l-4.3-7.4ZM4%2047.1l5%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9L4%2047.1ZM18.2%2072l4.8-8.6h10l4.1-7.2H18.8L9.6%2072h8.6Zm5.2-25.4%209.9-.1%205.3%209.1-5.1%208.8h-9.8L18.8%2073H8.2L3%2064.1l5-8.5-5-8.4L8%2038l10.4-.1%205%208.6Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.9%2047.5-9.8.1-5-8.5H39l9%2015.8h18.3L62%2047.5Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.9%204.9-8.6H62l4.1-7.2H48L39%2072h8.6Zm5.3-25.4%209.8-.1%205.3%209.1-5%208.9h-9.9L48.1%2073H37.4l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%204.9%208.6Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m91.1%2047.5-9.8.1-5-8.5h-8.2l9%2015.8h18.4L91%2047.5Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2L76%2055.6l-9.1-15.9-4.3%207.4ZM76.7%2072l4.8-8.6h9.9l4-7.2h-18L68%2072h8.6ZM82%2046.6l9.8-.1%205.4%209.1-5.1%208.8h-9.9L77.3%2073H66.7l-5.2-9%204.9-8.4-5-8.5%205.2-9L77%2038l5%208.6Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m120.4%2047.5-9.9.1-4.9-8.5h-8.3l9%2015.8h18.4l-4.3-7.4Zm-28.6-.4%205%208.5-4.9%208.5%204.2%207.2%209.2-15.7L96%2039.7l-4.3%207.4ZM106%2072l4.8-8.6h9.9l4-7.2h-18.1L97.4%2072h8.6Zm5.2-25.4%209.8-.1%205.3%209.1-5%208.9h-9.9l-4.8%208.5H95.9l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%205%208.6Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n &.pattern__orange\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22117%22%20height%3D%2250%22%20viewBox%3D%220%200%20117%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M117%200H0v50h117V0Z%22%20fill%3D%22%23E74C0A%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3-3.1-7-3l-5-8.5h-8l9%2015.8H7.2L3-3.1Zm-28.6-.4%205%208.5-4.9%208.5%204.2%207.2L-12.2%205l-9.1-15.9-4.3%207.4Zm14.1%2024.8%204.8-8.5h9.9l4-7.2-18.1-.1-9.2%2015.8h8.6ZM-6.3-4h9.8l5.3%209-5%208.8H-6l-4.8%208.6h-10.7l-5.2-9%204.9-8.4-5-8.5%205.2-9h10.4l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.2-3.1-9.9.1-4.9-8.5H9.1l9%2015.8h18.4l-4.3-7.4ZM3.6-3.5l5%208.5-4.9%208.5L8%2020.7%2017.1%205%207.9-11%203.6-3.4Zm14.1%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9.1%2015.9h8.5ZM23-4h9.8l5.3%209-5.1%208.8h-9.8l-4.8%208.6H7.7l-5.2-8.9%205-8.5-5-8.5%205.1-9H18l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.4-3.1-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4ZM33-3.5%2038%205l-4.9%208.5%204.2%207.2%209-15.7-9.1-16-4.3%207.5Zm14%2024.8%204.8-8.5h9.8l4.2-7.2-18.2-.1-9.2%2015.9H47ZM52.2-4H62l5.3%209-5%208.9h-9.9l-4.8%208.5H37l-5.3-8.9%205-8.5-5-8.5%205.2-9h10.4l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m90.7-3.1-9.9.1-4.9-8.5h-8.3l9%2015.8H95l-4.3-7.4ZM62-3.5%2067%205l-4.9%208.5%204.2%207.2L75.6%205l-9.2-16-4.3%207.5Zm14.1%2024.8%204.9-8.5h9.8L95%205.6l-18.2-.1-9.1%2015.9h8.5ZM81.4-4h9.9l5.3%209-5.1%208.8h-9.8l-4.8%208.6H66.2L61%2013.5%2066%205l-5-8.5%205.1-9h10.4l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m119.9-3.1-9.8.1-5-8.5H97l9%2015.8h18.3L120-3.1Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2L104.8%205l-9.2-16-4.2%207.5Zm14%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9%2015.9h8.6ZM110.8-4h9.8l5.3%209.1-5%208.9H111l-4.8%208.5H95.4l-5.2-8.9%205-8.5-5-8.5%205.2-9h10.4l4.9%208.4ZM17.5%2022.2l-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4ZM3.1%2046.6l4.8-8.5h9.8l4.1-7.2H3.6l-9.1%2015.8H3Zm5.2-25.4h9.8l5.4%209-5.1%209h-10l-4.7%208.5H-7l-5.2-8.9%205-8.5-5-8.4%205.1-9.1H3.3l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m46.7%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8H51l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.3%207.2%209.1-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%205-8.5h9.7l4.1-7.2H33l-9.2%2015.8h8.6Zm5.3-25.4h9.8l5.3%209-5%209h-9.9L33%2047.6H22.3L17%2038.8l5-8.5-5-8.4%205.2-9.1h10.4l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m76%2022.2-9.8.1-5-8.5H53l9%2015.8h18.4L76%2022.2Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H62.2L53%2046.6h8.6Zm5.3-25.4h9.8l5.3%209-5.1%209H67l-4.8%208.5H51.5l-5.2-8.9%205-8.5-5-8.5%205.1-9H62l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m105.2%2022.2-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5L81%2046l9.2-15.7L81%2014.4l-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H91.4l-9.2%2015.8h8.6ZM96%2021.2h9.8l5.3%209-5.1%209h-9.8l-4.8%208.5H80.7l-5.2-8.9%205-8.5-5-8.5%205.2-9H91l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m134.4%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.1-15.7-9.1-15.9-4.3%207.4ZM120%2046.6l4.8-8.5h9.9l4-7.2h-18.1l-9.2%2015.8h8.6Zm5.2-25.4h9.8l5.3%209-5%209h-9.9l-4.8%208.5H110l-5.2-8.9%204.9-8.5-5-8.5%205.2-9h10.4l5%208.4ZM3.4%2047.5l-9.8.1-5-8.5h-8.2l9%2015.8H7.7l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.3%207.4ZM-11%2072l4.8-8.6h9.8l4.2-7.2h-18.2L-19.6%2072h8.6Zm5.2-25.4%209.8-.2%205.3%209.2-5%208.8h-9.9l-4.8%208.6H-21l-5.2-9%204.9-8.4-5-8.5%205.2-9%2010.4-.1%204.9%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.7%2047.5-9.9.1-4.9-8.5H9.6l9%2015.8H37l-4.3-7.4ZM4%2047.1l5%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9L4%2047.1ZM18.2%2072l4.8-8.6h10l4.1-7.2H18.8L9.6%2072h8.6Zm5.2-25.4%209.9-.1%205.3%209.1-5.1%208.8h-9.8L18.8%2073H8.2L3%2064.1l5-8.5-5-8.4L8%2038l10.4-.1%205%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.9%2047.5-9.8.1-5-8.5H39l9%2015.8h18.3L62%2047.5Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.9%204.9-8.6H62l4.1-7.2h-18L38.9%2072h8.6Zm5.3-25.4%209.8-.1%205.3%209.1-5%208.9h-9.9L48.1%2073H37.4l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%204.9%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m91.1%2047.5-9.8.1-5-8.5h-8.2l9%2015.8h18.4L91%2047.5Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2L76%2055.6l-9.1-15.9-4.3%207.4ZM76.7%2072l4.8-8.6h9.9l4-7.2h-18L68%2072h8.6ZM82%2046.6l9.9-.1%205.3%209.1-5.1%208.8h-9.8l-5%208.6H66.7l-5.2-9%204.9-8.4-5-8.5%205.2-9L77%2038l5%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m120.4%2047.5-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7L96%2039.7l-4%207.4ZM106%2072l4.8-8.6h9.9l4-7.2h-18.1L97.4%2072h8.6Zm5.2-25.4%209.8-.1%205.4%209.1-5.1%208.9h-9.9l-4.8%208.5H95.9l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%205%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n &.pattern__black\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2251%22%20height%3D%2260%22%20viewBox%3D%220%200%2051%2060%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M51%200H0v60h51V0Z%22%20fill%3D%22%232C2C2B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M.6%2026.2h-1v2.1h1v-2.1Zm0%202.1h-1v1h1v-1ZM.6%207h-1v2.2h1V7Zm0-4.2h-1v2.1h1V2.8Zm9.6%208.5H8v2.1h2.2v-2.1Zm0%202.1H8v2.1h2.2v-2Zm0%202.1H8v2.2h2.2v-2.2Zm0%202.2H8v2.1h2.2v-2.1ZM8%2013.4H6v2.1h2v-2Zm0%202.1H6v2.2h2v-2.2Zm0%202.2H6v2.1h2v-2.1Zm0%202.1H6v2.1h2v-2.1Zm-2%200H3.7v2.1h2.1v-2.1ZM6%2022H3.7v2h2.1v-2Zm0-4.3H3.7v2.1h2.1v-2.1Zm0-2.2H3.7v2.2h2.1v-2.2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3.8%2017.7H1.7v2.1h2.1v-2.1Zm0%202.1H1.7v2.1h2.1v-2.1Zm0%202.2H1.7v2h2.1v-2Zm0%202H1.7v2.2h2.1V24Zm14.9-4.2h-2.1v2.1h2v-2.1Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6%2019.8h-2.2v2.1h2.2v-2.1Zm-2.2%200h-2.1v2.1h2.1v-2.1Zm-2.1%200h-2.1v2.1h2.1v-2.1Zm4.3%202.2h-2.2v2h2.2v-2Zm-2.2%200h-2.1v2h2.1v-2Zm-2.1%200h-2.1v2h2.1v-2Zm-2.1%200H8v2h2.2v-2Zm0%202H8v2.2h2.2V24ZM8%2024H6v2.2h2V24Zm4.3%200h-2.1v2.2h2.1V24Zm2.1%200h-2.1v2.2h2.1V24Zm-2.1%202.2h-2.1v2.1h2.1v-2.1Zm-2.1%200H8v2.1h2.2v-2.1Zm-2.2%200H6v2.1h2v-2.1Zm-2%200H3.7v2.1h2.1v-2.1Zm8.4-10.7h-2.1v2.2h2.1v-2.2Zm2.2%200h-2.2v2.2h2.2v-2.2Zm-2.2-2.1h-2.1v2.1h2.1v-2ZM1.7%2026.2H.6v2.1h1v-2.1Zm0%202.1H.6v1h1v-1Zm2.1%200H1.7v1h2.1v-1Zm14.9-14.9h-2.1v2.1h2v-2Zm2.1%200h-2.1v2.1h2.1v-2Zm2.2%202.1h-2.2v2.2H23v-2.2ZM20.8%2022h-2.1v2h2.1v-2Zm2.2%202h-2.2v2.2H23V24Zm2%202.2h-2v2.1h2v-2.1Zm1.1%202.1h-1v1h1v-1ZM25%2017.7h-2v2.1h2v-2.1Zm0%202.1h-2v2.1h2v-2.1Zm0%202.2h-2v2h2v-2Zm1.1-4.3h-1v2.1h1v-2.1Zm0%202.1h-1v2.1h1v-2.1Zm0%202.2h-1v2h1v-2ZM10.2%207H8v2.2h2.2V7Zm2.1-2.1h-2.1V7h2.1V5Zm-2.1-2.1H8v2.1h2.2V2.8ZM14.4%207h-2.1v2.2h2.1V7Zm0-4.2h-2.1v2.1h2.1V2.8ZM23%207h-2.2v2.2H23V7Zm-2.2-2.1h-2.1V7h2.1V5ZM23%202.8h-2.2v2.1H23V2.8Zm2%202.1h-2V7h2V5ZM18.7%207h-2.1v2.2h2V7Zm0-4.2h-2.1v2.1h2V2.8Zm-2.1%202.1h-2.2V7h2.2V5ZM26.1%207h-1v2.2h1V7Zm0-4.2h-1v2.1h1V2.8ZM6%207H3.7v2.2h2.1V7ZM3.8%204.9H1.7V7h2.1V5ZM6%202.8H3.7v2.1h2.1V2.8Zm2%202.1H6V7h2V5ZM1.7%207H.6v2.2h1V7Zm0-4.2H.6v2.1h1V2.8ZM.6%2030.4h-1v2.2h1v-2.2Zm0-1h-1v1h1v-1Zm0%2020.2h-1v2.1h1v-2.1Zm0%204.2h-1V56h1v-2.2Zm9.6-8.5H8v2.2h2.2v-2.2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M10.2%2043.2H8v2.1h2.2v-2.1Zm0-2.2H8v2.2h2.2v-2.1Zm0-2H8v2h2.2v-2ZM8%2043.2H6v2.1h2v-2.1ZM8%2041H6v2.2h2v-2.1Zm0-2H6v2h2v-2Zm0-2.2H6V39h2v-2Zm-2%200H3.7V39h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2034.7H3.7v2.1h2.1v-2.1ZM6%2039H3.7v2h2.1v-2Zm0%202H3.7v2.2h2.1v-2.1Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3.8%2039H1.7v2h2.1v-2Zm0-2.2H1.7V39h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3.8%2034.7H1.7v2.1h2.1v-2.1Zm0-2.1H1.7v2h2.1v-2Zm14.9%204.2h-2.1V39h2v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6%2036.8h-2.2V39h2.2v-2Zm-2.2%200h-2.1V39h2.1v-2Zm-2.1%200h-2.1V39h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6%2034.7h-2.2v2.1h2.2v-2.1Zm-2.2%200h-2.1v2.1h2.1v-2.1Zm-2.1%200h-2.1v2.1h2.1v-2.1Zm-2.1%200H8v2.1h2.2v-2.1Zm0-2.1H8v2h2.2v-2Zm-2.2%200H6v2h2v-2Zm4.3%200h-2.1v2h2.1v-2Zm2.1%200h-2.1v2h2.1v-2Zm-2.1-2.2h-2.1v2.2h2.1v-2.2Zm-2.1%200H8v2.2h2.2v-2.2Zm-2.2%200H6v2.2h2v-2.2Zm-2%200H3.7v2.2h2.1v-2.2ZM14.4%2041h-2.1v2.2h2.1v-2.1Zm2.2%200h-2.2v2.2h2.2v-2.1Zm-2.2%202.2h-2.1v2.1h2.1v-2.1ZM1.7%2030.4H.6v2.2h1v-2.2Zm0-1H.6v1h1v-1Zm2.1%200H1.7v1h2.1v-1Zm14.9%2013.8h-2.1v2.1h2v-2.1Zm2.1%200h-2.1v2.1h2.1v-2.1ZM23%2041h-2.2v2.2H23v-2.1Zm-2.2-6.3h-2.1v2.1h2.1v-2.1Zm2.2-2.1h-2.2v2H23v-2Zm2-2.2h-2v2.2h2v-2.2Zm1.1-1h-1v1h1v-1ZM25%2039h-2v2h2v-2Zm0-2.2h-2V39h2v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M25%2034.7h-2v2.1h2v-2.1Zm1.1%204.3h-1v2h1v-2Zm0-2.2h-1V39h1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M26.1%2034.7h-1v2.1h1v-2.1ZM10.2%2049.6H8v2.1h2.2v-2.1Zm2.1%202.1h-2.1v2.1h2.1v-2Zm-2.1%202.1H8V56h2.2v-2.2Zm4.2-4.2h-2.1v2.1h2.1v-2.1Zm0%204.2h-2.1V56h2.1v-2.2Zm8.6-4.2h-2.2v2.1H23v-2.1Zm-2.2%202.1h-2.1v2.1h2.1v-2Zm2.2%202.1h-2.2V56H23v-2.2Zm2-2.1h-2v2.1h2v-2Zm-6.3-2.1h-2.1v2.1h2v-2.1Zm0%204.2h-2.1V56h2v-2.2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.6%2051.7h-2.2v2.1h2.2v-2Zm9.5-2.1h-1v2.1h1v-2.1Zm0%204.2h-1V56h1v-2.2ZM6%2049.6H3.7v2.1h2.1v-2.1Zm-2.2%202.1H1.7v2.1h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M6%2053.8H3.7V56h2.1v-2.2Zm2-2.1H6v2.1h2v-2Zm-6.3-2.1H.6v2.1h1v-2.1Zm0%204.2H.6V56h1v-2.2Zm42.5-42.5h-2.1v2.1h2.1v-2.1Zm0%202.1h-2.1v2.1h2.1v-2Zm0%202.1h-2.1v2.2h2.1v-2.2Zm0%202.2h-2.1v2.1h2.1v-2.1Zm2.1-4.3h-2v2.1h2v-2Zm0%202.1h-2v2.2h2v-2.2Zm0%202.2h-2v2.1h2v-2.1Zm0%202.1h-2v2.1h2v-2.1Zm2.2%200h-2.2v2.1h2.2v-2.1Zm0%202.2h-2.2v2h2.2v-2Zm0-4.3h-2.2v2.1h2.2v-2.1Zm0-2.2h-2.2v2.2h2.2v-2.2Zm2.1%202.2h-2.1v2.1h2.1v-2.1Zm0%202.1h-2.1v2.1h2.1v-2.1Zm0%202.2h-2.1v2h2.1v-2Zm0%202h-2.1v2.2h2.1V24Zm-14.9-4.2h-2.1v2.1h2.1v-2.1Zm2.1%200h-2v2.1h2v-2.1Zm2.2%200h-2.2v2.1H40v-2.1Zm2%200h-2v2.1h2v-2.1ZM37.8%2022h-2v2h2v-2Zm2.2%200h-2.2v2H40v-2Zm2%200h-2v2h2v-2Zm2.2%200h-2.1v2h2.1v-2Zm0%202h-2.1v2.2h2.1V24Zm2.1%200h-2v2.2h2V24ZM42%2024h-2v2.2h2V24Zm-2%200h-2.2v2.2H40V24Zm2%202.2h-2v2.1h2v-2.1Zm2.2%200h-2.1v2.1h2.1v-2.1Zm2.1%200h-2v2.1h2v-2.1Zm2.2%200h-2.2v2.1h2.2v-2.1ZM40%2015.5h-2.2v2.2H40v-2.2Zm-2.2%200h-2v2.2h2v-2.2Zm2.2-2.1h-2.2v2.1H40v-2Zm11.7%2012.8h-1.1v2.1h1v-2.1Zm0%202.1h-1.1v1h1v-1Zm-1.1%200h-2.1v1h2.1v-1ZM35.7%2013.4h-2.1v2.1h2.1v-2Zm-2.1%200h-2.1v2.1h2v-2Zm-2.1%202.1h-2.2v2.2h2.2v-2.2Zm2.1%206.5h-2.1v2h2v-2Zm-2.1%202h-2.2v2.2h2.2V24Zm-2.2%202.2h-2.1v2.1h2.1v-2.1Zm-2.1%202.1h-1v1h1v-1Zm2.1-10.6h-2.1v2.1h2.1v-2.1Zm0%202.1h-2.1v2.1h2.1v-2.1Zm0%202.2h-2.1v2h2.1v-2Zm-2.1-4.3h-1v2.1h1v-2.1Zm0%202.1h-1v2.1h1v-2.1Zm0%202.2h-1v2h1v-2Zm17-15h-2.1v2.2h2.1V7ZM42%204.9h-2V7h2V5Zm2.2-2.1h-2.1v2.1h2.1V2.8ZM40%207h-2.2v2.2H40V7Zm0-4.2h-2.2v2.1H40V2.8ZM31.5%207h-2.2v2.2h2.2V7Zm2.1-2.1h-2.1V7h2V5Zm-2.1-2.1h-2.2v2.1h2.2V2.8Zm-2.2%202.1h-2.1V7h2.1V5ZM35.7%207h-2.1v2.2h2.1V7Zm0-4.2h-2.1v2.1h2.1V2.8Zm2.1%202.1h-2V7h2V5ZM27.2%207h-1v2.2h1V7Zm0-4.2h-1v2.1h1V2.8ZM48.5%207h-2.2v2.2h2.2V7Zm2.1-2.1h-2.1V7h2.1V5Zm-2.1-2.1h-2.2v2.1h2.2V2.8Zm-2.2%202.1h-2V7h2V5ZM51.7%207h-1.1v2.2h1V7Zm0-4.2h-1.1v2.1h1V2.8Zm-7.5%2042.5h-2.1v2.2h2.1v-2.2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M44.2%2043.2h-2.1v2.1h2.1v-2.1Zm0-2.2h-2.1v2.2h2.1v-2.1Zm0-2h-2.1v2h2.1v-2Zm2.1%204.2h-2v2.1h2v-2.1Zm0-2.2h-2v2.2h2v-2.1Zm0-2h-2v2h2v-2Zm0-2.2h-2V39h2v-2Zm2.2%200h-2.2V39h2.2v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M48.5%2034.7h-2.2v2.1h2.2v-2.1Zm0%204.3h-2.2v2h2.2v-2Zm0%202h-2.2v2.2h2.2v-2.1Zm2.1-2h-2.1v2h2.1v-2Zm0-2.2h-2.1V39h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M50.6%2034.7h-2.1v2.1h2.1v-2.1Zm0-2.1h-2.1v2h2.1v-2Zm-14.9%204.2h-2.1V39h2.1v-2Zm2.1%200h-2V39h2v-2Zm2.2%200h-2.2V39H40v-2Zm2%200h-2V39h2v-2Zm-4.2-2.1h-2v2.1h2v-2.1Zm2.2%200h-2.2v2.1H40v-2.1Zm2%200h-2v2.1h2v-2.1Zm2.2%200h-2.1v2.1h2.1v-2.1Zm0-2.1h-2.1v2h2.1v-2Zm2.1%200h-2v2h2v-2Zm-4.3%200h-2v2h2v-2Zm-2%200h-2.2v2H40v-2Zm2-2.2h-2v2.2h2v-2.2Zm2.2%200h-2.1v2.2h2.1v-2.2Zm2.1%200h-2v2.2h2v-2.2Zm2.2%200h-2.2v2.2h2.2v-2.2ZM40%2041h-2.2v2.2H40v-2.1Zm-2.2%200h-2v2.2h2v-2.1Zm2.2%202.2h-2.2v2.1H40v-2.1Zm11.7-12.8h-1.1v2.2h1v-2.2Zm0-1h-1.1v1h1v-1Zm-1.1%200h-2.1v1h2.1v-1ZM35.7%2043.2h-2.1v2.1h2.1v-2.1Zm-2.1%200h-2.1v2.1h2v-2.1ZM31.5%2041h-2.2v2.2h2.2v-2.1Zm2.1-6.3h-2.1v2.1h2v-2.1Zm-2.1-2.1h-2.2v2h2.2v-2Zm-2.2-2.2h-2.1v2.2h2.1v-2.2Zm-2.1-1h-1v1h1v-1Zm2.1%209.6h-2.1v2h2.1v-2Zm0-2.2h-2.1V39h2.1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M29.3%2034.7h-2.1v2.1h2.1v-2.1ZM27.2%2039h-1v2h1v-2Zm0-2.2h-1V39h1v-2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M27.2%2034.7h-1v2.1h1v-2.1Zm17%2014.9h-2.1v2.1h2.1v-2.1ZM42%2051.7h-2v2.1h2v-2Zm2.2%202.1h-2.1V56h2.1v-2.2ZM40%2049.6h-2.2v2.1H40v-2.1Zm0%204.2h-2.2V56H40v-2.2Zm-8.5-4.2h-2.2v2.1h2.2v-2.1Zm2.1%202.1h-2.1v2.1h2v-2Zm-2.1%202.1h-2.2V56h2.2v-2.2Zm-2.2-2.1h-2.1v2.1h2.1v-2Zm6.4-2.1h-2.1v2.1h2.1v-2.1Zm0%204.2h-2.1V56h2.1v-2.2Zm2.1-2.1h-2v2.1h2v-2Zm-10.6-2.1h-1v2.1h1v-2.1Zm0%204.2h-1V56h1v-2.2Zm21.3-4.2h-2.2v2.1h2.2v-2.1Zm2.1%202.1h-2.1v2.1h2.1v-2Zm-2.1%202.1h-2.2V56h2.2v-2.2Zm-2.2-2.1h-2v2.1h2v-2Zm5.4-2.1h-1.1v2.1h1v-2.1Zm0%204.2h-1.1V56h1v-2.2Z%22%20fill%3D%22%230F0B08%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n svg\n width: 24px\n height: 24px\n color: white\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n\n\n.cart__list_item\n display: flex\n border-top: 1px solid $platinum\n @include media-breakpoint-down(sm)\n padding: 16px 0\n @include media-breakpoint-up(md)\n padding: 32px 0\n &:last-child\n padding-bottom: 0\n .cart__list_image\n flex: 0 0 auto\n @include media-breakpoint-down(sm)\n width: 68px\n margin-right: 12px\n @include media-breakpoint-up(md)\n width: 90px\n margin-right: 24px\n @include media-breakpoint-up(xl)\n width: 112px\n margin-right: 24px\n\n .cart__list_body\n flex: 1 1 auto\n .cart__list_title\n margin-bottom: 6px\n -webkit-line-clamp: 2\n -webkit-box-orient: vertical\n display: -webkit-box\n overflow: hidden\n a\n color: inherit\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n color: $red-orange\n text-decoration: underline\n\n .cart__list_item_price\n @include font__size(16px, 22px, 700)\n\n .cart__list_item_footer\n display: flex\n //flex: 0 0 auto\n //width: 100%\n align-items: center\n justify-content: space-between\n margin-left: -80px\n @include media-breakpoint-up(sm)\n margin-left: 0\n //.product__quantity\n // width: 120px\n // margin: 0 24px 0 0\n //@include media-breakpoint-down(sm)\n // margin-bottom: 16px\n //@include media-breakpoint-up(md)\n // width: 42.86% //180px\n // margin-right: 24px\n //@include media-breakpoint-up(lg)\n // width: 100% //180px\n // margin: 0 0 16px\n //@include media-breakpoint-up(xl)\n\n\n.cart__list_image_wrap\n display: block\n position: relative\n border-radius: 12px\n padding-top: 66.666666667%\n box-shadow: inset 0 0 0 5px $cultured\n &:before\n position: absolute\n z-index: 2\n top: 0\n left: 0\n width: 100%\n height: 100%\n content: ''\n border-radius: 12px\n box-shadow: inset 0 0 0 5px $cultured\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n picture\n display: block\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n\n img\n display: block\n border-radius: 9px\n -o-object-fit: cover\n object-fit: cover\n width: 100%\n height: 100%\n\n\n\n\n.cart__list_wrap\n display: flex\n .cart__list_wrap_left\n flex: 1 1 auto\n\n .cart__list_delete\n flex: 0 0 auto\n width: 24px\n height: 24px\n margin-left: 12px\n padding: 4px\n color: $graphite\n border: none\n background-color: transparent\n svg\n width: 16px\n height: 16px\n\n\n\n\n.cart__list_info\n display: flex\n flex-wrap: wrap\n align-items: center\n margin-bottom: 4px\n .cart__list_info_item\n display: flex\n align-items: center\n color: $spanish-grey\n margin-bottom: 8px\n @include font__size(12px, 16px, 500)\n &:not(:last-child)\n margin-right: 24px\n .info__item_val\n display: flex\n align-items: center\n margin-left: 4px\n\n .product__material\n width: 12px\n height: 12px\n\n\n\n\n//.order__footer\n\n.order__footer_item\n display: flex\n align-items: center\n justify-content: space-between\n color: $deep-black\n margin-bottom: 12px\n .order__footer_title\n @include font__size(14px, 20px)\n .order__footer_value\n @include font__size(12px, 16px, 500)\n &:last-child\n .order__footer_title\n @include font__size(24px, 32px)\n .order__footer_value\n @include font__size(24px, 32px, 700)\n\n\n\n\n.cart__empty\n @include media-breakpoint-down(sm)\n .block__large\n padding: 24px 0 0\n .button\n width: 100%\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Materials List ________\n\n.materials__list\n [class*=\"col-\"]\n @include media-breakpoint-down(sm)\n &:not(:last-child)\n margin-bottom: 12px\n @include media-breakpoint-up(md)\n &:not(:last-child)\n margin-bottom: 24px\n\n .materials__list_group\n [class*=\"col-\"]\n @include media-breakpoint-down(md)\n &:not(:last-child)\n margin-bottom: 24px\n @include media-breakpoint-down(sm)\n &:not(:last-child)\n margin-bottom: 12px\n\n\n\n\n.materials__list_group\n &:not(:last-child)\n @include media-breakpoint-down(md)\n margin-bottom: 48px\n @include media-breakpoint-up(lg)\n margin-bottom: 64px\n\n .materials__group_title\n height: 100%\n display: flex\n color: $deep-black\n border-radius: 16px\n text-decoration: none !important\n background-color: white\n @include media-breakpoint-down(md)\n padding: 16px\n align-items: center\n @include font__size(24px, 32px)\n @include media-breakpoint-up(lg)\n padding: 32px\n flex-direction: column\n @include font__size(32px, 40px)\n .sup\n opacity: 0.7\n margin-left: 10px\n @include font__size(16px, 22px)\n\n &:after\n content: ''\n border-radius: 24px\n border: 1px solid $platinum\n background-repeat: no-repeat\n background-position: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m12.6%2018.8%206.7-6.8-6.7-6.8m5.8%206.8H4.7%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n @include media-breakpoint-down(md)\n width: 36px\n height: 36px\n margin-left: auto\n @include media-breakpoint-up(lg)\n width: 48px\n height: 48px\n margin-top: auto\n\n .materials__list_item\n @include media-breakpoint-down(sm)\n height: 240px\n padding-top: 0\n @include media-breakpoint-up(md)\n padding-top: 113.6363636363636%\n\n.materials__list_item\n display: block\n position: relative\n border-radius: 16px\n background-color: white\n padding-top: 100%\n @include media-breakpoint-up(xl)\n &:hover\n &:before\n opacity: 0.7\n .materials__list_image\n picture\n transform: scale(1.1)\n\n &:before\n position: absolute\n z-index: 2\n bottom: 0\n left: 0\n width: 100%\n height: 96px\n border-radius: 16px\n content: ''\n opacity: 0.5\n background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%)\n background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 )\n transition: 0.25s ease-out\n -webkit-transition: 0.25s ease-out\n .materials__list_image\n position: absolute\n z-index: 1\n top: 0\n left: 0\n width: 100%\n height: 100%\n overflow: hidden\n border-radius: 16px\n picture\n display: block\n position: relative\n width: 100%\n height: 100%\n transition: 0.25s ease-out\n -webkit-transition: 0.25s ease-out\n img\n width: 100%\n height: 100%\n border-radius: 16px\n object-fit: cover\n -o-object-fit: cover\n\n .materials__list_title\n position: absolute\n z-index: 3\n bottom: 16px\n left: 24px\n color: white\n @include font__size(16px, 22px, 500)\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n//______________________________________________________________________________________________ Table _________________\n.content__block\n table\n border: none\n border-collapse: collapse\n height: auto !important\n margin-bottom: 24px\n width: 100% !important\n @include media-breakpoint-down(sm)\n tr\n display: block\n padding: 6px 0\n border-bottom: 1px solid $light-grey\n &:last-child\n border: none\n td\n padding: 6px 0 !important\n display: flex\n &:before\n content: attr(data-label)\n flex: 0 0 auto\n width: 152px\n margin-right: 24px\n color: $spanish-grey !important\n @include font__size(14px, 20px, 500)\n text-transform: uppercase\n letter-spacing: 0.04em\n\n thead\n @include media-breakpoint-down(sm)\n display: none\n\n th\n color: $spanish-grey !important\n @include font__size(14px, 20px, 500)\n text-transform: uppercase\n letter-spacing: 0.04em\n border-bottom: 1px solid $light-grey\n\n td, th\n padding: 16px 12px\n &:first-child\n padding-left: 24px\n &:last-child\n padding-right: 24px\n\n strong, b\n font-weight: 700\n\n\n//______________________________________________________________________________________________ Custom table __________\n\n.table\n .table__head\n margin-bottom: 12px\n border-bottom: 1px solid $light-grey\n @include media-breakpoint-down(sm)\n display: none\n .table__td\n color: $spanish-grey !important\n @include font__size(14px, 20px, 500)\n text-transform: uppercase\n letter-spacing: 0.04em\n\n .table__body\n position: relative\n padding-bottom: 24px\n\n .table__footer\n text-align: center\n\n\n\n .table__tr\n display: flex\n //grid-template-columns: 216px 1fr 84px\n @include media-breakpoint-down(sm)\n flex-wrap: wrap\n padding: 24px 0\n border-bottom: 1px solid $light-grey\n\n .table__td\n flex: 1 1 auto\n @include media-breakpoint-down(sm)\n //padding: 24px 0\n order: 3\n @include media-breakpoint-up(md)\n padding: 16px 12px\n &:first-child\n flex: 0 0 auto\n color: $graphite\n @include media-breakpoint-down(sm)\n width: 50%\n order: 1\n margin-bottom: 12px\n @include media-breakpoint-up(md)\n padding-left: 24px\n width: 216px\n &:last-child\n flex: 0 0 auto\n @include media-breakpoint-down(sm)\n width: auto\n order: 2\n margin-left: auto\n margin-bottom: 12px\n @include media-breakpoint-up(md)\n width: 84px\n padding-left: 24px\n\n .table__icon\n display: block\n @include media-breakpoint-up(md)\n padding: 12px\n border-radius: 24px\n background-color: $graphite\n @include media-breakpoint-up(xl)\n opacity: 0\n transition: 0.3s ease-out\n -webkit-transition: 0.3s ease-out\n .svg__icon\n width: 24px\n height: 24px\n @include media-breakpoint-up(md)\n color: $graphite\n\n @include media-breakpoint-up(xl)\n color: white\n .table__item\n color: inherit\n text-decoration: none\n transition: 0.3s ease-out\n -webkit-transition: 0.3s ease-out\n @include media-breakpoint-up(md)\n border-radius: 16px\n @include media-breakpoint-up(xl)\n &:hover\n background-color: white\n .table__icon\n opacity: 1\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm\n position: relative\n //@include media-breakpoint-down(sm)\n // padding: 0 16px\n //@include media-breakpoint-up(md)\n // padding: 0 24px\n\n//@include media-breakpoint-down(sm)\n// .row\n// margin-left: -8px\n// margin-right: -8px\n// > *\n// padding-left: 8px\n// padding-right: 8px\n@include media-breakpoint-down(xxl)\n .homepage\n .container-xxl\n max-width: 2560px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//______________________________________________________________________________________________ Header ________________\n\n.header\n position: relative\n z-index: 5\n @include media-breakpoint-down(lg)\n padding: 10px 0\n @include media-breakpoint-up(xl)\n padding: 16px 0\n// &.hide\n// z-index: 1\n// @include media-breakpoint-down(sm)\n// margin-bottom: 12px\n// @include media-breakpoint-up(md)\n// margin-bottom: 24px\n// .header__top\n// .header__top_wrap\n// border-bottom: 1px solid $light-grey\n// @include media-breakpoint-down(sm)\n// padding: 16px 0 12px\n// @include media-breakpoint-down(lg)\n// display: none\n// @include media-breakpoint-up(xl)\n// padding: 16px 0 12px\n// .header__bottom\n//\n// .row\n// margin-left: -18px\n// margin-right: -18px\n// [class*=\"col-\"]\n// padding-right: 18px\n// padding-left: 18px\n//\n//.header__bottom_wrap\n// position: relative\n\n\n//______________________________________________________________________________________________ Header Logo ___________\n\n.header__logo\n @include media-breakpoint-down(lg)\n width: 84px\n @include media-breakpoint-up(xl)\n width: 151px\n img\n display: block\n width: 100%\n height: auto\n\n\n//______________________________________________________________________________________________ Header Trigger Menu ___\n\n.header__trigger_menu\n position: relative\n z-index: 2\n display: block\n width: 75px\n height: 100px\n cursor: pointer\n padding: 0\n color: $graphite\n border: none\n background-repeat: no-repeat\n background-position: center center\n background-color: transparent\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2275%22%20height%3D%22100%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M32%2034.952h26v3.606H32zM32%2050.208h26v3.606H32zM32%2065.465h16.714v3.606H32z%22%2F%3E%3C%2Fsvg%3E\")\n @include media-breakpoint-down(lg)\n margin-right: 16px\n @include media-breakpoint-up(xl)\n margin-right: 32px\n\n\n//______________________________________________________________________________________________ Header Search _________\n\n.header__search\n @include media-breakpoint-down(lg)\n width: 100%\n @include media-breakpoint-up(xl)\n width: 272px\n margin: 24px 40px 0 0\n input\n width: 100%\n height: 36px\n padding: 8px 24px\n color: $dark-grey\n @include font__size(14px, 20px)\n border: 1px solid $jade-white\n background-color: $jade-white\n border-radius: 18px\n box-sizing: border-box\n background-repeat: no-repeat\n background-position: calc(100% - 15px) 11px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2214%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225%22%20stroke%3D%22%23404040%22%2F%3E%3Cpath%20d%3D%22m9.5%209%204.5%204.5%22%20stroke%3D%22%23404040%22%2F%3E%3C%2Fsvg%3E\")\n &::placeholder\n opacity: 1\n color: $light-grey\n &:-ms-input-placeholder\n opacity: 1\n color: $light-grey\n\n\n\n\n//______________________________________________________________________________________________ Header Actions ________\n\n\n.header__actions\n display: flex\n //align-items: center\n @include media-breakpoint-up(xl)\n margin-top: 24px\n\n.header__action\n position: relative\n z-index: 2\n display: block\n width: 36px\n height: 36px\n text-decoration: none\n background-repeat: no-repeat\n background-position: center center\n background-color: transparent\n @include media-breakpoint-down(lg)\n margin-right: 16px\n @include media-breakpoint-up(xl)\n margin-right: 24px\n &:last-child\n margin-right: 0\n &.action__login\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2230%22%20height%3D%2222%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M17.19%201.63h10.25a1%201%200%200%201%201%201v16a1%201%200%200%201-1%201H17.19m-7.31-18%209.56%209.56m0%200-9.57%209.56m9.57-9.56H.3%22%20stroke%3D%22%230B0B0B%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n &.action__register\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2229%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%2210.8%22%20cy%3D%226.7%22%20r%3D%224.92%22%20stroke%3D%22%23101010%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cmask%20id%3D%22a%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M.44%2018.59a3%203%200%200%201%203-3h13.24a3%203%200%200%201%203%203v4.88a1%201%200%200%201-1%201H1.44a1%201%200%200%201-1-1v-4.88Z%22%2F%3E%0A%20%20%3C%2Fmask%3E%0A%20%20%3Cpath%20d%3D%22M.44%2018.59a3%203%200%200%201%203-3h13.24a3%203%200%200%201%203%203v4.88a1%201%200%200%201-1%201H1.44a1%201%200%200%201-1-1v-4.88Z%22%20stroke%3D%22%23101010%22%20stroke-width%3D%224%22%20mask%3D%22url%28%23a%29%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M18.94%2012.63h9.62m-4.81-4.82v9.63%22%20stroke%3D%22%23101010%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n &.action__cart\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2225%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Ccircle%20cx%3D%228.63%22%20cy%3D%2222.19%22%20r%3D%221.81%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Ccircle%20cx%3D%2219.88%22%20cy%3D%2222.19%22%20r%3D%221.81%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M.19%201.38H4.4l2.8%2018h15.49%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M4.69%203.63H23.7a1%201%200%200%201%20.98%201.2l-1.74%208.13a1%201%200%200%201-.98.79H6.13%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n .header__action_count\n position: absolute\n border-radius: 50%\n color: white\n @include font__size(12px, 16px)\n text-align: center\n background-color: $red\n @include media-breakpoint-down(lg)\n font-weight: 500\n width: 16px\n height: 16px\n top: 10px\n left: 12px\n @include media-breakpoint-up(xl)\n padding: 2px 0\n top: -4px\n right: -2px\n width: 20px\n height: 20px\n\n\n\n\n\n\n\n\n\n//______________________________________________________________________________________________ Header Menu ___________\n\n.header__menu,\n.header__catalogue\n @include media-breakpoint-down(lg)\n position: fixed\n z-index: 10\n top: 0\n left: 0\n width: 100%\n height: 100%\n padding: 48px 0 0\n display: flex\n transform: translateY(100%)\n flex-direction: column\n justify-content: flex-end\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n &.open\n transform: translateY(0)\n\n.header__menu\n @include media-breakpoint-up(xl)\n margin-top: 10px\n\n.header__menu_close,\n.header__catalogue_close\n position: relative\n z-index: 3\n flex: 1 1 auto\n min-height: 86px\n margin: -48px 0 -40px\n cursor: pointer\n @include media-breakpoint-up(xl)\n display: none\n &:before\n position: absolute\n z-index: 2\n left: calc(50% - 48px)\n bottom: 16px\n width: 96px\n height: 6px\n border-radius: 6px\n content: ''\n background-color: rgba($deep-black, 0.5)\n &:after\n position: absolute\n z-index: 1\n left: 0\n bottom: 0\n width: 100%\n height: 38px\n border-radius: 16px 16px 0 0\n content: ''\n background-color: white\n\n.header__menu_body,\n.header__catalogue_body\n @include media-breakpoint-down(lg)\n //flex: 1 1 auto\n overflow-y: auto\n background-color: white\n padding: 40px 24px 24px\n border-radius: 16px 16px 0 0\n\n.header__catalogue_body\n height: 100%\n\n.header__menu_body\n .header__phone\n padding: 36px 0 8px\n margin: 0\n display: flex\n flex-direction: column\n align-items: flex-start\n @include font__size(14px, 20px)\n @include media-breakpoint-up(xl)\n display: none\n a\n margin-left: 0\n padding-left: 34px\n color: $graphite\n @include font__size(18px, 24px, 700)\n background-position: 0 0\n background-repeat: no-repeat\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22M2.99%204.87c.32-.52%202.06-2.43%203.3-2.37.37.03.7.26.97.52h0c.61.6%202.37%202.86%202.47%203.34C9.97%207.53%208.58%208.2%209%209.38a9.87%209.87%200%200%200%205.62%205.61c1.18.43%201.85-.96%203.02-.72.48.1%202.74%201.86%203.34%202.47.26.26.49.6.52.97.05%201.3-1.98%203.07-2.37%203.3-.93.67-2.15.65-3.63-.04C11.37%2019.27%204.77%2012.79%203.02%208.5%202.35%207.02%202.31%205.8%203%204.87Z%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M14.57%202.75a7.97%207.97%200%200%201%207.04%207.03M14.57%206.3a4.43%204.43%200%200%201%203.5%203.5%22%20stroke%3D%22%234D5354%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n.header__menu_footer\n padding: 12px 16px\n border-top: 1px solid $platinum\n background-color: $cultured\n @include media-breakpoint-down(lg)\n display: flex\n align-items: center\n @include media-breakpoint-up(xl)\n display: none\n .header__lang\n display: flex\n a\n margin-right: 20px\n &:last-child\n margin-right: 0\n\n.header__menu_list\n list-style: none\n @include media-breakpoint-up(xl)\n display: flex\n align-items: center\n > li\n @include media-breakpoint-down(lg)\n padding: 12px 0\n &:first-child\n padding-top: 28px\n @include media-breakpoint-up(xl)\n margin-right: 24px\n &:last-child\n margin-right: 0\n .catalogue__trigger\n &.open\n background-color: $deep-black\n @include media-breakpoint-up(xl)\n &:before\n transform: rotate(180deg)\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M15.31%204.69%204%2016M15.31%2016.31%204%205%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n\n position: relative\n color: white\n cursor: pointer\n border-radius: 9px\n @include font__size(14px, 20px)\n border: none\n background-color: $graphite\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n @include media-breakpoint-down(lg)\n width: 100%\n display: flex\n justify-content: center\n padding: 12px 16px\n @include font__size(16px, 22px, 500)\n &:before\n width: 24px\n height: 24px\n margin-right: 6px\n\n @include media-breakpoint-up(xl)\n padding: 6px 16px 6px 38px\n &:before\n position: absolute\n top: 6px\n left: 12px\n width: 20px\n height: 20px\n background-size: 20px 20px\n //@include media-breakpoint-up(xl)\n &:hover\n background-color: $deep-black\n &:before\n content: ''\n background-repeat: no-repeat\n background-position: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M21.6%208.4H2.4M21.6%2015.6H2.4%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n -webkit-transition: 0s ease-in-out\n transition: 0s ease-in-out\n\n a\n display: flex\n align-items: center\n color: $graphite\n text-decoration: none\n @include font__size(14px, 20px)\n\n.header__overlay\n opacity: 0\n visibility: hidden\n position: fixed\n cursor: pointer\n z-index: 9\n left: 0\n top: 0\n right: 0\n bottom: 0\n background-color: rgba( black, 0.4)\n -webkit-transition: .2s ease-in-out\n transition: .2s ease-in-out\n &.open\n opacity: 1\n visibility: visible\n @include media-breakpoint-up(xl)\n opacity: 0 !important\n visibility: hidden !important\n\n//______________________________________________________________________________________________ Header Catalogue ______\n\n.header__catalogue\n @include media-breakpoint-up(xl)\n display: none\n position: absolute\n top: 56px\n left: 0\n right: 0\n padding: 48px\n background-color: white\n max-height: 640px\n border-radius: 16px\n box-shadow: 0 16px 24px rgba(0, 0, 0, 0.05)\n -ms-overflow-style: none\n scrollbar-width: none\n overflow-y: scroll\n &::-webkit-scrollbar\n display: none\n &.open\n display: block\n\n.catalogue__list\n list-style: none\n @include media-breakpoint-down(lg)\n > li\n padding: 16px 0\n\n @include media-breakpoint-up(xl)\n --gap: 24px\n --columns: 3\n display: column\n columns: var(--columns)\n gap: var(--gap)\n > li\n break-inside: avoid\n margin-bottom: var(--gap)\n > ul\n padding-left: 16px\n a\n color: $graphite\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n text-decoration: underline\n\n .hidden__item\n display: none\n\n .catalogue__trigger_item\n position: relative\n display: flex\n align-items: center\n color: $deep-black\n @include media-breakpoint-down(lg)\n @include font__size(20px, 28px)\n &:after\n flex: 0 0 auto\n width: 24px\n height: 24px\n margin-left: auto\n content: ''\n background-repeat: no-repeat\n background-position: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22m9.6%205.3%206.8%206.7-6.8%206.8%22%20stroke%3D%22%239C9D9F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n span\n margin-right: 8px\n @include media-breakpoint-up(xl)\n @include font__size(24px, 32px)\n &:hover\n color: $red-orange\n img, svg\n flex: 0 0 auto\n height: auto\n transition: color 0.2s ease-in-out\n -webkit-transition: color 0.2s ease-in-out\n @include media-breakpoint-down(lg)\n width: 48px\n height: 32px\n margin-right: 8px\n @include media-breakpoint-up(xl)\n width: 56px\n margin-right: 12px\n\n\n &.open\n margin-bottom: 16px\n &:before\n flex: 0 0 auto\n width: 24px\n height: 24px\n margin-right: 8px\n content: ''\n background-repeat: no-repeat\n background-position: center center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M14.38%205.25%207.62%2012l6.75%206.75%22%20stroke%3D%22%239C9D9F%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n + .level__2\n display: block\n .level__3\n display: none\n svg, &:after\n display: none\n\n .catalogue__link\n a\n font-weight: 500\n color: $dark-grey\n @include media-breakpoint-up(xl)\n display: none\n\n .level__2\n list-style: none\n @include media-breakpoint-down(lg)\n display: none\n @include media-breakpoint-up(xl)\n padding-left: 68px\n > li\n padding: 8px 0\n @include font__size(16px, 22px)\n > ul\n list-style: none\n padding: 10px 0 0 12px\n li\n padding: 4px 0\n @include font__size(14px, 20px)\n\n@supports (grid-template-rows: masonry)\n .catalogue__list\n display: grid\n grid-template-columns: repeat(var(--columns), 1fr)\n grid-template-rows: masonry\n grid-auto-flow: dense\n > li\n margin-bottom: 0\n\n\n\n//______________________________________________________________________________________________ Header Lang ___________\n\n.header__lang\n margin-right: 24px\n position: relative\n z-index: 2\n\n @include font__size(14px, 20px)\n &.header__lang_open\n .header__lang_current\n &:before\n transform: rotate(180deg)\n .header__lang_menu\n @include media-breakpoint-down(lg)\n display: block\n @include media-breakpoint-up(xl)\n opacity: 1\n visibility: visible\n\n .header__lang_current\n position: relative\n cursor: pointer\n padding-right: 14px\n color: $graphite\n &:before\n position: absolute\n z-index: 1\n top: 7px\n right: 0\n width: 8px\n height: 6px\n content: ''\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%228%22%20height%3D%226%22%20viewBox%3D%220%200%208%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M3.58%205.78c.2.3.63.3.84%200L7.9.84C8.15.5%207.9%200%207.48%200H.52C.1%200-.15.5.1.84l3.48%204.94Z%22%20fill%3D%22%239C9D9F%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n\n .header__lang_menu\n list-style: none\n opacity: 0\n visibility: hidden\n position: absolute\n z-index: 1\n width: 110px\n top: calc(100% + 10px)\n right: -24px\n padding: 24px\n background-color: white\n border-radius: 16px\n box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1)\n transition: 0.2s ease-in-out\n -webkit-transition: 0.2s ease-in-out\n li\n padding: 4px 0\n &.current\n a\n pointer-events: none\n color: $spanish-grey\n a\n color: $graphite\n text-decoration: none\n &.current\n color: $spanish-grey\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n text-decoration: underline\n\n\n//______________________________________________________________________________________________ Header Slogan _________\n\n.header__slogan\n color: $graphite\n @include font__size(16px, 22px, 500)\n\n\n//______________________________________________________________________________________________ Header Phone __________\n\n.header__phone\n margin-right: 24px\n color: $spanish-grey\n @include font__size(12px, 16px)\n a\n margin-left: 4px\n color: $deep-black\n text-decoration: none\n @include font__size(14px, 20px, 700)\n @include media-breakpoint-up(xl)\n &:hover\n color: $red-orange\n\n//______________________________________________________________________________________________ Header Socials ________\n\n.header__socials\n display: flex\n a\n width: 24px\n height: 24px\n margin-right: 12px\n color: $graphite\n text-decoration: none\n svg\n display: block\n &:last-child\n margin-right: 0\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n//______________________________________________________________________________________________ Footer ________________\n\n.footer\n position: relative\n z-index: 2\n color: white\n @include font__size(14px, 20px)\n background-color: $dark-grey\n .footer__top\n @include media-breakpoint-down(lg)\n padding: 24px 0 0\n @include media-breakpoint-up(md)\n padding: 24px 0 18px\n @include media-breakpoint-up(xl)\n padding: 48px 0 18px\n .footer__bottom\n @include media-breakpoint-down(lg)\n padding: 0 0 24px\n @include media-breakpoint-up(md)\n padding: 18px 0 24px\n @include media-breakpoint-up(xl)\n padding: 18px 0 48px\n\n h3\n margin-bottom: 16px\n //p\n // @include media-breakpoint-down(sm)\n // margin-bottom: 10px\n // @include media-breakpoint-up(md)\n // margin-bottom: 16px\n //\n // &:last-child\n // margin-bottom: 0\n\n.footer__logo\n display: inline-block\n vertical-align: top\n margin-bottom: 24px\n img\n display: block\n max-width: 100%\n\n.footer__contact\n margin-bottom: 16px\n color: $light-grey\n @include font__size(16px, 22px)\n a\n color: white\n text-decoration: none\n @include media-breakpoint-down(lg)\n @include font__size(18px, 24px, 700)\n @include media-breakpoint-up(lg)\n @include font__size(20px, 28px, 700)\n @include media-breakpoint-up(xl)\n &:hover\n color: $red-orange\n\n\n.footer__socials\n @include media-breakpoint-down(sm)\n margin-bottom: 24px\n h6\n color: white\n\n a\n padding: 12px\n width: 48px\n height: 48px\n color: $graphite\n border-radius: 24px\n text-decoration: none\n background-color: white\n svg\n display: block\n &:not(:last-child)\n margin-right: 12px\n @include media-breakpoint-up(xl)\n &:hover\n color: $deep-black\n background-color: $cultured\n\n\n.footer__menu\n list-style: none\n li\n &:not(:last-child)\n margin-bottom: 10px\n a\n color: white\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n text-decoration: underline\n\n &.footer__menu_inline\n display: flex\n flex-wrap: wrap\n li\n &:not(:last-child)\n margin: 0 16px 0 0\n\n.copy, .dev\n color: $spanish-grey\n a\n color: white\n\n\n\n.back__to_top\n position: absolute\n padding: 12px\n border-radius: 48px\n color: white\n border: none\n width: 48px\n height: 48px\n background-color: $graphite\n\n @include media-breakpoint-down(lg)\n top: -48px\n right: 16px\n @include media-breakpoint-up(md)\n top: -48px\n right: 24px\n @include media-breakpoint-up(xl)\n top: -72px\n right: 24px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n\n.sys-hide\n opacity: 0\n visibility: hidden\n position: absolute\n pointer-events: none\n -webkit-user-select: none\n -moz-user-select: none\n -ms-user-select: none\n user-select: none\n\n.svg__icon\n display: block\n width: 100%\n height: 100%\n\nhtml, body\n height: 100%\n\nbody\n display: flex\n flex-direction: column\n\nmain\n flex: 1 0 auto\n display: flex\n flex-direction: column\n justify-content: center\n\n.footer\n flex-shrink: 0\n\n.modal__open\n overflow: hidden\n\n//.home__page\n// background-position: left 90px\n// background-repeat: no-repeat\n// @include media-breakpoint-down(sm)\n// background-size: auto 680px\n// background-position: -50px 90px\n// //@include media-breakpoint-up(md)\n//\n//.mb-6\n// @include media-breakpoint-down(sm)\n// margin-bottom: 40px\n// @include media-breakpoint-up(md)\n// margin-bottom: 80px\n//\n//.letters__wrap\n// position: absolute\n// z-index: 1\n// top: 0\n// right: 0\n// left: 0\n// bottom: 0\n// @include media-breakpoint-down(lg)\n// display: none\n\n//.homepage\n// .section__simple\n// @include media-breakpoint-down(sm)\n// padding: 0 0 100px\n// @include media-breakpoint-up(md)\n// padding: 0 0 200px\n// @include media-breakpoint-up(xl)\n// padding: 0 0 350px\n\n.section__simple\n position: relative\n z-index: 3\n @include media-breakpoint-down(sm)\n margin-bottom: 48px\n @include media-breakpoint-up(md)\n margin-bottom: 48px\n @include media-breakpoint-up(xl)\n margin-bottom: 96px\n\n &.section__64\n @include media-breakpoint-down(sm)\n margin-bottom: 48px\n @include media-breakpoint-up(md)\n margin-bottom: 48px\n @include media-breakpoint-up(xl)\n margin-bottom: 64px\n\n &.section__first_page\n @include media-breakpoint-down(sm)\n padding: 110px 0 50px\n @include media-breakpoint-up(md)\n padding: 150px 0 80px\n @include media-breakpoint-up(xl)\n padding: 180px 0 80px\n\n &.section__colored\n @include media-breakpoint-down(sm)\n padding: 48px 16px\n margin-left: -16px\n margin-right: -16px\n @include media-breakpoint-up(md)\n padding: 96px 0\n *\n color: white\n &.pattern__orange\n background-repeat: repeat\n background-position: center\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22117%22%20height%3D%2250%22%20viewBox%3D%220%200%20117%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M117%200H0v50h117V0Z%22%20fill%3D%22%23E74C0A%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M3-3.1-7-3l-5-8.5h-8l9%2015.8H7.2L3-3.1Zm-28.6-.4%205%208.5-4.9%208.5%204.2%207.2L-12.2%205l-9.1-15.9-4.3%207.4Zm14.1%2024.8%204.8-8.5h9.9l4-7.2-18.1-.1-9.2%2015.8h8.6ZM-6.3-4h9.8l5.3%209-5%208.8H-6l-4.8%208.6h-10.7l-5.2-9%204.9-8.4-5-8.5%205.2-9h10.4l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.2-3.1-9.9.1-4.9-8.5H9.1l9%2015.8h18.4l-4.3-7.4ZM3.6-3.5l5%208.5-4.9%208.5L8%2020.7%2017.1%205%207.9-11%203.6-3.4Zm14.1%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9.1%2015.9h8.5ZM23-4h9.8l5.3%209-5.1%208.8h-9.8l-4.8%208.6H7.7l-5.2-8.9%205-8.5-5-8.5%205.1-9H18l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.4-3.1-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4ZM33-3.5%2038%205l-4.9%208.5%204.2%207.2%209-15.7-9.1-16-4.3%207.5Zm14%2024.8%204.8-8.5h9.8l4.2-7.2-18.2-.1-9.2%2015.9H47ZM52.2-4H62l5.3%209-5%208.9h-9.9l-4.8%208.5H37l-5.3-8.9%205-8.5-5-8.5%205.2-9h10.4l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m90.7-3.1-9.9.1-4.9-8.5h-8.3l9%2015.8H95l-4.3-7.4ZM62-3.5%2067%205l-4.9%208.5%204.2%207.2L75.6%205l-9.2-16-4.3%207.5Zm14.1%2024.8%204.9-8.5h9.8L95%205.6l-18.2-.1-9.1%2015.9h8.5ZM81.4-4h9.9l5.3%209-5.1%208.8h-9.8l-4.8%208.6H66.2L61%2013.5%2066%205l-5-8.5%205.1-9h10.4l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m119.9-3.1-9.8.1-5-8.5H97l9%2015.8h18.3L120-3.1Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2L104.8%205l-9.2-16-4.2%207.5Zm14%2024.8%204.9-8.5h9.8l4.1-7.2-18.2-.1-9%2015.9h8.6ZM110.8-4h9.8l5.3%209.1-5%208.9H111l-4.8%208.5H95.4l-5.2-8.9%205-8.5-5-8.5%205.2-9h10.4l4.9%208.4ZM17.5%2022.2l-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4ZM3.1%2046.6l4.8-8.5h9.8l4.1-7.2H3.6l-9.1%2015.8H3Zm5.2-25.4h9.8l5.4%209-5.1%209h-10l-4.7%208.5H-7l-5.2-8.9%205-8.5-5-8.4%205.1-9.1H3.3l5%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m46.7%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8H51l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.3%207.2%209.1-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%205-8.5h9.7l4.1-7.2H33l-9.2%2015.8h8.6Zm5.3-25.4h9.8l5.3%209-5%209h-9.9L33%2047.6H22.3L17%2038.8l5-8.5-5-8.4%205.2-9.1h10.4l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m76%2022.2-9.8.1-5-8.5H53l9%2015.8h18.4L76%2022.2Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H62.2L53%2046.6h8.6Zm5.3-25.4h9.8l5.3%209-5.1%209H67l-4.8%208.5H51.5l-5.2-8.9%205-8.5-5-8.5%205.1-9H62l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m105.2%2022.2-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5L81%2046l9.2-15.7L81%2014.4l-4.2%207.4Zm14%2024.8%204.9-8.5h9.8l4.1-7.2H91.4l-9.2%2015.8h8.6ZM96%2021.2h9.8l5.3%209-5.1%209h-9.8l-4.8%208.5H80.7l-5.2-8.9%205-8.5-5-8.5%205.2-9H91l4.9%208.4Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m134.4%2022.2-9.8.1-4.9-8.5h-8.3l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.1-15.7-9.1-15.9-4.3%207.4ZM120%2046.6l4.8-8.5h9.9l4-7.2h-18.1l-9.2%2015.8h8.6Zm5.2-25.4h9.8l5.3%209-5%209h-9.9l-4.8%208.5H110l-5.2-8.9%204.9-8.5-5-8.5%205.2-9h10.4l5%208.4ZM3.4%2047.5l-9.8.1-5-8.5h-8.2l9%2015.8H7.7l-4.3-7.4Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.3%207.4ZM-11%2072l4.8-8.6h9.8l4.2-7.2h-18.2L-19.6%2072h8.6Zm5.2-25.4%209.8-.2%205.3%209.2-5%208.8h-9.9l-4.8%208.6H-21l-5.2-9%204.9-8.4-5-8.5%205.2-9%2010.4-.1%204.9%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m32.7%2047.5-9.9.1-4.9-8.5H9.6l9%2015.8H37l-4.3-7.4ZM4%2047.1l5%208.5-4.9%208.5%204.2%207.2%209.2-15.7-9.2-15.9L4%2047.1ZM18.2%2072l4.8-8.6h10l4.1-7.2H18.8L9.6%2072h8.6Zm5.2-25.4%209.9-.1%205.3%209.1-5.1%208.8h-9.8L18.8%2073H8.2L3%2064.1l5-8.5-5-8.4L8%2038l10.4-.1%205%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m61.9%2047.5-9.8.1-5-8.5H39l9%2015.8h18.3L62%2047.5Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7-9.2-15.9-4.2%207.4Zm14%2024.9%204.9-8.6H62l4.1-7.2h-18L38.9%2072h8.6Zm5.3-25.4%209.8-.1%205.3%209.1-5%208.9h-9.9L48.1%2073H37.4l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%204.9%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m91.1%2047.5-9.8.1-5-8.5h-8.2l9%2015.8h18.4L91%2047.5Zm-28.5-.4%205%208.5-4.9%208.5%204.2%207.2L76%2055.6l-9.1-15.9-4.3%207.4ZM76.7%2072l4.8-8.6h9.9l4-7.2h-18L68%2072h8.6ZM82%2046.6l9.9-.1%205.3%209.1-5.1%208.8h-9.8l-5%208.6H66.7l-5.2-9%204.9-8.4-5-8.5%205.2-9L77%2038l5%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%20%20%3Cpath%20d%3D%22m120.4%2047.5-9.8.1-5-8.5h-8.2l9%2015.8h18.3l-4.3-7.4Zm-28.5-.4%205%208.5-5%208.5%204.2%207.2%209.2-15.7L96%2039.7l-4%207.4ZM106%2072l4.8-8.6h9.9l4-7.2h-18.1L97.4%2072h8.6Zm5.2-25.4%209.8-.1%205.4%209.1-5.1%208.9h-9.9l-4.8%208.5H95.9l-5.2-9%205-8.4-5-8.5%205.1-9%2010.5-.1%205%208.6Z%22%20fill%3D%22%23E4310E%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n p\n @include media-breakpoint-down(sm)\n &:not(:last-child)\n margin-bottom: 16px\n @include media-breakpoint-up(md)\n &:not(:last-child)\n margin-bottom: 24px\n\n h1, h2, h3, h4, h5, h6,\n .h1, .h2, .h3, .h4, .h5, .h6\n &:last-child\n margin-bottom: 0\n\n.main__image\n img\n display: block\n width: calc(100% + 148px)\n height: auto\n margin: 0 -74px\n\n\n.content__block\n img\n display: block\n max-width: 100%\n height: auto\n border-radius: 16px\n @include media-breakpoint-down(sm)\n margin: 48px 0 24px\n @include media-breakpoint-up(md)\n margin: 64px 0 40px\n &:first-child\n margin-top: 0\n &:last-child\n margin-bottom: 0\n\n p\n &:first-child\n img\n margin-top: 0\n &:last-child\n img\n margin-bottom: 0\n\n\n h1, h2, h3, h4, h5, h6,\n .h1, .h2, .h3, .h4, .h5, .h6\n font-weight: 500\n @include media-breakpoint-down(sm)\n margin-bottom: 16px\n &:not(:first-child)\n @include media-breakpoint-down(sm)\n margin-top: 24px\n @include media-breakpoint-up(md)\n margin-top: 32px\n\n\n ol, ul\n @include media-breakpoint-down(sm)\n &:not(:last-child)\n margin-bottom: 16px\n @include media-breakpoint-up(md)\n &:not(:last-child)\n margin-bottom: 24px\n ol\n padding-left: 30px\n\n ul\n list-style: none\n li\n position: relative\n padding-left: 30px\n @include media-breakpoint-up(md)\n margin-bottom: 8px\n &:before\n position: absolute\n top: 13px\n left: 13px\n width: 4px\n height: 4px\n border-radius: 50%\n content: ''\n background-color: $deep-black\n\n blockquote\n margin-bottom: 24px\n font-weight: 500\n background-repeat: no-repeat\n background-position: top left\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M6.5%2012c-1%200-1.9-.4-2.5-1-.6-.6-.8-1.4-.8-2.4%200-1.2.3-2%201-2.7A4%204%200%200%201%206.8%205h.1c.7%200%201.3.2%201.8.5.5.2.9.6%201.2%201%20.3.5.5%201%20.6%201.7a8.1%208.1%200%200%201-.3%204.6%2010.9%2010.9%200%200%201-3.4%204.9c-.7.6-1.5%201-2.3%201.3L3%2017a8.7%208.7%200%200%200%203.5-5Zm10.2%200a3.2%203.2%200%200%201-3.3-3.4c0-1.2.4-2%201-2.7.8-.6%201.6-.9%202.6-.9h.2c1.3%200%202.3.6%202.9%201.6.6%201%20.9%202%20.9%203.2v.2c0%201-.2%201.8-.5%202.8a10.9%2010.9%200%200%201-3.4%204.9%207%207%200%200%201-2.4%201.3l-1.4-2a8.7%208.7%200%200%200%203.4-5Z%22%20fill%3D%22%23EB4B00%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n @include media-breakpoint-down(sm)\n padding-top: 32px\n @include media-breakpoint-up(md)\n padding-left: 34px\n\n iframe\n display: block\n border-radius: 16px\n @include media-breakpoint-down(sm)\n height: 300px\n\n\n//.simple__page\n// .content__block\n// blockquote\n// border: 1px solid $dark-green-blue\n// padding: 14px 16px 14px 52px !important\n// margin-bottom: 24px\n// font-weight: 400\n// border-radius: 9px\n// background-repeat: no-repeat\n// background-position: 16px 14px\n// background-color: $mint-cream\n// background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cpath%20d%3D%22M13.6%203.5a10%2010%200%201%200%200%2020.1%2010%2010%200%200%200%200-20.1Z%22%20stroke%3D%22%230F898B%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.6%203.5a10%2010%200%201%200%200%2020.1%2010%2010%200%200%200%200-20.1Z%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%2012h1.8v6.4%22%20stroke%3D%22%230F898B%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M12%2012h1.8v6.4%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.4%2018.6h4.8%22%20stroke%3D%22%230F898B%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.4%2018.6h4.8%22%20stroke%3D%22%23000%22%20stroke-opacity%3D%22.2%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.6%207.1a1.4%201.4%200%201%200%200%202.9%201.4%201.4%200%200%200%200-2.9Z%22%20fill%3D%22%230F898B%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M13.6%207.1a1.4%201.4%200%201%200%200%202.9%201.4%201.4%200%200%200%200-2.9Z%22%20fill%3D%22%23000%22%20fill-opacity%3D%22.2%22%2F%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n\n//\n//\n//.grid__block\n// display: grid\n// @include media-breakpoint-down(sm)\n// row-gap: 24px\n// @include media-breakpoint-up(md)\n// grid-template-columns: 1fr 1fr\n// row-gap: 64px\n// column-gap: 96px\n//\n// img\n// height: 100%\n// object-fit: cover\n// min-height: 340px\n\n\n.section__title\n @include media-breakpoint-down(sm)\n margin-bottom: 20px\n @include media-breakpoint-up(md)\n margin-bottom: 64px\n\n h1, h2, h3, h4, h5, h6,\n .h1, .h2, .h3, .h4, .h5, .h6\n display: flex\n text-transform: uppercase\n margin-bottom: 0\n p\n color: $dark-grey\n font-weight: 700\n text-transform: uppercase\n\n &.ufo, &.crocodile\n display: flex\n flex-direction: column\n align-items: flex-start\n h2, .h2\n position: relative\n &:after\n position: absolute\n left: calc(100% + 40px)\n content: ''\n background-repeat: no-repeat\n background-position: 0 0\n &.ufo\n h2, .h2\n &:after\n top: -16px\n width: 162px\n height: 140px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22162%22%20height%3D%22140%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20filter%3D%22url%28%23a%29%22%20fill%3D%22%23000%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M76.73%2080.1a2.8%202.8%200%200%200-.48.52l-.55.6v.03a.02.02%200%200%200%20.02%200c.53-.08%201.07-.5%201.11-1.08a.07.07%200%200%200-.03-.06.07.07%200%200%200-.07%200Zm-1.79%201.82c-2.65%201.55-6.02%203.26-9.2%202.36a.02.02%200%200%200-.01.01v.02c2.82%201.73%207.41.2%209.32-2.25a.1.1%200%200%200%200-.12.1.1%200%200%200-.05-.03h-.06Zm3.03-59.16c.03.06.12.01.1-.05-2.27-8.2-11.54-12.43-19.25-11.2l.01.03c7.97-.18%2015.43%203.76%2019.14%2011.22Zm-49.9%2064.08c-1.27-1.2-1.8-2.74-2.61-4.25l-.01-.01h-.02v.02c.01%203.24%203.3%206.7%206.49%206.6.06%200%20.1-.1.03-.14-1.41-.6-2.73-1.14-3.88-2.22Zm74.78-19.13a18.38%2018.38%200%200%201-7.87.22.02.02%200%200%200%20.01.03%207.37%207.37%200%200%200%207.94-.16v-.05a.07.07%200%200%200-.03-.04h-.05Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M88.44%2029.88c-2.9-.09-5.76-.07-8.58.05a32.27%2032.27%200%200%200-4.47-9.27c-5.12-7.08-14.88-8.18-22.74-6.92-8.94%201.45-18.09%206.46-21.3%2015.62-1.76%205.04-1.21%2010.05.39%2014.86-2.4%201.42-4.78%202.94-7.13%204.57C11.28%2058.1%209.4%2065.08%2012.9%2069.68c-.51%206.03%206.13%209.77%2014.03%2011.07a8.26%208.26%200%200%200%209%206.89c3.32-.31%206.83-3.38%207.05-6.88%205.79-.62%2011.52-1.63%2017.17-3.01%203.56%209.79%2019.87%203.05%2017.39-5.37a122.87%20122.87%200%200%200%2016.16-7.42c2.88%202.84%207.5%202.8%2010.61.3%202.71-2.19%203.85-6.52%201.71-9.4%204.6-4.97%206.88-10.66%203.63-14.85.43-5.76-4.96-10.6-21.2-11.13Zm8.92%2023.23c.08-.05.18.07.1.13-3.16%202.86-7.04%204.81-10.78%206.77a73.9%2073.9%200%200%201-9.8%204.4c-.03%200-.04-.03-.02-.04%206.98-3.4%2013.82-7.28%2020.5-11.26Zm-16-19.03v-.02a.02.02%200%200%201%20.03%200c2.26%205.61-1.32%209.71-6.17%2011.83-.08.03-.13-.1-.06-.14%201.85-1.34%204.01-2.9%205.21-4.92%201.2-2.03%201.37-4.42.98-6.76Zm-48.6-2.56c2.35-9.6%2012.24-14.68%2021.1-15.87%207.97-1.06%2016.47.57%2021%208.01%202.12%203.47%203.06%207.29%203.74%2011.18a7.92%207.92%200%200%201-2.98%207.8c-7.73%205.77-23.87%2010.7-33.47%209.9-3.55-.28-5.9-2.22-6.84-4.5-2.2-5.3-3.97-10.7-2.54-16.53Zm-.48%2015.79v-.01a.02.02%200%200%201%20.04%200c1.03%202.03%201.93%204.38%203.7%205.87a10.7%2010.7%200%200%200%205.42%202.34c4.14.58%208.48-.42%2012.54-1.14l.06.01a.08.08%200%200%201%20.03.1c0%20.03-.02.04-.04.05-7.65%203.14-20.37%203.92-21.75-7.23Zm3.98%2038.13c-3.8%201.08-5.58-1.63-7.16-4.39%201.5.16%203.01.24%204.52.24%202.31-.01%204.7-.13%207.14-.33-.77%202.13-1.92%203.73-4.5%204.47Zm34.4-5.4c-3.65%201.52-6.54-.01-8.59-2.77%204.47-1.15%208.91-2.51%2013.22-4.06-.06%203.07-1.22%205.4-4.64%206.83Zm32.76-16.8c-2.12%202.33-5.53%202.24-8.19.85a84.8%2084.8%200%200%200%203.35-2.05%2040%2040%200%200%200%206-4.71c.6%202.1.61%203.94-1.16%205.9Zm4.9-17.58c-2.1%204.48-5.87%207.86-9.79%2010.65a89.31%2089.31%200%200%201-16.41%209.01%20139.76%20139.76%200%200%201-34.99%2010.06c-9%201.34-19.34%202.37-28.08-1.2-.14-.05-.05-.3.1-.24%204.23%201.6%208.85%201.89%2013.32%201.84A100.4%20100.4%200%200%200%2049.78%2074%20144.39%20144.39%200%200%200%2084.9%2062.83a82.66%2082.66%200%200%200%2014.02-8.16c3.43-2.55%206.86-5.46%209.23-9.1a.1.1%200%200%201%20.12-.03.1.1%200%200%201%20.05.12Z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M35.49%2039.98c.07-3.47.79-7.22%202.69-10.75%202.14-3.97%206.02-6.94%209.8-9.36%201.33-.85%201.16-1.23-.39-.84-4.7%201.19-8.27%204.16-11%208.4-2.15%203.32-3.8%208.82-2%2012.76.72%201.53.85%202.1.9-.21Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22a%22%20x%3D%221.35%22%20y%3D%221.3%22%20width%3D%22159.82%22%20height%3D%22137.91%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeOffset%20dx%3D%2220%22%20dy%3D%2220%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%2215%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%0A%20%20%20%20%20%20%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_261_2287%22%2F%3E%0A%20%20%20%20%20%20%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_261_2287%22%20result%3D%22shape%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\")\n &.crocodile\n h2, .h2\n &:after\n top: -20px\n width: 188px\n height: 137px\n background-image: url(\"data:image/svg+xml,%3Csvg%20width%3D%22188%22%20height%3D%22137%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cg%20filter%3D%22url%28%23a%29%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M137.64%2054.22a15.94%2015.94%200%200%200-1.7-5.84c2.22-9.92-1.95-25.14-13.53-25.93-4.55-.31-8.84%203.28-12.17%207.7-1.68-5.83-5.66-10.54-12.8-9.79-6.62.7-11.36%207.84-14.2%2014.45-1.3%203-.92%203.78-2.62%204.04a4.36%204.36%200%200%201%20.69%204.07c-.02.08-.19.1-.2.01-.92-5.63-4.43-5.72-4.99-5.77a7.81%207.81%200%200%200-3.77.6c.63%201.06%201.3%202.51.67%203.68-.03.06-.17.11-.2.03-.98-4.92-3.85-5.1-4.7-5.26a5.83%205.83%200%200%200-3.65.37l.1.18c.47%201.04%201.03%202.67.05%203.6-.05.05-.21.06-.2-.02-.08-4.7-3.33-5.63-3.96-5.85a6.88%206.88%200%200%200-5.3.22c.8%201.32%201.13%202.97.5%204.2-.04.09-.19.07-.19-.02.1-1.7-1.12-5.25-3.92-5.94a8.75%208.75%200%200%200-4.5.06l.07.15c.58%201.25%201.02%202.65.45%203.98a.1.1%200%200%201-.16-.01c-.76-2.2-1.16-4.37-3.25-5.6a5.65%205.65%200%200%200-3.79-.46c.98%202.26%201.3%204.74.96%207.18-.03.1-.2.12-.22%200-.47-2.3-.84-4.7-1.71-6.9h-.01c-1.03-2.95-4.23-5.72-6.25-7.1-4.98-3.36-11.17-.41-14.93%203.3a21.35%2021.35%200%200%200-2.78%203.46c-5.1%207.8-4.76%2011.6-1.1%2016.74%201.07%201.5%202.2%202.5%203.2%202.08%202.87-1.27%205.47-3.03%208.51-3.9%204.05-1.14%205.68%202.4%207.1%205.4%202.02%204.33%205.68.58%208.58-1.03%201.6-.88%204.08-1.98%206-1.57%204.75%201.01%204.5%206%207.12%209.17%202.86%203.47%2012.37-4.79%2016.62-4.6%204.24.17%205.2%205.5%206.87%208.4%201.84%203.17%206.37-1.57%208.27-2.75%201.44-.89%203.06-.83%204.63-.53%206.4%201.22%206.36%2014.96%2014.74%208.85%201-.73%201.66.2.73%201.04-3.57%203.21-7.42%204.16-10.53-.04-1.37-1.85-2.31-4.74-4.12-6.18-3.32-2.64-6.45%201.06-8.81%202.53-1.1.68-2.56%201.68-3.96%201.43-5.1-.9-4.05-11.97-10.16-9.67-3.35%201.26-10.17%207.1-14.24%205.05-1.82-.91-2.88-2.57-3.66-4.42-.85-2.03-1.94-6.63-5.52-5.4a28.35%2028.35%200%200%200-5.2%202.48c-2.3%201.37-6.06%204.17-8.28%201.07a14.76%2014.76%200%200%201-1.64-2.99c-1.82-4.38-4.94-3.53-8.37-1.7-1.8.96-3.62%202.15-5.72%202.25-1.35.07-2.6-.81-3.69-2.12-.88-1.06-2.67-.2-2.48%201.52.46%204.24%202.5%208.15%205.7%2010.96%203.67%203.26%2022.22%208.5%2032.45%2011.22%2021.31%205.64%2050.19%209.78%2058.75%2011.12%208.7%201.36%2019.1%203.17%2024.89-5%204.93-6.94%206.36-17.93%205.53-26.2ZM22.77%2029.82c-.4.68-.65%201.46-1.3%201.96-.7.54-1.71-.1-1.76-.9-.06-1.03.78-1.94%201.64-2.35.4-.2.84-.23%201.2.1a1%201%200%200%201%20.22%201.19Zm5.68%204.27c-.23.43-.62.61-1%20.86-.54.33-1.48.12-1.62-.58-.08-.44-.32-.84-.19-1.3l.35-1.14c.23-.69.54-1.59%201.23-1.93.49-.23%201.15-.22%201.45.32.41.75.28%201.64.14%202.47-.05.44-.18.88-.36%201.29Zm67.58%206.61c-5.29-.67-5.93-6.46-4.08-10.51.5-1.08%201.92-.36%201.8.65-.16%201.57-.49%203.54.01%205.07a2.9%202.9%200%200%200%204.32%201.55c2.07-1.36%202.72-3.42%203.57-5.66.46-1.24%202.09-.36%201.99.72-.34%203.92-2.83%208.79-7.6%208.18h-.01Zm24.2%206.86c-6.14-.77-6.74-7.43-4.73-12.15.46-1.06%201.94-.36%201.8.66-.25%201.9-.66%204.27-.05%206.14.59%201.82%202.79%203.17%204.67%202.4%203.05-1.24%204-4.12%205.01-7%20.46-1.3%202.25-.93%202.1.46-.5%204.46-3.26%2010.2-8.8%209.5Z%22%20fill%3D%22%23000%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cfilter%20id%3D%22a%22%20x%3D%22.31%22%20y%3D%2210.28%22%20width%3D%22187.56%22%20height%3D%22126.32%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%0A%20%20%20%20%20%20%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%0A%20%20%20%20%20%20%3CfeOffset%20dx%3D%2220%22%20dy%3D%2220%22%2F%3E%0A%20%20%20%20%20%20%3CfeGaussianBlur%20stdDeviation%3D%2215%22%2F%3E%0A%20%20%20%20%20%20%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%0A%20%20%20%20%20%20%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%0A%20%20%20%20%20%20%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_261_2630%22%2F%3E%0A%20%20%20%20%20%20%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_261_2630%22%20result%3D%22shape%22%2F%3E%0A%20%20%20%20%3C%2Ffilter%3E%0A%20%20%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A\")\n\n\n\n\n.simple__list\n margin-bottom: -40px\n [class*=\"col-\"]\n margin-bottom: 40px\n\n.category__list_item\n display: block\n position: relative\n text-decoration: none\n @include media-breakpoint-up(xl)\n &:hover\n .category__list_image\n img\n transform: scale(1.1)\n &.list__item_medium\n .category__list_image\n padding-top: 72.7272727272727%\n &.list__item_large\n .category__list_image\n padding-top: 47.6595744680851%\n\n &.list__item_collection\n .category__list_title\n position: relative\n display: block\n width: 100%\n background-color: black\n .category__list_image\n padding-top: 153.4246575342466%\n //height: 560px\n position: relative\n z-index: 1\n display: block\n overflow: hidden\n //@include media-breakpoint-down(sm)\n // padding-top: 100%\n //@include media-breakpoint-up(md)\n // height: 300px\n\n img\n position: absolute\n top: 0\n left: 0\n width: 100%\n height: 100%\n -o-object-fit: cover\n object-fit: cover\n transition: 0.25s ease-out\n -webkit-transition: 0.25s ease-out\n\n .category__list_title\n position: absolute\n z-index: 2\n left: 0\n right: 0\n bottom: 0\n padding: 5px\n color: white\n text-align: center\n text-transform: uppercase\n @include font__size(30px, 40px, 700)\n background-color: rgba(black, 0.5)\n\n\n\n\n\n\n\n\n//\n//.sup__title\n// display: inline-block\n// vertical-align: top\n// position: relative\n// color: $red-orange\n// @include media-breakpoint-down(sm)\n// @include font__size(20, 30)\n// padding-right: 58px\n// margin-bottom: 16px\n// @include media-breakpoint-up(md)\n// @include font__size(32, 40)\n// padding-right: 80px\n// margin-bottom: 24px\n// &:before\n// position: absolute\n// z-index: 1\n// top: 50%\n// right: 0\n// height: 1px\n// content: ''\n// background-color: $red-orange\n// @include media-breakpoint-down(sm)\n// width: 48px\n// @include media-breakpoint-up(md)\n// width: 64px\n//\n//\n//\n//.content__block\n// h1, h2, h3, h4, h5, h6,\n// .h1, .h2, .h3, .h4, .h5, .h6\n// &:not(:first-child)\n// @include media-breakpoint-down(sm)\n// margin: 24px 0 14px\n// @include media-breakpoint-up(md)\n// margin: 32px 0 18px\n//\n//.show__all\n// font-weight: 300\n// text-decoration: none\n//\n//\n//\n//hr\n// display: block\n// height: 2px\n// opacity: 1\n// background-color: $red-orange\n// @include media-breakpoint-down(sm)\n// margin: 32px 0\n// @include media-breakpoint-up(md)\n// margin: 64px 0\n//\n//\n//\n//.socials__block\n// display: flex\n// justify-content: center\n// align-items: center\n// @include media-breakpoint-down(sm)\n// margin-top: 32px\n// @include media-breakpoint-up(md)\n// margin-top: 64px\n// a\n// text-decoration: none\n// margin: 0 20px\n//\n\n\n.simple__block\n @include media-breakpoint-down(sm)\n padding: 16px\n @include media-breakpoint-up(md)\n padding: 24px\n &.block__white\n background-color: white\n &.block__gray\n background-color: $platinum\n &.block__rounded\n border-radius: 16px\n //@include media-breakpoint-up(md)\n // &.block__small\n // padding: 24px\n // &.block__medium\n // padding: 24px 32px 32px\n // &.block__large\n // padding: 48px\n @include media-breakpoint-up(xl)\n &.block__small\n padding: 24px\n &.block__medium\n padding: 24px 32px 32px\n &.block__large\n padding: 48px\n p\n @include font__size(16px, 22px)\n &:not(:last-child)\n margin-bottom: 16px\n\n//\n//.info__list\n// margin-bottom: -24px\n// [class*=\"col-\"]\n// margin-bottom: 24px\n//\n//.info__block\n// height: 100%\n// border-radius: 16px\n// background-color: white\n// @include media-breakpoint-down(lg)\n// padding: 24px\n// @include media-breakpoint-up(xl)\n// padding: 48px\n// p\n// @include media-breakpoint-down(sm)\n// @include font__size(18px, 24px)\n// @include media-breakpoint-up(md)\n// @include font__size(20px, 28px)\n//\n//\n//\n//\n//\n//\n//.content__phone\n// a\n// color: $deep-black\n// text-decoration: none\n// font-weight: 700\n// @include media-breakpoint-up(xl)\n// &:hover\n// color: $red-orange\n//\n//\n//\n//.file__item\n// display: flex\n// align-items: center\n// color: $deep-black\n// text-decoration: none !important\n// @include font__size(16px, 22px, 500)\n// @include media-breakpoint-up(xl)\n// &:hover\n// color: $red-orange\n// svg\n// flex: 0 0 auto\n// width: 24px\n// height: 24px\n// margin-right: 8px\n// transition: 0.25s ease-in-out\n// -webkit-transition: 0.25s ease-in-out\n//\n//\n//\n//\n//.image__block\n// position: relative\n// display: flex\n// align-items: flex-end\n// height: 100%\n// picture\n// position: absolute\n// z-index: 1\n// top: 0\n// left: 0\n// width: 100%\n// height: 100%\n// border-radius: 16px\n// overflow: hidden\n// img\n// display: block\n// width: 100%\n// height: 100%\n// object-fit: cover\n//\n// &:before\n// position: absolute\n// z-index: 2\n// top: 0\n// left: 0\n// width: 100%\n// height: 100%\n// border-radius: 16px\n// content: ''\n// opacity: 0.5\n// background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 99%, rgba(0,0,0,1) 100%)\n// background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n// background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 99%,rgba(0,0,0,1) 100%)\n// filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 )\n// @include media-breakpoint-down(sm)\n// height: 480px\n// padding: 24px\n// @include media-breakpoint-up(md)\n// height: 400px\n// padding: 64px 60px\n// @include media-breakpoint-up(lg)\n// height: 560px\n// padding: 120px\n// .image__block_content\n// max-width: 828px\n//\n// .image__block_content\n// position: relative\n// z-index: 3\n//\n// h2\n// color: white\n// font-weight: 500\n// @include media-breakpoint-up(xl)\n// margin-bottom: 36px\n","@use \"../utilities/variables\" as *\n@use \"../utilities/mixins\" as *\n@use '../../packages/bootstrap-sass-use-migration/scss/mixins/breakpoints' as *\n\n.color__graphite\n color: $graphite\n\n.color__red\n color: $dark-red-orange\n\n//\n//\n//.background__color_orange,\n//.background__color_gray\n// @include media-breakpoint-down(sm)\n// //margin: 24px 0\n// padding: 48px 0\n// //@include media-breakpoint-up(md)\n// // margin: 64px 0\n// //@include media-breakpoint-up(xl)\n// // margin: 80px 0\n//\n//.background__color_orange\n// background-color: $red-orange\n//\n//.background__color_gray\n// background-color: $red-orange\n//\n//.background__color_white\n// background-color: white\n// position: relative\n// z-index: 2\n// @include media-breakpoint-down(sm)\n// padding: 48px 0 !important\n//\n//@include media-breakpoint-up(md)\n// .pe-md-6\n// padding-right: 64px !important\n//\n//@include media-breakpoint-down(sm)\n// .mobile__full\n// margin: 0 -20px\n// width: calc(100% + 40px) !important\n// max-width: none !important\n","@use \"../utilities/mixins\" as *\n\n.page__404\n h1\n @include font__size(72, 80)\n\n\n\n\n\n\n"],"names":[],"sourceRoot":""}