:root{--sg-frame-info-layers:url(/modal-frame/info-tl.webp) 0 0 / 40px 40px no-repeat, url(/modal-frame/info-tr.webp) 100% 0 / 40px 40px no-repeat, url(/modal-frame/info-bl.webp) 0 100% / 40px 40px no-repeat, url(/modal-frame/info-br.webp) 100% 100% / 40px 40px no-repeat, url(/modal-frame/info-t.webp) 40px 0 / calc(100% - 80px) 12px no-repeat, url(/modal-frame/info-b.webp) 40px 100% / calc(100% - 80px) 12px no-repeat, url(/modal-frame/info-l.webp) 0 40px / 12px calc(100% - 80px) no-repeat, url(/modal-frame/info-r.webp) 100% 40px / 12px calc(100% - 80px) no-repeat;--sg-frame-event-layers:url(/modal-frame/event-crest.webp) 50% 0 / 24px 25px no-repeat, url(/modal-frame/event-tl.webp) 0 5px / 40px 40px no-repeat, url(/modal-frame/event-tr.webp) 100% 5px / 40px 40px no-repeat, url(/modal-frame/event-bl.webp) 0 100% / 40px 40px no-repeat, url(/modal-frame/event-br.webp) 100% 100% / 40px 40px no-repeat, url(/modal-frame/event-t.webp) 40px 5px / calc(100% - 80px) 12px no-repeat, url(/modal-frame/event-b.webp) 40px 100% / calc(100% - 80px) 12px no-repeat, url(/modal-frame/event-l.webp) 0 45px / 12px calc(100% - 85px) no-repeat, url(/modal-frame/event-r.webp) 100% 45px / 12px calc(100% - 85px) no-repeat;--sg-frame-event-clip:polygon(12px 5px, calc(50% - 12px) 5px, calc(50% - 12px) 0, calc(50% + 12px) 0, calc(50% + 12px) 5px, calc(100% - 12px) 5px, 100% 17px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 17px)}.sg-modal.sg-modal-frame.sg-modal-frame--info{background:var(--sg-frame-info-layers),  linear-gradient(var(--sg-frame-tier,transparent), var(--sg-frame-tier,transparent)) 12px 12px / calc(100% - 24px) 4px no-repeat, var(--sg-frame-tint,linear-gradient(transparent, transparent)) 0 17px / 100% calc(100% - 34px) no-repeat, var(--sg-frame-tint,linear-gradient(transparent, transparent)) 17px 0 / calc(100% - 34px) 100% no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 17px / 100% calc(100% - 34px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 17px 0 / calc(100% - 34px) 100% no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border-radius:0;border:12px solid #0000!important}.sg-modal.sg-modal-frame.sg-modal-frame--event{background:var(--sg-frame-event-layers), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 17px / 100% calc(100% - 30px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 13px 5px / calc(100% - 26px) calc(100% - 5px) no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border:12px solid #0000;border-top-width:17px;border-radius:0}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay{box-shadow:none;clip-path:var(--sg-frame-event-clip);border:0;border-radius:0}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay:after{background:var(--sg-frame-event-layers);content:"";pointer-events:none;z-index:calc(var(--z-base) + 3);position:absolute;inset:0}:root{--sg-frame-small-layers:url(/modal-frame/info-tl.webp) 0 0 / 26px 26px no-repeat, url(/modal-frame/info-tr.webp) 100% 0 / 26px 26px no-repeat, url(/modal-frame/info-bl.webp) 0 100% / 26px 26px no-repeat, url(/modal-frame/info-br.webp) 100% 100% / 26px 26px no-repeat, url(/modal-frame/info-t.webp) 26px 0 / calc(100% - 52px) 8px no-repeat, url(/modal-frame/info-b.webp) 26px 100% / calc(100% - 52px) 8px no-repeat, url(/modal-frame/info-l.webp) 0 26px / 8px calc(100% - 52px) no-repeat, url(/modal-frame/info-r.webp) 100% 26px / 8px calc(100% - 52px) no-repeat}:is(.sg-modal,.sg-modal-frame).sg-modal-frame.sg-modal-frame--small{background:var(--sg-frame-small-layers), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 0 12px / 100% calc(100% - 24px) no-repeat, linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2)) 12px 0 / calc(100% - 24px) 100% no-repeat;box-shadow:none;clip-path:none;background-origin:border-box;background-clip:border-box;border-radius:0;border:8px solid #0000!important}@media (max-width:600px){.sg-modal.sg-modal-frame.sg-modal-frame--info,.sg-modal.sg-modal-frame.sg-modal-frame--event,:is(.sg-modal,.sg-modal-frame).sg-modal-frame.sg-modal-frame--small{background:var(--sg-frame-tint,linear-gradient(transparent, transparent)), linear-gradient(180deg, var(--lol-bg-1), var(--lol-bg-2));border:1px solid var(--lol-gold)!important}.sg-modal.sg-modal.sg-modal-frame.sg-modal-frame--info[class*=sg-finance-tier--]{border-top:4px solid var(--sg-frame-tier,var(--lol-gold))!important}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay{border:1px solid var(--lol-gold);clip-path:none}.sg-modal.sg-modal-frame.sg-modal-frame--event-overlay:after{background:0 0}}