.notices {
 position: fixed;
 z-index: 15;
 bottom: 100%;
 left: 50%;
 transform: translate(-50%, 0, 0);
 transform: translate3d(-50%, 0, 0);
 width: 100%;
 max-width: 535px;
 display: flex;
 flex-direction: column;
 padding-top: 1em;
 list-style: none;
 transition: transform 0.2s ease-out;
 word-break: break-all;
}

.notices__item {
 font-size: 1em;
 position: relative;
 width: 100%;
 margin-bottom: 1em;
 overflow: hidden;
 border: 1px solid #b5cef2;
 background-color: #fff;
 border-radius: 8px;
 box-shadow: 0px 6px 8px -4px rgba(59, 135, 207, 0.3);
 cursor: pointer;
 opacity: 1;
 transition: box-shadow 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out;
}

.notices__item_hidden {
 opacity: 0;
 height: 0px !important;
 margin-bottom: 0px;
 transition: box-shadow 0.2s ease-out, transform 0.2s ease-out, opacity 0.2s ease-out, height 0.2s ease-out, margin-bottom 0.2s ease-out;
}

.notices__item.focus-visible,
.notices__item:hover {
 box-shadow: 0px 3px 10px -1px rgba(59, 135, 207, 0.3);
}

.notices__item.focus-visible .notices__close,
.notices__item:hover .notices__close {
 color: #2a73d9;
 border-color: #2a73d9;
 background-color: #fff;
 transition: background-color 0.05s ease-in, border-color 0.05s ease-in, color 0.05s ease-in;
}

.notices__item-content {
 padding: 0.8em 2.7em 0.8em 1em;
}

.notices__close {
 background: none;
 border: none;
 outline: none;
 cursor: pointer;
 font-size: 1em;
 position: absolute;
 right: 0.6em;
 top: 0.6em;
 width: 26px;
 height: 26px;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 border-radius: 50%;
 color: #000;
 margin-bottom: auto;
 border: 1px solid rgba(42, 115, 217, 0);
 background-color: rgba(255, 255, 255, 0);
 transition: background-color 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out;
}

.notices__close-icon {
 fill: currentColor;
}

.popup {
 position: fixed;
 z-index: 10;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 display: flex;
 background-color: rgba(56, 64, 75, 0.1);
 opacity: 0;
 transition: opacity 0.2s ease-out;
}

.popup_visible {
 opacity: 1;
}

.popup__close {
 cursor: pointer;
 background: none;
 border: none;
 outline: none;
 position: absolute;
 color: #000;
 font-size: 1em;
 height: 1.25em;
 width: 1.25em;
 right: 1.25em;
 top: 1em;
 transition: color 0.2s ease-out;
}

.popup__close:hover {
 color: #2a73d9;
 transition: color 0.05s ease-in;
}

.popup__close-icon {
 width: 100%;
 height: 100%;
 fill: currentColor;
}

.popup__overflow {
 position: relative;
 pointer-events: auto;
 max-width: 700px;
 width: calc(100% - 60px);
 min-height: 30vh;
 max-height: 70vh;
 margin: auto;
 font-size: 1em;
 background-color: #fff;
 border-radius: 1em;
 box-shadow: 0px 5px 30px -2px rgba(42, 115, 217, 0.2);
 overflow: hidden;
 display: flex;
 flex-direction: column;
}

.popup__overflow:after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 1.5em;
 border-radius: 0 0 1em 1em;
 background-image: linear-gradient(rgba(255, 255, 255, 0), #fff);
}

.popup__title {
 text-transform: capitalize;
 position: relative;
 padding: 0.25em 1.5em 0.25em 0.5em;
 font-size: 2em;
 font-weight: 600;
 border-bottom: 1px solid #b5cef2;
}

.popup__title:after {
 content: '';
 position: absolute;
 top: 100%;
 margin-top: 1px;
 left: 0;
 right: 0;
 height: 0.5em;
 background-image: linear-gradient(#fff, rgba(255, 255, 255, 0));
}

.popup__content {
 overflow: auto;
 padding: 1em 0;
}

.popup__content #formats-list {
 list-style: none;
 display: flex;
 flex-wrap: wrap;
}

