.szh-menu{box-sizing:border-box;z-index:100;background-color:#fff;border:1px solid #0000001a;width:max-content;margin:0;padding:0;list-style:none}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;z-index:-1;background-color:#fff;border:1px solid #0000;border-color:#0000001a #0000 #0000 #0000001a;width:.75rem;height:.75rem}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%)rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%)rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%)rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%)rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{background-color:#0000001f;height:1px;margin:.5rem 0}.szh-menu-button{box-sizing:border-box}.szh-menu{-webkit-user-select:none;user-select:none;color:#212529;border:none;border-radius:.25rem;min-width:10rem;padding:.5rem 0;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a}.szh-menu__item{align-items:center;padding:.375rem 1.5rem;display:flex;position:relative}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";font-size:.8rem;position:absolute;top:.55rem;left:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;text-transform:uppercase;padding:.2rem 1.5rem;font-size:.8rem}
@keyframes szh-menu-show-slide-left{0%{opacity:0;transform:translate(.75rem)}}@keyframes szh-menu-hide-slide-left{to{opacity:0;transform:translate(.75rem)}}@keyframes szh-menu-show-slide-right{0%{opacity:0;transform:translate(-.75rem)}}@keyframes szh-menu-hide-slide-right{to{opacity:0;transform:translate(-.75rem)}}@keyframes szh-menu-show-slide-top{0%{opacity:0;transform:translateY(.75rem)}}@keyframes szh-menu-hide-slide-top{to{opacity:0;transform:translateY(.75rem)}}@keyframes szh-menu-show-slide-bottom{0%{opacity:0;transform:translateY(-.75rem)}}@keyframes szh-menu-hide-slide-bottom{to{opacity:0;transform:translateY(-.75rem)}}.szh-menu--state-opening.szh-menu--dir-left{animation:.15s ease-out szh-menu-show-slide-left}.szh-menu--state-closing.szh-menu--dir-left{animation:.15s ease-in forwards szh-menu-hide-slide-left}.szh-menu--state-opening.szh-menu--dir-right{animation:.15s ease-out szh-menu-show-slide-right}.szh-menu--state-closing.szh-menu--dir-right{animation:.15s ease-in forwards szh-menu-hide-slide-right}.szh-menu--state-opening.szh-menu--dir-top{animation:.15s ease-out szh-menu-show-slide-top}.szh-menu--state-closing.szh-menu--dir-top{animation:.15s ease-in forwards szh-menu-hide-slide-top}.szh-menu--state-opening.szh-menu--dir-bottom{animation:.15s ease-out szh-menu-show-slide-bottom}.szh-menu--state-closing.szh-menu--dir-bottom{animation:.15s ease-in forwards szh-menu-hide-slide-bottom}
.modal-overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-content{background:linear-gradient(to bottom right,#f9fcfd,#fff0f9,#fff0e1);border-radius:12px;width:100%;min-width:40%;max-width:55%;padding:1rem;position:relative}.modal-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;top:10px;right:15px}@media (max-width:768px){.modal-content{border-radius:10px;max-width:95%;max-height:70%;padding:.9rem;overflow:scroll}.modal-close{font-size:24px;top:8px;right:12px}}@media (max-width:480px){.modal-content{padding:.75rem}.modal-close{font-size:22px}}