@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}
.chat-pin-toggle{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color .18s ease,background-color .18s ease,opacity .18s ease}.chat-pin-toggle[aria-pressed=true]{color:var(--accent)}.chat-pin-toggle:is(:hover,:focus-visible){color:var(--accent);background:var(--quiet);outline:0}.chat-pin-toggle:disabled{opacity:.5;cursor:wait}.chat-unpin-icon{display:none}.chat-pin-toggle[aria-pressed=true]:is(:hover,:focus-visible) .chat-pin-icon{display:none}.chat-pin-toggle[aria-pressed=true]:is(:hover,:focus-visible) .chat-unpin-icon{display:block}.conversation-preview{min-height:28px;gap:6px}.conversation-preview .chat-pin-toggle{margin-left:auto}.conversation-preview .unread-dot{flex-shrink:0}
@media(hover:hover) and (pointer:fine){.conversation .chat-pin-toggle[aria-pressed=false]{opacity:0}.conversation:is(:hover,:focus-within) .chat-pin-toggle[aria-pressed=false]{opacity:1}}
.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-pin-toggle{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 {
  flex:1;
  min-height:0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter: stable;
}
.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}
.conversation-preview .chat-pin-toggle {width:24px;height:24px;flex-basis:24px}
html,.conversation-scroll {
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--muted) 45%, transparent) transparent;
}
@supports selector(::-webkit-scrollbar) {
  html,.conversation-scroll {scrollbar-width:auto;scrollbar-color:auto}
  html::-webkit-scrollbar,.conversation-scroll::-webkit-scrollbar {width:10px;height:10px}
  html::-webkit-scrollbar-track,.conversation-scroll::-webkit-scrollbar-track {background:transparent;margin-block:8px}
  html::-webkit-scrollbar-thumb,.conversation-scroll::-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,.conversation-scroll::-webkit-scrollbar-thumb:hover {background-color:var(--muted)}
  html::-webkit-scrollbar-thumb:active,.conversation-scroll::-webkit-scrollbar-thumb:active {background-color:var(--accent)}
  html::-webkit-scrollbar-button,.conversation-scroll::-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)}