.popup__content #formats-list li {
 width: 50%;
 display: flex;
 flex-wrap: nowrap;
 padding: 0 1em;
 margin-bottom: 0.5em;
}

.popup__content .format-ext {
 width: 17.5%;
 flex-shrink: 0;
 font-size: 0.8125em;
 font-weight: 600;
 padding-right: 1em;
}

.popup__content .format-desc {
 width: 82.5%;
 flex-shrink: 0;
 font-size: 0.8125em;
}

.file {
 position: relative;
 z-index: 1;
 border-radius: 8px;
 cursor: default;
 opacity: 1;
 transition: transform 0.35s, opacity 0.35s;
}

.file:after {
 content: '';
 position: absolute;
 z-index: 2;
 pointer-events: none;
 border-radius: inherit;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 1px solid rgba(255, 255, 255, 0.5);
 transition: border-color 0.2s ease-out;
}

.file:before {
 content: '';
 position: absolute;
 top: -0.4em;
 left: -0.4em;
 right: -0.4em;
 bottom: -0.4em;
 border-radius: 0.75em;
 border: 3px solid #2a73d9;
 opacity: 0;
 transform: scale(0.98, 0.98);
 pointer-events: none;
 transform-origin: center center;
 transition: opacity 0.35s, transform 0.35s;
}

.file_drag-active {
 z-index: 3;
}

.file_drag-move {
 transition: opacity 0.35s;
}

.file_drag-active.file_drag-move {
 opacity: 0.75;
}

.file__header {
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 width: 100%;
 display: flex;
 align-items: center;
 color: #fff;
 padding: 0.25em 0.25em 0.25em 0.75em;
}

.file__footer {
 position: absolute;
 z-index: 1;
 bottom: 0;
 left: 0;
 width: 100%;
 padding: 0.25em;
}

.file__content {
 position: absolute;
 z-index: 0;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 overflow: hidden;
 border-radius: inherit;
 outline: none;
 cursor: pointer;
}

.file__content:after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.2);
}

.file__image {
 position: absolute;
 z-index: 0;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 100%;
 height: 100%;
 border: none;
 transition: opacity 0.2s ease-out;
}

.file__image_hidden {
 opacity: 0;
 transition: opacity 0.05s ease-in;
}

.file__close {
 background: none;
 border: none;
 outline: none;
 cursor: pointer;
 display: inline-block;
 font-size: 1em;
 color: inherit;
 flex-shrink: 0;
 border-radius: 6px;
 overflow: hidden;
 background-color: transparent;
 border: 1px solid transparent;
 margin-top: -1px;
 margin-right: -1px;
 width: 1.25em;
 height: 1.25em;
 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
 transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out, opacity 0.2s ease-out;
}

.file__close.focus-visible {
 color: #2a73d9;
 background-color: #fff;
 border-color: #fff;
}

.file__close:not(.focus-visible):hover {
 opacity: 0.75;
}

.file__close.focus-visible,
.file__close:not(.focus-visible):hover {
 transition: color 0.05s ease-in, background-color 0.05s ease-in, border-color 0.05s ease-in, opacity 0.05s ease-in;
}

.file__close-icon {
 display: inline-block;
 vertical-align: top;
 fill: currentColor;
}

.file__title {
 white-space: nowrap;
 width: 100%;
 overflow: hidden;
 font-size: 0.75em;
 margin-right: 1em;
 font-weight: 600;
 text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
 cursor: text;
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 user-select: text;
}

.file__state {
 border: none;
 background: none;
 outline: none;
 position: absolute;
 font-size: 1em;
 z-index: 2;
 top: 46.5%;
 left: 50%;
 transform: translate(-50%, -50%);
 text-align: center;
 display: flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 opacity: 0;
 transition: opacity 0.05s ease-in;
}

.file__state_visible {
 opacity: 1;
 transition: opacity 0.2s ease-out;
}

.file__state_repeat {
 transition: opacity 0.05s ease-in;
 opacity: 0;
 pointer-events: none;
 cursor: pointer;
}

.file__state_saving {
 top: 50%;
}

