.XopatSidebar_separator__xheR3{position:relative;width:2px;height:100%;background-color:#6b7280;&.XopatSidebar_touched__5D_ic,&:hover{background-color:#ebebeb;& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px;height:20px;background-color:#fff;&>*{opacity:1}&.XopatSidebar_collapseleft__s_yGg{border-radius:0 9999px 9999px 0}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 0 0 9999px}}& .XopatSidebar_drag__8yIHX{height:50px}}&.XopatSidebar_portrait__YRH8X{width:100%;height:2px;&.XopatSidebar_touched__5D_ic,&:hover{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{&.XopatSidebar_collapseleft__s_yGg{border-radius:0 0 9999px 9999px}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 9999px 0 0}}& .XopatSidebar_drag__8yIHX{width:50px;height:20px}}}}@media (prefers-color-scheme:light){.XopatSidebar_separator__xheR3{background-color:#d1d5db;&.XopatSidebar_touched__5D_ic,&:hover{background-color:#6b7280;& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{background-color:#2f343b;& img{filter:invert(1)}}}}}@media (hover:none){.XopatSidebar_separator__xheR3{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px!important;height:20px!important;& img{filter:invert(1)}&>*{opacity:1}&.XopatSidebar_collapseleft__s_yGg{border-radius:0 9999px 9999px 0}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 0 0 9999px}}& .XopatSidebar_drag__8yIHX{height:50px!important}&.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{&.XopatSidebar_collapseleft__s_yGg{border-radius:0 0 9999px 9999px}&.XopatSidebar_collapseright__74rWH{border-radius:9999px 9999px 0 0}}& .XopatSidebar_drag__8yIHX{width:50px!important;height:20px!important}}&.XopatSidebar_touched__5D_ic,&:hover{@media (prefers-color-scheme:dark){& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{& img{filter:invert(0)}}}}}}.XopatSidebar_close__7pVzj,.XopatSidebar_drag__8yIHX,.XopatSidebar_opennew____GUf{position:absolute;z-index:90;left:50%;background-color:#4b5563;border-radius:9999px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;transition:.2s;width:8px;height:20px;&>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}&.XopatSidebar_collapseleft__s_yGg{left:calc(50% + 10px)}&.XopatSidebar_collapseright__74rWH{left:calc(50% - 10px)}}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj,& .XopatSidebar_drag__8yIHX,& .XopatSidebar_opennew____GUf{width:20px;height:8px;&.XopatSidebar_collapseleft__s_yGg{top:calc(50% + 10px)}&.XopatSidebar_collapseright__74rWH{top:calc(50% - 10px)}}}.XopatSidebar_drag__8yIHX{top:50%;height:50px;width:8px;cursor:grab}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_drag__8yIHX{left:50%;top:unset;height:8px;width:50px;& img{transform:rotate(90deg)}}}.XopatSidebar_close__7pVzj{top:20px;height:20px;cursor:pointer}.XopatSidebar_opennew____GUf{top:50px;height:20px;cursor:pointer}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_close__7pVzj{left:20px;top:unset}& .XopatSidebar_opennew____GUf{left:50px;top:unset}}.XopatSidebar_hitbox__Fkx_Z{position:absolute;top:0;left:50%;bottom:0;transform:translateX(-50%);width:20px;height:100vh;&.XopatSidebar_dragging__cb6Ew{left:-20px;transform:none;width:calc(100vw + 40px)}}.XopatSidebar_portrait__YRH8X{& .XopatSidebar_hitbox__Fkx_Z{left:0;top:50%;transform:translateY(-50%);width:100vw;height:20px;&.XopatSidebar_dragging__cb6Ew{top:-20px;transform:none;height:calc(100vh + 40px)}}}.spinner-container{display:flex;justify-content:center;align-items:center;min-height:20px;height:100%}.spinner{border:6px solid rgba(0,0,0,.1);border-top-color:#3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{padding:40px;text-align:center;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji;color:hsl(var(--bc));background:hsl(var(--b1))}.container{margin:0 auto;width:50%;max-width:860px}.ReactTags__tags{position:relative}.ReactTags__clearAll{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;margin:.5rem;border:1px solid hsl(var(--er));border-radius:var(--rounded-btn,.5rem);background:hsl(var(--er));color:hsl(var(--erc));font-weight:600;transition:transform .06s ease,filter .15s ease,box-shadow .15s ease;box-shadow:0 2px 0 hsla(var(--er)/.3)}.ReactTags__clearAll:hover{filter:brightness(.97)}.ReactTags__clearAll:active{transform:translateY(1px)}.ReactTags__tagInput{border-radius:var(--rounded-btn,.5rem);display:inline-block;width:-moz-max-content;width:max-content}input.ReactTags__tagInputField{height:1.4rem;margin:0;padding:0 6px;font-size:.95rem;border:1px solid hsl(var(--b3));border-radius:var(--rounded-btn,.5rem);background:hsl(var(--b1));color:hsl(var(--bc));outline:none;width:100px;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease}input.ReactTags__tagInputField:focus{border-color:hsl(var(--p));box-shadow:0 0 0 3px hsl(var(--p)/.2);width:125px}.ReactTags__editInput{border-radius:var(--rounded-btn,.5rem)}.ReactTags__editTagInput{display:inline-flex}.ReactTags__remove{display:flex}.ReactTags__selected{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ReactTags__selected span.ReactTags__tag{display:inline-flex;align-items:center;gap:.375rem;border:1px solid hsl(var(--p));background:hsl(var(--p));color:hsl(var(--pc));font-size:.7rem;padding:.175rem .625rem;margin:0;border-radius:9999px;line-height:1}.ReactTags__remove{border:none;cursor:pointer;background:transparent;color:hsl(var(--pc));padding:0 0 0 2px;border-radius:9999px;opacity:.9;transition:opacity .15s ease,transform .06s ease}.ReactTags__remove:hover{opacity:1}.ReactTags__remove:active{transform:translateY(1px)}.ReactTags__suggestions{position:absolute;inset-inline-start:0;margin-top:.25rem;z-index:50}.ReactTags__suggestions ul{list-style-type:none;margin:0;padding:.25rem 0;width:220px;max-height:14rem;overflow:auto;background:hsl(var(--b1));color:hsl(var(--bc));border:1px solid hsl(var(--b3));border-radius:var(--rounded-box,1rem);box-shadow:0 8px 24px rgba(0,0,0,.12)}.ReactTags__suggestions li{padding:.5rem .75rem;margin:0 .25rem;border-radius:var(--rounded-btn,.5rem);text-align:left;cursor:pointer;transition:background-color .12s ease,color .12s ease}.ReactTags__suggestions li:hover{background:hsl(var(--b2))}.ReactTags__suggestions li mark{text-decoration:underline;background:none;color:hsl(var(--bc))}.ReactTags__suggestions li.ReactTags__activeSuggestion{background:hsl(var(--p));color:hsl(var(--pc))}.ReactTags__suggestions li.ReactTags__activeSuggestion span mark{color:hsl(var(--pc))}.ReactTags__error{color:hsl(var(--erc));background:hsl(var(--er)/.1);border-left:4px solid hsl(var(--er));font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem .75rem;border-radius:var(--rounded-box,1rem)}.ReactTags__error svg{padding:0 5px;fill:currentColor}.ReactTags__clearAll:focus-visible,.ReactTags__remove:focus-visible,.ReactTags__selected span.ReactTags__tag:focus-visible,input.ReactTags__tagInputField:focus-visible{outline:2px solid hsl(var(--p));outline-offset:2px}