element.style {
}
.app-button--primary {
    background-color: #7373738c;
    color: #000;
}
.left-column, .right-column {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
@supports (color:color-mix(in lab,red,red)) {
    * {
        outline-color: 
 color-mix(in oklab, var(--ring) 50%, transparent);
    }
}
* {
    border-color: var(--border);
    outline-color: var(--ring);
}
*, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
user agent stylesheet
div {
    display: block;
    unicode-bidi: isolate;
}
.app-wrapper {
    scroll-behavior: smooth;
    color: var(--main-text-color);
    background-color: var(--main-bg-color);
    background-repeat: repeat;
    width: 100%;
    min-height: 100vh;
}
body {
    font-family: Manrope, sans-serif;
    line-height: 24px;
}
body, html {
    --font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
body {
    background-color: var(--background);
    color: var(--foreground);
}
:root {
    --main-white-color: rgba(255, 255, 255, .2);
    --main-bg-color: var(--main-white-color);
    --main-white-gray-color: rgba(255, 255, 255, .2);
    --main-text-color: black;
    --main-dark-color: #000;
    --warning-color: #FFC107;
    --info-color: #2196F3;
    --error-color: #b85c5c;
    --success-color: #4CAF50;
}
:root {
    --background: #fff;
    --foreground: #0a0a0a;
    --card: #fff;
    --card-foreground: #0a0a0a;
    --popover: #fff;
    --popover-foreground: #0a0a0a;
    --primary: #171717;
    --primary-foreground: #fafafa;
    --secondary: #ebebeb;
    --secondary-foreground: #171717;
    --muted: #f5f5f5;
    --muted-foreground: #737373;
    --accent: #f5f5f5;
    --accent-foreground: #171717;
    --destructive: #ef4444;
    --destructive-foreground: #fafafa;
    --border: #ededed;
    --input: #e5e5e5;
    --ring: #0a0a0a;
    --chart-1: #e76e50;
    --chart-2: #2a9d90;
    --chart-3: #274754;
    --chart-4: #e8c468;
    --chart-5: #f4a462;
    --radius: .5rem;
    --sidebar-background: #fafafa;
    --sidebar-foreground: #3f3f46;
    --sidebar-primary: #1a1a1a;
    --sidebar-primary-foreground: #fafafa;
    --sidebar-accent: #f0f0f0;
    --sidebar-accent-foreground: #4d4d4d;
    --sidebar-border: #e8e8e8;
    --sidebar-ring: #3b82f6;
    --sidebar: #fafafa;
}
body, html {
    --font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family);
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
}
:root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-green-600: oklch(62.7% .194 149.214);
    --color-sky-400: oklch(74.6% .16 232.661);
    --color-blue-100: oklch(93.2% .032 255.585);
    --color-blue-300: oklch(80.9% .105 251.813);
    --color-blue-700: oklch(48.8% .243 264.376);
    --color-blue-800: oklch(42.4% .199 265.638);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-200: oklch(92.8% .006 264.531);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-gray-700: oklch(37.3% .034 259.733);
    --color-gray-800: oklch(27.8% .033 256.848);
    --color-gray-900: oklch(21% .034 264.665);
    --color-gray-950: oklch(13% .028 261.692);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-sm: 40rem;
    --breakpoint-md: 48rem;
    --breakpoint-lg: 64rem;
    --breakpoint-xl: 80rem;
    --breakpoint-2xl: 96rem;
    --container-3xs: 16rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
Show all properties (30 more)
}
*, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
*, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
*, :after, :before, ::backdrop {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
*, :element.style {
    background-image: url(https://avatars.mds.yandex.net/i?id=500564dfbbf7f59f7ffeb1f307f0f567_l-12209413-images-thumbs&n=13);
    background-repeat: repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/*Кастом дизайн */

/* Баннеры */

.banner-elem {
  background-color: rgb(58 58 58 / 57%);
  border: 1px solid white
  
}

/*Окно предпросмотра покупки*/

.modal {
  background-color: #17171c;
    width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.modal-footer-buttons {
  width: 99%
}

/* Лист вариантов */
.select-option.active {
  background-color: #858585;
  border: 1px solid #03ff03;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/* Кнопка купить */
.modal-primary-button {
  background-color: #6aa925;
  color: white;
}

.modal-primary-button-text {
  color: white;
}

/*кнопка закрыть*/

.modal-close-button {
  .modal-close-button-text {color: red;}
  
}

/* Поисковик и кнопки навигации*/
.search-input {
  color: white;
}

.search-input::placeholder {
  color: white;
  opacity: 0.8
}

/* Карточка товара */
.product-card {
  background-color: rgb(2 2 2 / 66%);
}

.product-card-name {
  color: #ffffffd9;
}

.product-card-price {
  color: #f5a834;
}

.product-card-badge-percentage {
  color: white
}