.ele-dropdown{display:inline-block;position:relative}.ele-dropdown__btn{align-items:center;background-color:transparent;border:1px solid var(--1914-green-400);border-radius:10rem;color:var(--gray-900);cursor:pointer;display:inline-flex;font-weight:500;gap:.8rem;justify-content:space-between;min-width:18rem;padding:.8rem 1.8rem;position:relative;transition:color .2s,border-color .2s;white-space:nowrap;z-index:2}@media(min-width:768px){.ele-dropdown__btn{border-color:var(--1914-green-400)}.ele-dropdown__btn:hover{border-color:var(--1914green);color:var(--1914green)}}.ele-dropdown__btn-label{text-align:center}.ele-dropdown__btn-icon{font-size:1.6rem;transition:transform .2s}.ele-dropdown.is-open{z-index:10}.ele-dropdown.is-open .ele-dropdown__btn{border-color:var(--1914green);color:var(--1914green)}.ele-dropdown.is-open .ele-dropdown__btn .ele-dropdown__btn-icon{transform:rotate(180deg)}.ele-dropdown__panel{border-radius:3.4rem;box-shadow:0 0 0 0 transparent;left:0;opacity:0;padding-top:1rem;pointer-events:none;position:absolute;right:0;top:var(--btn-h,4.4rem);transition:opacity .2s ease,visibility .2s ease,box-shadow 0s 0s;visibility:hidden;z-index:1}.ele-dropdown.is-open .ele-dropdown__panel{box-shadow:0 0 2rem #000c;opacity:1;pointer-events:auto;transition:opacity .2s ease,visibility .2s ease,box-shadow .6s .2s;visibility:visible}.ele-dropdown__bg{animation:none;background-color:var(--gray-white);border-radius:3.4rem;bottom:0;clip-path:inset(0 0 100% 0 round 2rem);height:calc(100% + 1.2rem + var(--btn-h, 4.4rem));left:-1.2rem;pointer-events:none;position:absolute;right:-1.2rem}.ele-dropdown.is-open .ele-dropdown__bg{animation:ele-dropdown-bg .25s ease-out forwards}.ele-dropdown__menu{list-style:none;margin:0;max-height:30rem;overflow-y:auto;padding:0 0 1.2rem;position:relative;scrollbar-color:var(--1914-green-lightgray) transparent;scrollbar-width:thin}.ele-dropdown__menu::-webkit-scrollbar{width:.4rem}.ele-dropdown__menu::-webkit-scrollbar-track{background:transparent}.ele-dropdown__menu::-webkit-scrollbar-thumb{background-color:var(--1914-green-lightgray);border-radius:10rem}.ele-dropdown__item{opacity:0}.ele-dropdown.is-open .ele-dropdown__item{animation:ele-dropdown-item .2s ease-out forwards;animation-delay:calc(.15s + var(--i)*.03s)}.ele-dropdown__option{background:transparent;border:none;color:var(--gray-900);cursor:pointer;display:block;font-family:Noto Sans TC;font-kerning:normal;font-size:1.6rem;font-synthesis-style:none;font-synthesis-weight:none;font-variant-numeric:tabular-nums;font-weight:500;font-weight:400;letter-spacing:0;line-height:1.45;padding:.8rem 1.6rem;text-align:center;text-rendering:optimizeLegibility;white-space:nowrap;width:100%}.ele-dropdown__option:hover{background:transparent}.ele-dropdown__option.is-active,.ele-dropdown__option:hover{color:var(--1914-green-grass)}@keyframes ele-dropdown-bg{0%{clip-path:inset(0 0 100% 0 round 2rem)}to{clip-path:inset(0 0 0 0 round 2rem)}}@keyframes ele-dropdown-item{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}