.file_can-repeat .file__state_visible + .file_can-repeat .file__state_repeat {
 pointer-events: auto;
}

.file__state-icon {
 margin-bottom: 0.25em;
 filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35));
}

.file__state-text {
 color: #fff;
 font-size: 0.9375em;
 font-weight: 600;
 letter-spacing: 0.02em;
 filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
}

.file__state-text_saving {
 font-size: 1.5em;
 opacity: 1;
 white-space: nowrap;
 filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15));
}

.file__button {
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.file_can-repeat .file__content.focus-visible .file__state,
.file_can-repeat .file__content:hover .file__state {
 transition: opacity 0.05s ease-in;
 opacity: 0;
 pointer-events: none;
}

.file_can-repeat .file__content.focus-visible .file__state_repeat,
.file_can-repeat .file__content:hover .file__state_repeat {
 transition: opacity 0.2s ease-out;
 opacity: 1;
 pointer-events: auto;
}

.file_active:before {
 opacity: 1;
 transform: scale(1, 1);
 transition: opacity 0.05s ease-in, transform 0.05s ease-in;
}

.file_readonly .file__content {
 cursor: default;
}

.file_readonly:after {
 border-color: rgba(108, 117, 125, 0.3);
}

.file-button {
 position: relative;
 z-index: 1;
 background: none;
 outline: none;
 border: none;
 cursor: pointer;
 font-size: 0.75em;
 background-color: #fff;
 height: 2.65em;
 text-align: center;
 width: 100%;
 overflow: hidden;
 border-radius: 4px;
 border: 1px solid #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: background-color 0.2s ease-out, opacity 0.2s ease-out;
}

.file-button__text {
 color: #000;
 font-weight: 700;
 letter-spacing: 0.02em;
 transition: color 0.2s ease-out;
 text-shadow: 0px 0px 2px #fff;
}

.file-button__text_title {
 text-transform: uppercase;
}

.file-button__text_hidden {
 display: none;
}

.file-button.focus-visible {
 background-color: #2a73d9;
}

.file-button.focus-visible .file-button__text {
 color: #fff;
 text-shadow: 0 0 0 #fff;
 transition: color 0.05s ease-in;
}

.file-button_disabled {
 opacity: 0.65;
 pointer-events: none;
}

.file-button:disabled {
 pointer-events: none;
}

.file-button:not(.focus-visible):hover {
 opacity: 0.85;
}

.file-button.focus-visible,
.file-button:not(.focus-visible):hover {
 transition: background-color 0.05s ease-in, opacity 0.05s ease-in;
}

.file-button__progress {
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 bottom: 0;
 width: 0%;
 background-color: #8ab9ea;
 background-image: linear-gradient(0deg, #8ab9ea, #b5d3f2);
 transition: width 0.05s ease-in;
}

.file-button__progress:after {
 content: "";
 position: absolute;
 z-index: 1;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
 background-size: 42px 42px;
 animation: move 3.5s linear infinite;
}

.file-button__progress_hidden {
 display: none;
}

.settings {
 position: relative;
 background-color: #fff;
 width: 100%;
 max-width: 970px;
 border-radius: 0.75em;
 border: 1px solid #f2f2f2;
 box-shadow: 0px 5px 16px -2px rgba(42, 115, 217, 0.2);
 font-size: 16px;
 height: auto;
 margin: 0 auto 2em auto;
 padding: 0;
}

.settings__title {
 padding: 0.75em 1em;
 border-bottom: 1px solid #f2f2f2;
 display: flex;
 align-items: center;
 justify-content: space-between;
 background: #f8f9fa;
}

.settings__title-text {
 font-weight: 600;
 letter-spacing: 0.02em;
 font-size: 1.125em;
 line-height: 1.2;
 word-break: break-word;
 color: #38404b;
 flex: 1;
 margin-right: 1em;
}

.settings__content {
 padding: 1.5em;
}

.settings__content_exif {
 background: #fff;
}

.settings__loader-outer {
 flex-shrink: 0;
 display: inline-flex;
 align-items: center;
}

.settings__loader {
 width: 1.25em;
 height: 1.25em;
}

.loader {
 position: relative;
 display: inline-block;
 width: 20px;
 height: 20px;
 transition: opacity 0.2s ease-out;
}

.loader_hidden {
 opacity: 0;
 visibility: hidden;
}

.loader i {
 position: absolute;
 width: 2px;
 height: 6px;
 background: #2a73d9;
 border-radius: 1px;
 animation: loader-spin 1.2s linear infinite;
 transform-origin: 1px 10px;
}

.loader i:nth-child(1) {
 transform: rotate(0deg);
 animation-delay: -1.1s;
}

.loader i:nth-child(2) {
 transform: rotate(30deg);
 animation-delay: -1s;
}

.loader i:nth-child(3) {
 transform: rotate(60deg);
 animation-delay: -0.9s;
}

.loader i:nth-child(4) {
 transform: rotate(90deg);
 animation-delay: -0.8s;
}

.loader i:nth-child(5) {
 transform: rotate(120deg);
 animation-delay: -0.7s;
}

.loader i:nth-child(6) {
 transform: rotate(150deg);
 animation-delay: -0.6s;
}

.loader i:nth-child(7) {
 transform: rotate(180deg);
 animation-delay: -0.5s;
}

.loader i:nth-child(8) {
 transform: rotate(210deg);
 animation-delay: -0.4s;
}

.loader i:nth-child(9) {
 transform: rotate(240deg);
 animation-delay: -0.3s;
}

.loader i:nth-child(10) {
 transform: rotate(270deg);
 animation-delay: -0.2s;
}

.loader i:nth-child(11) {
 transform: rotate(300deg);
 animation-delay: -0.1s;
}

.loader i:nth-child(12) {
 transform: rotate(330deg);
 animation-delay: 0s;
}

.exif-info {
 width: 100%;
}

.exif-info_hidden {
 display: none;
}

.exif-info__header {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-bottom: 1.5em;
 padding-bottom: 1em;
 border-bottom: 2px solid #f2f2f2;
 gap: 1em;
}

.exif-info__actions {
 display: flex;
 align-items: center;
 flex: 0 0 auto;
}

.exif-info__search {
 position: relative;
 flex: 1 1 auto;
 max-width: 400px;
}

.exif-info__search-icon {
 position: absolute;
 left: 0.875em;
 top: 50%;
 transform: translateY(-50%);
 width: 1.125em;
 height: 1.125em;
 fill: #9ca0a5;
 pointer-events: none;
}

.exif-info__search-input {
 width: 100%;
 padding: 0.625em 0.875em 0.625em 2.75em;
 border: 2px solid #e3edfa;
 border-radius: 6px;
 font-size: 0.875em;
 outline: none;
 transition: border-color 0.2s, box-shadow 0.2s;
 background: #fff;
}

.exif-info__search-input:focus {
 border-color: #2a73d9;
 box-shadow: 0 0 0 3px rgba(42, 115, 217, 0.1);
}

.exif-info__remove-btn {
 background-color: #38404b;
 border-color: #38404b;
 color: #fff;
 transition: all 0.2s ease;
}

.exif-info__remove-btn:hover:not([disabled]) {
 background-color: #fff;
 color: #38404b;
}

.exif-info__remove-btn .button__icon {
 position: relative;
 fill: currentColor;
 margin-right: 0.75em;
 margin-left: -0.1em;
 width: 18px;
 height: 18px;
}

.exif-info__remove-btn[disabled] {
 opacity: 0.5;
 cursor: not-allowed;
}

.exif-info__remove-btn[disabled]:hover {
 background-color: #38404b;
 color: #fff;
}

.exif-info__remove-btn[disabled][title*="already"] {
 background-color: #6c757d;
 border-color: #6c757d;
}

.exif-info__remove-btn[disabled]:not([title*="already"]) {
 animation: pulse 1.5s ease-in-out infinite;
}

.exif-info__table-container {
 min-height: 200px;
 background: #fff;
 overflow: hidden;
 position: relative;
 opacity: 1;
 transition: opacity 0.3s ease-out;
}

.exif-info__table-container_updating {
 opacity: 0.2;
 pointer-events: none;
 transition: opacity 0.3s ease-in;
}

.exif-info__table-container_updating .exif-info__row {
 transform: scale(0.98);
 transition: transform 0.3s ease;
}

.exif-info__table {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.875em;
}

.exif-info__table tbody {
 transition: opacity 0.15s ease-in-out;
}

.exif-info__th {
 text-align: left;
 padding: 1em 1.25em;
 background: #47a4a5;
 font-weight: 700;
 color: #fff;
}

.exif-info__th:first-child {
 width: 35%;
}

.exif-info__row {
 transition: background-color 0.15s;
}

.exif-info__row:hover {
 background-color: #f8f9fa;
}

.exif-info__td {
 padding: 0.75em 1.25em;
 vertical-align: top;
}

.exif-info__td_tag {
 font-weight: 600;
 color: #38404b;
 word-break: break-word;
}

.exif-info__td_value {
 color: #666;
 word-break: break-all;
 font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Fira Code', monospace;
 font-size: 0.95em;
}

.exif-info__no-results {
 text-align: center;
 padding: 3em 2em;
 color: #9ca0a5;
 font-style: italic;
}

.exif-info__no-results_hidden {
 display: none;
}

.exif-info__empty {
 text-align: center;
 padding: 4em 2em;
 color: #9ca0a5;
 font-size: 1.125em;
 animation: fadeIn 0.4s ease forwards;
}

.exif-info__empty_hidden {
 display: none;
}

.exif-info__empty p {
 margin: 0;
}

.exif-info {
 transition: height 0.3s ease;
}

.file__state_saving {
 animation: fadeInOut 0.5s ease;
}

.files__buttons .button_dark {
 display: none !important;
}

.long {
 display: block;
 transition: display 0.3s;
}

@keyframes move {
 0% {
   background-position: 0 0;
 }
 100% {
   background-position: 42px 42px;
 }
}

@keyframes loader-spin {
 0% {
   opacity: 1;
 }
 100% {
   opacity: 0.15;
 }
}

@keyframes pulse {
 0% {
   opacity: 0.5;
 }
 50% {
   opacity: 0.8;
 }
 100% {
   opacity: 0.5;
 }
}

@keyframes fadeIn {
 from {
   opacity: 0;
   transform: translateY(-10px);
 }
 to {
   opacity: 1;
   transform: translateY(0);
 }
}

@keyframes fadeInOut {
 0% {
   opacity: 0;
 }
 50% {
   opacity: 1;
 }
 100% {
   opacity: 1;
 }
}

@media screen and (max-width: 970px) {
 .settings {
   margin-left: 0;
   margin-right: 0;
   width: 100%;
 }
}

@media screen and (max-width: 768px) {
 .exif-info__header {
   flex-direction: column;
   align-items: stretch;
   gap: 1em;
 }
 
 .exif-info__actions {
   width: 100%;
 }
 
 .exif-info__search {
   width: 100%;
   max-width: none;
 }
 
 .exif-info__remove-btn {
   width: 100%;
 }
}

@media screen and (max-width: 555px) {
 .notices {
   max-width: calc(100% - 20px);
 }
 
 .settings {
   margin-left: 0;
   margin-right: 0;
   width: 100%;
 }
 
 .popup__title {
   font-size: 1.5em;
   padding: 0.3em 1.75em 0.3em 0.75em;
 }
 
 .popup__content #formats-list li {
   width: 100%;
 }
 
 .popup__content .format-ext {
   width: 22.5%;
 }
 
 .popup__content .format-desc {
   width: 77.5%;
 }
 
 .popup__close {
   height: 1em;
   width: 1em;
   right: 0.9em;
   top: 0.9em;
 }
 
 .settings__title {
   padding: 0.5em 1em;
 }
 
 .settings__content {
   padding: 1em;
 }
 
 .exif-info__th {
   padding: 0.75em 0.875em;
   font-size: 0.875em;
 }
 
 .exif-info__td {
   padding: 0.625em 0.875em;
   font-size: 0.8125em;
 }
 
 .exif-info__td_value {
   font-size: 0.875em;
 }
 
 .exif-info__search-input {
   font-size: 0.8125em;
   padding: 0.5em 0.75em 0.5em 2.5em;
 }
 
 .exif-info__search-icon {
   width: 1em;
   height: 1em;
   left: 0.75em;
 }
 
 .exif-info__header {
   gap: 0.75em;
 }
 
 .exif-info__remove-btn {
   font-size: 0.75em;
 }
 
 .exif-info__remove-btn .button__icon {
   width: 18px;
   height: 18px;
 }
}

@media screen and (max-width: 480px) {
 .settings__content {
   padding: 0.75em;
 }
 
 .settings__content_exif {
   padding: 0.5em;
   overflow: visible;
 }
 
 .exif-info__table-container {
   min-height: 150px;
   margin: 0;
   padding: 0;
   overflow-x: auto;
   overflow-y: visible;
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   width: 100%;
   max-width: 100%;
 }
 
 .exif-info__table-container::-webkit-scrollbar {
   width: 4px;
   height: 4px;
 }
 
 .exif-info__table-container::-webkit-scrollbar-track {
   background: #f1f1f1;
 }
 
 .exif-info__table-container::-webkit-scrollbar-thumb {
   background: #888;
   border-radius: 2px;
 }
 
 .exif-info__table-container::-webkit-scrollbar-thumb:hover {
   background: #555;
 }
 
 .exif-info__th,
 .exif-info__td {
   padding: 0.5em 0.75em;
   font-size: 0.75em;
 }
 
 .exif-info__table {
   width: 100%;
   min-width: 100%;
   table-layout: auto;
 }
 
 .exif-info__td_value {
   font-size: 0.8em;
   line-height: 1.3;
 }
 
 .exif-info__header {
   margin-bottom: 1em;
   padding-bottom: 0.75em;
   gap: 0.5em;
 }
 
 .exif-info__remove-btn {
   font-size: 0.75em;
   padding: 0.5em 0.75em;
 }
 
 .exif-info__remove-btn .button__icon {
   width: 16px;
   height: 16px;
   margin-right: 0.5em;
 }
 
 .exif-info__search-input {
   font-size: 0.75em;
   padding: 0.4em 0.6em 0.4em 2.2em;
 }
 
 .exif-info__search-icon {
   width: 0.9em;
   height: 0.9em;
   left: 0.6em;
 }
}

@media screen and (max-width: 360px) {
 .settings__content {
   padding: 0.5em;
 }
 
 .settings__content_exif {
   padding: 0.25em;
 }
 
 .exif-info__table-container {
   margin: 0;
 }
 
 .exif-info__th,
 .exif-info__td {
   padding: 0.4em 0.5em;
   font-size: 0.7em;
 }
 
 .exif-info__table thead {
   position: sticky;
   top: 0;
   z-index: 10;
 }
 
 .exif-info__td_value {
   font-size: 0.75em;
 }
 
 .exif-info__td_tag {
   font-size: 0.8em;
 }
}

@media screen and (max-width: 355px) {
 .exif-info__remove-btn {
   font-size: 0.625em;
 }
 
 .exif-info__remove-btn .button__icon {
   transform: scale(0.75);
   transform-origin: center;
 }
}

@media screen and (max-width: 812px) and (orientation: landscape) {
 .settings__content {
   padding: 0.5em 0.75em;
 }
 
 .exif-info__header {
   margin-bottom: 0.75em;
   padding-bottom: 0.5em;
 }
}

@supports (-webkit-touch-callout: none) {
 .settings {
   position: relative !important;
   left: 0 !important;
   right: 0 !important;
   margin-left: 0 !important;
   margin-right: 0 !important;
   width: 100% !important;
 }
 
 .exif-info__table-container {
   margin: 0 !important;
   padding: 0 !important;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   width: 100% !important;
   max-width: 100% !important;
   position: relative !important;
   left: 0 !important;
 }
 
 .settings__content_exif {
   overflow: visible !important;
   padding-left: 0.5em !important;
   padding-right: 0.5em !important;
 }
 
 .exif-info {
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 0;
 }
 
 .exif-info__table {
   margin-left: 0 !important;
   width: 100% !important;
 }
}