#registrationRoleDialog { width:max-content; padding:0; border:0; background:transparent; overflow:visible; max-width:calc(100vw - 32px); max-height:calc(100dvh - 48px); color:#171b1f; transform:translateY(-3.2vh); }
#registrationRoleDialog::backdrop { background:rgb(0 0 0 / 24%); backdrop-filter:blur(6px); }
.registration-role-options { display:flex; gap:clamp(24px,2.6vw,54px); align-items:stretch; }
html body .registration-role-card { position:relative;overflow:hidden;flex:none;display:flex; flex-direction:column; justify-content:flex-end; align-items:center; width:clamp(260px,20.6vw,422px); aspect-ratio:1; padding:18px 16px 18px; background:#fff; border:2px solid transparent; border-radius:clamp(30px,2.25vw,46px); cursor:pointer; box-shadow:none; transition:transform 180ms ease,border-color 180ms ease; }
.registration-role-card img { position:absolute;left:0;top:-8%;width:100%;height:100%;object-fit:contain;max-width:none; }
@media(min-width:701px){
 html body .registration-role-card {padding-bottom:24px;}
 html body .registration-role-card.supplier {padding-bottom:36px;}
 .registration-role-card.seller img {top:-4%;}
 .registration-role-card.supplier img {top:-6%;}
 .registration-role-card.supplier span {letter-spacing:2px;}
}
@media(min-width:701px) and (min-height:801px){
 body.choosing-role #loginPanel .auth-primary,body.choosing-role #loginPanel .auth-switch {transform:translateY(54px);}
}
.registration-role-card span { position:relative;display:block; white-space:nowrap; line-height:1.3; }
@layer compactTypography {
 html body .registration-role-card span {font-family:'Microsoft YaHei','PingFang SC',sans-serif!important;font-weight:800!important;font-size:clamp(18px,1.3vw,27px)!important;}
 html body .registration-role-card.supplier span {font-size:clamp(32px,2.65vw,54px)!important;}
 html body .registration-role-card b {font:inherit!important;}
}
.registration-role-card .ozon {color:#005bff}.registration-role-card .wb {color:#a523bc}
html body .registration-role-card:hover {transform:translateY(-4px);border-color:#ff791f; background:#fff;}
html body .registration-role-card:focus-visible {outline:3px solid #ee6818;outline-offset:6px;}
html body .registration-role-card:focus:not(:focus-visible) {outline:none;}
html body #changeRegisterRole {background:transparent;border:0;color:#da631c;padding:0;margin:0 0 16px;cursor:pointer;}
html body #registerPanel .auth-heading .eyebrow {display:none;}
html body #registerPanel .auth-heading h1 {font-size:26px!important;font-weight:600!important;}
html body #registerPanel input[type=hidden] {display:none!important;}
#phoneCodeStatus:empty {display:none;}
#phoneCodeStatus {margin:8px 0 0;line-height:1.6;}
body[data-account-role=supplier] .workspace-tabs,body[data-account-role=supplier] .sidebar-more,body[data-account-role=supplier] .sidebar-note {display:none!important;}
body[data-account-role=supplier] .nav-group-platform {display:none!important;}
html body.app-ready[data-account-role=supplier] .unified-primary-nav button[data-target]:not([data-target=russiaCatalog]),
html body.app-ready[data-account-role=supplier] .unified-tools,
html body.app-ready[data-account-role=supplier] .header-search {display:none!important;}
body[data-account-role=supplier] .catalog-rail [data-nav]:not([data-nav=russiaCatalog]):not([data-nav=settings]) {display:none!important;}
body[data-account-role=seller] [data-view=manager],body[data-account-role=seller] [data-view=reviews],body[data-account-role=seller] [data-view=sales] {display:none!important;}
body[data-account-role=supplier] [data-view=settings],body[data-account-role=supplier] [data-view=jobs],body[data-account-role=supplier] [data-view=reviews],body[data-account-role=supplier] [data-list],body[data-account-role=supplier] .catalog-detail-actions {display:none!important;}
body:not([data-account-role=admin]) [data-view=reviews] {display:none!important;}
body:not([data-account-role=supplier]) [data-view=sales] {display:none!important;}
.catalog-review-card {padding:20px 0;border-bottom:1px solid #e9e3de;display:grid;grid-template-columns:100px 1fr;gap:20px;}
.catalog-review-card img {width:100px;height:130px;object-fit:contain;}
.catalog-review-card button {margin:10px 12px 0 0;}
.catalog-review-card textarea {width:100%;max-width:500px;display:block;}
.catalog-review-state {padding:12px 0;display:flex;gap:16px;align-items:center;}
@media(max-width:700px){
 #registrationRoleDialog{transform:none;overflow-y:auto;max-width:calc(100vw - 48px);}
 .registration-role-options{flex-direction:column;gap:18px;}
 html body .registration-role-card{width:min(310px,calc(100vw - 48px));max-height:39dvh;min-height:220px;border-radius:28px;padding:12px 16px 18px;}
}
@media(prefers-reduced-motion:reduce){html body .registration-role-card{transition:none;}}