/* The only visual definition for the personalized devotional status module. */
.sb-status-card { --status-footer-height:12cqw; width:100%; margin:0; break-inside:avoid; }
.sb-status-card__canvas { position:relative; display:block; width:100%; aspect-ratio:var(--status-ratio,auto); padding:0; overflow:hidden; border:1px solid #d9b06a; border-radius:14px; background:#2c1d16; box-shadow:0 5px 15px rgba(71,38,20,.12); container-type:inline-size; }
.sb-status-card button.sb-status-card__canvas { cursor:pointer; }
.sb-status-card__art { display:block; width:100%; height:auto; pointer-events:none; user-select:none; }
.sb-status-card__overlay { position:absolute; inset:0; z-index:0; background:rgba(0,0,0,var(--status-overlay-opacity,0)); pointer-events:none; }
.sb-status-card__footer { position:absolute; right:0; bottom:0; left:0; height:var(--status-footer-height); border-top:1px solid #e4b76d; background:rgba(43,25,18,.9); }
.sb-status-card__identity { display:contents; }
.sb-status-card__photo { position:absolute; top:var(--status-photo-top); left:var(--status-photo-left); z-index:2; width:22cqw; aspect-ratio:1; padding:1.15cqw; border:.55cqw solid #ffe2a0; border-radius:50%; background:repeating-conic-gradient(from -10deg,#e47c2e 0 10deg,#f1bd47 10deg 20deg); box-shadow:0 0 0 .5cqw #a84d24,0 1.3cqw 3cqw rgba(27,13,7,.35); transform:translate(-50%,-50%); }
.sb-status-card__photo img { display:block; width:100%; height:100%; border:.5cqw solid #7f351c; border-radius:50%; object-fit:cover; }
.sb-photo-frame--none .sb-status-card__photo { padding:0; border:0; background:transparent; box-shadow:none; }
.sb-photo-frame--none .sb-status-card__photo img { border:0; }
.sb-photo-frame--gold .sb-status-card__photo { padding:1.2cqw; border:.8cqw solid #fff0b5; background:#d99a23; box-shadow:0 0 0 .6cqw #8c4a14,0 1.3cqw 3cqw rgba(27,13,7,.3); }
.sb-photo-frame--gold .sb-status-card__photo img { border:.45cqw solid #7f351c; }
.sb-photo-frame--white .sb-status-card__photo { padding:1.1cqw; border:.7cqw solid #fff; background:rgba(255,255,255,.82); box-shadow:0 1.2cqw 3cqw rgba(20,13,9,.28); }
.sb-photo-frame--white .sb-status-card__photo img { border:.35cqw solid rgba(83,52,34,.45); }
.sb-photo-frame--dark .sb-status-card__photo { padding:1.1cqw; border:.65cqw solid #e2b46c; background:#241711; box-shadow:0 0 0 .45cqw rgba(255,232,189,.5),0 1.3cqw 3cqw rgba(0,0,0,.42); }
.sb-photo-frame--dark .sb-status-card__photo img { border:.4cqw solid #0d0907; }
.sb-status-card__name,.sb-status-card__brand { position:absolute; z-index:1; overflow:hidden; color:#fff; font-weight:700; line-height:1; text-overflow:ellipsis; text-shadow:0 1px 2px rgba(0,0,0,.5); white-space:nowrap; }
.sb-status-card__name--curved { display:none; }
.sb-status-card__brand { top:var(--status-brand-top); left:var(--status-brand-left); display:inline-flex; align-items:center; justify-content:center; gap:1.2cqw; min-height:10cqw; max-width:58%; padding:1.8cqw 3cqw; border:.45cqw solid rgba(242,190,102,.9); border-radius:999px; background:rgba(29,18,13,.9); box-shadow:0 0 1.4cqw rgba(236,174,72,.28),0 1cqw 2.4cqw rgba(30,14,7,.25); color:#fff7e7; font-size:max(8px,3.5cqw); transform:translate(-50%,-50%); }
.sb-status-card__brand-om { color:#dca044; font-size:1.15em; line-height:1; }
.sb-status-card__brand img { display:block; width:auto; max-width:30cqw; height:auto; max-height:12cqw; object-fit:contain; }

.sb-status-name--bottom-strip .sb-status-card__name { top:var(--status-name-top); left:var(--status-name-left); max-width:55%; font-size:max(9px,5.2cqw); transform:translate(-50%,-50%); }

.sb-status-name--photo-badge .sb-status-card__footer,.sb-status-name--compact-pill .sb-status-card__footer,.sb-status-name--boxed .sb-status-card__footer { display:none; }
.sb-status-name--photo-badge .sb-status-card__identity { position:absolute; top:var(--status-photo-top); left:var(--status-photo-left); z-index:2; display:block; width:22cqw; aspect-ratio:1; transform:translate(-50%,-50%); }
.sb-status-name--photo-badge .sb-status-card__photo { position:relative; top:auto; left:auto; width:100%; transform:none; }
.sb-status-name--photo-badge .sb-status-card__name--plain { display:none; }
.sb-status-name--photo-badge .sb-status-card__name--curved { position:absolute; top:50%; left:50%; z-index:3; display:block; width:27cqw; height:22cqw; overflow:visible; transform:translate(-50%,-58%); pointer-events:none; }
.sb-status-name--photo-badge .sb-status-card__name--curved svg { display:block; width:100%; height:100%; overflow:visible; }
.sb-status-name--photo-badge .sb-status-card__name--curved text { fill:#fff; font-family:inherit; font-size:18px; font-weight:800; letter-spacing:.1px; paint-order:stroke; stroke:rgba(15,10,6,.92); stroke-width:3.5px; stroke-linejoin:round; text-anchor:middle; }
.sb-status-name--compact-pill .sb-status-card__identity { position:absolute; top:var(--status-photo-top); left:var(--status-photo-left); z-index:2; display:flex; align-items:center; width:max-content; max-width:calc(100% - 2cqw); transform:translate(-9cqw,-50%); }
.sb-status-name--compact-pill .sb-status-card__photo { position:relative; top:auto; left:auto; z-index:2; box-sizing:border-box; flex:0 0 18cqw; width:18cqw; padding:.9cqw; border-width:.45cqw; box-shadow:0 0 0 .4cqw #a84d24,0 1cqw 2.2cqw rgba(27,13,7,.28); transform:none; }
.sb-status-name--compact-pill .sb-status-card__name { position:relative; top:auto; left:auto; z-index:1; box-sizing:border-box; width:max-content; min-width:40cqw; max-width:72cqw; height:18cqw; margin-left:-18cqw; padding:0 4cqw 0 20cqw; border:.45cqw solid rgba(255,255,255,.96); border-radius:999px; background:rgba(255,250,240,.94); box-shadow:0 1cqw 2.5cqw rgba(34,19,11,.2); color:#4b2a1a; font-size:clamp(11px,4.5cqw,20px); line-height:18cqw; text-align:left; text-shadow:none; transform:none; }
.sb-status-name--compact-pill.sb-status-side--right .sb-status-card__identity { flex-direction:row-reverse; transform:translate(calc(-100% + 9cqw),-50%); }
.sb-status-name--compact-pill.sb-status-side--right .sb-status-card__name { margin-right:-18cqw; margin-left:0; padding-right:20cqw; padding-left:4cqw; text-align:right; }
.sb-status-name--compact-pill.sb-status-side--center .sb-status-card__identity { transform:translate(-9cqw,-50%); }
.sb-status-name--boxed .sb-status-card__identity { position:absolute; top:var(--status-photo-top); left:var(--status-photo-left); z-index:1; display:flex; flex-direction:column; align-items:center; gap:3cqw; width:clamp(32cqw,40cqw,48cqw); max-width:calc(100% - 4cqw); padding:4cqw 3cqw; border:.5cqw solid var(--status-box-border); border-radius:2.5cqw; background:var(--status-box-bg); box-shadow:0 1.5cqw 3cqw rgba(0,0,0,.35); transform:translate(-50%,-50%); }
.sb-status-name--boxed .sb-status-card__photo { position:static; flex:0 0 auto; transform:none; }
.sb-status-name--boxed .sb-status-card__name { position:static; width:auto; max-width:100%; color:#fff; background:transparent; font-size:max(8px,3.6cqw); white-space:normal; text-align:center; }

.sb-status-name--large-footer .sb-status-card__footer { height:16cqw; border-top:.55cqw solid #d8aa55; background:rgba(31,48,49,.96); }
.sb-status-name--large-footer .sb-status-card__photo { top:var(--status-photo-top); bottom:auto; box-sizing:border-box; width:30cqw; padding:1cqw; border-width:.5cqw; border-radius:3cqw; background:#f7efe0; box-shadow:0 1.2cqw 3cqw rgba(20,12,8,.35); transform:translate(-50%,-50%); }
.sb-status-name--large-footer .sb-status-card__photo img { border-radius:2.2cqw; }
.sb-status-name--large-footer .sb-status-card__name { top:auto; right:3cqw; bottom:0; left:calc(var(--status-photo-left) + 17cqw); display:flex; align-items:center; height:16cqw; padding:0 2cqw; color:#f2cc68; font-size:clamp(12px,5.4cqw,24px); transform:none; }

.sb-status-name--glow-footer .sb-status-card__footer { height:15cqw; border-top:.55cqw solid #efb06c; background:rgba(173,81,39,.97); }
.sb-status-name--glow-footer .sb-status-card__photo { top:var(--status-photo-top); bottom:auto; box-sizing:border-box; width:28cqw; padding:1cqw; border-width:.55cqw; background:#fff2c5; box-shadow:0 0 2cqw .8cqw rgba(255,190,54,.75),0 0 5cqw 1.5cqw rgba(255,115,32,.38); transform:translate(-50%,-50%); }
	.sb-status-name--glow-footer .sb-status-card__name--plain { top:auto; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; width:auto; height:15cqw; min-width:0; padding:0 3cqw; color:#fff8e8; font-size:clamp(11px,4.6cqw,21px); line-height:1; text-align:center; text-overflow:ellipsis; white-space:nowrap; }
.sb-status-name--glow-footer.sb-status-side--right .sb-status-card__name--plain { right:calc(100% - var(--status-photo-left) + 14cqw); }
.sb-status-name--glow-footer.sb-status-side--left .sb-status-card__name--plain { left:calc(var(--status-photo-left) + 14cqw); }
.sb-status-name--glow-footer.sb-status-side--center .sb-status-card__name--plain { padding-right:30cqw; padding-left:30cqw; }
.sb-status-card:not(.sb-status-name--photo-badge) .sb-status-card__name--curved { display:none; }

.sb-status-card__actions { display:flex; gap:6px; margin-top:7px; }
.sb-status-card__action { position:static; display:flex; flex:1 1 0; align-items:center; justify-content:center; gap:4px; width:auto; min-height:32px; padding:6px 4px; border:1px solid #e2c7a6; border-radius:10px; background:#fff; box-shadow:none; color:#74442a; font-size:10px; font-weight:700; line-height:1.15; text-decoration:none; cursor:pointer; }
.sb-status-card__action:disabled { opacity:.55; cursor:default; }
.sb-status-card__action .fa { font-size:11px; }
.sb-status-card__remix-link { display:flex; min-height:34px; margin-top:7px; padding:7px 8px; align-items:center; justify-content:center; gap:4px; border:1px solid #d79762; border-radius:10px; background:#ad5127; color:#fff; font-size:9px; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; }
.sb-status-card__remix-link:hover,.sb-status-card__remix-link:focus,.sb-status-card__remix-link:visited { color:#fff; text-decoration:none; }
.sb-status-first-tip { position:fixed; right:16px; bottom:calc(var(--sb-bottom-nav-height,69px) + 16px); left:16px; z-index:1450; max-width:430px; margin:auto; padding:11px 14px; border:1px solid #e3b874; border-radius:12px; background:#44271b; box-shadow:0 8px 24px rgba(49,25,13,.28); color:#fff4df; font-size:13px; font-weight:700; line-height:1.45; text-align:center; opacity:0; transform:translateY(10px); transition:opacity .22s ease,transform .22s ease; }
.sb-status-first-tip.is-visible { opacity:1; transform:translateY(0); }
