/* frames and banners from the Jakoz app (made by a tool; do not edit by hand) */
.looks{--gold:#f6c453}
.looks .av{--s: 56px; --c: var(--gold); width: var(--s); height: var(--s); border-radius: 50%; flex: 0 0 auto; position: relative; background: rgb(42, 52, 112); box-shadow: 0 0 0 3px var(--c), 0 6px 14px rgba(0,0,0,.35);}
.looks .av img{width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;}
.looks .av{isolation: isolate;}
.looks .av[data-frame]::before{content: ""; position: absolute; inset: -6px; border-radius: 50%; z-index: -1;}
.looks .av[data-frame]{box-shadow: rgba(0, 0, 0, 0.35) 0px 6px 14px;}
.looks .av[data-frame="frame-gold"]::before{background: conic-gradient(rgb(255, 243, 176), rgb(224, 165, 44), rgb(255, 243, 176), rgb(184, 134, 43), rgb(255, 243, 176));}
.looks .av[data-frame="frame-rose"]::before{background: conic-gradient(rgb(255, 122, 168), rgb(255, 209, 224), rgb(255, 122, 168), rgb(194, 24, 91), rgb(255, 209, 224), rgb(255, 122, 168));}
.looks .av[data-frame="frame-desert"]::before{background: conic-gradient(rgb(255, 179, 71), rgb(255, 106, 61), rgb(255, 211, 107), rgb(255, 106, 61), rgb(255, 179, 71));}
.looks .av[data-frame="frame-emerald"]::before{background: conic-gradient(rgb(95, 224, 168), rgb(15, 138, 90), rgb(185, 255, 224), rgb(15, 138, 90), rgb(95, 224, 168));}
.looks .av[data-frame="frame-neon"]::before{background: conic-gradient(rgb(102, 204, 255), rgb(204, 102, 255), rgb(255, 102, 204), rgb(102, 204, 255)); animation: 3s linear 0s infinite normal none running spin; box-shadow: rgb(204, 102, 255) 0px 0px 14px;}
.looks .av[data-frame="frame-crown"]::before{background: conic-gradient(rgb(255, 243, 176), rgb(224, 165, 44), rgb(255, 243, 176), rgb(184, 134, 43), rgb(255, 243, 176));}
.looks .av[data-frame="frame-crown"]::after{content: ""; position: absolute; left: 50%; top: -34%; width: 62%; height: 42%; transform: translateX(-50%); z-index: 3; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 26'%3E%3Cpath d='M3 24 L1 6 L11 14 L20 2 L29 14 L39 6 L37 24 Z' fill='%23f6c453' stroke='%23a8741a' stroke-width='1.5' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='17' r='3' fill='%23f04b5d'/%3E%3Ccircle cx='10' cy='19' r='2' fill='%233f8cff'/%3E%3Ccircle cx='30' cy='19' r='2' fill='%231fba78'/%3E%3C/svg%3E") center center / contain no-repeat;}
.looks .av[data-frame="frame-rainbow"]::before{background: conic-gradient(rgb(255, 59, 92), rgb(255, 177, 59), rgb(255, 232, 59), rgb(59, 255, 122), rgb(59, 215, 255), rgb(122, 92, 255), rgb(255, 59, 212), rgb(255, 59, 92)); animation: 2.2s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-fire"]::before{background: conic-gradient(rgb(255, 61, 0), rgb(255, 179, 0), rgb(255, 109, 0), rgb(255, 213, 79), rgb(255, 61, 0)); animation: 3s linear 0s infinite normal none running spin, 0.5s ease-in-out 0s infinite alternate none running fire;}
.looks .av[data-frame="frame-galaxy"]::before{background: conic-gradient(rgb(43, 16, 85), rgb(117, 151, 222), rgb(196, 113, 245), rgb(18, 194, 233), rgb(246, 79, 89), rgb(43, 16, 85)); animation: 6s linear 0s infinite normal none running spin, 1.8s ease-in-out 0s infinite normal none running galaxy;}
.looks .av[data-frame="frame-sapphire"]::before{background: conic-gradient(rgb(10, 42, 138), rgb(63, 140, 255), rgb(227, 241, 255), rgb(30, 91, 255), rgb(10, 42, 138), rgb(111, 180, 255), rgb(10, 42, 138)); --g: rgba(63,140,255,.8); animation: 3s linear 0s infinite normal none running spin, 2s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-sapphire"]::after{background: radial-gradient(circle at 50% 4%, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 2px, rgba(160, 210, 255, 0.9) 3px, transparent 6px), radial-gradient(circle at 50% 96%, rgb(191, 224, 255) 0px, rgb(191, 224, 255) 1.5px, transparent 4px); animation: 2.4s linear 0s infinite reverse none running spin;}
.looks .av[data-frame="frame-ruby"]::before{background: conic-gradient(rgb(90, 0, 16), rgb(255, 31, 75), rgb(255, 196, 207), rgb(196, 0, 43), rgb(90, 0, 16), rgb(255, 90, 122), rgb(90, 0, 16)); --g: rgba(255,31,75,.8); animation: 2.6s linear 0s infinite normal none running spin, 1.3s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-ruby"]::after{background: radial-gradient(circle at 18% 22%, rgb(255, 224, 138) 0px, rgb(255, 224, 138) 1.6px, transparent 3.5px), radial-gradient(circle at 84% 30%, rgb(255, 106, 61) 0px, rgb(255, 106, 61) 2px, transparent 4px), radial-gradient(circle at 55% 97%, rgb(255, 179, 71) 0px, rgb(255, 179, 71) 1.6px, transparent 3.5px), radial-gradient(circle at 6% 70%, rgb(255, 61, 92) 0px, rgb(255, 61, 92) 1.4px, transparent 3px); animation: 3.4s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-amethyst"]::before{background: conic-gradient(rgb(59, 10, 110), rgb(196, 113, 245), rgb(243, 217, 255), rgb(123, 47, 247), rgb(59, 10, 110), rgb(224, 163, 255), rgb(59, 10, 110)); --g: rgba(196,113,245,.8); animation: 5s linear 0s infinite normal none running spin, 2.4s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-amethyst"]::after{inset: -8px; border: 2.5px solid rgba(214, 150, 255, 0.8); animation: 2.2s ease-out 0s infinite normal none running frAura;}
.looks .av[data-frame="frame-ocean"]::before{background: conic-gradient(rgb(0, 198, 255), rgb(0, 114, 255), rgb(0, 224, 208), rgb(0, 78, 146), rgb(0, 198, 255)); --g: rgba(0,198,255,.75); animation: 4s linear 0s infinite normal none running spin, 2.6s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-ocean"]::after{background: radial-gradient(circle at 14% 72%, rgba(255, 255, 255, 0.95) 0px, rgba(255, 255, 255, 0.95) 2px, rgba(255, 255, 255, 0) 3px), radial-gradient(circle at 86% 62%, rgba(220, 250, 255, 0.95) 0px, rgba(220, 250, 255, 0.95) 1.5px, rgba(255, 255, 255, 0) 2.5px), radial-gradient(circle at 72% 88%, transparent 0px, transparent 2px, rgba(255, 255, 255, 0.9) 2.5px, rgba(255, 255, 255, 0.9) 3.2px, transparent 3.8px), radial-gradient(circle at 26% 90%, rgba(255, 255, 255, 0.85) 0px, rgba(255, 255, 255, 0.85) 1.2px, transparent 2px); animation: 2.2s ease-in 0s infinite normal none running frRise;}
.looks .av[data-frame="frame-sunset"]::before{background: conic-gradient(rgb(255, 81, 47), rgb(240, 152, 25), rgb(255, 216, 111), rgb(221, 36, 118), rgb(123, 47, 247), rgb(255, 81, 47)); --g: rgba(255,128,48,.8); animation: 5s linear 0s infinite normal none running spin, 2.2s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-sunset"]::after{inset: -30% 34% auto; height: 32%; border-radius: 50%; background: radial-gradient(circle, rgb(255, 247, 194) 0px, rgb(255, 247, 194) 30%, rgb(255, 207, 77) 48%, rgba(255, 140, 40, 0) 72%); animation: 2.4s ease-in-out 0s infinite normal none running frBob;}
.looks .av[data-frame="frame-mint"]::before{background: conic-gradient(rgb(184, 255, 233), rgb(47, 214, 163), rgb(242, 255, 251), rgb(17, 163, 127), rgb(184, 255, 233)); --g: rgba(47,214,163,.75); animation: 6s linear 0s infinite normal none running spin, 2.8s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-mint"]::after{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M3%2017C3%208%209%203%2018%202c-1%209-6%2015-15%2015z'%20fill%3D'%232fd6a3'%2F%3E%3Cpath%20d%3D'M4%2016L15%205'%20stroke%3D'%23e9fff8'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") 50% 0px / 28% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M3%2017C3%208%209%203%2018%202c-1%209-6%2015-15%2015z'%20fill%3D'%232fd6a3'%2F%3E%3Cpath%20d%3D'M4%2016L15%205'%20stroke%3D'%23e9fff8'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") 50% 100% / 22% auto no-repeat; animation: 4.5s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-ice"]::before{background: conic-gradient(rgb(230, 251, 255), rgb(143, 216, 255), rgb(255, 255, 255), rgb(90, 184, 240), rgb(230, 251, 255), rgb(196, 236, 255), rgb(230, 251, 255)); --g: rgba(170,230,255,.85); animation: 7s linear 0s infinite normal none running spin, 2.6s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-ice"]::after{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cg%20stroke%3D'%23f0fcff'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20fill%3D'none'%3E%3Cpath%20d%3D'M10%201v18M2.2%205.5l15.6%209M2.2%2014.5l15.6-9'%2F%3E%3Cpath%20d%3D'M7.5%202.5L10%205l2.5-2.5M7.5%2017.5L10%2015l2.5%202.5'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 88% 4% / 32% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cg%20stroke%3D'%23f0fcff'%20stroke-width%3D'1.6'%20stroke-linecap%3D'round'%20fill%3D'none'%3E%3Cpath%20d%3D'M10%201v18M2.2%205.5l15.6%209M2.2%2014.5l15.6-9'%2F%3E%3Cpath%20d%3D'M7.5%202.5L10%205l2.5-2.5M7.5%2017.5L10%2015l2.5%202.5'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 6% 86% / 22% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%200l2.2%207.8L20%2010l-7.8%202.2L10%2020l-2.2-7.8L0%2010l7.8-2.2z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") 12% 12% / 14% auto no-repeat; animation: 2.2s ease-in-out 0s infinite normal none running frTwinkle;}
.looks .av[data-frame="frame-thunder"]::before{background: conic-gradient(rgb(27, 31, 75), rgb(90, 107, 255), rgb(238, 240, 255), rgb(42, 47, 122), rgb(27, 31, 75), rgb(143, 155, 255), rgb(27, 31, 75)); animation: 1.8s linear 0s infinite normal none running spin, 2.6s linear 0s infinite normal none running frStrike;}
.looks .av[data-frame="frame-thunder"]::after{inset: -16px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M12%200L2%2014h7l-2%2010%2011-15h-7z'%20fill%3D'%23fff59d'%20stroke%3D'%23ffd600'%20stroke-width%3D'1'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") 92% 0px / 30% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M12%200L2%2014h7l-2%2010%2011-15h-7z'%20fill%3D'%23fff59d'%20stroke%3D'%23ffd600'%20stroke-width%3D'1'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") 4% 96% / 22% auto no-repeat; filter: drop-shadow(rgb(255, 245, 157) 0px 0px 4px); animation: 2.6s linear 0s infinite normal none running frBolt;}
.looks .av[data-frame="frame-toxic"]::before{background: conic-gradient(rgb(57, 255, 20), rgb(11, 61, 0), rgb(212, 255, 79), rgb(11, 61, 0), rgb(57, 255, 20)); --g: rgba(57,255,20,.8); animation: 1.6s linear 0s infinite normal none running spin, 0.9s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-toxic"]::after{background: radial-gradient(at 30% 96%, rgb(125, 255, 79) 0px, rgb(125, 255, 79) 2.5px, transparent 4px), radial-gradient(at 66% 99%, rgb(182, 255, 0) 0px, rgb(182, 255, 0) 2px, transparent 3.5px), radial-gradient(at 50% 92%, rgb(57, 255, 20) 0px, rgb(57, 255, 20) 1.6px, transparent 3px); animation: 1.6s ease-in 0s infinite normal none running frDrip;}
.looks .av[data-frame="frame-pearl"]::before{background: conic-gradient(rgb(255, 255, 255), rgb(243, 231, 255), rgb(255, 233, 242), rgb(229, 246, 255), rgb(255, 255, 255), rgb(246, 239, 225), rgb(255, 255, 255)); --g: rgba(255,240,250,.85); animation: 8s linear 0s infinite normal none running spin, 3s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-pearl"]::after{inset: -10px; background: repeating-conic-gradient(rgb(255, 255, 255) 0deg, rgb(255, 255, 255) 7deg, transparent 7deg, transparent 18deg); mask: radial-gradient(farthest-side, transparent calc(100% - 4px), rgb(0, 0, 0) calc(100% - 3.5px)); filter: drop-shadow(rgb(255, 214, 236) 0px 0px 2px); animation: 14s linear 0s infinite reverse none running spin;}
.looks .av[data-frame="frame-falcon"]::before{background: conic-gradient(rgb(255, 243, 176), rgb(184, 134, 43), rgb(255, 248, 220), rgb(138, 90, 18), rgb(255, 243, 176)); --g: rgba(246,196,83,.8); animation: 4s linear 0s infinite normal none running spin, 2s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-falcon"]::after{inset: 8% -52% auto; height: 62%; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20200%2052'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'w'%20x1%3D'0'%20x2%3D'1'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23fffbe6'%2F%3E%3Cstop%20offset%3D'.5'%20stop-color%3D'%23f6c453'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23b8862b'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D'M58%2027C42%206%2018%203%200%209c10%204%2016%208%2020%2012C10%2021%204%2025%202%2030c10-1%2018%200%2024%203-8%203-14%207-16%2013%2014-6%2030-8%2048-10z'%20fill%3D'url(%23w)'%20stroke%3D'%238a5a12'%20stroke-width%3D'1'%2F%3E%3Cpath%20d%3D'M54%2029L14%2013M54%2032L8%2028M54%2035L16%2043'%20stroke%3D'%238a5a12'%20stroke-width%3D'1.1'%20opacity%3D'.55'%2F%3E%3Cg%20transform%3D'translate(200%200)%20scale(-1%201)'%3E%3Cpath%20d%3D'M58%2027C42%206%2018%203%200%209c10%204%2016%208%2020%2012C10%2021%204%2025%202%2030c10-1%2018%200%2024%203-8%203-14%207-16%2013%2014-6%2030-8%2048-10z'%20fill%3D'url(%23w)'%20stroke%3D'%238a5a12'%20stroke-width%3D'1'%2F%3E%3Cpath%20d%3D'M54%2029L14%2013M54%2032L8%2028M54%2035L16%2043'%20stroke%3D'%238a5a12'%20stroke-width%3D'1.1'%20opacity%3D'.55'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center center / 100% 100% no-repeat; z-index: -2; transform-origin: 50% 60%; animation: 1.6s ease-in-out 0s infinite normal none running frFlap;}
.looks .av[data-frame="frame-dragon"]::before{background: conic-gradient(rgb(15, 61, 46), rgb(46, 204, 113), rgb(15, 61, 46), rgb(231, 76, 60), rgb(241, 196, 15), rgb(15, 61, 46)); --g: rgba(231,76,60,.8); animation: 3s linear 0s infinite normal none running spin, 1.1s ease-in-out 0s infinite alternate none running frGlow;}
.looks .av[data-frame="frame-dragon"]::after{background: radial-gradient(5px 9px at 50% 6%, rgb(255, 224, 102), rgb(255, 123, 0) 55%, transparent 75%), radial-gradient(5px 9px at 50% 94%, rgb(255, 224, 102), rgb(255, 60, 0) 55%, transparent 75%), radial-gradient(9px 5px at 4% 50%, rgb(157, 255, 176), rgb(46, 204, 113) 55%, transparent 75%), radial-gradient(9px 5px at 96% 50%, rgb(157, 255, 176), rgb(46, 204, 113) 55%, transparent 75%); animation: 2s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-lunar"]::before{background: conic-gradient(rgb(11, 16, 51), rgb(60, 74, 158), rgb(223, 230, 255), rgb(60, 74, 158), rgb(11, 16, 51), rgb(127, 143, 224), rgb(11, 16, 51)); --g: rgba(200,214,255,.7); animation: 9s linear 0s infinite normal none running spin, 3s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-lunar"]::after{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M13%202a8%208%200%201%200%205%2013A7%207%200%200%201%2013%202z'%20fill%3D'%23fff4c2'%2F%3E%3C%2Fsvg%3E") 4% 0px / 36% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%201l3.1%207%207.6.7-5.7%205%201.7%207.5L12%2017.3%205.3%2021.2%207%2013.7%201.3%208.7%208.9%208z'%20fill%3D'%23fff4c2'%2F%3E%3C%2Fsvg%3E") 92% 18% / 14% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%201l3.1%207%207.6.7-5.7%205%201.7%207.5L12%2017.3%205.3%2021.2%207%2013.7%201.3%208.7%208.9%208z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") 86% 92% / 10% auto no-repeat; filter: drop-shadow(rgb(255, 244, 194) 0px 0px 4px); animation: 3s ease-in-out 0s infinite normal none running frBob;}
.looks .av[data-frame="frame-starlight"]::before{background: conic-gradient(rgb(26, 16, 80), rgb(255, 216, 111), rgb(26, 16, 80), rgb(159, 180, 255), rgb(26, 16, 80), rgb(255, 216, 111), rgb(26, 16, 80)); --g: rgba(255,216,111,.7); animation: 5s linear 0s infinite normal none running spin, 2s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-starlight"]::after{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%201l3.1%207%207.6.7-5.7%205%201.7%207.5L12%2017.3%205.3%2021.2%207%2013.7%201.3%208.7%208.9%208z'%20fill%3D'%23ffd86f'%2F%3E%3C%2Fsvg%3E") 50% 0px / 22% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%201l3.1%207%207.6.7-5.7%205%201.7%207.5L12%2017.3%205.3%2021.2%207%2013.7%201.3%208.7%208.9%208z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") 100% 60% / 14% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%3E%3Cpath%20d%3D'M12%201l3.1%207%207.6.7-5.7%205%201.7%207.5L12%2017.3%205.3%2021.2%207%2013.7%201.3%208.7%208.9%208z'%20fill%3D'%23ffe9a8'%2F%3E%3C%2Fsvg%3E") 4% 74% / 16% auto no-repeat; filter: drop-shadow(rgb(255, 216, 111) 0px 0px 3px); animation: 10s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-hearts"]::before{background: conic-gradient(rgb(255, 79, 139), rgb(255, 194, 214), rgb(255, 31, 107), rgb(255, 194, 214), rgb(255, 79, 139)); --g: rgba(255,79,139,.8); animation: 1.2s ease-in-out 0s infinite normal none running frBeat, 1.2s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-hearts"]::after{background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2022'%3E%3Cpath%20d%3D'M12%2021S1%2014%201%207a5.5%205.5%200%200%201%2011-1%205.5%205.5%200%200%201%2011%201c0%207-11%2014-11%2014z'%20fill%3D'%23ff4f8b'%20stroke%3D'%23fff'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") 92% 8% / 30% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2022'%3E%3Cpath%20d%3D'M12%2021S1%2014%201%207a5.5%205.5%200%200%201%2011-1%205.5%205.5%200%200%201%2011%201c0%207-11%2014-11%2014z'%20fill%3D'%23ff4f8b'%20stroke%3D'%23fff'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") 2% 30% / 20% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2022'%3E%3Cpath%20d%3D'M12%2021S1%2014%201%207a5.5%205.5%200%200%201%2011-1%205.5%205.5%200%200%201%2011%201c0%207-11%2014-11%2014z'%20fill%3D'%23ff4f8b'%20stroke%3D'%23fff'%20stroke-width%3D'1.2'%2F%3E%3C%2Fsvg%3E") 70% 100% / 16% auto no-repeat; animation: 2.4s ease-out 0s infinite normal none running frFloat;}
.looks .av[data-frame="frame-diamond"]::before{background: conic-gradient(rgb(255, 255, 255), rgb(185, 243, 255), rgb(224, 195, 255), rgb(255, 255, 255), rgb(153, 255, 255), rgb(255, 214, 245), rgb(255, 255, 255)); --g: rgba(220,250,255,.95); animation: 2.5s linear 0s infinite normal none running spin, 1.4s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-diamond"]::after{inset: -14px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%200l2.2%207.8L20%2010l-7.8%202.2L10%2020l-2.2-7.8L0%2010l7.8-2.2z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") 90% 6% / 26% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%200l2.2%207.8L20%2010l-7.8%202.2L10%2020l-2.2-7.8L0%2010l7.8-2.2z'%20fill%3D'%23b9f3ff'%2F%3E%3C%2Fsvg%3E") 4% 80% / 20% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%200l2.2%207.8L20%2010l-7.8%202.2L10%2020l-2.2-7.8L0%2010l7.8-2.2z'%20fill%3D'%23fff'%2F%3E%3C%2Fsvg%3E") 96% 92% / 12% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%200l2.2%207.8L20%2010l-7.8%202.2L10%2020l-2.2-7.8L0%2010l7.8-2.2z'%20fill%3D'%23e0c3ff'%2F%3E%3C%2Fsvg%3E") 8% 8% / 12% auto no-repeat; filter: drop-shadow(rgb(255, 255, 255) 0px 0px 3px); animation: 1.6s ease-in-out 0s infinite normal none running frTwinkle;}
.looks .av[data-frame="frame-cyber"]::before{background: repeating-conic-gradient(rgb(0, 240, 255) 0deg, rgb(0, 240, 255) 9deg, rgb(10, 15, 44) 9deg, rgb(10, 15, 44) 18deg); --g: rgba(0,240,255,.8); animation: 6s linear 0s infinite normal none running spin, 1.6s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-cyber"]::after{inset: -9px; background: conic-gradient(transparent 0deg, transparent 250deg, rgb(255, 43, 214) 360deg); mask: radial-gradient(farthest-side, transparent calc(100% - 3px), rgb(0, 0, 0) calc(100% - 2.5px)); filter: drop-shadow(rgb(255, 43, 214) 0px 0px 3px); animation: 1.4s linear 0s infinite normal none running spin;}
.looks .av[data-frame="frame-sakura"]::before{background: conic-gradient(rgb(255, 209, 227), rgb(255, 143, 191), rgb(255, 240, 246), rgb(232, 90, 154), rgb(255, 209, 227)); --g: rgba(255,143,191,.75); animation: 7s linear 0s infinite normal none running spin, 2.6s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-sakura"]::after{inset: -14px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%202c5%203%207%209%200%2016C3%2011%205%205%2010%202z'%20fill%3D'%23ffb7d5'%2F%3E%3Cpath%20d%3D'M10%205v10'%20stroke%3D'%23ff8fbf'%20stroke-width%3D'.8'%2F%3E%3C%2Fsvg%3E") 86% 4% / 22% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%202c5%203%207%209%200%2016C3%2011%205%205%2010%202z'%20fill%3D'%23ffb7d5'%2F%3E%3Cpath%20d%3D'M10%205v10'%20stroke%3D'%23ff8fbf'%20stroke-width%3D'.8'%2F%3E%3C%2Fsvg%3E") 4% 24% / 18% auto no-repeat, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%202c5%203%207%209%200%2016C3%2011%205%205%2010%202z'%20fill%3D'%23ffb7d5'%2F%3E%3Cpath%20d%3D'M10%205v10'%20stroke%3D'%23ff8fbf'%20stroke-width%3D'.8'%2F%3E%3C%2Fsvg%3E") 60% 96% / 16% auto no-repeat; animation: 2.8s ease-in 0s infinite normal none running frFall;}
.looks .av[data-frame="frame-inferno"]::before{background: conic-gradient(rgb(255, 0, 0), rgb(255, 123, 0), rgb(255, 208, 0), rgb(255, 60, 0), rgb(255, 0, 0)); --g: rgba(255,80,0,.9); animation: 1.4s linear 0s infinite normal none running spin, 0.6s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-inferno"]::after{inset: -46% -8% auto; height: 62%; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2060%2040'%3E%3Cdefs%3E%3ClinearGradient%20id%3D'f'%20x1%3D'0'%20y1%3D'1'%20x2%3D'0'%20y2%3D'0'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23ff2a00'%2F%3E%3Cstop%20offset%3D'.55'%20stop-color%3D'%23ff9a00'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23ffe680'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D'M30%200c4%2010%2014%2014%2012%2026%206-4%206-10%205-14%208%208%2010%2020%202%2028H11C3%2032%205%2020%2013%2012c-1%204-1%2010%205%2014-2-12%208-16%2012-26z'%20fill%3D'url(%23f)'%2F%3E%3C%2Fsvg%3E") center bottom / 100% 100% no-repeat; z-index: -2; transform-origin: 50% 100%; animation: 0.5s ease-in-out 0s infinite normal none running frFlame;}
.looks .av[data-frame="frame-legend"]::before{background: conic-gradient(rgb(255, 243, 176), rgb(224, 165, 44), rgb(255, 248, 220), rgb(184, 134, 43), rgb(255, 243, 176)); --g: rgba(255,215,90,.9); animation: 3s linear 0s infinite normal none running spin, 1.8s ease-in-out 0s infinite normal none running frGlow;}
.looks .av[data-frame="frame-legend"]::after{inset: -24%; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20100%20100'%3E%3Cellipse%20cx%3D'40.6'%20cy%3D'94.0'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(80%2040.6%2094.0)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'29.6'%20cy%3D'90.1'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(95%2029.6%2090.1)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'19.9'%20cy%3D'83.4'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(110%2019.9%2083.4)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'12.3'%20cy%3D'74.5'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(125%2012.3%2074.5)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'7.2'%20cy%3D'63.9'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(140%207.2%2063.9)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'5.1'%20cy%3D'52.4'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(155%205.1%2052.4)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'6.0'%20cy%3D'40.6'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(170%206.0%2040.6)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'9.9'%20cy%3D'29.6'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(185%209.9%2029.6)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'16.6'%20cy%3D'19.9'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(200%2016.6%2019.9)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'59.4'%20cy%3D'94.0'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(100%2059.4%2094.0)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'70.4'%20cy%3D'90.1'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(85%2070.4%2090.1)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'80.1'%20cy%3D'83.4'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(70%2080.1%2083.4)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'87.7'%20cy%3D'74.5'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(55%2087.7%2074.5)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'92.8'%20cy%3D'63.9'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(40%2092.8%2063.9)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'94.9'%20cy%3D'52.4'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(25%2094.9%2052.4)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'94.0'%20cy%3D'40.6'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(10%2094.0%2040.6)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'90.1'%20cy%3D'29.6'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(-5%2090.1%2029.6)'%20fill%3D'%23f6c453'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Cellipse%20cx%3D'83.4'%20cy%3D'19.9'%20rx%3D'3.2'%20ry%3D'7.5'%20transform%3D'rotate(-20%2083.4%2019.9)'%20fill%3D'%23ffe08a'%20stroke%3D'%239a6a12'%20stroke-width%3D'.8'%2F%3E%3Ccircle%20cx%3D'50'%20cy%3D'96'%20r%3D'3.5'%20fill%3D'%23f04b5d'%20stroke%3D'%23fff3b0'%20stroke-width%3D'1'%2F%3E%3C%2Fsvg%3E") center center / 100% 100% no-repeat; filter: drop-shadow(rgba(255, 215, 90, 0.8) 0px 0px 4px); animation: 2.6s ease-in-out 0s infinite normal none running frBob;}
.looks .av[data-frame]::before,.looks .av[data-frame]::after{animation: auto ease 0s 1 normal none running none !important;}
.looks .has-banner{isolation: isolate;}
.looks .bnr{position: absolute; inset: 0px; z-index: -1; overflow: hidden; border-radius: inherit; pointer-events: none;}
.looks .bnr::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(10, 14, 40, 0.62), rgba(10, 14, 40, 0.25) 70%, rgba(10, 14, 40, 0.1));}
.looks .bnr i{position: absolute; display: block; border-radius: 50%;}
.looks .bnr[data-b="banner-dunes"]{background: linear-gradient(rgb(255, 179, 107) 0%, rgb(255, 213, 154) 45%, rgb(232, 163, 90) 46%, rgb(201, 123, 60) 100%);}
.looks .bnr[data-b="banner-dunes"] i:nth-child(1){width: 140%; height: 80%; left: -30%; bottom: -45%; background: rgb(217, 139, 69);}
.looks .bnr[data-b="banner-dunes"] i:nth-child(2){width: 110%; height: 70%; left: 30%; bottom: -50%; background: rgb(184, 105, 47);}
.looks .bnr[data-b="banner-dunes"] i:nth-child(3){width: 46px; height: 46px; right: 16%; top: 12%; background: rgb(255, 243, 196); box-shadow: rgb(255, 243, 196) 0px 0px 30px;}
.looks .bnr[data-b="banner-gulf"]{background: linear-gradient(rgb(94, 200, 242), rgb(22, 119, 201) 60%, rgb(11, 74, 143));}
.looks .bnr[data-b="banner-gulf"] i{width: 160%; height: 60%; left: -30%; border-radius: 45%; background: rgba(255, 255, 255, 0.18);}
.looks .bnr[data-b="banner-gulf"] i:nth-child(1){bottom: -30%;}
.looks .bnr[data-b="banner-gulf"] i:nth-child(2){bottom: -42%; left: -10%; background: rgba(255, 255, 255, 0.12);}
.looks .bnr[data-b="banner-gulf"] i:nth-child(3){width: 40px; height: 40px; right: 12%; top: 10%; background: rgb(255, 248, 214);}
.looks .bnr[data-b="banner-palms"]{background: linear-gradient(rgb(255, 111, 97), rgb(255, 179, 71) 55%, rgb(91, 42, 110));}
.looks .bnr[data-b="banner-palms"] i:nth-child(1){width: 70px; height: 70px; right: 18%; bottom: 8%; background: rgb(255, 224, 138); box-shadow: rgb(255, 207, 102) 0px 0px 40px;}
.looks .bnr[data-b="banner-palms"] i:nth-child(2),.looks .bnr[data-b="banner-palms"] i:nth-child(3){border-radius: 0px; background: none; font-style: normal; font-size: 64px; line-height: 1; bottom: -6px; filter: brightness(0) opacity(0.75);}
.looks .bnr[data-b="banner-palms"] i:nth-child(2)::before,.looks .bnr[data-b="banner-palms"] i:nth-child(3)::before{content: "🌴";}
.looks .bnr[data-b="banner-palms"] i:nth-child(2){right: 4%;}
.looks .bnr[data-b="banner-palms"] i:nth-child(3){right: 30%; font-size: 48px;}
.looks .bnr[data-b="banner-mosaic"]{background-color: rgb(18, 58, 92); background-image: radial-gradient(circle, transparent 9px, rgb(246, 196, 83) 10px, rgb(246, 196, 83) 11px, transparent 12px), conic-gradient(from 45deg, rgb(29, 95, 138) 25%, rgb(18, 58, 92) 0deg, rgb(18, 58, 92) 50%, rgb(29, 95, 138) 0deg, rgb(29, 95, 138) 75%, rgb(18, 58, 92) 0deg); background-size: 32px 32px, 32px 32px;}
.looks .bnr[data-b="banner-frost"]{background: rgb(32, 18, 77);}
.looks .bnr[data-b="banner-frost"] i{width: 55%; height: 120%; filter: blur(22px); opacity: 0.9;}
.looks .bnr[data-b="banner-frost"] i:nth-child(1){left: -10%; top: -30%; background: rgb(255, 79, 163);}
.looks .bnr[data-b="banner-frost"] i:nth-child(2){left: 35%; top: 10%; background: rgb(79, 210, 255);}
.looks .bnr[data-b="banner-frost"] i:nth-child(3){right: -15%; top: -40%; background: rgb(180, 92, 255);}
.looks .bnr[data-b="banner-frost"]::before{content: ""; position: absolute; inset: 0px; backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.08);}
.looks .bnr[data-b="banner-bokeh"]{background: radial-gradient(120% 120% at 20% 0%, rgb(58, 42, 8), rgb(18, 12, 2));}
.looks .bnr[data-b="banner-bokeh"] i{background: rgb(246, 196, 83); filter: blur(6px); opacity: 0.55; animation: 9s ease-in-out 0s infinite normal none running bnrFloat;}
.looks .bnr[data-b="banner-bokeh"] i:nth-child(1){width: 60px; height: 60px; left: 8%; top: 20%;}
.looks .bnr[data-b="banner-bokeh"] i:nth-child(2){width: 34px; height: 34px; left: 46%; top: 55%; animation-delay: -3s; background: rgb(255, 223, 138);}
.looks .bnr[data-b="banner-bokeh"] i:nth-child(3){width: 80px; height: 80px; right: 6%; top: -10%; animation-delay: -6s; opacity: 0.4;}
.looks .bnr[data-b="banner-bokeh"] i:nth-child(4){width: 24px; height: 24px; left: 70%; top: 30%; animation-delay: -1.5s;}
.looks .bnr[data-b="banner-bokeh"] i:nth-child(5){width: 44px; height: 44px; left: 28%; top: -5%; animation-delay: -4.5s; opacity: 0.35;}
.looks .bnr[data-b="banner-aurora"]{background: linear-gradient(120deg, rgb(11, 31, 58), rgb(20, 83, 45), rgb(14, 116, 144), rgb(109, 40, 217), rgb(11, 31, 58)) 0% 0% / 300% 300%; animation: 10s ease 0s infinite normal none running bnrShift;}
.looks .bnr[data-b="banner-aurora"] i:nth-child(1){width: 120%; height: 60%; left: -10%; top: 10%; background: rgba(74, 222, 128, 0.35); filter: blur(18px); animation: 7s ease-in-out 0s infinite normal none running bnrFloat;}
.looks .bnr[data-b="banner-stars"]{background: radial-gradient(120% 140% at 80% 0%, rgb(43, 27, 107), rgb(7, 11, 36));}
.looks .bnr[data-b="banner-stars"]::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(1.5px 1.5px at 10% 30%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 30% 70%, rgb(255, 255, 255), transparent), radial-gradient(1.5px 1.5px at 55% 20%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 75% 60%, rgb(255, 255, 255), transparent), radial-gradient(1.5px 1.5px at 90% 35%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 45% 85%, rgb(255, 255, 255), transparent); animation: 3s ease-in-out 0s infinite alternate none running bnrTwinkle;}
.looks .bnr[data-b="banner-stars"] i{width: 90px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, transparent, rgb(255, 255, 255)); transform: rotate(-25deg); opacity: 0; animation: 4s linear 0s infinite normal none running bnrShoot;}
.looks .bnr[data-b="banner-stars"] i:nth-child(1){left: 10%; top: 20%;}
.looks .bnr[data-b="banner-stars"] i:nth-child(2){left: 50%; top: 10%; animation-delay: -1.4s;}
.looks .bnr[data-b="banner-stars"] i:nth-child(3){left: 30%; top: 50%; animation-delay: -2.7s;}
.looks .bnr[data-b="banner-lava"]{background: rgb(42, 5, 16);}
.looks .bnr[data-b="banner-lava"] i{filter: blur(14px); animation: 8s ease-in-out 0s infinite normal none running bnrLava;}
.looks .bnr[data-b="banner-lava"] i:nth-child(1){width: 110px; height: 110px; left: 5%; top: 10%; background: rgb(255, 61, 46);}
.looks .bnr[data-b="banner-lava"] i:nth-child(2){width: 90px; height: 90px; left: 45%; top: 40%; background: rgb(255, 159, 28); animation-delay: -2.5s;}
.looks .bnr[data-b="banner-lava"] i:nth-child(3){width: 120px; height: 120px; right: 0px; top: -20%; background: rgb(224, 17, 95); animation-delay: -5s;}
.looks .bnr[data-b="banner-royal"]{background: linear-gradient(135deg, rgb(59, 42, 5), rgb(138, 101, 18) 35%, rgb(246, 196, 83) 50%, rgb(138, 101, 18) 65%, rgb(59, 42, 5));}
.looks .bnr[data-b="banner-royal"]::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%) 0% 0% / 250% 100%; animation: 3.5s ease-in-out 0s infinite normal none running bnrShine;}
.looks .bnr[data-b="banner-royal"] i:nth-child(1){border-radius: 0px; background: none; right: 8%; top: 50%; transform: translateY(-50%); font-size: 44px; font-style: normal; opacity: 0.8;}
.looks .bnr[data-b="banner-royal"] i:nth-child(1)::before{content: "👑";}
.looks .bnr[data-b="banner-northern"]{background: linear-gradient(rgb(2, 11, 34), rgb(10, 31, 69) 70%, rgb(17, 48, 94));}
.looks .bnr[data-b="banner-northern"]::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(1.2px 1.2px at 12% 20%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 38% 12%, rgb(255, 255, 255), transparent), radial-gradient(1.4px 1.4px at 66% 26%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 88% 10%, rgb(255, 255, 255), transparent); animation: 2.4s ease-in-out 0s infinite alternate none running bnrTwinkle;}
.looks .bnr[data-b="banner-northern"] i{border-radius: 50%; filter: blur(14px); mix-blend-mode: screen; animation: 6s ease-in-out 0s infinite normal none running bnWave;}
.looks .bnr[data-b="banner-northern"] i:nth-child(1){width: 70%; height: 70%; left: -5%; top: 5%; background: linear-gradient(rgba(74, 255, 160, 0.85), rgba(74, 255, 160, 0));}
.looks .bnr[data-b="banner-northern"] i:nth-child(2){width: 60%; height: 80%; left: 30%; top: -10%; background: linear-gradient(rgba(64, 224, 255, 0.8), rgba(64, 224, 255, 0)); animation-delay: -2s;}
.looks .bnr[data-b="banner-northern"] i:nth-child(3){width: 55%; height: 70%; right: -10%; top: 0px; background: linear-gradient(rgba(190, 110, 255, 0.8), rgba(190, 110, 255, 0)); animation-delay: -4s;}
.looks .bnr[data-b="banner-sandstorm"]{background: linear-gradient(rgb(217, 163, 94), rgb(232, 184, 120) 50%, rgb(185, 120, 58));}
.looks .bnr[data-b="banner-sandstorm"]::before{content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(100deg, rgba(255, 240, 210, 0) 0px, rgba(255, 240, 210, 0) 18px, rgba(255, 240, 210, 0.35) 20px, rgba(255, 240, 210, 0) 26px) 0px 0px / 200% 100%; animation: 2.2s linear 0s infinite normal none running bnrShine;}
.looks .bnr[data-b="banner-sandstorm"] i{filter: blur(16px); background: rgba(255, 226, 170, 0.7); animation: 5s ease-in-out 0s infinite normal none running bnDrift;}
.looks .bnr[data-b="banner-sandstorm"] i:nth-child(1){width: 60%; height: 70%; left: -10%; top: 20%;}
.looks .bnr[data-b="banner-sandstorm"] i:nth-child(2){width: 50%; height: 60%; left: 40%; top: -10%; background: rgba(170, 110, 50, 0.6); animation-delay: -2s;}
.looks .bnr[data-b="banner-sandstorm"] i:nth-child(3){width: 45%; height: 60%; right: -10%; bottom: -20%; animation-delay: -3.5s;}
.looks .bnr[data-b="banner-swirl"]{background: rgb(9, 3, 32);}
.looks .bnr[data-b="banner-swirl"]::before{content: ""; position: absolute; left: 50%; top: 50%; width: 260%; aspect-ratio: 1 / 1; margin: -130% 0px 0px -130%; background: conic-gradient(rgb(58, 12, 163), rgb(114, 9, 183), rgb(247, 37, 133), rgb(67, 97, 238), rgb(76, 201, 240), rgb(58, 12, 163)); mask: repeating-radial-gradient(circle, rgb(0, 0, 0) 0px, rgb(0, 0, 0) 6%, rgba(0, 0, 0, 0.35) 9%, rgb(0, 0, 0) 12%); filter: blur(8px); opacity: 0.85; animation: 16s linear 0s infinite normal none running bnSpin;}
.looks .bnr[data-b="banner-swirl"] i{width: 4px; height: 4px; background: rgb(255, 255, 255); box-shadow: rgb(255, 255, 255) 0px 0px 6px; animation: 1.6s ease-in-out 0s infinite alternate none running bnrTwinkle;}
.looks .bnr[data-b="banner-swirl"] i:nth-child(1){left: 12%; top: 20%;}
.looks .bnr[data-b="banner-swirl"] i:nth-child(2){left: 44%; top: 70%; animation-delay: -0.6s;}
.looks .bnr[data-b="banner-swirl"] i:nth-child(3){left: 78%; top: 24%; animation-delay: -1.1s;}
.looks .bnr[data-b="banner-swirl"] i:nth-child(4){left: 90%; top: 76%; width: 3px; height: 3px;}
.looks .bnr[data-b="banner-fireflies"]{background: radial-gradient(120% 140% at 50% 120%, rgb(30, 77, 43), rgb(10, 31, 18) 60%, rgb(4, 10, 6));}
.looks .bnr[data-b="banner-fireflies"] i{width: 6px; height: 6px; background: rgb(255, 246, 168); box-shadow: rgba(255, 236, 110, 0.85) 0px 0px 10px 3px; animation: 6s ease-in-out 0s infinite normal none running bnFly;}
.looks .bnr[data-b="banner-fireflies"] i:nth-child(1){left: 10%; top: 60%;}
.looks .bnr[data-b="banner-fireflies"] i:nth-child(2){left: 32%; top: 24%; animation-delay: -1.4s; animation-duration: 7s;}
.looks .bnr[data-b="banner-fireflies"] i:nth-child(3){left: 56%; top: 58%; animation-delay: -2.8s;}
.looks .bnr[data-b="banner-fireflies"] i:nth-child(4){left: 74%; top: 18%; animation-delay: -4s; animation-duration: 8s;}
.looks .bnr[data-b="banner-fireflies"] i:nth-child(5){left: 88%; top: 62%; animation-delay: -0.7s; width: 4px; height: 4px;}
.looks .bnr[data-b="banner-sunrise"]{background: linear-gradient(rgb(43, 16, 85) 0%, rgb(213, 51, 105) 45%, rgb(255, 179, 71) 75%, rgb(255, 226, 154));}
.looks .bnr[data-b="banner-sunrise"] i:nth-child(1){width: 90px; height: 90px; left: 62%; bottom: 0px; background: radial-gradient(circle, rgb(255, 247, 209) 0px, rgb(255, 247, 209) 40%, rgb(255, 211, 107) 55%, rgba(255, 170, 60, 0) 72%); animation: 10s ease-in-out 0s infinite normal none running bnSun;}
.looks .bnr[data-b="banner-sunrise"] i:nth-child(2){width: 150%; height: 70%; left: -40%; bottom: -48%; background: rgb(122, 59, 29); z-index: 1;}
.looks .bnr[data-b="banner-sunrise"] i:nth-child(3){width: 120%; height: 60%; left: 30%; bottom: -44%; background: rgb(90, 42, 18); z-index: 1;}
.looks .bnr[data-b="banner-lanterns"]{background: linear-gradient(rgb(18, 6, 50), rgb(61, 20, 80) 70%, rgb(92, 31, 79));}
.looks .bnr[data-b="banner-lanterns"] i{width: 22px; height: 26px; border-radius: 0px; bottom: -30px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2028'%3E%3Cdefs%3E%3CradialGradient%20id%3D'l'%20cx%3D'.5'%20cy%3D'.45'%20r%3D'.6'%3E%3Cstop%20offset%3D'0'%20stop-color%3D'%23fff1b8'%2F%3E%3Cstop%20offset%3D'.6'%20stop-color%3D'%23ffab2e'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'%23d4561a'%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20d%3D'M10%200h4v3h-4z'%20fill%3D'%235a2a0a'%2F%3E%3Cpath%20d%3D'M5%204h14c3%205%203%2015%200%2020H5C2%2019%202%209%205%204z'%20fill%3D'url(%23l)'%2F%3E%3Cpath%20d%3D'M8%2024h8l-1%203H9z'%20fill%3D'%235a2a0a'%2F%3E%3C%2Fsvg%3E") center center / contain no-repeat; filter: drop-shadow(rgba(255, 171, 46, 0.9) 0px 0px 8px); animation: 9s linear 0s infinite normal none running bnRise;}
.looks .bnr[data-b="banner-lanterns"] i:nth-child(1){left: 8%;}
.looks .bnr[data-b="banner-lanterns"] i:nth-child(2){left: 28%; animation-delay: -2s; transform: scale(0.7);}
.looks .bnr[data-b="banner-lanterns"] i:nth-child(3){left: 50%; animation-delay: -4.5s;}
.looks .bnr[data-b="banner-lanterns"] i:nth-child(4){left: 70%; animation-delay: -6.5s;}
.looks .bnr[data-b="banner-lanterns"] i:nth-child(5){left: 88%; animation-delay: -3.2s;}
.looks .bnr[data-b="banner-snow"]{background: linear-gradient(rgb(27, 42, 78), rgb(59, 91, 142) 70%, rgb(201, 217, 240));}
.looks .bnr[data-b="banner-snow"]::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(2px 2px at 20% 30%, rgb(255, 255, 255), transparent), radial-gradient(2.5px 2.5px at 70% 60%, rgb(255, 255, 255), transparent), radial-gradient(1.5px 1.5px at 45% 80%, rgb(255, 255, 255), transparent), radial-gradient(2px 2px at 90% 20%, rgb(255, 255, 255), transparent); background-size: 60px 60px, 90px 60px; animation: 4s linear 0s infinite normal none running bnSnow;}
.looks .bnr[data-b="banner-snow"] i:nth-child(1){width: 140%; height: 50%; left: -20%; bottom: -36%; background: rgb(238, 245, 255);}
.looks .bnr[data-b="banner-code"]{background: rgb(0, 13, 5);}
.looks .bnr[data-b="banner-code"]::before{content: ""; position: absolute; inset: 0px; background: repeating-linear-gradient(0deg, rgba(0, 255, 102, 0.07) 0px, rgba(0, 255, 102, 0.07) 1px, transparent 1px, transparent 4px);}
.looks .bnr[data-b="banner-code"] i{width: 3px; height: 55%; top: 0px; border-radius: 2px; background: linear-gradient(transparent, rgba(0, 255, 102, 0.85) 85%, rgb(212, 255, 228)); box-shadow: rgb(0, 255, 102) 0px 0px 6px; animation: 2s linear 0s infinite normal none running bnDrop;}
.looks .bnr[data-b="banner-code"] i:nth-child(1){left: 10%;}
.looks .bnr[data-b="banner-code"] i:nth-child(2){left: 28%; animation-delay: -0.7s; animation-duration: 1.6s;}
.looks .bnr[data-b="banner-code"] i:nth-child(3){left: 47%; animation-delay: -1.3s; animation-duration: 2.4s;}
.looks .bnr[data-b="banner-code"] i:nth-child(4){left: 66%; animation-delay: -0.3s; animation-duration: 1.8s;}
.looks .bnr[data-b="banner-code"] i:nth-child(5){left: 86%; animation-delay: -1.6s;}
.looks .bnr[data-b="banner-candy"]{background: repeating-linear-gradient(45deg, rgb(224, 67, 143) 0px, rgb(224, 67, 143) 18px, rgb(107, 42, 115) 18px, rgb(107, 42, 115) 36px, rgb(46, 143, 208) 36px, rgb(46, 143, 208) 54px, rgb(107, 42, 115) 54px, rgb(107, 42, 115) 72px); animation: 2.4s linear 0s infinite normal none running bnCandy;}
.looks .bnr[data-b="banner-candy"] i:nth-child(1){width: 60px; height: 60px; right: 14%; top: 14%; background: radial-gradient(circle at 35% 35%, rgb(255, 255, 255), rgba(255, 255, 255, 0) 60%); animation: 2s ease-in-out 0s infinite normal none running bnPulse;}
.looks .bnr[data-b="banner-lavalamp"]{background: linear-gradient(rgb(43, 10, 61), rgb(92, 15, 74));}
.looks .bnr[data-b="banner-lavalamp"] i{filter: blur(6px); animation: 7s ease-in-out 0s infinite normal none running bnBlob;}
.looks .bnr[data-b="banner-lavalamp"] i:nth-child(1){width: 70px; height: 70px; left: 8%; top: 30%; background: rgb(255, 79, 139);}
.looks .bnr[data-b="banner-lavalamp"] i:nth-child(2){width: 50px; height: 50px; left: 36%; top: 20%; background: rgb(255, 159, 28); animation-delay: -2s; animation-duration: 9s;}
.looks .bnr[data-b="banner-lavalamp"] i:nth-child(3){width: 80px; height: 80px; left: 60%; top: 30%; background: rgb(196, 92, 255); animation-delay: -4s;}
.looks .bnr[data-b="banner-lavalamp"] i:nth-child(4){width: 40px; height: 40px; right: 4%; top: 20%; background: rgb(255, 210, 63); animation-delay: -5.5s; animation-duration: 6s;}
.looks .bnr[data-b="banner-blossom"]{background: linear-gradient(rgb(61, 44, 110), rgb(156, 69, 128));}
.looks .bnr[data-b="banner-blossom"]::before{content: ""; position: absolute; right: -4%; top: -10%; width: 60%; height: 70%; background: radial-gradient(circle at 30% 60%, rgb(255, 183, 213) 0px, rgb(255, 183, 213) 18%, transparent 19%), radial-gradient(circle at 55% 40%, rgb(255, 159, 200) 0px, rgb(255, 159, 200) 20%, transparent 21%), radial-gradient(circle at 80% 65%, rgb(255, 201, 223) 0px, rgb(255, 201, 223) 18%, transparent 19%), radial-gradient(circle at 60% 80%, rgb(255, 183, 213) 0px, rgb(255, 183, 213) 14%, transparent 15%); filter: blur(1px);}
.looks .bnr[data-b="banner-blossom"] i{width: 16px; height: 16px; top: 0px; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2020'%3E%3Cpath%20d%3D'M10%202c5%203%207%209%200%2016C3%2011%205%205%2010%202z'%20fill%3D'%23ffb7d5'%2F%3E%3Cpath%20d%3D'M10%205v10'%20stroke%3D'%23ff8fbf'%20stroke-width%3D'.8'%2F%3E%3C%2Fsvg%3E") center center / contain no-repeat; animation: 6s linear 0s infinite normal none running bnFall;}
.looks .bnr[data-b="banner-blossom"] i:nth-child(1){left: 60%;}
.looks .bnr[data-b="banner-blossom"] i:nth-child(2){left: 78%; animation-delay: -1.5s;}
.looks .bnr[data-b="banner-blossom"] i:nth-child(3){left: 40%; animation-delay: -3s; width: 12px; height: 12px;}
.looks .bnr[data-b="banner-blossom"] i:nth-child(4){left: 88%; animation-delay: -4.2s;}
.looks .bnr[data-b="banner-blossom"] i:nth-child(5){left: 22%; animation-delay: -2.2s; width: 12px; height: 12px;}
.looks .bnr[data-b="banner-thunder"]{background: linear-gradient(rgb(21, 26, 61), rgb(45, 51, 102) 60%, rgb(61, 69, 128));}
.looks .bnr[data-b="banner-thunder"]::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(circle at 70% 20%, rgb(255, 255, 255), rgba(200, 210, 255, 0.5) 40%, transparent 70%); opacity: 0; animation: 4s linear 0s infinite normal none running bnFlash;}
.looks .bnr[data-b="banner-thunder"] i:nth-child(1){width: 46px; height: 70px; left: 66%; top: 6%; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2020%2024'%3E%3Cpath%20d%3D'M12%200L2%2014h7l-2%2010%2011-15h-7z'%20fill%3D'%23fff59d'%20stroke%3D'%23ffd600'%20stroke-width%3D'1'%20stroke-linejoin%3D'round'%2F%3E%3C%2Fsvg%3E") center center / contain no-repeat; filter: drop-shadow(rgb(255, 245, 157) 0px 0px 8px); opacity: 0; animation: 4s linear 0s infinite normal none running bnFlash; z-index: 1;}
.looks .bnr[data-b="banner-thunder"] i:nth-child(2){width: 70%; height: 60%; left: -10%; top: -30%; background: rgb(58, 63, 110); filter: blur(10px); animation: 9s ease-in-out 0s infinite normal none running bnDrift;}
.looks .bnr[data-b="banner-thunder"] i:nth-child(3){width: 60%; height: 55%; right: -12%; top: -28%; background: rgb(42, 45, 85); filter: blur(10px); animation: 11s ease-in-out 0s infinite reverse none running bnDrift;}
.looks .bnr[data-b="banner-goldrush"]{background: linear-gradient(rgb(43, 26, 0), rgb(122, 82, 0));}
.looks .bnr[data-b="banner-goldrush"]::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(105deg, transparent 35%, rgba(255, 240, 180, 0.4) 50%, transparent 65%) 0% 0% / 250% 100%; animation: 3s ease-in-out 0s infinite normal none running bnrShine;}
.looks .bnr[data-b="banner-goldrush"] i{width: 20px; height: 20px; top: 0px; background: radial-gradient(circle at 35% 30%, rgb(255, 247, 194), rgb(246, 196, 83) 45%, rgb(178, 122, 18) 80%); box-shadow: rgb(224, 165, 44) 0px 0px 0px 2px inset, rgba(246, 196, 83, 0.7) 0px 0px 8px; animation: 3.6s linear 0s infinite normal none running bnFall;}
.looks .bnr[data-b="banner-goldrush"] i:nth-child(1){left: 10%;}
.looks .bnr[data-b="banner-goldrush"] i:nth-child(2){left: 30%; animation-delay: -1s; width: 14px; height: 14px;}
.looks .bnr[data-b="banner-goldrush"] i:nth-child(3){left: 52%; animation-delay: -2.2s;}
.looks .bnr[data-b="banner-goldrush"] i:nth-child(4){left: 72%; animation-delay: -0.5s; width: 16px; height: 16px;}
.looks .bnr[data-b="banner-goldrush"] i:nth-child(5){left: 90%; animation-delay: -2.9s;}
.looks .bnr[data-b="banner-bubbles"]{background: linear-gradient(rgb(0, 180, 219), rgb(0, 131, 176));}
.looks .bnr[data-b="banner-bubbles"] i{bottom: -30px; border: 2px solid rgba(255, 255, 255, 0.75); background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.7) 0px, rgba(255, 255, 255, 0.7) 15%, rgba(255, 255, 255, 0.08) 40%); animation: 6s ease-in 0s infinite normal none running bnRise;}
.looks .bnr[data-b="banner-bubbles"] i:nth-child(1){width: 24px; height: 24px; left: 10%;}
.looks .bnr[data-b="banner-bubbles"] i:nth-child(2){width: 14px; height: 14px; left: 30%; animation-delay: -1.5s;}
.looks .bnr[data-b="banner-bubbles"] i:nth-child(3){width: 30px; height: 30px; left: 52%; animation-delay: -3s;}
.looks .bnr[data-b="banner-bubbles"] i:nth-child(4){width: 12px; height: 12px; left: 74%; animation-delay: -4.4s;}
.looks .bnr[data-b="banner-bubbles"] i:nth-child(5){width: 20px; height: 20px; left: 90%; animation-delay: -2.2s;}
.looks .bnr[data-b="banner-synthwave"]{background: linear-gradient(rgb(20, 0, 46) 0%, rgb(74, 10, 107) 45%, rgb(255, 46, 151) 62%, rgb(20, 0, 46) 62%);}
.looks .bnr[data-b="banner-synthwave"]::before{content: ""; position: absolute; inset: 62% -50% -60%; background: linear-gradient(0deg, rgba(255, 46, 151, 0.9) 1.5px, transparent 1.5px) 0px 0px / 100% 24px, linear-gradient(90deg, rgba(255, 46, 151, 0.8) 1.5px, transparent 1.5px) 0px 0px / 40px 100%; transform: perspective(120px) rotateX(55deg); transform-origin: 50% 0px; animation: 0.8s linear 0s infinite normal none running bnGrid;}
.looks .bnr[data-b="banner-synthwave"] i:nth-child(1){width: 80px; height: 80px; left: 50%; top: 62%; margin: -58px 0px 0px -40px; background: linear-gradient(rgb(255, 224, 102), rgb(255, 95, 162) 70%); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 50%, transparent 50%, transparent 56%, rgb(0, 0, 0) 56%, rgb(0, 0, 0) 64%, transparent 64%, transparent 69%, rgb(0, 0, 0) 69%, rgb(0, 0, 0) 76%, transparent 76%, transparent 80%, rgb(0, 0, 0) 80%); filter: drop-shadow(rgb(255, 95, 162) 0px 0px 10px); clip-path: inset(0px 0px 28%);}
.looks .bnr[data-b="banner-meteor"]{background: radial-gradient(120% 140% at 70% 0%, rgb(42, 20, 96), rgb(7, 4, 24));}
.looks .bnr[data-b="banner-meteor"]::before{content: ""; position: absolute; inset: 0px; background-image: radial-gradient(1.2px 1.2px at 15% 40%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 35% 15%, rgb(255, 255, 255), transparent), radial-gradient(1.4px 1.4px at 60% 70%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 82% 40%, rgb(255, 255, 255), transparent); animation: 2s ease-in-out 0s infinite alternate none running bnrTwinkle;}
.looks .bnr[data-b="banner-meteor"] i{width: 110px; height: 2.5px; border-radius: 2px; background: linear-gradient(90deg, transparent, rgb(255, 210, 161) 70%, rgb(255, 255, 255)); box-shadow: rgb(255, 179, 107) 0px 0px 6px; transform: rotate(-25deg); opacity: 0; animation: 3s linear 0s infinite normal none running bnrShoot;}
.looks .bnr[data-b="banner-meteor"] i:nth-child(1){left: 6%; top: 30%;}
.looks .bnr[data-b="banner-meteor"] i:nth-child(2){left: 40%; top: 14%; animation-delay: -0.8s; background: linear-gradient(90deg, transparent, rgb(168, 230, 255) 70%, rgb(255, 255, 255)); box-shadow: rgb(111, 211, 255) 0px 0px 6px;}
.looks .bnr[data-b="banner-meteor"] i:nth-child(3){left: 20%; top: 60%; animation-delay: -1.6s;}
.looks .bnr[data-b="banner-meteor"] i:nth-child(4){left: 56%; top: 46%; animation-delay: -2.3s; background: linear-gradient(90deg, transparent, rgb(224, 179, 255) 70%, rgb(255, 255, 255)); box-shadow: rgb(196, 113, 245) 0px 0px 6px;}
.looks .bnr[data-b="banner-emerald"]{background: linear-gradient(120deg, rgb(0, 61, 43), rgb(0, 168, 107), rgb(127, 255, 212), rgb(0, 168, 107), rgb(0, 61, 43)) 0% 0% / 300% 300%; animation: 8s ease 0s infinite normal none running bnrShift;}
.looks .bnr[data-b="banner-emerald"]::before{content: ""; position: absolute; inset: 0px; background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, 0.45) 50%, transparent 65%) 0% 0% / 250% 100%; animation: 3.4s ease-in-out 0s infinite normal none running bnrShine;}
.looks .bnr[data-b="banner-emerald"] i{width: 130%; height: 26%; left: -15%; background: rgba(190, 255, 230, 0.4); filter: blur(10px); animation: 7s ease-in-out 0s infinite normal none running bnWave;}
.looks .bnr[data-b="banner-emerald"] i:nth-child(1){top: 20%;}
.looks .bnr[data-b="banner-emerald"] i:nth-child(2){top: 60%; animation-delay: -3s; background: rgba(0, 80, 50, 0.45);}
.looks .bnr[data-b="banner-skyline"]{background: linear-gradient(rgb(11, 16, 48), rgb(58, 29, 92) 70%, rgb(194, 71, 122));}
.looks .bnr[data-b="banner-skyline"]::before{content: ""; position: absolute; inset: 0px 0px 40%; background-image: radial-gradient(1.2px 1.2px at 10% 30%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 30% 60%, rgb(255, 255, 255), transparent), radial-gradient(1.4px 1.4px at 52% 20%, rgb(255, 255, 255), transparent), radial-gradient(1px 1px at 74% 50%, rgb(255, 255, 255), transparent), radial-gradient(1.2px 1.2px at 94% 26%, rgb(255, 255, 255), transparent); animation: 2.2s ease-in-out 0s infinite alternate none running bnrTwinkle;}
.looks .bnr[data-b="banner-skyline"] i:nth-child(1){left: 0px; right: 0px; bottom: 0px; height: 72%; width: auto; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20300%2080'%3E%3Crect%20x%3D'0'%20y%3D'30'%20width%3D'22'%20height%3D'50'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'8'%20y%3D'42'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.79'%2F%3E%3Crect%20x%3D'3'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.83'%2F%3E%3Crect%20x%3D'3'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.58'%2F%3E%3Crect%20x%3D'8'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.74'%2F%3E%3Crect%20x%3D'3'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.98'%2F%3E%3Crect%20x%3D'18'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.59'%2F%3E%3Crect%20x%3D'8'%20y%3D'70'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.84'%2F%3E%3Crect%20x%3D'23'%20y%3D'36'%20width%3D'31'%20height%3D'44'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'46'%20y%3D'41'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.68'%2F%3E%3Crect%20x%3D'36'%20y%3D'48'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.62'%2F%3E%3Crect%20x%3D'41'%20y%3D'48'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.74'%2F%3E%3Crect%20x%3D'26'%20y%3D'55'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.70'%2F%3E%3Crect%20x%3D'31'%20y%3D'55'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.83'%2F%3E%3Crect%20x%3D'41'%20y%3D'62'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.82'%2F%3E%3Crect%20x%3D'46'%20y%3D'62'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.66'%2F%3E%3Crect%20x%3D'41'%20y%3D'69'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'55'%20y%3D'47'%20width%3D'18'%20height%3D'33'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'58'%20y%3D'52'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.57'%2F%3E%3Crect%20x%3D'68'%20y%3D'52'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.93'%2F%3E%3Crect%20x%3D'58'%20y%3D'59'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.96'%2F%3E%3Crect%20x%3D'63'%20y%3D'59'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.87'%2F%3E%3Crect%20x%3D'68'%20y%3D'59'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.78'%2F%3E%3Crect%20x%3D'68'%20y%3D'73'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.87'%2F%3E%3Crect%20x%3D'74'%20y%3D'11'%20width%3D'18'%20height%3D'69'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'87'%20y%3D'16'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'82'%20y%3D'23'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'87'%20y%3D'23'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.79'%2F%3E%3Crect%20x%3D'87'%20y%3D'30'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.95'%2F%3E%3Crect%20x%3D'77'%20y%3D'44'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.85'%2F%3E%3Crect%20x%3D'82'%20y%3D'44'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.93'%2F%3E%3Crect%20x%3D'77'%20y%3D'51'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.58'%2F%3E%3Crect%20x%3D'87'%20y%3D'58'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.92'%2F%3E%3Crect%20x%3D'93'%20y%3D'47'%20width%3D'20'%20height%3D'33'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'101'%20y%3D'52'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.57'%2F%3E%3Crect%20x%3D'101'%20y%3D'59'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.54'%2F%3E%3Crect%20x%3D'101'%20y%3D'73'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'106'%20y%3D'73'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.67'%2F%3E%3Crect%20x%3D'114'%20y%3D'23'%20width%3D'30'%20height%3D'57'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'117'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.63'%2F%3E%3Crect%20x%3D'132'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.54'%2F%3E%3Crect%20x%3D'132'%20y%3D'35'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'122'%20y%3D'42'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.76'%2F%3E%3Crect%20x%3D'137'%20y%3D'42'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.83'%2F%3E%3Crect%20x%3D'122'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.84'%2F%3E%3Crect%20x%3D'132'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.94'%2F%3E%3Crect%20x%3D'122'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.89'%2F%3E%3Crect%20x%3D'127'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.77'%2F%3E%3Crect%20x%3D'132'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.82'%2F%3E%3Crect%20x%3D'137'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'122'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.78'%2F%3E%3Crect%20x%3D'127'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.70'%2F%3E%3Crect%20x%3D'132'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.89'%2F%3E%3Crect%20x%3D'122'%20y%3D'70'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.86'%2F%3E%3Crect%20x%3D'145'%20y%3D'26'%20width%3D'31'%20height%3D'54'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'153'%20y%3D'31'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.58'%2F%3E%3Crect%20x%3D'153'%20y%3D'38'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.76'%2F%3E%3Crect%20x%3D'148'%20y%3D'45'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.62'%2F%3E%3Crect%20x%3D'153'%20y%3D'45'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.65'%2F%3E%3Crect%20x%3D'158'%20y%3D'45'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.80'%2F%3E%3Crect%20x%3D'168'%20y%3D'45'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.59'%2F%3E%3Crect%20x%3D'158'%20y%3D'52'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.78'%2F%3E%3Crect%20x%3D'158'%20y%3D'66'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'163'%20y%3D'66'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.95'%2F%3E%3Crect%20x%3D'177'%20y%3D'16'%20width%3D'27'%20height%3D'64'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'180'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.75'%2F%3E%3Crect%20x%3D'190'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.94'%2F%3E%3Crect%20x%3D'195'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.69'%2F%3E%3Crect%20x%3D'200'%20y%3D'28'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.90'%2F%3E%3Crect%20x%3D'200'%20y%3D'35'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.79'%2F%3E%3Crect%20x%3D'180'%20y%3D'42'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.64'%2F%3E%3Crect%20x%3D'200'%20y%3D'42'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.81'%2F%3E%3Crect%20x%3D'180'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.85'%2F%3E%3Crect%20x%3D'190'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.57'%2F%3E%3Crect%20x%3D'195'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.98'%2F%3E%3Crect%20x%3D'200'%20y%3D'49'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.67'%2F%3E%3Crect%20x%3D'185'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.78'%2F%3E%3Crect%20x%3D'200'%20y%3D'56'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.87'%2F%3E%3Crect%20x%3D'190'%20y%3D'63'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.69'%2F%3E%3Crect%20x%3D'185'%20y%3D'70'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.88'%2F%3E%3Crect%20x%3D'190'%20y%3D'70'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'195'%20y%3D'70'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'205'%20y%3D'41'%20width%3D'29'%20height%3D'39'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'208'%20y%3D'53'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.91'%2F%3E%3Crect%20x%3D'213'%20y%3D'53'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.77'%2F%3E%3Crect%20x%3D'228'%20y%3D'60'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.61'%2F%3E%3Crect%20x%3D'208'%20y%3D'67'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.83'%2F%3E%3Crect%20x%3D'218'%20y%3D'74'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.55'%2F%3E%3Crect%20x%3D'235'%20y%3D'25'%20width%3D'21'%20height%3D'55'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'238'%20y%3D'30'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.94'%2F%3E%3Crect%20x%3D'238'%20y%3D'37'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'1.00'%2F%3E%3Crect%20x%3D'243'%20y%3D'37'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.88'%2F%3E%3Crect%20x%3D'248'%20y%3D'37'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.96'%2F%3E%3Crect%20x%3D'248'%20y%3D'44'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.53'%2F%3E%3Crect%20x%3D'238'%20y%3D'51'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.69'%2F%3E%3Crect%20x%3D'248'%20y%3D'51'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.80'%2F%3E%3Crect%20x%3D'243'%20y%3D'58'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.85'%2F%3E%3Crect%20x%3D'257'%20y%3D'32'%20width%3D'23'%20height%3D'48'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'260'%20y%3D'37'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.54'%2F%3E%3Crect%20x%3D'275'%20y%3D'51'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'265'%20y%3D'58'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.84'%2F%3E%3Crect%20x%3D'275'%20y%3D'58'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.73'%2F%3E%3Crect%20x%3D'265'%20y%3D'65'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.63'%2F%3E%3Crect%20x%3D'270'%20y%3D'65'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.72'%2F%3E%3Crect%20x%3D'260'%20y%3D'72'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.55'%2F%3E%3Crect%20x%3D'281'%20y%3D'24'%20width%3D'28'%20height%3D'56'%20fill%3D'%230a0f2a'%2F%3E%3Crect%20x%3D'289'%20y%3D'29'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.55'%2F%3E%3Crect%20x%3D'299'%20y%3D'29'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.53'%2F%3E%3Crect%20x%3D'299'%20y%3D'36'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.66'%2F%3E%3Crect%20x%3D'304'%20y%3D'43'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.71'%2F%3E%3Crect%20x%3D'284'%20y%3D'50'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.88'%2F%3E%3Crect%20x%3D'294'%20y%3D'50'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.90'%2F%3E%3Crect%20x%3D'299'%20y%3D'50'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.61'%2F%3E%3Crect%20x%3D'289'%20y%3D'57'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.85'%2F%3E%3Crect%20x%3D'294'%20y%3D'57'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.71'%2F%3E%3Crect%20x%3D'304'%20y%3D'57'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.59'%2F%3E%3Crect%20x%3D'284'%20y%3D'64'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.79'%2F%3E%3Crect%20x%3D'289'%20y%3D'64'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.67'%2F%3E%3Crect%20x%3D'294'%20y%3D'64'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.55'%2F%3E%3Crect%20x%3D'304'%20y%3D'71'%20width%3D'2'%20height%3D'3'%20fill%3D'%23ffd86f'%20opacity%3D'0.81'%2F%3E%3C%2Fsvg%3E") 0px 100% / auto 100% repeat-x; animation: 3s ease-in-out 0s infinite alternate none running bnrTwinkle; z-index: 1;}
.looks .bnr[data-b="banner-skyline"] i:nth-child(2){width: 34px; height: 34px; right: 10%; top: 10%; background: radial-gradient(circle at 60% 40%, rgb(255, 249, 224), rgb(242, 228, 176) 60%, rgb(217, 200, 144)); box-shadow: rgba(255, 249, 224, 0.7) 0px 0px 20px;}
.looks .bnr[data-b="banner-waves"]{background: linear-gradient(rgb(143, 211, 255), rgb(79, 176, 236) 45%, rgb(28, 111, 192));}
.looks .bnr[data-b="banner-waves"] i{left: 0px; right: 0px; width: auto; border-radius: 0px; animation: bnWaveX var(--sp) linear infinite;}
.looks .bnr[data-b="banner-waves"] i:nth-child(1){--t: 160px; --sp: 7s; height: 62%; bottom: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%2040'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2012%20C15%202%2025%202%2040%2012%20S65%2022%2080%2012%20S105%202%20120%2012%20V40%20H0Z'%20fill%3D'rgba(255%2C255%2C255%2C.45)'%2F%3E%3C%2Fsvg%3E") 0px 100% / 160px 100% repeat-x;}
.looks .bnr[data-b="banner-waves"] i:nth-child(2){--t: -120px; --sp: 5s; height: 48%; bottom: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%2040'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2012%20C15%202%2025%202%2040%2012%20S65%2022%2080%2012%20S105%202%20120%2012%20V40%20H0Z'%20fill%3D'%231a6fc4'%2F%3E%3C%2Fsvg%3E") 0px 100% / 120px 100% repeat-x;}
.looks .bnr[data-b="banner-waves"] i:nth-child(3){--t: 100px; --sp: 3.6s; height: 32%; bottom: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20120%2040'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2012%20C15%202%2025%202%2040%2012%20S65%2022%2080%2012%20S105%202%20120%2012%20V40%20H0Z'%20fill%3D'%230b3f7d'%2F%3E%3C%2Fsvg%3E") 0px 100% / 100px 100% repeat-x;}
.looks .bnr[data-b="banner-waves"] i:nth-child(4){width: 40px; height: 40px; right: 12%; top: 10%; left: auto; border-radius: 50%; background: radial-gradient(circle, rgb(255, 251, 224) 0px, rgb(255, 251, 224) 45%, rgba(255, 240, 180, 0) 70%); animation: 6s ease-in-out 0s infinite normal none running bnrFloat;}
.looks .bnr[data-b="banner-neonrain"]{background: linear-gradient(rgb(7, 2, 26), rgb(26, 5, 56));}
.looks .bnr[data-b="banner-neonrain"]::before{content: ""; position: absolute; inset: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2060'%20preserveAspectRatio%3D'none'%3E%3Cg%20stroke-linecap%3D'round'%20stroke-width%3D'1.6'%3E%3Cline%20x1%3D'6'%20y1%3D'2'%20x2%3D'6'%20y2%3D'16'%20stroke%3D'%234ff3ff'%2F%3E%3Cline%20x1%3D'22'%20y1%3D'34'%20x2%3D'22'%20y2%3D'44'%20stroke%3D'%23ff2bd6'%2F%3E%3Cline%20x1%3D'34'%20y1%3D'14'%20x2%3D'34'%20y2%3D'26'%20stroke%3D'%234ff3ff'%20opacity%3D'.7'%2F%3E%3Cline%20x1%3D'14'%20y1%3D'50'%20x2%3D'14'%20y2%3D'58'%20stroke%3D'%23ff2bd6'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0px 0px / 40px 60px, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2060'%20preserveAspectRatio%3D'none'%3E%3Cg%20stroke-linecap%3D'round'%20stroke-width%3D'1.6'%3E%3Cline%20x1%3D'6'%20y1%3D'2'%20x2%3D'6'%20y2%3D'16'%20stroke%3D'%23ff2bd6'%2F%3E%3Cline%20x1%3D'22'%20y1%3D'34'%20x2%3D'22'%20y2%3D'44'%20stroke%3D'%23b47cff'%2F%3E%3Cline%20x1%3D'34'%20y1%3D'14'%20x2%3D'34'%20y2%3D'26'%20stroke%3D'%23ff2bd6'%20opacity%3D'.7'%2F%3E%3Cline%20x1%3D'14'%20y1%3D'50'%20x2%3D'14'%20y2%3D'58'%20stroke%3D'%23b47cff'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 20px 30px / 50px 75px; filter: drop-shadow(rgb(79, 243, 255) 0px 0px 3px); animation: 0.7s linear 0s infinite normal none running bnRainY;}
.looks .bnr[data-b="banner-neonrain"] i{filter: blur(18px); animation: 2.4s ease-in-out 0s infinite normal none running bnPulse;}
.looks .bnr[data-b="banner-neonrain"] i:nth-child(1){width: 50%; height: 80%; left: -10%; top: 20%; background: rgba(255, 43, 214, 0.55);}
.looks .bnr[data-b="banner-neonrain"] i:nth-child(2){width: 50%; height: 80%; right: -10%; top: -20%; background: rgba(79, 243, 255, 0.5); animation-delay: -1.2s;}
.looks .bnr[data-b="banner-neonrain"] i:nth-child(3){left: 0px; right: 0px; bottom: 0px; width: auto; height: 18%; border-radius: 0px; background: linear-gradient(0deg, rgba(255, 43, 214, 0.45), transparent); filter: none;}
.looks .bnr[data-b="banner-thunder"] i:nth-child(4){inset: 0px; width: auto; height: auto; border-radius: 0px; background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2060'%20preserveAspectRatio%3D'none'%3E%3Cg%20stroke-linecap%3D'round'%20stroke-width%3D'1.6'%3E%3Cline%20x1%3D'6'%20y1%3D'2'%20x2%3D'6'%20y2%3D'16'%20stroke%3D'rgba(200%2C210%2C255%2C.55)'%2F%3E%3Cline%20x1%3D'22'%20y1%3D'34'%20x2%3D'22'%20y2%3D'44'%20stroke%3D'rgba(160%2C175%2C230%2C.45)'%2F%3E%3Cline%20x1%3D'34'%20y1%3D'14'%20x2%3D'34'%20y2%3D'26'%20stroke%3D'rgba(200%2C210%2C255%2C.55)'%20opacity%3D'.7'%2F%3E%3Cline%20x1%3D'14'%20y1%3D'50'%20x2%3D'14'%20y2%3D'58'%20stroke%3D'rgba(160%2C175%2C230%2C.45)'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 0px 0px / 40px 60px, url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2040%2060'%20preserveAspectRatio%3D'none'%3E%3Cg%20stroke-linecap%3D'round'%20stroke-width%3D'1.6'%3E%3Cline%20x1%3D'6'%20y1%3D'2'%20x2%3D'6'%20y2%3D'16'%20stroke%3D'rgba(200%2C210%2C255%2C.35)'%2F%3E%3Cline%20x1%3D'22'%20y1%3D'34'%20x2%3D'22'%20y2%3D'44'%20stroke%3D'rgba(160%2C175%2C230%2C.3)'%2F%3E%3Cline%20x1%3D'34'%20y1%3D'14'%20x2%3D'34'%20y2%3D'26'%20stroke%3D'rgba(200%2C210%2C255%2C.35)'%20opacity%3D'.7'%2F%3E%3Cline%20x1%3D'14'%20y1%3D'50'%20x2%3D'14'%20y2%3D'58'%20stroke%3D'rgba(160%2C175%2C230%2C.3)'%20opacity%3D'.8'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 20px 30px / 50px 75px; animation: 0.6s linear 0s infinite normal none running bnRainY;}
.looks .bnr[data-b="banner-thunder"] i:nth-child(5){left: 0px; right: 0px; bottom: 0px; width: auto; height: 30%; border-radius: 0px; background: linear-gradient(0deg, rgb(10, 12, 30), transparent);}
.looks .bnr,.looks .bnr *,.looks .bnr::before{animation: auto ease 0s 1 normal none running none !important;}
@keyframes spin { 
  100% { transform: rotate(360deg); }
}
@keyframes fire { 
  0% { box-shadow: rgba(255, 109, 0, 0.7) 0px 0px 10px 2px; }
  100% { box-shadow: rgba(255, 61, 0, 0.85) 0px -4px 22px 7px; }
}
@keyframes galaxy { 
  0%, 100% { box-shadow: rgba(196, 113, 245, 0.6) 0px 0px 8px 2px, rgb(255, 255, 255) 6px -8px 0px -4px, rgb(255, 255, 255) -9px 6px 0px -5px; }
  50% { box-shadow: rgba(18, 194, 233, 0.7) 0px 0px 18px 6px, rgb(255, 255, 255) -7px -9px 0px -4px, rgb(255, 255, 255) 9px 7px 0px -5px; }
}
@keyframes frGlow { 
  0%, 100% { box-shadow: 0 0 5px 1px var(--g); }
  50% { box-shadow: 0 0 16px 5px var(--g); }
}
@keyframes frAura { 
  0% { transform: scale(0.92); opacity: 0.95; }
  100% { transform: scale(1.25); opacity: 0; }
}
@keyframes frRise { 
  0% { transform: translateY(6px); opacity: 0; }
  25% { opacity: 1; }
  100% { transform: translateY(-16px); opacity: 0; }
}
@keyframes frBob { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-4px); }
}
@keyframes frTwinkle { 
  0%, 100% { opacity: 0.3; transform: scale(0.85) rotate(0deg); }
  50% { opacity: 1; transform: scale(1.06) rotate(14deg); }
}
@keyframes frBolt { 
  0%, 60%, 74%, 100% { opacity: 0; }
  62%, 66%, 70% { opacity: 1; }
  64%, 68% { opacity: 0.3; }
}
@keyframes frStrike { 
  0%, 60%, 74%, 100% { box-shadow: rgba(120, 140, 255, 0.6) 0px 0px 6px 1px; }
  62%, 70% { box-shadow: rgba(235, 240, 255, 0.95) 0px 0px 24px 9px; }
}
@keyframes frDrip { 
  0% { transform: translateY(-3px); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: translateY(12px); opacity: 0; }
}
@keyframes frFlap { 
  0%, 100% { transform: scale(1) translateY(0px); }
  50% { transform: scale(1.07, 0.9) translateY(-3px); }
}
@keyframes frFloat { 
  0% { transform: translateY(5px) scale(0.8); opacity: 0; }
  30% { opacity: 1; }
  100% { transform: translateY(-14px) scale(1.1); opacity: 0; }
}
@keyframes frFall { 
  0% { transform: translate(0px, -8px) rotate(0deg); opacity: 0; }
  20% { opacity: 1; }
  100% { transform: translate(-6px, 14px) rotate(160deg); opacity: 0; }
}
@keyframes frFlame { 
  0%, 100% { transform: scaleY(1); opacity: 0.92; }
  50% { transform: scale(0.94, 1.16); opacity: 1; }
}
@keyframes frBeat { 
  0%, 45%, 100% { transform: scale(1); }
  15% { transform: scale(1.08); }
  30% { transform: scale(1.02); }
}
@keyframes bnWave { 
  0%, 100% { transform: translateX(-6%) skewX(-12deg) scaleY(1); }
  50% { transform: translateX(6%) skewX(-12deg) scaleY(1.25); }
}
@keyframes bnDrift { 
  0%, 100% { transform: translateX(-10%); }
  50% { transform: translateX(10%); }
}
@keyframes bnFly { 
  0%, 100% { transform: translate(0px, 0px); opacity: 0.3; }
  25% { transform: translate(18px, -10px); opacity: 1; }
  50% { transform: translate(30px, 6px); opacity: 0.5; }
  75% { transform: translate(10px, 14px); opacity: 1; }
}
@keyframes bnSnow { 
  100% { background-position: 30px 120px, -20px 120px; }
}
@keyframes bnRise { 
  0% { transform: translateY(40px) scale(0.9); opacity: 0; }
  15% { opacity: 1; }
  100% { transform: translateY(-160px) scale(1.05); opacity: 0; }
}
@keyframes bnFall { 
  0% { transform: translate(0px, -30px) rotate(0deg); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translate(-40px, 170px) rotate(320deg); opacity: 0; }
}
@keyframes bnDrop { 
  0% { transform: translateY(-120%); opacity: 0; }
  10% { opacity: 1; }
  100% { transform: translateY(220%); opacity: 0.2; }
}
@keyframes bnFlash { 
  0%, 58%, 72%, 100% { opacity: 0; }
  60%, 64% { opacity: 0.85; }
  62%, 68% { opacity: 0.25; }
}
@keyframes bnSun { 
  0%, 100% { transform: translate(-50%, 30%); }
  50% { transform: translate(-50%, -6%); }
}
@keyframes bnPulse { 
  0%, 100% { opacity: 0.45; transform: scale(1); }
  50% { opacity: 0.95; transform: scale(1.15); }
}
@keyframes bnBlob { 
  0%, 100% { transform: translateY(40%) scale(1); }
  50% { transform: translateY(-40%) scale(1.2, 0.85); }
}
@keyframes bnGrid { 
  100% { background-position: 0px 24px; }
}
@keyframes bnCandy { 
  100% { background-position: 101.82px 0px; }
}
@keyframes bnSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes bnWaveX { 
  100% { background-position: var(--t) 100%; }
}
@keyframes bnRainY { 
  100% { background-position: 0px 60px, 20px 60px; }
}
@keyframes bnrShift { 
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes bnrFloat { 
  0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(12px, -10px); }
}
@keyframes bnrTwinkle { 
  0% { opacity: 0.5; }
  100% { opacity: 1; }
}
@keyframes bnrShoot { 
  0% { opacity: 0; transform: translate(0px, 0px) rotate(-25deg); }
  5% { opacity: 1; }
  25% { opacity: 0; transform: translate(160px, -75px) rotate(-25deg); }
  100% { opacity: 0; }
}
@keyframes bnrLava { 
  0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(20px, 15px) scale(1.25); }
}
@keyframes bnrShine { 
  0% { background-position: 150% 0px; }
  100% { background-position: -100% 0px; }
}