.electric-border-card{--electric-border-color:#87CEEB;--electric-light-color:oklch(from var(--electric-border-color) l c h);--gradient-color:oklch(from var(--electric-border-color) 0.3 calc(c / 2) h/0.4);--color-neutral-900:oklch(0.185 0 0);--sky-blue-bright:#a8d8f0;--sky-blue-medium:#87CEEB;--sky-blue-dark:#5F9EA0}.electric-border-card .card-container.size-3{width:100%;max-width:350px;min-height:350px}.electric-border-card .card-container.size-4{width:100%;max-width:450px;min-height:400px}.electric-border-card .card-container.size-6{width:100%;max-width:min(600px,45vw);min-height:450px}.electric-border-card .card-container.size-12{width:100%;min-height:400px}@media (max-width:600px){.electric-border-card .card-container.size-3,.electric-border-card .card-container.size-4,.electric-border-card .card-container.size-6{max-width:100%;min-height:300px}}@media (max-width:900px){.electric-border-card .card-container.size-6{max-width:500px}}@media (min-width:1200px){.electric-border-card .card-container.size-6{max-width:min(700px,50vw)}}@media (min-width:1400px){.electric-border-card .card-container.size-6{max-width:min(800px,55vw)}}.electric-border-card .main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.electric-border-card .svg-container{position:absolute}.electric-border-card .card-container{padding:2px;border-radius:24px;position:relative;background:linear-gradient(-30deg,var(--gradient-color),transparent,var(--gradient-color)),linear-gradient(to bottom,var(--color-neutral-900),var(--color-neutral-900));display:flex;flex-direction:column;width:fit-content;height:fit-content}.electric-border-card .inner-container{position:relative;display:flex;flex:1}.electric-border-card .border-outer{border:2px solid rgba(135,206,235,.5);border-radius:24px;padding-right:4px;padding-bottom:4px;display:flex;flex:1}.electric-border-card .electric-border{position:absolute;top:-4px;left:-4px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:24px;border:2px solid var(--electric-border-color);filter:url(#turbulent-displace);pointer-events:none;z-index:1}.electric-border-card .main-card{width:100%;height:100%;border-radius:24px;position:relative;z-index:2}.electric-border-card .glow-layer-1{border:2px solid rgba(135,206,235,.6);border-radius:24px;filter:blur(1px)}.electric-border-card .glow-layer-1,.electric-border-card .glow-layer-2{width:100%;height:100%;position:absolute;top:2px;left:2px;right:2px;bottom:2px;pointer-events:none}.electric-border-card .glow-layer-2{border:2px solid var(--electric-light-color);border-radius:24px;filter:blur(4px)}.electric-border-card .overlay-1{opacity:1}.electric-border-card .overlay-1,.electric-border-card .overlay-2{position:absolute;width:100%;height:100%;top:2px;left:2px;right:2px;bottom:2px;border-radius:24px;mix-blend-mode:overlay;transform:scale(1.1);filter:blur(16px);pointer-events:none}.electric-border-card .overlay-2{opacity:.5}.electric-border-card .background-glow{position:absolute;width:100%;height:100%;top:2px;left:2px;right:2px;bottom:2px;border-radius:24px;filter:blur(32px);transform:scale(1.1);opacity:.3;z-index:-1;pointer-events:none;background:linear-gradient(-30deg,var(--sky-blue-bright),transparent,var(--electric-border-color))}.electric-border-card .content-container{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;height:100%}.electric-border-card .content-top{display:flex;flex-direction:column;padding:32px 32px 16px;height:100%}.electric-border-card .content-bottom{display:flex;flex-direction:column;padding:16px 32px 32px}.electric-border-card .scrollbar-glass{background:radial-gradient(47.2% 50% at 50.39% 88.37%,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 100%),rgba(255,255,255,.04);position:relative;transition:background .3s ease;border-radius:999px;width:fit-content;height:fit-content;padding:6px 12px;text-transform:uppercase;font-weight:700;font-size:12px;color:rgba(255,255,255,.9)}@media (min-width:600px){.electric-border-card .scrollbar-glass{padding:8px 16px;font-size:14px}}.electric-border-card .scrollbar-glass:hover{background:radial-gradient(47.2% 50% at 50.39% 88.37%,rgba(255,255,255,.12) 0,rgba(255,255,255,0) 100%),rgba(255,255,255,.08)}.electric-border-card .scrollbar-glass:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.48) 16.73%,rgba(255,255,255,.08) 30.2%,rgba(255,255,255,.08) 68.2%,rgba(255,255,255,.6) 81.89%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none}.electric-border-card .title{font-size:36px;font-weight:500;margin-top:auto;color:white}.electric-border-card .description{opacity:.5;color:white}.electric-border-card .event-image{margin-bottom:16px;position:relative;border-radius:12px;overflow:hidden}.electric-border-card .event-image-img{object-fit:cover;border-radius:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform}.electric-border-card .event-image:hover .event-image-img{transform:scale(1.05)}.electric-border-card .fighters{font-size:18px;font-weight:600;color:#87CEEB;margin-bottom:16px;line-height:1.3}.electric-border-card .event-details{margin-bottom:20px}.electric-border-card .detail-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:rgba(255,255,255,.8);font-size:14px}.electric-border-card .price-section{margin-top:auto}.electric-border-card .price{font-size:24px;font-weight:700;color:#87CEEB}.electric-border-card .divider{margin-top:auto;border:none;height:1px;background-color:currentColor;opacity:.1;mask-image:linear-gradient(90deg,transparent,black,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black,transparent)}