.wh-pic{--pic-d: #16233F;--pic-l: #E3EAF8;--pic-c: var(--pic-l);--pic-wash: linear-gradient(180deg, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / .12) 100%);--pic-rim: inset 0 1px 0 rgb(255 255 255 / .9), inset 0 0 0 1px rgb(0 0 0 / .08);position:relative;isolation:isolate;overflow:hidden;background:var(--pic-c)}:is(.dark,.obsidian) .wh-pic{--pic-c: var(--pic-d);--pic-wash: linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .12) 100%);--pic-rim: inset 0 1px 0 rgb(255 255 255 / .34), inset 0 0 0 1px rgb(255 255 255 / .14)}:is(.dark,.obsidian) .wh-pic.wh-pic-words{--fg: #fff;--bg: #0A0A0B;--fg-2: rgb(255 255 255 / .84);--g-hair: rgb(255 255 255 / .16);color:#fff}.wh-pic.wh-pic-words{--fg-2: color-mix(in srgb, var(--fg) 74%, transparent);color:var(--fg)}.wh-pic-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-4;display:block;width:100%;height:var(--pic-h, 100%);-o-object-fit:cover;object-fit:cover;-o-object-position:var(--pic-pos, 50% 35%);object-position:var(--pic-pos, 50% 35%);-webkit-mask-image:var(--pic-mask, none);mask-image:var(--pic-mask, none);filter:blur(var(--pic-soft, 0px)) saturate(1.06) brightness(var(--pic-bright, 1.03));transform:scale(1.01)}.wh-pic.is-top{--pic-h: 66%;--pic-foot: 62%;--pic-mask: linear-gradient(180deg, #000 0%, #000 58%, transparent 100%)}.wh-pic-img.is-light{display:none}:root:not(.dark):not(.obsidian) .wh-pic-img.is-dark{display:none}:root:not(.dark):not(.obsidian) .wh-pic-img.is-light{display:block}:is(.dark,.obsidian) .wh-pic-img{--pic-bright: .98}.wh-pic:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none;background:var(--pic-wash)}.wh-pic:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:var(--pic-rim)}@media (min-resolution: 2dppx){.wh-pic{--pic-rim: inset 0 .5px 0 rgb(255 255 255 / 1), inset 0 0 0 .5px rgb(0 0 0 / .14)}:is(.dark,.obsidian) .wh-pic{--pic-rim: inset 0 .5px 0 rgb(255 255 255 / .5), inset 0 0 0 .5px rgb(255 255 255 / .22)}}.wh-pic-blur{position:absolute;inset:auto 0 0 0;z-index:-2;height:var(--pic-foot, 68%);pointer-events:none;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--pic-c) 26%,transparent) 30%,color-mix(in srgb,var(--pic-c) 58%,transparent) 62%,color-mix(in srgb,var(--pic-c) 80%,transparent) 100%)}.wh-pic-blur i{position:absolute;top:0;right:0;bottom:0;left:0}.wh-pic-blur i:nth-child(1){-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%);mask-image:linear-gradient(180deg,transparent 0%,#000 26%)}.wh-pic-blur i:nth-child(2){-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask-image:linear-gradient(180deg,transparent 18%,#000 50%);mask-image:linear-gradient(180deg,transparent 18%,#000 50%)}.wh-pic-blur i:nth-child(3){-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);-webkit-mask-image:linear-gradient(180deg,transparent 40%,#000 78%);mask-image:linear-gradient(180deg,transparent 40%,#000 78%)}:is(.dark,.obsidian) .wh-pic.wh-pic-words .wh-pill{border-color:#ffffff4d;background:linear-gradient(180deg,#ffffff3d,#ffffff1a);-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%);box-shadow:inset 0 1px #ffffff6b,0 1px 2px #00000024;color:#fff}.wh-pic.wh-pic-words .wh-pill:before{background:var(--fg);box-shadow:none}.wh-pic :is(.wh-pcard-ico,.wh-ac-ico)>.pi{filter:drop-shadow(0 6px 12px rgb(0 0 0 / .28))}@media (prefers-reduced-transparency: reduce){.wh-pic-blur i{-webkit-backdrop-filter:none;backdrop-filter:none}.wh-pic-blur{background:linear-gradient(180deg,transparent 0%,var(--pic-c) 55%)}.wh-pic .wh-pill{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (forced-colors: active){.wh-pic{border:1px solid CanvasText}.wh-pic-img,.wh-pic-blur,.wh-pic:before{display:none}}:root:not(.dark):not(.obsidian) .wh-pic.is-deep{--pic-c: var(--pic-d);--pic-wash: linear-gradient(180deg, rgb(0 0 0 / 0) 0%, rgb(0 0 0 / .12) 100%);--pic-rim: inset 0 1px 0 rgb(255 255 255 / .34), inset 0 0 0 1px rgb(255 255 255 / .14);--fg: #fff;--bg: #0A0A0B;--fg-2: rgb(255 255 255 / .84);--g-hair: rgb(255 255 255 / .16);--wh-tile-fill: rgb(255 255 255 / .12);--wh-tile-rim: rgb(255 255 255 / .3);--wh-pill-body: linear-gradient(180deg, rgb(255 255 255 / .24), rgb(255 255 255 / .1));--wh-pill-edge: rgb(255 255 255 / .3);--wh-pill-ink: #fff;--wh-pill-shadow: inset 0 1px 0 rgb(255 255 255 / .42), 0 1px 2px rgb(0 0 0 / .14);color:#fff}