html body .svc.svc-x{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:16px 10px 12px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(165deg,var(--tint,#fff) 0%,#fff 78%);border:1.5px solid color-mix(in srgb,var(--c1,#F7C6DD) 38%,#fff);box-shadow:0 8px 20px color-mix(in srgb,var(--c2,#B4286E) 14%,transparent);transition:transform .22s cubic-bezier(.2,.9,.3,1.3),box-shadow .22s ease,border-color .22s ease}html body .svc.svc-x:after{content:"";position:absolute;right:-26px;top:-26px;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c1,#F7C6DD) 30%,transparent),transparent 70%);pointer-events:none}html body .svc.svc-x i{width:50px;height:50px;margin:0 auto 9px;border-radius:16px;position:relative;z-index:1;background:linear-gradient(135deg,var(--c1,var(--pink)),var(--c2,var(--pink-deep)));box-shadow:0 8px 16px color-mix(in srgb,var(--c2,#B4286E) 32%,transparent)}html body .svc.svc-x .svc-n{display:block;font:800 calc(13.5px*var(--sh,1))/1.25 var(--font-ui);color:var(--cream);position:relative;z-index:1}html body .svc.svc-x .svc-d{display:block;margin:5px 0 9px;font:500 calc(11.5px*var(--sh,1))/1.35 var(--font-ui);color:var(--cream);opacity:.68;position:relative;z-index:1}html body .svc.svc-x .svc-t{margin-top:auto;font:800 calc(10.5px*var(--sh,1))/1 var(--font-ui);font-style:normal;letter-spacing:.2px;padding:5px 10px;border-radius:100px;position:relative;z-index:1;color:var(--c2,var(--pink-deep));background:color-mix(in srgb,var(--c1,#F7C6DD) 20%,#fff)}@media(hover:hover){html body .svc.svc-x:hover{transform:translateY(-5px);border-color:var(--c1);box-shadow:0 16px 30px color-mix(in srgb,var(--c2,#B4286E) 26%,transparent),0 0 0 4px color-mix(in srgb,var(--c1) 16%,transparent)}html body .svc.svc-x:hover i{animation:svcWiggle .55s ease both}}html body .svc.svc-x:active{transform:scale(.96)}@keyframes svcWiggle{0%{transform:rotate(0)}25%{transform:rotate(-9deg) scale(1.06)}55%{transform:rotate(7deg) scale(1.06)}to{transform:rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){html body .svc.svc-x,html body .svc.svc-x i{transition:none;animation:none!important}html body .svc.svc-x:hover{transform:none}}@media(max-width:699px){html body .svc-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px}}#lp-field input[type=file]{display:block;width:100%;margin-top:6px;padding:10px;border:1.5px dashed rgba(0,0,0,.25);border-radius:12px;background:#fff9;font-size:calc(13.5px*var(--sh,1));box-sizing:border-box}#lp-field .lp-bar{height:6px;margin-top:8px;border-radius:99px;background:#0000001a;overflow:hidden}#lp-field .lp-bar i{display:block;height:100%;width:0;background:#e91e8c;transition:width .2s}.lp-daftar{list-style:none;margin:8px 0 0;padding:0}.lp-daftar:empty{display:none}.lp-daftar li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-top:6px;border-radius:10px;background:#0000000d;font-size:calc(13.5px*var(--sh,1));word-break:break-word}.lp-daftar button{border:0;background:none;color:#c62828;text-decoration:underline;cursor:pointer;font-size:calc(13px*var(--sh,1))}.lp-msg{margin:6px 0 0;font-size:calc(13px*var(--sh,1));line-height:1.45}.lp-msg:empty{display:none}.lp-msg.err{color:#c62828}.ts-lamp{margin-top:8px;font-size:calc(13.5px*var(--sh,1))}.ts-lamp-btn{display:block;margin-top:6px;max-width:100%;padding:8px 12px;border:0;border-radius:10px;background:#111;color:#fff;font-size:calc(13px*var(--sh,1));text-align:left;white-space:normal;word-break:break-word;cursor:pointer}
