:root{--bg:#f7f7f5;--dot:#d6d6d2;--island:#fff;--line:#00000014;--line-strong:#0000002e;--ring:#00000012;--text:#1b1b1f;--muted:#66666c;--fill:#f1f1ef;--fill-hover:#e9e9e6;--well:#f0f0ed;--well-hover:#e8e8e4;--raised:#fff;--accent:#1b1b1f;--accent-text:#fff;--sel:#e8eefc;--sel-line:#b9c9f5;--focus:#4d7cff;--danger:#b93a26;--warn-bg:#fff4dc;--warn-text:#6b4600;--shadow:0 1px 2px #0000000a, 0 8px 24px #00000014;--elev:0 0 0 1px #0000000f, 0 1px 2px -1px #00000014, 0 6px 16px -4px #00000014;--r:12px;--r-in:6px;--gap:12px;--panel-w:272px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#18181b;--dot:#2c2c31;--island:#232327;--line:#ffffff14;--line-strong:#fff3;--ring:#ffffff14;--text:#ececef;--muted:#a0a0a8;--fill:#2c2c31;--fill-hover:#35353b;--well:#1b1b1f;--well-hover:#2a2a2f;--raised:#34343a;--accent:#ececef;--accent-text:#18181b;--sel:#2a3450;--sel-line:#4d63a8;--focus:#7f9dff;--danger:#ff8a75;--warn-bg:#3a2f17;--warn-text:#ffd98a;--shadow:0 1px 2px #0000004d, 0 8px 24px #0006;--elev:0 0 0 1px #ffffff14, 0 8px 24px -6px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:13px/1.4 Inter,system-ui,-apple-system,Segoe UI,sans-serif}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}label{color:var(--muted);font-size:12px}h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.stage{gap:var(--gap);height:100%;padding:var(--gap);grid-template-columns:var(--panel-w) minmax(0, 1fr) var(--panel-w);background-image:radial-gradient(var(--dot) 1px, transparent 1px);background-position:11px 11px;background-size:22px 22px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"brand switch actions""produk work foto""produk film foto";display:grid;position:relative;overflow:hidden}.brandbar{grid-area:brand;justify-self:start}.switchbar{grid-area:switch;justify-self:center}.actions{grid-area:actions;justify-self:end}.island.panelTabs{display:none}.panel.produk{grid-area:produk}.panel.foto{grid-area:foto}.work{grid-area:work}.film{grid-area:film}.island{z-index:2;border-radius:var(--r);background:var(--island);box-shadow:var(--elev);align-items:center;gap:6px;padding:6px;display:flex;position:relative}.brand{letter-spacing:-.01em;padding:0 6px;font-weight:600}.sep{background:var(--line);width:1px;height:18px}.btn{white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 12px;font-weight:500;transition:background-color .12s,transform .1s;display:inline-flex}.btn:hover:not(:disabled){background:var(--fill)}.btn:active:not(:disabled){transform:scale(.96)}.btn.primary{background:var(--accent);color:var(--accent-text);padding:0 14px}.btn.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, var(--bg))}.btn.sm{height:28px;padding:0 10px;font-size:12px}.btn.danger{color:var(--danger)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 10%, transparent)}.iconBtn{width:26px;height:26px;color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.iconBtn:hover{background:var(--fill);color:var(--text)}.link{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:12px}.link:hover{color:var(--text);text-decoration-color:currentColor}.actions{gap:4px}.actions .progress{width:auto;height:2px;position:absolute;bottom:2px;left:10px;right:10px}.panel{--stack-gap:20px;align-self:start;align-items:stretch;gap:var(--stack-gap);overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;max-height:100%;padding:0 14px 16px;overflow-y:auto}.panelHead{z-index:1;background:var(--island);color:var(--muted);align-items:center;gap:8px;margin:0 -14px -8px;padding:14px 14px 4px;display:flex;position:sticky;top:0}.panelHead h2{letter-spacing:-.01em;color:var(--text);font-size:14px;font-weight:600}.section{--stack-gap:8px;gap:var(--stack-gap);flex-direction:column;display:flex}.sectionHead{justify-content:space-between;align-items:center;min-height:20px;display:flex}.sectionHead h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.note{color:var(--muted);text-wrap:pretty;font-size:12px}.choice button{font-size:12px}.choice.seg{--pad:3px;padding:var(--pad);background:var(--well);border-radius:9px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;display:grid;position:relative}.choice.seg:before{content:"";top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad) - (var(--n) - 1) * 2px) / var(--n));background:var(--raised);box-shadow:0 0 0 1px var(--ring), 0 1px 2px #00000014;transform:translateX(calc(var(--i) * (100% + 2px)));transition:transform var(--tabs-dur) var(--tabs-ease);border-radius:6px;position:absolute}.choice.seg button{height:28px;color:var(--muted);white-space:nowrap;transition:color var(--tabs-dur) var(--tabs-ease);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex;position:relative}.choice.seg button:hover,.choice.seg button.on{color:var(--text)}.switchbar{padding:0}.switchbar .choice.seg{--pad:4px;background:0 0}.switchbar .choice.seg:before{background:var(--sel);box-shadow:none}.switchbar .choice.seg button{height:32px;padding:0 16px;font-size:13px}.choice.tiles{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:10px 8px;display:grid}.choice.tiles button{color:var(--muted);text-align:left;background:0 0;border:0;align-content:start;gap:6px;padding:0;font-size:11px;display:grid}.choice.tiles button:hover,.choice.tiles button.on{color:var(--text)}.sceneThumb{aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--ring);background-color:#fff;border-radius:8px;transition:box-shadow .14s;display:block;position:relative;overflow:hidden}.choice.tiles button:hover .sceneThumb{box-shadow:inset 0 0 0 1px var(--ring), 0 0 0 2px var(--line-strong)}.choice.tiles button.on .sceneThumb{box-shadow:0 0 0 2px var(--island), 0 0 0 4px var(--accent)}.sceneThumb img,.sceneThumb i{filter:drop-shadow(0 2px 2px #00000047);display:block;position:absolute}.sceneThumb i{aspect-ratio:1;background:#fff;border-radius:14%}.tileName{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;overflow:hidden}.choice.list{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:4px;display:grid}.choice.list button{background:var(--well);min-height:32px;color:var(--muted);text-align:left;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 10px 0 8px;transition:background-color .12s,box-shadow .12s;display:flex}.choice.list button:hover{background:var(--well-hover);color:var(--text)}.choice.list button.on{background:var(--raised);color:var(--text);box-shadow:0 0 0 1.5px var(--accent)}.ratioBox{flex:none;place-items:center;width:18px;height:18px;display:grid}.ratio{border:1.5px solid;border-radius:3px}.presetText{flex:1;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.presetText span{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.presetText small{color:var(--muted);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.choice.corners{--size:68px;width:var(--size);height:var(--size);background:var(--well);border-radius:9px;flex:none;grid-template-columns:1fr 1fr;gap:2px;padding:4px;display:grid;position:relative}.choice.corners:before{content:"";background:var(--accent);width:12px;height:7px;translate:calc(var(--c) * (var(--size) - 30px)) calc(var(--r) * (var(--size) - 25px));transition:translate var(--tabs-dur) var(--tabs-ease);pointer-events:none;border-radius:2px;position:absolute;top:9px;left:9px}.choice.corners button{background:0 0;border:0;border-radius:5px;padding:5px;display:grid}.choice.corners button:hover{background:var(--well-hover)}.choice.corners button:first-child{place-items:start}.choice.corners button:nth-child(2){place-items:start end}.choice.corners button:nth-child(3){place-items:end start}.choice.corners button:nth-child(4){place-items:end}.choice.corners i{background:var(--line-strong);border-radius:2px;width:12px;height:7px}.switch{text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:0;font-size:12px;display:flex}.switch i{background:var(--line-strong);border-radius:999px;flex:none;width:30px;height:18px;position:relative}.switch i:after{content:"";width:14px;height:14px;transition:background-color var(--toggle-track) var(--toggle-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch[aria-checked=true] i{background:var(--accent)}.switch[aria-checked=true] i:after{background:var(--accent-text)}.range{gap:2px;display:grid}.colorField{min-height:32px;color:var(--text);justify-content:space-between;align-items:center;font-size:12px;display:flex}.colorField input[type=color]{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;width:44px;height:28px;padding:2px}.rangeHead{justify-content:space-between;font-size:12px;display:flex}.rangeHead label{color:var(--text)}.rangeHead output{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:500}input[type=range]{--track:var(--accent);appearance:none;background:0 0;width:100%;height:20px;margin:0}input[type=range].holo{--track:linear-gradient(90deg, var(--holo-list))}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg, transparent var(--p,0%), var(--fill-hover) var(--p,0%)), var(--track);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:linear-gradient(90deg, transparent var(--p,0%), var(--fill-hover) var(--p,0%)), var(--track);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{border:1.5px solid var(--accent);background:var(--island);width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-bounce);-webkit-appearance:none;border-radius:50%;margin-top:-5px;box-shadow:0 1px 3px #0003}input[type=range]::-moz-range-thumb{border:1.5px solid var(--accent);background:var(--island);width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-bounce);border-radius:50%;box-shadow:0 1px 3px #0003}input[type=range]:hover::-webkit-slider-thumb{transition:transform var(--duration-quick) var(--ease-smooth-out);transform:scale(1.12)}input[type=range]:active::-webkit-slider-thumb{transition:transform var(--duration-quick) var(--ease-smooth-out);transform:scale(1.3)}input[type=range]:active::-moz-range-thumb{transition:transform var(--duration-quick) var(--ease-smooth-out);transform:scale(1.3)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus)}.textInput,.dims input{background:var(--well);height:32px;color:var(--text);font:inherit;border:0;border-radius:8px;padding:0 10px;font-size:12px;transition:background-color .12s,box-shadow .12s}.textInput{width:100%}.textInput::placeholder{color:var(--muted);opacity:.8}.textInput:focus,.dims input:focus{background:var(--island);box-shadow:inset 0 0 0 1.5px var(--focus);outline:none}.dims{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.dims input{text-align:center;font-variant-numeric:tabular-nums;width:72px}.brandRow{gap:8px;display:flex}.brandRow .textInput{flex:1;min-width:0}.logoSlot{border:1.5px dashed var(--line-strong);height:32px;color:var(--muted);background:0 0;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:12px;display:inline-flex}.logoSlot:hover{border-color:var(--muted);color:var(--text)}.logoSlot img{object-fit:contain;outline-offset:-1px;border-radius:4px;outline:1px solid #0000001a;width:22px;height:22px}.brandGrid{align-items:center;gap:14px;display:flex}.brandSliders{flex:1;gap:8px;min-width:0;display:grid}.work{z-index:1;place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.viewfinder{justify-items:center;gap:14px;display:grid}.viewfinder.empty{display:none}.canvasWrap{touch-action:none;position:relative}.canvasWrap:before{--b:color-mix(in srgb, var(--muted) 55%, transparent);content:"";pointer-events:none;background:linear-gradient(var(--b) 0 0) left top / 14px 1.5px, linear-gradient(var(--b) 0 0) left top / 1.5px 14px, linear-gradient(var(--b) 0 0) right top / 14px 1.5px, linear-gradient(var(--b) 0 0) right top / 1.5px 14px, linear-gradient(var(--b) 0 0) left bottom / 14px 1.5px, linear-gradient(var(--b) 0 0) left bottom / 1.5px 14px, linear-gradient(var(--b) 0 0) right bottom / 14px 1.5px, linear-gradient(var(--b) 0 0) right bottom / 1.5px 14px;background-repeat:no-repeat;position:absolute;inset:-10px}.preview{background:var(--island);touch-action:none;border-radius:4px;max-width:calc(100cqw - 32px);max-height:calc(100cqh - 48px);display:block;box-shadow:0 2px 6px #0000000f,0 24px 48px -12px #0000002e}.preview.empty{opacity:0}.hud{color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;flex-wrap:wrap;justify-content:center;gap:8px;font-size:11px;display:flex}.hud>span+span:before{content:"·";opacity:.6;margin-right:8px}.gizmo{border:1.5px dashed color-mix(in srgb, var(--sel-line) 75%, transparent);pointer-events:none;border-radius:4px;position:absolute}.gizmo:before{content:"";background:var(--sel-line);width:1.5px;height:20px;position:absolute;top:-24px;left:50%}.handle{pointer-events:auto;touch-action:none;background:var(--island);border:1.5px solid var(--sel-line);color:var(--muted);box-shadow:var(--shadow);border-radius:50%;place-items:center;display:grid;position:absolute}.handle.rot{cursor:grab;width:26px;height:26px;top:-34px;left:50%;transform:translate(-50%,-50%)}.handle.rot:active{cursor:grabbing}.handle.rot svg{width:12px;height:12px}.handle.scale{background:var(--sel-line);border-color:var(--island);cursor:nwse-resize;width:15px;height:15px;bottom:0;right:0;transform:translate(50%,50%)}.dropzone{width:min(460px,100%);color:var(--muted);text-align:center;text-wrap:balance;background:0 0;border:1.5px dashed #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:16px 24px 22px;transition:border-color .16s,background-color .16s;display:flex;position:relative}.dropzone strong{color:var(--text);font-size:15px;font-weight:600}.dropzone:hover,.dropzone:focus-visible{border-color:var(--sel-line);background:color-mix(in srgb, var(--island) 70%, transparent)}.dropzone .pill{background:var(--accent);height:36px;color:var(--accent-text);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:0 16px;font-weight:500;display:inline-flex}.stage.hydrating .dropzone{visibility:hidden}.film{justify-self:center;gap:10px;min-width:0;max-width:100%;padding:0 12px 4px 6px}.frames{scrollbar-width:thin;gap:8px;min-width:0;margin:0;padding:12px 7px 2px;list-style:none;display:flex;overflow-x:auto}.frames li{flex:none;justify-items:center;gap:2px;display:grid;position:relative}.frame{background:repeating-conic-gradient(var(--fill) 0 25%, var(--island) 0 50%) 0 0 / 10px 10px;width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--ring);border:0;border-radius:8px;padding:3px;transition:box-shadow .12s,transform .1s;display:block}.frame:hover{box-shadow:inset 0 0 0 1px var(--line-strong)}.frame:active{transform:scale(.96)}.frames li.on .frame{box-shadow:0 0 0 2px var(--island), 0 0 0 4px var(--accent)}.frame img{object-fit:contain;width:100%;height:100%;display:block}.frame.add{box-shadow:inset 0 0 0 1.5px var(--line-strong);color:var(--muted);background:0 0;place-items:center;display:grid}.frame.add:hover{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--muted)}.frameNo{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.frames li.on .frameNo{color:var(--text);font-weight:600}.frameRemove{background:var(--accent);width:18px;height:18px;color:var(--accent-text);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-6px;right:-6px}.filmCount{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px}.menu{border-radius:var(--r);background:var(--island);width:312px;max-width:calc(100vw - 24px);max-height:min(560px,100vh - 80px);color:var(--text);box-shadow:var(--elev), 0 18px 40px -12px #00000040;border:0;margin:0;padding:14px;position:fixed;inset:auto;overflow-y:auto}.menu:popover-open{gap:10px;display:grid}.menu h3{font-size:13px;font-weight:600}.menu hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.menu .btn.danger{justify-self:start;margin-left:-10px}.presetForm{gap:6px;display:flex}.presetForm .textInput{flex:1;width:auto;min-width:0}.presetForm .btn{flex:none;height:32px}.presetList{gap:2px;margin:0;padding:0;list-style:none;display:grid}.presetList li{border-radius:8px;align-items:center;gap:4px;display:flex}.presetList li:hover{background:var(--fill)}.presetApply{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;flex:1;min-width:0;height:32px;padding:0 8px;overflow:hidden}.menuEmpty{color:var(--muted);padding:8px 0;font-size:12px}.menuRow{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.menuRow .link{margin-left:auto}.island.toast{z-index:5;background:var(--warn-bg);width:fit-content;max-width:min(480px,100% - 24px);color:var(--warn-text);gap:8px;margin-inline:auto;padding:8px 8px 8px 14px;font-size:12px;position:absolute;bottom:100px;left:0;right:0}.island.toast .iconBtn{color:inherit}.progress{background:var(--fill);border-radius:2px;width:120px;height:4px;overflow:hidden}.progress i{background:var(--sel-line);height:100%;transition:width var(--resize-dur) var(--resize-ease);display:block}@media (width<=1099px){.stage{grid-template-columns:var(--panel-w) minmax(0, 1fr);grid-template-rows:auto auto auto minmax(0,1fr) auto;grid-template-areas:"brand actions""switch work""tabs work""panel work""panel film"}.switchbar{justify-self:stretch}.switchbar .choice.seg{flex:1}.island.panelTabs{box-shadow:none;background:0 0;grid-area:tabs;padding:0;display:block}.panelTabs .choice.seg{background:color-mix(in srgb, var(--well) 80%, transparent);box-shadow:inset 0 0 0 1px var(--ring)}.panel.produk,.panel.foto{grid-area:panel}.stage[data-tab=produk] .panel.foto,.stage[data-tab=foto] .panel.produk,.panelHead{display:none}.panel{padding-top:14px}}@media (width<=720px){html,body,#root{height:auto;min-height:100%}.stage{grid-template-rows:none;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand switch""work work""film film""tabs tabs""panel panel""actions actions";height:auto;min-height:100dvh;padding-bottom:0;overflow:visible}.switchbar{justify-self:end}.switchbar .choice.seg button{gap:4px;padding:0 10px}.brandName,.brandbar .sep{display:none}.work{min-height:200px;container-type:inline-size}.preview{max-width:calc(100cqw - 24px);max-height:56vh}.dropzone{padding:8px 12px 14px}.dropzone .hero{width:min(260px,100%)}.panel{max-height:none;overflow:visible}.actions{z-index:4;margin:0 calc(-1 * var(--gap));padding:10px var(--gap) calc(10px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;justify-self:stretch;position:sticky;bottom:0}.actions .btn.primary{flex:1;height:44px}.actions .btn{height:44px}.actions .wide{display:none}.choice.seg button,.choice.list button{min-height:40px}.choice.corners{--size:84px}.island.toast{position:fixed;bottom:84px}}@media (width<=359px){.switchbar .pIcon{display:none}}:root{--holo-list:#ff7fb8, #ffb547, #59d98e, #45c3ff, #8b7bff, #ff7fb8;--glow:#ffbe6e33;--beam:#ffce8c57;--floor:#ffba6e42;--metal:#b3b8c4;--metal-dark:#8d93a1;--acrylic:#deecff99;--acrylic-line:#fff;--acrylic-edge:#82acf066;--cut-shadow:#281e3c1f;--ok:#1f9d62}@media (prefers-color-scheme:dark){:root{--glow:#8296ff21;--beam:#becdff1a;--floor:#96a5ff24;--metal:#8e94a3;--metal-dark:#6b7080;--acrylic:#c8dcff29;--acrylic-line:#ffffffd9;--acrylic-edge:#82acf047;--cut-shadow:#0006}}:root{--duration-stagger:40ms;--duration-micro:80ms;--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--duration-slow:.4s;--duration-very-slow:.5s;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:ease-in-out;--ease-out:ease-out;--ease-linear:linear;--ease-bounce:cubic-bezier(.34, 1.36, .64, 1);--ease-bounce-strong:cubic-bezier(.34, 3.85, .64, 1);--distance-micro:4px;--distance-small:6px;--distance-base:8px;--distance-medium:12px;--distance-large:30px;--scale-large:.96;--scale-medium:.97;--scale-small:.98;--scale-tiny:.99;--blur-small:2px;--blur-medium:3px;--blur-large:8px;--resize-dur:.3s;--resize-ease:cubic-bezier(.22, 1, .36, 1);--digit-dur:.5s;--digit-distance:8px;--digit-stagger:70ms;--digit-blur:2px;--digit-ease:cubic-bezier(.34, 1.45, .64, 1);--digit-dir-x:0;--digit-dir-y:1;--badge-slide-dur:.26s;--badge-pop-dur:.5s;--badge-pop-close-dur:.18s;--badge-fade-dur:.4s;--badge-fade-close-dur:.18s;--badge-blur:2px;--badge-offset-x:-8.2px;--badge-offset-y:12.4px;--badge-slide-ease:cubic-bezier(.22, 1, .36, 1);--badge-pop-ease:cubic-bezier(.34, 1.36, .64, 1);--badge-close-ease:cubic-bezier(.4, 0, .2, 1);--text-swap-dur:.15s;--text-swap-translate-y:4px;--text-swap-blur:2px;--text-swap-ease:ease-in-out;--dropdown-open-dur:.25s;--dropdown-close-dur:.15s;--dropdown-pre-scale:.97;--dropdown-closing-scale:.99;--dropdown-ease:cubic-bezier(.22, 1, .36, 1);--modal-open-dur:.25s;--modal-close-dur:.15s;--modal-scale:.96;--modal-scale-close:.96;--modal-ease:cubic-bezier(.22, 1, .36, 1);--page-slide-dur:.25s;--page-slide-distance:8px;--page-blur:3px;--page-slide-ease:cubic-bezier(.22, 1, .36, 1);--icon-swap-dur:.25s;--icon-swap-blur:2px;--icon-swap-start-scale:.25;--icon-swap-ease:ease-in-out;--check-opacity-dur:.5s;--check-rotate-dur:.5s;--check-rotate-from:80deg;--check-bob-dur:.5s;--check-y-amount:8px;--check-blur-dur:.5s;--check-blur-from:8px;--check-path-dur:.5s;--check-path-delay:80ms;--check-ease-out:cubic-bezier(.22, 1, .36, 1);--check-ease-opacity:cubic-bezier(.22, 1, .36, 1);--check-ease-rotate:cubic-bezier(.22, 1, .36, 1);--check-ease-bob:cubic-bezier(.34, 1.35, .64, 1);--check-ease-path:cubic-bezier(.22, 1, .36, 1);--avatar-lift:-4px;--avatar-dur:.32s;--avatar-scale:1.05;--avatar-falloff:.45;--avatar-ease-in:cubic-bezier(.22, 1, .36, 1);--avatar-ease-out:cubic-bezier(.34, 3.85, .64, 1);--reveal-dur:.4s;--reveal-blur:2px;--reveal-ease:ease-in-out;--shimmer-dur:2s;--shimmer-base:var(--muted);--shimmer-highlight:var(--text);--shimmer-band:400%;--shimmer-ease:linear;--tabs-dur:.25s;--tabs-ease:cubic-bezier(.22, 1, .36, 1);--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--acc-expand:.25s;--acc-collapse:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);--toast-open:.35s;--toast-close:.25s;--toast-distance:16px;--toast-blur:2px;--toast-scale:.97;--toast-ease:cubic-bezier(.22, 1, .36, 1);--toggle-dur:.35s;--toggle-travel:12px;--toggle-ov1:1px;--toggle-ov2:0px;--toggle-track:0s;--toggle-ease:cubic-bezier(.34, 1.35, .64, 1)}@keyframes lu-spin{to{transform:rotate(360deg)}}@keyframes lu-fade{0%{opacity:0}to{opacity:1}}@keyframes lu-rise{0%{opacity:0;translate:0 var(--stagger-distance)}}.brand{align-items:center;gap:7px;display:inline-flex}.brandMark{flex:none;display:block;overflow:visible}.bm-spin{transform-box:fill-box;transform-origin:50%;animation:10s linear infinite lu-spin}.bm-star,.bm-star2{transform-box:fill-box;transform-origin:50%;animation:3.2s ease-in-out infinite lu-twinkle}.bm-star2{animation-delay:-1.6s}@keyframes lu-twinkle{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(.74)rotate(45deg)}}.brandMark *{animation-play-state:paused}.brand:hover .brandMark *,.loader .brandMark *,.dropCard .brandMark *{animation-play-state:running}.spotlight{--x:-999px;--y:-999px;z-index:0;width:360px;height:360px;transform:translate3d(var(--x), var(--y), 0);pointer-events:none;opacity:0;margin:-180px 0 0 -180px;transition:opacity .4s;position:absolute;top:0;left:0}.spotlight.on{opacity:1}.spotlight:before{content:"";background:radial-gradient(closest-side, var(--glow), transparent);border-radius:50%;position:absolute;inset:0}.spotlight:after{content:"";background:conic-gradient(from 30deg, var(--holo-list));-webkit-mask:radial-gradient(circle, #000 1.3px, transparent 1.9px) calc(169px - var(--x)) calc(169px - var(--y)) / 22px 22px repeat, radial-gradient(closest-side, #000 15%, transparent) 0 0 / 100% 100% no-repeat;-webkit-mask-composite:source-in;-webkit-mask:radial-gradient(circle, #000 1.3px, transparent 1.9px) calc(169px - var(--x)) calc(169px - var(--y)) / 22px 22px repeat, radial-gradient(closest-side, #000 15%, transparent) 0 0 / 100% 100% no-repeat;mask:radial-gradient(circle, #000 1.3px, transparent 1.9px) calc(169px - var(--x)) calc(169px - var(--y)) / 22px 22px repeat, radial-gradient(closest-side, #000 15%, transparent) 0 0 / 100% 100% no-repeat;position:absolute;inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.hero{width:min(380px,100%);height:auto;margin-bottom:4px;display:block;overflow:visible}.h-beam{transform-box:fill-box;transform-origin:50% 0;animation:7s ease-in-out infinite lu-beam}@keyframes lu-beam{0%,to{opacity:1;transform:rotate(0)}50%{opacity:.75;transform:rotate(3deg)}}.h-metal{stroke:var(--metal)}.h-metal-dark{fill:var(--metal-dark)}.h-acrylic{fill:var(--acrylic);stroke:var(--acrylic-line)}.h-acrylic-edge{fill:var(--acrylic-edge)}.h-hole{fill:var(--bg);stroke:var(--acrylic-edge);stroke-width:1.5px}.h-cut{fill:#fff;stroke:#fff}.h-cut-shadow{fill:var(--cut-shadow);stroke:var(--cut-shadow)}.h-focus{stroke:var(--muted);transform-box:fill-box;transform-origin:50%;animation:lu-focus 4.4s var(--ease-smooth-out) infinite}@keyframes lu-focus{0%,to{opacity:.85;transform:scale(1)}40%{opacity:.3;transform:scale(1.07)}52%{opacity:1;transform:scale(.98)}60%{transform:scale(1)}}.h-swing{transform-box:fill-box;transform-origin:50% 0;animation:3.4s ease-in-out infinite lu-swing}@keyframes lu-swing{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.h-sweep{animation:4.5s ease-in-out infinite lu-sweep}@keyframes lu-sweep{0%,60%{transform:translate(-20px)skew(-20deg)}85%,to{transform:translate(160px)skew(-20deg)}}.h-bob{transform-box:fill-box;transform-origin:50%;animation:4.4s ease-in-out infinite lu-bob}@keyframes lu-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-9px)rotate(2deg)}}.h-peel{transform-box:fill-box;transform-origin:100% 0;animation:4.4s ease-in-out infinite lu-peel}@keyframes lu-peel{0%,to{transform:scale(1)}50%{transform:scale(1.22)rotate(-5deg)}}.h-float{transform-box:fill-box;transform-origin:50%;animation:5.2s ease-in-out -1.3s infinite lu-float}@keyframes lu-float{0%,to{transform:translateY(0)rotate(8deg)}50%{transform:translateY(-12px)rotate(-6deg)}}.h-holo{transform-box:fill-box;transform-origin:50%;animation:6s linear infinite lu-spin}.h-glint{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite lu-twinkle}.h-shadow{transform-box:fill-box;transform-origin:50%}.s-cat{animation:4.4s ease-in-out infinite lu-shadow}.s-star{animation:5.2s ease-in-out -1.3s infinite lu-shadow}.s-charm{animation:3.4s ease-in-out infinite lu-shadow-x}@keyframes lu-shadow{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.55;transform:scaleX(.78)}}@keyframes lu-shadow-x{0%,to{transform:translate(-7px)}50%{transform:translate(7px)}}.h-tw{transform-box:fill-box;transform-origin:50%;animation:2.8s ease-in-out infinite lu-tw}.t2{animation-duration:3.4s;animation-delay:-.5s}.t3{animation-delay:-1.1s}.t4{animation-duration:3.1s;animation-delay:-1.9s}.t5{animation-delay:-2.3s}.t6{animation-duration:2.2s;animation-delay:-.8s}@keyframes lu-tw{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.25;transform:scale(.35)rotate(90deg)}}.hero.rest *{animation-play-state:paused}.dropzone:hover .hero.rest *,.dropzone:focus-visible .hero.rest *,.hero.rest.over *{animation-play-state:running}.hero.still *{animation-play-state:paused!important}.hero .lift{transition:transform var(--avatar-dur) var(--ease-bounce)}.dropzone:hover .hero .l2,.hero.over .lift{transition:transform var(--duration-fast) var(--ease-smooth-out)}.dropzone:hover .hero .l2{transform:translateY(-6px)}.hero.over .l1{transform:translateY(-10px)}.hero.over .l2{transform:translateY(-18px)scale(1.06)}.hero.over .l3{transform:translateY(-14px)rotate(14deg)}.dropOverlay{z-index:4;background:color-mix(in srgb, var(--sel) 45%, transparent);pointer-events:none;opacity:0;transition:opacity var(--modal-close-dur) var(--modal-ease);border-radius:16px;place-items:center;display:grid;position:absolute;inset:12px}.dropOverlay.is-open{opacity:1;transition-duration:var(--modal-open-dur)}@starting-style{.dropOverlay.is-open{opacity:0}}.dropOverlay .ants{width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:0;left:0;overflow:visible}.dropOverlay .ants rect{fill:none;stroke:var(--sel-line);stroke-width:2px;stroke-dasharray:10 8;animation:.9s linear infinite lu-ants}@keyframes lu-ants{to{stroke-dashoffset:-18px}}.dropCard{border:1px solid var(--line);background:var(--island);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.dropArrow{color:var(--muted);animation:1s ease-in-out infinite lu-nudge}@keyframes lu-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.loader{z-index:1;color:var(--muted);opacity:0;justify-items:center;gap:10px;animation:.3s .25s both lu-fade;display:grid;position:absolute}.loader .brandMark{animation:1.4s ease-in-out infinite lu-breathe}@keyframes lu-breathe{0%,to{transform:scale(1)}50%{transform:scale(.86)}}.island{animation:lu-rise var(--stagger-dur) var(--stagger-ease) both}.switchbar{animation-delay:var(--duration-stagger)}.actions{animation-delay:calc(2 * var(--duration-stagger))}.panelTabs,.panel.produk{animation-delay:calc(3 * var(--duration-stagger))}.panel.foto{animation-delay:calc(4 * var(--duration-stagger))}.film{animation-delay:calc(5 * var(--duration-stagger))}.island.toast{animation:none}.pIcon{overflow:visible}.pIcon .peel{transform-box:fill-box;transform-origin:100% 100%;transition:transform .32s var(--ease-bounce)}.choice button:hover .pIcon .peel{transform:scale(1.3)}.choice button.on .pIcon .peel{animation:lu-peel-once .7s var(--ease-bounce)}@keyframes lu-peel-once{40%{transform:scale(1.45)}}.pIcon .swing{transform-box:fill-box;transform-origin:50% 0}.choice button:hover .pIcon .swing,.choice button.on .pIcon .swing{animation:1s ease-out lu-swing-once}@keyframes lu-swing-once{0%,to{transform:rotate(0)}20%{transform:rotate(16deg)}45%{transform:rotate(-11deg)}70%{transform:rotate(5deg)}88%{transform:rotate(-2deg)}}.swatch{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000024}.swatch.gloss{background:radial-gradient(circle at 32% 28%,#fff 0 14%,#0000 34%),linear-gradient(140deg,#aeb6c8,#454b5f)}.swatch.gloss:after{content:"";background:linear-gradient(120deg,#0000 35%,#ffffffe6 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}.choice button:hover .swatch.gloss:after{transition:transform .6s var(--ease-smooth-out);transform:translate(110%)}.swatch.matte{background:repeating-radial-gradient(circle at 30% 40%,#0000000f 0 1px,#0000 1px 2px),linear-gradient(140deg,#d9d3c7,#aaa294)}.swatch.holo{background:conic-gradient(var(--holo-list));animation:1.6s linear infinite paused lu-spin}.choice button:hover .swatch.holo{animation-play-state:running}.swatch.glitter{transition:background-position .6s var(--ease-smooth-out);background:radial-gradient(circle at 30% 30%,#fff 0 .6px,#0000 1.2px) 0 0/4px 4px,radial-gradient(circle at 70% 60%,#fffc 0 .5px,#0000 1px) 1px 2px/5px 5px,linear-gradient(140deg,#e3dff0,#9aa0b4 55%,#c9d6e6)}.choice button:hover .swatch.glitter{background-position:2px 1px,3px 0,0 0}.swatch.vinyl-white{background:#fff}.swatch.vinyl-clear{background:linear-gradient(135deg, #ffffffb3, transparent 60%), repeating-conic-gradient(#cfd3dc 0 25%, #f4f5f8 0 50%) 0 0 / 6px 6px}.hint{color:var(--muted);text-wrap:pretty;font-size:11px;line-height:1.4}.hint:before{content:"✦ ";background:linear-gradient(90deg, var(--holo-list));color:#0000;-webkit-background-clip:text;background-clip:text}.frames li{animation:t-frame-pop var(--badge-pop-dur) var(--badge-pop-ease) backwards, t-frame-fade var(--badge-fade-dur) var(--badge-pop-ease) backwards;animation-delay:calc(min(var(--k,0), 7) * var(--duration-stagger))}@keyframes t-frame-pop{0%{filter:blur(var(--badge-blur));scale:0}}@keyframes t-frame-fade{0%{opacity:0}}.frames li[data-leaving]{pointer-events:none}.frame{position:relative;overflow:hidden}.frames li.on .frame:after{content:"";animation:lu-glint .8s 80ms var(--ease-smooth-out) forwards;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fffc 50%,#0000 65%);position:absolute;inset:0;transform:translate(-110%)}@keyframes lu-glint{to{transform:translate(110%)}}@keyframes t-badge-slide-in{0%{translate:var(--badge-offset-x) var(--badge-offset-y)}}.frameRemove{opacity:0;filter:blur(var(--badge-blur));transition:scale var(--badge-pop-close-dur) var(--badge-close-ease), opacity var(--badge-fade-close-dur) var(--badge-close-ease), filter var(--badge-pop-close-dur) var(--badge-close-ease);will-change:scale, opacity, filter;scale:0}.frames li:hover .frameRemove,.frameRemove:focus-visible{opacity:1;filter:blur();transition:scale var(--badge-pop-dur) var(--badge-pop-ease), opacity var(--badge-fade-dur) var(--badge-pop-ease), filter var(--badge-pop-dur) var(--badge-pop-ease);animation:t-badge-slide-in var(--badge-slide-dur) var(--badge-slide-ease);scale:1}@media (hover:none){.frameRemove{opacity:1;filter:none;scale:1}}.progress i{background:linear-gradient(90deg, var(--holo-list), #ffb547);background-size:200% 100%;animation:1.4s linear infinite lu-holo-slide}@keyframes lu-holo-slide{to{background-position:-200% 0}}.btn.primary{position:relative;overflow:hidden}.btn.primary:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ff7fb873 44%,#45c3ff73 56%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.btn.primary:hover:not(:disabled):after{transition:transform .75s var(--ease-smooth-out);transform:translate(120%)}.btn.primary.saved,.btn.primary.saved:hover:not(:disabled){background:var(--ok);color:#fff}.shutter{z-index:3;pointer-events:none;border-radius:4px;position:absolute;inset:0;overflow:hidden}.shutter svg{width:100%;height:100%;display:block}.shutter .iris{animation:.56s cubic-bezier(.65,0,.35,1) both lu-iris}.shutter .blade{fill:#1d1d22;stroke:#ffffff2e;stroke-width:.5px;animation:.56s cubic-bezier(.65,0,.35,1) both lu-blade}.shutter:after{content:"";opacity:0;background:#fff;animation:.72s ease-out both lu-flash;position:absolute;inset:0}@keyframes lu-iris{0%,to{transform:rotate(0)}50%{transform:rotate(35deg)}}@keyframes lu-blade{0%,to{transform:translateY(78px)}42%,58%{transform:translateY(0)}}@keyframes lu-flash{0%,52%{opacity:0}60%{opacity:.9}to{opacity:0}}.burst{z-index:10;pointer-events:none;width:0;height:0;position:fixed}.bit{background:var(--c);width:10px;height:10px;animation:1s cubic-bezier(.15,.7,.3,1) both lu-bit;position:absolute;top:-5px;left:-5px}.bit.k0{clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);width:14px;height:14px;top:-7px;left:-7px}.bit.k1{border-radius:50%;width:7px;height:7px}.bit.k2{border:2px solid #fff;border-radius:4px;width:12px;height:12px;box-shadow:0 1px 3px #00000040}.bit.k3{border-radius:2px;width:4px;height:12px}@keyframes lu-bit{0%{opacity:1;transform:translate(0)rotate(0)scale(0)}18%{transform:translate(calc(var(--dx) * .45), calc(var(--dy) * .45)) rotate(calc(var(--rot) * .25)) scale(var(--s))}70%{opacity:1}to{transform:translate(var(--dx), calc(var(--dy) + 90px)) rotate(var(--rot)) scale(calc(var(--s) * .5));opacity:0}}.holoSheen{pointer-events:none;mix-blend-mode:overlay;position:absolute}@keyframes t-digit-pop-in{0%{transform:translate(calc(var(--digit-distance) * var(--digit-dir-x)), calc(var(--digit-distance) * var(--digit-dir-y)));opacity:0;filter:blur(var(--digit-blur))}to{opacity:1;filter:blur();transform:translate(0)}}.t-digit-group{white-space:pre;align-items:baseline;display:inline-flex}.t-digit{will-change:transform, opacity, filter;display:inline-block}.t-digit-group.is-animating .t-digit{animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both}.t-digit-group.is-animating .t-digit[data-stagger="1"]{animation-delay:var(--digit-stagger)}.t-digit-group.is-animating .t-digit[data-stagger="2"]{animation-delay:calc(var(--digit-stagger) * 2)}.t-text-swap{filter:blur();opacity:1;transition:transform var(--text-swap-dur) var(--text-swap-ease), filter var(--text-swap-dur) var(--text-swap-ease), opacity var(--text-swap-dur) var(--text-swap-ease);will-change:transform, filter, opacity;display:inline-block;transform:translateY(0)}.t-text-swap.is-exit{transform:translateY(calc(var(--text-swap-translate-y) * -1));filter:blur(var(--text-swap-blur));opacity:0}.t-text-swap.is-enter-start{transform:translateY(var(--text-swap-translate-y));filter:blur(var(--text-swap-blur));opacity:0;transition:none}.t-dropdown{transform-origin:0 0;transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition-property:transform,opacity,display,overlay;transition-duration:var(--dropdown-close-dur);transition-timing-function:var(--dropdown-ease);transition-behavior:allow-discrete;will-change:transform, opacity}.t-dropdown[data-origin=top-right]{transform-origin:100% 0}.t-dropdown[data-origin=top-center]{transform-origin:top}.t-dropdown[data-origin=bottom-left]{transform-origin:0 100%}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom}.t-dropdown[data-origin=bottom-right]{transform-origin:100% 100%}.t-dropdown:popover-open{opacity:1;pointer-events:auto;transition-duration:var(--dropdown-open-dur);transform:scale(1)}@starting-style{.t-dropdown:popover-open{transform:scale(var(--dropdown-pre-scale));opacity:0}}.t-modal{transform-origin:50%;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease), opacity var(--modal-open-dur) var(--modal-ease);will-change:transform, opacity}.t-modal.is-open{opacity:1;pointer-events:auto;transform:scale(1)}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease), opacity var(--modal-close-dur) var(--modal-ease)}@starting-style{.t-modal.is-open{transform:scale(var(--modal-scale));opacity:0}}@keyframes t-page-in{0%{opacity:0;transform:translateX(var(--t-page-from-x,0px));filter:blur(var(--page-blur))}}@media (width<=1099px){.panel.produk{--t-page-from-x:calc(var(--page-slide-distance) * -1)}.panel.foto{--t-page-from-x:var(--page-slide-distance)}.panel.produk,.panel.foto{animation:t-page-in var(--page-slide-dur) var(--page-slide-ease) both}}.t-icon-swap{display:inline-grid;position:relative}.t-icon-swap .t-icon{transition:opacity var(--icon-swap-dur) var(--icon-swap-ease), filter var(--icon-swap-dur) var(--icon-swap-ease), transform var(--icon-swap-dur) var(--icon-swap-ease);will-change:opacity, filter, transform;grid-area:1/1}.t-icon-swap .t-icon>svg{display:block}.t-icon-swap[data-state=a] .t-icon[data-icon=a],.t-icon-swap[data-state=b] .t-icon[data-icon=b]{opacity:1;filter:blur();transform:scale(1)}.t-icon-swap[data-state=a] .t-icon[data-icon=b],.t-icon-swap[data-state=b] .t-icon[data-icon=a]{opacity:0;filter:blur(var(--icon-swap-blur));transform:scale(var(--icon-swap-start-scale))}.t-icon-swap[data-state=b] .t-icon:has(>.t-success-check){transition:none}.t-success-check{transform-origin:50%;opacity:0;will-change:transform, opacity, filter;display:inline-block}.t-success-check svg{display:block;overflow:visible}.t-success-check svg path{stroke-dasharray:21;stroke-dashoffset:21px}.t-success-check[data-state=in]{animation:t-check-fade var(--check-opacity-dur) var(--check-ease-opacity) forwards, t-check-rotate var(--check-rotate-dur) var(--check-ease-rotate) forwards, t-check-blur var(--check-blur-dur) var(--check-ease-out) forwards, t-check-bob var(--check-bob-dur) var(--check-ease-bob) forwards}.t-success-check[data-state=in] svg path{animation:t-check-draw var(--check-path-dur) var(--check-ease-path) var(--check-path-delay,0s) forwards}@keyframes t-check-fade{0%{opacity:0}to{opacity:1}}@keyframes t-check-rotate{0%{transform:rotate(var(--check-rotate-from))}to{transform:rotate(0)}}@keyframes t-check-blur{0%{filter:blur(var(--check-blur-from))}to{filter:blur()}}@keyframes t-check-bob{0%{translate:0 var(--check-y-amount)}to{translate:0}}@keyframes t-check-draw{to{stroke-dashoffset:0}}.t-avatar{transform-origin:50%;transform:translateY(var(--shift,0px)) scale(var(--scale-active,1));transition:transform var(--avatar-dur) var(--avatar-ease-in);will-change:transform}.t-shimmer{color:var(--shimmer-base);display:inline-block;position:relative}.t-shimmer:before{content:attr(data-text);pointer-events:none;background-image:linear-gradient(90deg, transparent 0%, transparent 40%, var(--shimmer-highlight) 50%, transparent 60%, transparent 100%);background-size:var(--shimmer-band) 100%;color:#0000;-webkit-text-fill-color:transparent;animation:t-shimmer var(--shimmer-dur) var(--shimmer-ease) infinite;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}@keyframes t-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger-line--4{transition-delay:calc(var(--stagger-stagger) * 3)}.hero.t-stagger-line{--stagger-blur:0px}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}@starting-style{.t-stagger.is-shown .t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur))}}.t-acc{transition:margin-top var(--acc-collapse) var(--acc-ease)}.t-acc[data-open=false]{margin-top:calc(-1 * var(--stack-gap,0px))}.t-acc[data-open=true]{transition-duration:var(--acc-expand)}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true]>.t-acc-panel{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{gap:var(--stack-gap,0px);opacity:0;filter:blur(2px);visibility:hidden;min-width:0;transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease), visibility 0s linear var(--acc-collapse);flex-direction:column;display:flex;overflow:hidden}.t-acc[data-open=true]>.t-acc-panel>.t-acc-panel-inner{opacity:1;filter:blur();visibility:visible;transition:opacity var(--acc-expand) var(--acc-ease), filter var(--acc-expand) var(--acc-ease)}.t-acc[data-settled]>.t-acc-panel>.t-acc-panel-inner{overflow:visible}.t-toast{opacity:0;transform:translateY(var(--toast-distance)) scale(var(--toast-scale));filter:blur(var(--toast-blur));will-change:transform, opacity, filter;transition:opacity var(--toast-close) var(--toast-ease), transform var(--toast-close) var(--toast-ease), filter var(--toast-close) var(--toast-ease)}.t-toast.is-open{opacity:1;filter:blur();transition:opacity var(--toast-open) var(--toast-ease), transform var(--toast-open) var(--toast-ease), filter var(--toast-open) var(--toast-ease);transform:translateY(0)scale(1)}@starting-style{.t-toast.is-open{opacity:0;transform:translateY(var(--toast-distance)) scale(var(--toast-scale));filter:blur(var(--toast-blur))}}.t-toggle i{transition:background-color var(--toggle-track) var(--toggle-ease)}.t-toggle i:after{will-change:translate;translate:0}.t-toggle[aria-checked=true] i:after{translate:var(--toggle-travel) 0}.t-toggle.is-init[aria-checked=true] i:after{animation:t-toggle-on var(--toggle-dur) var(--toggle-ease) both}.t-toggle.is-init[aria-checked=false] i:after{animation:t-toggle-off var(--toggle-dur) var(--toggle-ease) both}@keyframes t-toggle-on{0%{translate:0}55%{translate:calc(var(--toggle-travel) + var(--toggle-ov1)) 0}80%{translate:calc(var(--toggle-travel) - var(--toggle-ov2)) 0}to{translate:var(--toggle-travel) 0}}@keyframes t-toggle-off{0%{translate:var(--toggle-travel) 0}55%{translate:calc(0px - var(--toggle-ov1)) 0}80%{translate:var(--toggle-ov2) 0}to{translate:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.spotlight,.shutter,.burst{display:none!important}.t-digit-group .t-digit,.t-toggle i:after,.t-shimmer:before,.frames li,.frameRemove{animation:none!important}.t-success-check{opacity:1;animation:none!important}.t-success-check svg path{stroke-dashoffset:0!important;animation:none!important}.t-text-swap,.t-dropdown,.t-modal,.dropOverlay,.t-icon-swap .t-icon,.t-avatar,.t-stagger-line,.t-acc,.t-acc-panel,.t-acc-panel-inner,.t-toast,.t-toggle i,.frameRemove{transition:none!important}.t-avatar{transform:none!important}}
