@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");
:root { --blue-500: #6c91c9; --blue-400: #6585b8; --white: #ffffff; --black: #000000; --text-primary: rgba(0, 0, 0, 0.85); --text-secondary: rgba(0, 0, 0, 0.3); --text-link: #6585b8; --background-primary: #f2f2f2; --background-secondary: #ffffff; --border-primary: rgba(0, 0, 0, 0.1); --border-light: rgba(255, 255, 255, 0.5); --success: rgba(59, 201, 53, 0.8); --error: rgba(255, 4, 0, 0.8); --error-solid: rgba(233, 7, 3, 1); --hover-primary: rgba(0, 0, 0, 0.05); --active-primary: rgba(0, 0, 0, 0.05); }

html, body { overflow-x: hidden; }

body { margin: 0; overflow-x: hidden; background-color: var(--background-primary); font-family: Inter, sans-serif; }

input[type='checkbox'] { margin: 0; }

.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

body::-webkit-scrollbar { display: none; }

::-webkit-scrollbar { width: 10px; height: 10px; }

* { box-sizing: border-box; margin: 0; padding: 0; scrollbar-width: none; scrollbar-color: #eff2f4 transparent; }

input { outline: none; display: block; }

button { cursor: pointer; color: inherit; font-size: inherit; font-weight: inherit; background-color: inherit; border: 0; }

p { margin: 0; }

a { color: inherit; text-decoration: none; }

:active, :hover, :focus { outline: 0; outline-offset: 0; }

.underline { text-decoration: underline; }

.app--with-sidebar { display: grid; grid-template: "sidebar page" 1fr / 56px 1fr; overflow: hidden; min-height: 0; height: 100dvh; width: 100%; }

@media (max-width: 600px) { .app--with-sidebar { grid-template: "sidebar" 56px "page" 1fr / 1fr; } }

.app--full-width { overflow: hidden; height: 100dvh; width: 100%; }

.sidebar { width: 100%; display: flex; flex-direction: column; align-items: center; height: 100vh; background: var(--blue-500); grid-area: sidebar; }

@media (max-width: 600px) { .sidebar { height: 56px; flex-direction: row; justify-content: space-between; } }

.sidebar__header { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; border-bottom: var(--border-light) 1px solid; }

@media (max-width: 600px) { .sidebar__header { border-bottom: unset; } }

.sidebar__logo { padding: 10px; }

.sidebar__logo img { width: 36px; height: 28px; object-fit: contain; }

.sidebar__menu { display: flex; flex-direction: column; align-items: center; padding: 10px; height: 100%; gap: 2px; }

@media (max-width: 600px) { .sidebar__menu { flex-direction: row; } }

.sidebar__menu-item { display: flex; padding: 10px; border-radius: 8px; transition: all 0.2s ease; }

.sidebar__menu-item:hover { background: var(--hover-primary); }

.sidebar__menu-item--active { background: var(--active-primary); }

.sidebar__menu-item img { width: 16px; height: 16px; }

.sidebar__menu-item:last-child { margin-top: auto; }

.select-wrapper { position: relative; width: 100%; }

select:disabled { opacity: unset; }

.select-wrapper::after { content: ''; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 12px; height: 7px; background-repeat: no-repeat; background-position: center; pointer-events: none; z-index: 1; transition: transform 0.2s ease; }

.select-wrapper::after:not(.disabled)::after { background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.96967 0.46967C1.26256 0.176777 1.73744 0.176777 2.03033 0.46967L6 4.43934L9.96967 0.46967C10.2626 0.176777 10.7374 0.176777 11.0303 0.46967C11.3232 0.762563 11.3232 1.23744 11.0303 1.53033L6.53033 6.03033C6.23744 6.32322 5.76256 6.32322 5.46967 6.03033L0.96967 1.53033C0.676777 1.23744 0.676777 0.762563 0.96967 0.46967Z' fill='black' fill-opacity='0.85'/%3E%3C/svg%3E"); }

.custom-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; }

.suggestions-dropdown { display: none; position: absolute; width: 273px; max-height: 200px; overflow-y: auto; z-index: 1000; border-radius: 8px; border: 1px solid var(--border-primary); color: var(--text-primary); background-color: white; text-overflow: ellipsis; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; transition: border-color 0.3s ease-out, box-shadow 0.3s ease-out; }

#page-photo-container { height: 50px; }

.page { display: flex; justify-content: center; align-items: center; grid-area: page; min-height: 0; height: 100%; }

@media (max-width: 600px) { .page { padding: 8px; } }

.page-tabs { display: grid; grid-template: "menu content" 1fr /  max-content max-content; background: white; border-radius: 8px; height: max-content; }

@media (max-width: 600px) { .page-tabs { height: 100%; width: 100%; grid-template: "menu" 76px "content" 1fr / 1fr; } }

.page-tabs__menu { display: flex; flex-direction: column; align-items: center; height: 100%; padding: 20px; border-right: 1px rgba(0, 0, 0, 0.1) solid; min-height: 516px; width: 100%; gap: 2px; grid-area: menu; }

@media (max-width: 600px) { .page-tabs__menu { flex-direction: row; min-height: unset; border-right: unset; justify-content: flex-start; border-bottom: 1px rgba(0, 0, 0, 0.1) solid; } }

.page-tabs__content { padding: 20px; height: 100%; width: 313px; grid-area: content; }

@media (max-width: 600px) { .page-tabs__content { width: 100%; } }

.page-tabs__content--cards { padding: 16px 0 20px; }

.page-tabs__item { width: 147px; display: flex; padding: 5px 12px; align-items: center; gap: 8px; align-self: stretch; cursor: pointer; border-radius: 6px; }

.page-tabs__item:last-child { margin-top: auto; }

@media (max-width: 600px) { .page-tabs__item:last-child { margin-top: unset; margin-left: auto; } }

@media (max-width: 600px) { .page-tabs__item { width: 36px; padding: 10px; } }

.page-tabs__item-text { text-align: center; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; color: rgba(0, 0, 0, 0.85); }

@media (max-width: 600px) { .page-tabs__item-text { display: none; } }

.page-tabs__item:not(.page-tabs__item--active):hover { background: rgba(0, 0, 0, 0.05); }

.page-tabs__item--active { background: rgba(108, 145, 201, 0.3); color: #566e97; }

.page-tabs__item--active svg path { fill: #566e97; fill-opacity: 1; }

.page-tabs__item--active .page-tabs__item-text { color: #566e97; }

.page__table { overflow: hidden; display: grid; grid-template: 1fr max-content / 1fr; padding: 20px; border-radius: 8px; background: white; height: calc(100vh - 8px - 90px - 68px - 40px); }

.page__body { min-height: fit-content; display: grid; grid-template: max-content 1fr / 1fr; overflow-y: hidden; overflow-x: auto; scrollbar-width: thin; }

.page__head { height: 40px; width: 100%; min-width: 0; display: flex; align-items: center; scrollbar-width: thin; overflow-y: scroll; overflow-x: hidden; scrollbar-color: transparent #fff; color: rgba(0, 0, 0, 0.85); font-size: 13px; font-weight: 600; line-height: 18px; border-bottom: 1px rgba(0, 0, 0, 0.1) solid; }

.page__head .page__column { padding: 11px 8px 10px 8px; }

.page__columns { grid-template: 1fr/repeat(5, minmax(260px, 1fr)); display: grid; min-width: fit-content; width: 100%; height: 100%; }

.page__column { width: 100%; height: 100%; display: flex; align-items: center; overflow-x: auto; overflow-y: clip; scrollbar-width: thin; }

.page__rows { width: 100%; min-width: fit-content; overflow-y: scroll; overflow-x: hidden; scrollbar-width: thin; color: rgba(0, 0, 0, 0.85); font-size: 13px; font-style: normal; font-weight: 400; line-height: 16px; }

.page__rows .page__column { padding: 0 8px; }

.page__row { display: flex; align-items: center; width: 100%; min-height: 60px; height: max-content; font-size: 14px; font-weight: 400; cursor: pointer; transition: color .1s .01s, background-color .1s .01s; border-bottom: 1px rgba(0, 0, 0, 0.1) solid; }

.page__row:last-child { border-bottom: none; }

.page__search { display: flex; padding: 20px; border-radius: 8px; background: white; }

.page__search .page-form { display: grid; grid-template: 1fr / 1fr max-content; gap: 10px; }

.page__search .page-form__fields { display: grid; grid-template: 1fr/repeat(auto-fit, minmax(209px, 1fr)); grid-auto-flow: row dense; min-width: 0; width: 100%; }

.page__pagination { display: flex; padding: 20px; border-radius: 8px; background: white; gap: 4px; }

.page__pagination-text { padding: 6px; border-radius: 6px; min-width: 28px; width: max-content; height: 28px; text-align: center; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; }

.page__pagination-text:not(.disabled):hover { background: rgba(0, 0, 0, 0.05); }

.page__pagination-text.active { background-color: rgba(108, 145, 201, 0.3); color: #566e97; cursor: pointer; }

.page__pagination-text.active:hover { background-color: rgba(108, 145, 201, 0.5); }

.page__pagination-item { display: flex; justify-content: center; align-items: center; padding: 6px; border-radius: 6px; width: 28px; height: 28px; border: 1px solid rgba(0, 0, 0, 0.1); }

.page__pagination-item:hover { background: rgba(0, 0, 0, 0.05); }

.page__pagination-item.disabled { cursor: not-allowed; border: unset; background: rgba(0, 0, 0, 0.05); }

.page__pagination-item.disabled svg path { fill-opacity: 0.3; }

.page .dev { display: none; }

@media (max-width: 600px) { .page .dev { display: block; } }

.page .users { display: flex; flex-direction: column; padding: 20px; height: 100vh; width: 100%; gap: 4px; }

@media (max-width: 600px) { .page .users { display: none; } }

.page .public-qr { display: flex; width: 310px; min-height: 52px; height: max-content; gap: 6px; flex-direction: column; align-items: stretch; justify-content: center; }

@media (max-width: 600px) { .page .public-qr { height: 100%; width: 100%; } }

.page .public-qr__container { display: flex; height: 204px; padding: 20px 12px; justify-content: center; align-items: flex-start; align-self: stretch; background: white; border-radius: 8px; }

@media (max-width: 600px) { .page .public-qr__container { height: max-content; } }

.page .public-qr__container .qrcode-img { width: 164px; height: 164px; }

@media (max-width: 600px) { .page .public-qr__container .qrcode-img { width: 300px; height: 300px; } }

.page .public-qr__form { display: flex; padding: 12px; flex-direction: row; align-items: center; align-self: stretch; background: white; border-radius: 8px; height: 86px; gap: 10px; }

.page .public-qr__submit { width: 116px; height: 36px; padding: 9px 16px; color: white; font-size: 13px; font-weight: 400; line-height: 18px; background: #6c91c9; border-radius: 8px; font-style: normal; min-width: 116px; }

.page .public-qr__manual { display: flex; padding: 12px; flex-direction: column; align-items: center; align-self: stretch; background: white; border-radius: 8px; height: 48px; color: rgba(0, 0, 0, 0.85); font-size: 9px; font-weight: 400; line-height: 12px; }

.page .public-qr__header { background: white; display: flex; padding: 12px; width: 100%; height: 52px; border-radius: 8px; color: rgba(0, 0, 0, 0.85); font-size: 24px; font-weight: 600; line-height: 28px; }

.page .public-qr__header-sub { background: white; padding: 12px; border-radius: 8px; height: max-content; }

.page .auth { display: flex; flex-direction: column; gap: 20px; width: 100%; max-width: 320px; border-radius: 8px; padding: 20px; background: var(--background-secondary); margin: auto; height: max-content; }

.page-form { display: flex; flex-direction: column; width: 100%; align-items: stretch; justify-content: space-between; height: 100%; }

.page-form__label { color: #000; font-size: 9px; font-style: normal; font-weight: 400; line-height: 12px; }

.page-form__message { display: flex; color: var(--text-primary); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; flex-direction: column; align-items: flex-start; }

.page-form__email-link { font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; color: var(--text-link); text-decoration: underline; text-decoration-skip-ink: none; text-underline-offset: auto; text-underline-position: from-font; }

.page-form__djerror { color: var(--error-solid); margin-top: 4px; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; max-height: 100px; transform: translateY(0); animation: text-appear 0.4s ease-out forwards; }

@media (max-width: 600px) { .page-form__djerror { font-size: 9px; } }

.page-form__error { color: var(--error-solid); font-size: 9px; font-style: normal; font-weight: 400; line-height: 12px; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-5px); transition: opacity 0.3s ease-out, transform 0.3s ease-out, max-height 0.4s ease-out; }

.page-form__error.active { display: block; opacity: 1; max-height: 100px; transform: translateY(0); animation: text-appear 0.4s ease-out forwards; }

@keyframes text-appear { 0% { clip-path: inset(0 100% 0 0); }
  100% { clip-path: inset(0 0 0 0); } }

.page-form__title { color: var(--text-primary); font-size: 24px; font-style: normal; font-weight: 600; line-height: 28px; }

.page-form__textarea { font-family: "Inter", "Arial", sans-serif; resize: none; width: 100%; height: 102px; display: block; padding: 10px; border-radius: 8px; border: 1px solid var(--border-primary); color: var(--text-primary); text-overflow: ellipsis; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; transition: border-color 0.3s ease-out, box-shadow 0.3s ease-out; background-color: white; }

.page-form__textarea.invalid { border-color: var(--error); }

.page-form__textarea::placeholder { color: var(--text-secondary); opacity: 1; }

.page-form__textarea:-ms-input-placeholder { color: var(--text-secondary); }

.page-form__textarea::-ms-input-placeholder { color: var(--text-secondary); }

.page-form__input { width: 100%; height: 36px; display: block; padding: 4px 12px 4px 12px; border-radius: 8px; border: 1px solid var(--border-primary); color: var(--text-primary); background-color: white; text-overflow: ellipsis; font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; }

.page-form__input:hover { border: 1px solid rgba(0, 0, 0, 0.15); }

.page-form__input:disabled { background-color: rgba(0, 0, 0, 0.07); border: unset; }

.page-form__input:disabled::placeholder { color: var(--text-primary); }

.page-form__input.valid { border-color: var(--success); }

.page-form__input:focus-within { border-color: #0000004d; }

.page-form__input.invalid { border-color: var(--error); }

.page-form__input::placeholder { color: var(--text-secondary); }

.page-form__photo { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 100%; margin-bottom: 4px; }

.page-form__photo .photo-container { position: relative; display: inline-block; }

.page-form__photo .photo-container:hover .photo-overlay { opacity: 1; visibility: visible; }

.page-form__photo-image, .page-form__photo-placeholder { width: 50px; height: 50px; border-radius: 100px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 18px; cursor: pointer; object-fit: cover; transition: opacity 0.3s ease; }

.page-form__photo-placeholder { background-color: var(--white); color: var(--text-primary); text-transform: uppercase; border: 1px solid var(--border-primary); }

.page-form__photo .photo-overlay { position: absolute; top: 0; left: 0; width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.5); border-radius: 100px; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; cursor: pointer; pointer-events: none; }

.page-form__photo .photo-svg { width: 19px; height: 17px; pointer-events: none; }

.page-form__photo-input { display: none; }

.page-form__photo-modal { display: none; position: absolute; top: 55px; left: 111.5px; width: 100%; height: 100%; }

.page-form__photo-modal-content { background: var(--white); height: 44px; width: 89px; padding: 3px 0; border-radius: 8px; display: flex; flex-direction: column; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); z-index: 2; }

.page-form__photo-modal__button { display: flex; color: var(--black); font-size: 11px; font-style: normal; font-weight: 400; line-height: 16px; gap: 4px; flex-direction: row; align-items: center; cursor: pointer; padding: 0 8px; }

.page-form__photo-modal__button:first-child { padding-bottom: 2px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }

.page-form__fields { display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; gap: 8px; }

.page-form__field-group { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: 100%; gap: 2px; }

.page-form__password-wrapper { position: relative; display: flex; align-items: center; width: 100%; }

.page-form__toggle-password { position: absolute; right: 8px; cursor: pointer; width: 20px; height: 20px; }

.page-form__checkbox-label { display: flex; flex-direction: row; gap: 5px; justify-content: center; align-items: flex-start; color: var(--text-primary); font-size: 13px; font-style: normal; font-weight: 400; cursor: pointer; }

.page-form__checkbox-text { display: flex; font-size: 13px; font-style: normal; font-weight: 400; line-height: 13px; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; flex-direction: column; align-items: flex-start; }

.page-form__privacy-link { color: var(--text-link); text-decoration-line: underline; }

.page-form__privacy-link:hover { opacity: 0.8; }

.page-form__actions { display: flex; flex-direction: column; align-items: stretch; gap: 10px; }

.page-form-btn-wrapper { display: flex; gap: 10px; align-items: center; justify-content: space-between; flex-direction: row; }

.page-form__submit { height: 36px; display: flex; padding: 9px 16px; justify-content: center; align-items: center; gap: 8px; align-self: stretch; border-radius: 8px; background: var(--blue-500); color: var(--white); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; margin-top: auto; }

.page-form__submit:hover { background: #6585b8; }

.page-form__submit--transparent { background: transparent; border-radius: 8px; border: 1px solid #6585b8; color: #566e97; margin-top: 16px; }

.page-form__submit--transparent:hover { background: var(--blue-500); color: var(--white); }

.page-form__submit:disabled { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.3); cursor: not-allowed; }

.page-form__links { display: flex; justify-content: space-between; flex-direction: row; align-items: center; }

.page-form__link { color: var(--text-link); font-size: 11px; font-style: normal; font-weight: 400; text-decoration-line: underline; text-decoration-style: solid; text-decoration-skip-ink: none; text-decoration-thickness: auto; text-underline-offset: auto; text-underline-position: from-font; line-height: 16px; }

.page-form__link:hover { opacity: 0.9; }

.page-form__link:only-child { margin: 0 auto; }

.objects-list::-webkit-scrollbar { display: none; }

.objects-list { display: flex; flex-direction: column; align-items: stretch; overflow-y: auto; overflow-x: visible; scrollbar-width: none; -ms-overflow-style: none; gap: 10px; max-height: 480px; padding: 4px 20px 0; }

.objects-list::-webkit-scrollbar { display: none; }

.objects-list-btn-wrapper { padding: 0 20px; }

.objects-list__submit { width: 77px; height: 24px; display: flex; padding: 3px 8px; justify-content: center; align-items: center; gap: 8px; border-radius: 5px; background: var(--blue-500); color: var(--white); font-size: 13px; font-weight: 400; line-height: 18px; margin-top: 8px; }

.objects-list__submit:hover { background: #6585b8; }

.objects-list-date-group { display: flex; gap: 6px; flex-direction: column; align-items: flex-start; }

.objects-list-date-header { color: rgba(0, 0, 0, 0.85); font-size: 9px; font-weight: 400; line-height: 12px; }

.objects-list__card { position: relative; display: flex; flex-direction: column; align-items: flex-start; align-self: stretch; width: 100%; padding: 12px; gap: 4px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); }

.objects-list__card--fixed { height: 94px; }

.objects-list__card-status { display: flex; padding: 0 4px; justify-content: center; align-items: center; border-radius: 3px; height: 20px; font-size: 13px; font-weight: 400; line-height: 18px; gap: 5px; }

.objects-list__card-status--pending { background: rgba(255, 219, 77, 0.3); color: #bd5c0a; }

.objects-list__card-status--paid { background: rgba(59, 201, 53, 0.15); color: #34952f; }

.objects-list__card-status--failed { background: rgba(255, 4, 0, 0.15); color: #bd0c0a; }

.objects-list__card-status-wrapper { display: flex; justify-content: space-between; flex-direction: row; align-items: center; width: 100%; margin-bottom: 8px; }

.objects-list__card--return { display: flex; padding: 4px; justify-content: center; align-items: center; gap: 4px; border-radius: 3px; background: #6c91c9; cursor: pointer; }

.objects-list__card-header { color: rgba(0, 0, 0, 0.85); font-size: 9px; font-weight: 400; line-height: 12px; }

.objects-list__card-field { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: 4px; color: rgba(0, 0, 0, 0.85); font-size: 13px; font-weight: 400; line-height: 18px; }

.objects-list__card-field--currency { color: rgba(0, 0, 0, 0.5); }

.objects-list__card-dot { color: rgba(0, 0, 0, 0.85); font-size: 13px; font-weight: 400; line-height: 18px; }

.objects-list__card-group { display: flex; gap: 4px; max-width: 286px; }

.objects-list__close-link { position: absolute; right: -8px; top: -8px; display: flex; padding: 4px; }

.objects-list__close-icon { width: 12px; height: 12px; }

.qrcode-img { width: 180px; height: 180px; border-radius: 5px; margin-top: 8px; }

.qrcode__card { display: grid; grid-template: 1fr / max-content max-content; width: 100%; height: max-content; padding: 12px; border-radius: 8px; background: rgba(0, 0, 0, 0.05); gap: 12px; }

.qrcode__card-wrapper { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 4px; }

.qrcode__card-end { width: 12px; height: 12px; margin: 4px; cursor: pointer; }

.qrcode__card-header { color: rgba(0, 0, 0, 0.85); font-size: 9px; font-style: normal; font-weight: 400; line-height: 12px; }

.qrcode__card-field { display: flex; color: rgba(0, 0, 0, 0.85); font-size: 13px; font-style: normal; gap: 4px; font-weight: 400; line-height: 18px; flex-direction: row; align-items: flex-start; justify-content: center; }

.qrcode__card-field--currency { color: rgba(0, 0, 0, 0.5); }

.qrcode__card-dot { color: rgba(0, 0, 0, 0.85); font-size: 13px; font-style: normal; font-weight: 400; line-height: 18px; }

.qrcode__card-group { display: flex; gap: 4px; max-width: 217px; }

.file-wrapper { position: relative; width: 100%; }

.file-input { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.file-label { display: flex; align-items: center; justify-content: center; gap: 10px; color: var(--text-secondary); cursor: pointer; transition: border-color 0.3s ease, color 0.3s ease; }

.file-label:hover { border-color: #6585b8; color: #6585b8; }

.file-icon { display: flex; align-items: center; justify-content: center; flex-direction: row; }

.file-iconsvg { transition: fill 0.3s ease; }

.file-wrapper.has-file .file-label:hover .file-icon svg { fill: #FF0400; }