/* Original supplied mask, unchanged. Only the surrounding tile material varies. */
.persona-tile{--tile-size:208px;position:relative;display:inline-grid;place-items:center;width:var(--tile-size);height:var(--tile-size);flex-shrink:0;isolation:isolate;border-radius:24%;background:#050505;box-shadow:0 14px 30px #0006;overflow:hidden;vertical-align:middle}
.persona-tile img{position:relative!important;z-index:1;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:24%!important;background:transparent!important;filter:none!important;box-shadow:none!important;transform:none!important;mix-blend-mode:screen!important}
.persona-tile:before,.persona-tile:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}
.persona-tile:after{z-index:2}
.persona-tile[data-finish="01"]{background:linear-gradient(145deg,#25282a 0%,#0c0d0e 34%,#010202 70%);box-shadow:inset 0 1px 2px #b6c4cd66,inset 0 -3px 4px #000,0 12px 25px #0007}
.persona-tile[data-finish="01"]:after{box-shadow:inset 0 0 0 1px #ffffff22,inset 0 2px 5px #ffffff18}
.persona-tile[data-finish="02"]{background:linear-gradient(150deg,#333a3d,#080b0c 38%,#030505 75%,#142021);box-shadow:inset 0 0 0 2px #9db2b344,inset 0 0 0 5px #0008,0 15px 30px #0008}
.persona-tile[data-finish="02"]:after{inset:3%;border:1px solid #cdebe622;box-shadow:inset 0 0 12px #91b6b222}
.persona-tile[data-finish="03"]{background:linear-gradient(145deg,#171918,#050606);box-shadow:inset 1px 1px 1px #ffffff25,inset -1px -2px 3px #000,0 16px 28px #0008}
.persona-tile[data-finish="03"]:after{background:radial-gradient(ellipse at 30% -20%,#ffffff12,transparent 62%)}
.persona-tile[data-finish="04"]{background:linear-gradient(155deg,#1e2423,#030605 48%,#0a1511);box-shadow:inset 0 1px 2px #6fe5c177,inset 0 -1px 2px #3ec19544,0 14px 30px #0008}
.persona-tile[data-finish="04"]:after{border:1px solid #72dfba33;box-shadow:inset 0 0 0 4px #0005,inset 0 0 13px #3ec19511}
.persona-tile[data-finish="05"]{background:linear-gradient(135deg,#23292c 0,#0b1012 30%,#020303 56%,#1c2528 100%);box-shadow:inset 0 2px 2px #c4d0d477,inset 0 -2px 3px #56646a55,0 15px 30px #0008}
.persona-tile[data-finish="05"]:after{inset:4%;border:1px solid #d1e0e222;box-shadow:0 0 0 3px #0004,inset 0 0 10px #0008}
.persona-tile[data-finish="06"]{background:linear-gradient(150deg,#1d2021,#050607 60%);box-shadow:inset 0 1px 2px #ffffff66,0 18px 25px #0008}
.persona-tile[data-finish="06"]:before{background:linear-gradient(170deg,#ffffff14,transparent 56%);clip-path:ellipse(95% 50% at 36% 0%)}
.persona-tile[data-finish="06"]:after{border:1px solid #fff2}
.persona-tile[data-finish="07"]{background:radial-gradient(ellipse at 50% 10%,#292e31,#0a0d0f 48%,#010202 88%);box-shadow:inset 0 0 0 1px #fff2,inset 0 4px 6px #c9d9df22,inset 0 -4px 8px #000,0 18px 25px #0008}
.persona-tile[data-finish="07"]:after{inset:2%;border:1px solid #fff1;border-bottom-color:#0008}
.persona-tile[data-finish="08"]{background:linear-gradient(135deg,#171d1c,#020404 50%,#0d1211);box-shadow:inset 0 1px 1px #b0bfb855,0 12px 22px #0008,0 2px 0 #020303}
.persona-tile[data-finish="08"]:before{inset:5%;background:#040706;border-radius:21%;box-shadow:0 1px 1px #ffffff16,inset 0 4px 9px #000}
.persona-tile[data-finish="09"]{background:linear-gradient(160deg,#161718,#020303 65%);box-shadow:inset 0 1px 1px #d6d6d633,inset -2px 0 2px #8cc5b522,inset 0 -2px 4px #000,0 17px 26px #0008}
.persona-tile[data-finish="09"]:after{background:linear-gradient(120deg,transparent 20%,#ffffff0c 35%,transparent 49%,transparent 70%,#ffffff07 90%);border:1px solid #fff1}
.persona-tile[data-finish="10"]{background:radial-gradient(ellipse at 20% 0%,#26332e,transparent 65%),linear-gradient(140deg,#080d0b,#010302 70%);box-shadow:inset 0 1px 2px #9cddbc55,inset 0 -1px 2px #3ec19533,0 15px 28px #0008}
.persona-tile[data-finish="10"]:after{inset:2%;border:1px solid #9dbdaa22;box-shadow:inset 0 0 0 2px #0004}
.brand .persona-tile{--tile-size:38px;box-shadow:none}.hero-art .persona-tile{--tile-size:184px}.closing .persona-tile{--tile-size:96px;margin-bottom:20px}.paywall-heading .persona-tile{--tile-size:84px;margin-bottom:22px}.persona-tile img{margin:0!important}
@media(min-width:700px){.hero-art .persona-tile{--tile-size:275px}}

/* Share the hero tile treatment at every app-icon size. */
.persona-tile[data-finish="03"]{box-shadow:inset 1px 1px 1px #ffffff25,inset -1px -2px 3px #000,0 4px 10px #0005}

/* One complete icon asset: identical geometry, material and mask at every size. */
.persona-tile[data-finish]{background:none!important;box-shadow:none!important;overflow:visible}
.persona-tile:before,.persona-tile:after{display:none}
.persona-tile img{mix-blend-mode:normal!important;border-radius:0!important;width:100%!important;height:100%!important}

.hero-art .persona-tile[data-finish="03"]{background:linear-gradient(145deg,#171918,#050606)!important;box-shadow:inset 1px 1px 1px #ffffff25,inset -1px -2px 3px #000,0 18px 32px #0009!important;overflow:hidden}
.hero-art .persona-tile:after{display:block;background:radial-gradient(ellipse at 30% -20%,#ffffff16,transparent 62%)}

/* A quiet mint, sky and lilac halo, echoing the availability lettering. */
.hero-art .persona-tile[data-finish="03"]{box-shadow:inset 1px 1px 1px #ffffff20,inset -1px -2px 3px #000,0 10px 32px #0002,-15px 5px 44px #6ee7b714,15px -4px 44px #72cdfb12,12px 15px 52px #c5a3ff16,0 20px 48px #ff9bc50a!important}

/* Restore depth with a broad, low-opacity shadow instead of a colored halo. */
.hero-art .persona-tile[data-finish="03"]{box-shadow:inset 1px 1px 1px #ffffff20,inset -1px -2px 3px #000,0 15px 42px #0004,0 5px 16px #0001!important}