.liquid-glass{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:#ffffff26;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014,inset 0 1px 1px #fffc,inset 0 -1px 1px #00000008}html.dark .liquid-glass{background:#14141e26;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006,inset 0 1px 1px #fff3,inset 0 -1px 1px #0000004d}.liquid-btn{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.liquid-btn:active{transform:scale(.95)}.btn-wa:hover{background:#22c55e26;border-color:#22c55e66;color:#16a34a}html.dark .btn-wa:hover{background:#22c55e33;color:#4ade80}.btn-shopee:hover{background:#f9731626;border-color:#f9731666;color:#ea580c}html.dark .btn-shopee:hover{background:#f9731633;color:#fb923c}.btn-tiktok:hover{background:#00000014;border-color:#0000004d;color:#000}html.dark .btn-tiktok:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}:root{--dd-border: rgba(0, 0, 0, .1);--dd-bg: rgba(255, 255, 255, .3);--dd-text: #4b5563;--dd-trigger-bg: rgba(0, 0, 0, .05);--dd-icon: #9333ea;--dd-article-bg: rgba(255, 255, 255, .5);--dd-article-border: rgba(168, 85, 247, .3);--dd-article-text: #374151;--dd-scrollbar: rgba(168, 85, 247, .3)}html.dark{--dd-border: rgba(255, 255, 255, .1);--dd-bg: rgba(20, 10, 40, .2);--dd-text: #e5e7eb;--dd-trigger-bg: rgba(255, 255, 255, .05);--dd-icon: #a78bfa;--dd-article-bg: rgba(20, 20, 30, .4);--dd-article-border: rgba(168, 85, 247, .3);--dd-article-text: #d1d5db;--dd-scrollbar: rgba(168, 85, 247, .5)}.dropdown{border:1px solid var(--dd-border);border-radius:16px;transition:all .3s;display:flex;flex-direction:column;min-height:58px;background-color:var(--dd-bg);overflow:hidden;position:relative;inset-inline:auto;width:100%;box-shadow:0 1px 2px #0000000d;backdrop-filter:blur(10px)}html.dark .dropdown{box-shadow:0 1px 2px #0000004d}.dropdown input:where(:checked)~.list{opacity:1;transform:translateY(-3rem) scale(1);transition:all .5s ease;margin-top:32px;padding-top:4px;margin-bottom:-32px}.dropdown input:where(:not(:checked))~.list{opacity:0;transform:translateY(3rem);margin-top:-100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:0px;max-height:0px;min-height:0px;pointer-events:none;transition:all .5s ease-out}.trigger{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;font-size:14px;color:var(--dd-text);width:100%;display:flex;align-items:center;flex-flow:row;gap:1rem;padding:1rem 1.25rem;height:-moz-max-content;height:max-content;position:relative;z-index:99;border-radius:inherit;background-color:var(--dd-trigger-bg);transition:color .3s ease}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dropdown input:where(:checked)+.trigger{margin-bottom:1rem;border-bottom-left-radius:0;border-bottom-right-radius:0;background-color:transparent}.dropdown input:where(:checked)+.trigger:before{rotate:90deg;transition-delay:0ms}.dropdown input:where(:checked)+.trigger:after{content:"Tutup Catatan Penting"}.trigger:before,.trigger:after{position:relative;display:flex;justify-content:center;align-items:center}.trigger:before{content:"›";rotate:-90deg;width:17px;height:17px;color:var(--dd-icon);border-radius:2px;font-size:24px;transition:all .35s ease;transition-delay:85ms}.trigger:after{content:"Lihat Catatan Penting"}.list{height:100%;max-height:20rem;width:calc(100% - calc(var(--w-scrollbar) / 2));display:grid;grid-auto-flow:row;overflow:hidden auto;gap:1rem;padding:0 1.25rem 1.25rem;margin-right:-8px;--w-scrollbar: 6px}.listitem{height:100%;width:calc(100% + calc(calc(var(--w-scrollbar) / 2) + var(--w-scrollbar)));list-style:none}.article{padding:1rem 1.25rem;border-radius:12px;font-size:14px;font-weight:500;line-height:1.6;text-align:left;width:100%;border:1px solid var(--dd-article-border);display:inline-block;background-color:var(--dd-article-bg);color:var(--dd-article-text);transition:all .3s ease}.webkit-scrollbar::-webkit-scrollbar{width:var(--w-scrollbar);height:var(--w-scrollbar);border-radius:9999px}.webkit-scrollbar::-webkit-scrollbar-track{background:transparent}.webkit-scrollbar::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.webkit-scrollbar:hover::-webkit-scrollbar-thumb{background:var(--dd-scrollbar)}