/* Дополнения к selfie.css: фон страницы, иконки Tabler в блоках selfiedoc, выбранная карточка, камера. */
body:has(.sd){background:#f5f5f7!important}
.sd{font-family:var(--ds-font-sans);color:var(--ds-ink)}
.sd .ti{font-size:20px;line-height:1}
.sd .sd-doc.on{border-color:var(--ds-primary)!important;background:color-mix(in srgb,var(--ds-primary) 3%,transparent)!important;box-shadow:inset 0 0 0 1px var(--ds-primary)!important}
.sd .sd-doc .tick{display:none!important}.sd .sd-doc.on .tick{display:flex!important}
.sd .sd-doc.on .chev{display:none!important}
.sd .spin{width:32px;height:32px;border-radius:50%;border:3px solid var(--ds-border);border-top-color:var(--ds-primary);animation:sdspin .8s linear infinite}
@keyframes sdspin{to{transform:rotate(360deg)}}
.sd select.sd-sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%236e6e73' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
/* камера */
.ph-cam{position:fixed;inset:0;z-index:2000;background:#000;display:none;flex-direction:column}
.ph-cam.show{display:flex}
.ph-cam .stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph-cam .vbox{position:relative;width:100%;height:100%;overflow:hidden;background:#111}
.ph-cam video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
.ph-cam .oval{position:absolute;left:50%;top:44%;height:70%;aspect-ratio:3/4;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.95);border-radius:50%;box-shadow:0 0 0 100vmax rgba(0,0,0,.38);pointer-events:none}
.ph-cam .count{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:96px;font-weight:700;text-shadow:0 2px 12px #000;pointer-events:none}
.ph-cam .ctl{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#000}
.ph-cam .shot{width:68px;height:68px;border-radius:50%;border:4px solid #fff;background:#fff;box-shadow:inset 0 0 0 4px #000;cursor:pointer}
.ph-cam .shot:disabled{opacity:.5}
.ph-cam .x{color:#fff;background:transparent;border:0;font-size:16px;padding:8px}
.ph-cam .msg{position:absolute;left:0;right:0;top:16px;text-align:center;color:#fff;font-size:14px;padding:0 16px}