@import url('/assets/studio.css');
@import url('/assets/underground.css');
@import url('/assets/marketplace.css');

@import url('/assets/posting.css?v=2');
@import url('/assets/collections.css');
@import url('/assets/publication.css');
@import url('/assets/catalog-finishing.css');

@import url('/assets/urgent-options.css');

@import url('/assets/priority-board.css');

@import url('/assets/member-card.css');

@import url('/assets/channel-profile.css?v=2');
@import url('/assets/activity-office.css?v=3');
@import url("/assets/checkout.css?v=9");
@import url("/assets/withdrawal.css?v=4");
@import url("/assets/description.css");

.email-verification { margin-block: 12px 24px; }
.email-verification form { margin-block: 16px; }
.email-verification .profile-email { overflow-wrap: anywhere; }
.email-verification input[name="email-code"] { max-width: 14rem; letter-spacing: .16em; font-variant-numeric: tabular-nums; }
.email-verified { display: flex; align-items: center; gap: .4rem; }


.password-field {position:relative}
.password-field .field {width:100%;padding-inline-end:46px}
.password-field button,.crop-close {display:grid;place-items:center;background:transparent;border:0;color:var(--muted);cursor:pointer}
.password-field button {position:absolute;inset:0 0 0 auto;width:44px}
.password-field button:hover,.crop-close:hover {color:var(--ink)}
.password-field input::-ms-reveal {display:none}
.site-header .market-search {position:relative;overflow:visible;transition:border-color .18s ease,box-shadow .18s ease}
.site-header .market-search:focus-within {outline:0;border-color:var(--signal);box-shadow:0 0 0 1px var(--signal)}
.site-header .market-search input:focus {outline:0;box-shadow:none}
.search-suggestions {position:absolute;z-index:80;inset:calc(100% + 5px) 0 auto;margin:0;padding:4px;list-style:none;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);box-shadow:0 6px 20px #0002}
.search-suggestions li {display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;border-radius:3px;line-height:1.35}
.search-suggestions li[aria-selected=true],.search-suggestions li:hover {background:var(--quiet)}
.search-suggestions li svg,.search-suggestions li small {flex:none;color:var(--muted)}
.search-suggestions li small {margin-inline-start:auto}
.review-queue {display:grid;gap:16px;margin-block:20px}
.review-entry {overflow-wrap:anywhere}
.review-entry textarea {display:block;width:100%;margin-block:8px}
.review-images {display:flex;flex-wrap:wrap;gap:8px;margin-block:12px}
.review-images img {width:112px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.urgent-choice {display:flex;align-items:flex-start;gap:12px;border-top:1px solid var(--line);padding-block-start:16px;margin-block-start:18px;cursor:pointer}
.urgent-choice input {margin-top:5px;accent-color:var(--signal)}
.urgent-choice small,.urgent-action small {display:block;color:var(--muted);line-height:1.45}
.urgent-choice svg {margin-inline-start:auto;flex:none;color:var(--accent)}
.urgent-action {display:grid;gap:5px;margin-block:8px}
.urgent-action .button {white-space:normal}
.photo-editor[data-dragging=true] .photo-add {background:color-mix(in srgb,var(--signal) 12%,var(--paper));border:2px dashed var(--signal)}
.detail-art .photo-gallery img {object-fit:contain}
.crop-dialog {box-sizing:border-box;width:min(850px,94vw);max-height:92dvh;padding:clamp(14px,3vw,28px);margin:auto;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}
.crop-dialog::backdrop {background:#101311a8}
.crop-dialog header,.crop-dialog footer {display:flex;align-items:center;gap:10px}
.crop-dialog header {justify-content:space-between;margin-bottom:15px}
.crop-dialog h2,.crop-dialog h3 {margin:0}
.crop-dialog footer {justify-content:flex-end;margin-top:16px}
.crop-close {width:36px;height:36px}
.crop-columns {display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:16px}
.crop-stage {display:grid;place-items:center;height:clamp(180px,46vh,370px);background:#191b19;border-radius:6px;overflow:hidden}
.crop-surface {position:relative;display:inline-flex;max-width:100%;overflow:hidden}
.crop-surface>img {display:block;max-width:100%;width:auto;height:auto;max-height:clamp(180px,46vh,370px)}
.crop-frame {position:absolute;border:2px solid white;box-shadow:0 0 0 1400px #0008;touch-action:none;cursor:move;background:linear-gradient(90deg,transparent 33%,#fff6 33%,#fff6 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff6 66%,#fff6 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(0deg,transparent 33%,#fff6 33%,#fff6 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff6 66%,#fff6 calc(66% + 1px),transparent calc(66% + 1px))}
.crop-grip {position:absolute;width:20px;height:20px;border:0 solid white;touch-action:none}
.crop-grip.nw,.crop-grip.sw {left:-2px;border-left-width:4px}
.crop-grip.ne,.crop-grip.se {right:-2px;border-right-width:4px}
.crop-grip.nw,.crop-grip.ne {top:-2px;border-top-width:4px}
.crop-grip.sw,.crop-grip.se {bottom:-2px;border-bottom-width:4px}
.crop-grip.nw,.crop-grip.se {cursor:nwse-resize}
.crop-grip.ne,.crop-grip.sw {cursor:nesw-resize}
.crop-scale {display:flex;align-items:center;gap:12px;font-size:13px;margin-top:12px}
.crop-scale input {min-width:0;flex:1;accent-color:var(--ink)}
.crop-sample {width:100%;display:block;aspect-ratio:16/9}
.crop-preview>h3 {font-size:14px;margin-bottom:8px}
@media(max-width:600px){.crop-columns{grid-template-columns:minmax(0,1fr)}.crop-preview .draft-card{display:grid;grid-template-columns:45% 1fr;align-items:center}.crop-preview .draft-copy{padding:8px}.crop-stage,.crop-surface>img{max-height:32dvh}.crop-preview .draft-copy h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-header .market-search {transition:none}}

.conversation.conversation-order{display:grid;grid-template-columns:auto minmax(0,1fr);row-gap:10px}.conversation-order-title{grid-column:1/-1;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted);line-height:1.4}.conversation.conversation-order>.avatar{grid-column:1;grid-row:2}.conversation.conversation-order>div{grid-column:2;grid-row:2}.conversation-title strong{min-width:0}
.conversation{transition:background-color .18s ease}.conversation:hover{background:var(--quiet)}.conversation-open{position:absolute;inset:0;z-index:1;border-radius:inherit}.conversation>a.conversation-order-title{position:relative;z-index:2;color:var(--muted);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:color .18s ease,text-decoration-color .18s ease}.conversation>a.conversation-order-title:is(:hover,:focus-visible){color:var(--accent);text-decoration-color:currentColor;outline:0}.conversation:has(>.conversation-open:focus-visible){box-shadow:inset 0 0 0 1px var(--accent)}.conversation-open:focus-visible{outline:0}
.chat-participant>span{flex:1}.chat-participant>a{flex-shrink:0}.chat-peer-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-participant:hover strong{text-decoration:none}.chat-peer-name:is(:hover,:focus-visible) strong{text-decoration:underline;text-underline-offset:3px}.chat-peer-name,.chat-publication-link{transition:color .18s ease}.chat-peer-name:is(:hover,:focus-visible),.chat-publication-link:is(:hover,:focus-visible){color:var(--accent);outline:0;text-decoration:underline;text-underline-offset:3px}
.conversation-preview{gap:6px}.conversation-preview .unread-dot{flex-shrink:0}
.chat-participant small{display:flex;align-items:center;gap:4px}.chat-publication-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:680px){.chat-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.chat-header>.mobile-back{grid-column:1;grid-row:1}.chat-header>.chat-participant{grid-column:2;grid-row:1;min-width:0}.chat-header>.chat-header-more{grid-column:3;grid-row:1}.chat-header>.chat-order-link{grid-column:2/-1;grid-row:2;justify-self:start}.chat-participant small{max-width:100%}}
.conversation-list {
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
}
.conversation-tools {flex-shrink:0}
@media(max-width:700px){.messages-layout:not(.has-thread) .conversation-list{max-height:min(680px,70dvh)}}
.conversation-scroll-frame {position:relative;display:flex;flex:1;min-height:0}
.conversation-scroll {
  flex:1;
  min-height:0;
  min-width:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:none;
}
.conversation-scroll::-webkit-scrollbar {display:none}
.conversation-scroll:focus-visible {outline:1px solid var(--accent);outline-offset:-1px}
.conversation-scroll-track {position:absolute;z-index:4;inset:4px 1px 4px auto;width:8px;touch-action:none;cursor:default}
.conversation-scroll-thumb {position:absolute;inset-inline:2px;width:4px;border-radius:999px;background:color-mix(in srgb,var(--muted) 55%,transparent)}
.conversation-scroll-track:hover .conversation-scroll-thumb {background:var(--muted)}
.conversation-scroll-track:active .conversation-scroll-thumb {background:var(--accent)}
.conversation-tabs {display:flex;flex:none;gap:4px;padding:4px 8px;border-bottom:1px solid var(--line)}
.conversation-tabs a {display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;flex:1;border-radius:4px;color:var(--muted);font-size:12px;white-space:nowrap}
.conversation-tabs a:hover,.conversation-tabs a[aria-current=page] {background:var(--quiet);color:var(--ink)}
.conversation-tabs a[aria-current=page] {font-weight:600}
.conversation {padding:10px 13px;gap:10px}
.conversation.conversation-order {row-gap:5px}
.conversation>.avatar {width:36px;height:36px}
.conversation-title strong {font-size:13px;line-height:1.4}
.conversation-preview {margin-top:2px;min-height:22px}
.chat-more {border:0;background:transparent;padding:0}
.chat-peer-name {text-align:left;width:fit-content;max-width:100%}
.chat-peer-avatar {display:flex;flex:none;border-radius:50%}
.chat-more {display:grid;place-items:center;flex:none;width:25px;height:24px;border-radius:4px;color:var(--muted)}
.chat-more:hover,.chat-more[aria-expanded=true] {background:var(--quiet);color:var(--accent)}
.chat-header>.chat-participant {flex:1}
.chat-header-more {width:32px;height:32px;margin-inline-start:auto}
.conversation-more {position:relative;z-index:2}
.conversation-meta {display:inline-flex;align-items:center;gap:5px;flex:none;color:var(--muted)}
.conversation-meta time {font-size:10px}
.conversation-pinned {flex:none}
@media(hover:hover) and (pointer:fine){
  .conversation-more {opacity:0}
  .conversation:is(:hover,:focus-within) .conversation-more {opacity:1}
}
.chat-context-menu button.chat-remove-item {color:var(--red)}
.chat-blocked-note {display:flex;align-items:center;gap:8px;padding:13px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
.chat-blocked-note svg {flex:none}
html {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--muted) 45%, transparent) transparent;
}
@supports selector(::-webkit-scrollbar) {
  html {scrollbar-width:auto;scrollbar-color:auto}
  html::-webkit-scrollbar {width:10px;height:10px}
  html::-webkit-scrollbar-track {background:transparent;margin-block:8px}
  html::-webkit-scrollbar-thumb {
    min-height:44px;
    border:3px solid transparent;
    border-radius:999px;
    background:color-mix(in srgb, var(--muted) 45%, transparent);
    background-clip:padding-box;
  }
  html::-webkit-scrollbar-thumb:hover {background-color:var(--muted)}
  html::-webkit-scrollbar-thumb:active {background-color:var(--accent)}
  html::-webkit-scrollbar-button {display:none;width:0;height:0}
}

/* The regional balance has one currency, using the same card width and border. */
.balance-columns.rub-only-balance{grid-template-columns:minmax(0,1fr)}