﻿/* record = 67, alias = system/lib/Dropdown */
[js="dropdown"]{position:relative;display:inline-block}[data-dropdown="button"]{user-select:none;cursor:pointer}[data-dropdown="content"]{background-color:var(--neutral-800);position:fixed;display:none;opacity:0;pointer-events:none;z-index:9999;box-sizing:border-box;max-width:calc(80vw);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);padding:0.5rem;box-shadow:0 4px 12px rgba(0,0,0,0.15);will-change:transform,opacity,top,left;-webkit-overflow-scrolling:touch}[data-dropdown="content"].is-active{display:block;animation:dropdownFadeIn 0.2s ease forwards}[data-dropdown="content"].is-closing{display:block;pointer-events:none;animation:dropdownFadeOut 0.2s ease forwards}[data-dropdown="content"] li:not(.btn){border-radius:var(--border-radius-sm);cursor:pointer;padding:0.25rem;transition:var(--anim-all);color:var(--color);font-size:14px}[data-dropdown="content"] li:not(.btn):hover{transition:var(--anim-all);background:var(--color-main);color:#fff}[data-dropdown="content"] li:not(.btn) a{color:#fff}[data-dropdown="content"] li.btn{display:block;font-size:14px !important;padding:0.25rem 0.3rem !important;box-sizing:border-box !important;line-height:normal !important}[data-dropdown="content"] li.btn+li.btn{margin-top:0.3rem}[data-dropdown="content"] li.separator{background:none;cursor:default;border-top:none;padding:0;margin:0.5rem 0;height:auto;min-height:1px;display:flex;justify-content:center;align-items:center;color:var(--color-hover);font-size:0.75rem;letter-spacing:0.05em;white-space:nowrap}[data-dropdown="content"] li.separator:first-child{margin-top:0}[data-dropdown="content"] li.separator:last-child{margin-bottom:0}[data-dropdown="content"] li.separator::before,[data-dropdown="content"] li.separator::after{content:"";flex:1;height:1px;background:var(--border-color);opacity:0.6}[data-dropdown="content"] li.separator:not(:empty)::before{margin-right:0.5rem}[data-dropdown="content"] li.separator:not(:empty)::after{margin-left:0.5rem}[data-dropdown="content"] li.separator:empty::after{display:none}[data-dropdown="content"] li.separator:empty::before{margin:0}[data-dropdown="content"] li.separator:hover{background:none;color:var(--color-hover)}[data-dropdown="content"] hr{margin:0.5rem 0}@keyframes dropdownFadeIn{from{opacity:0;
transform:translateY(-5px)}
to{opacity:1;
transform:translateY(0)}}
@keyframes dropdownFadeOut{from{opacity:1;
transform:translateY(0)}
to{opacity:0;
transform:translateY(-5px)}}

/* end */

