.IconButton{all:unset;color:rgba(var(--text-primary), .6);cursor:pointer;border-radius:15px;padding:8px;transition:all .2s;display:flex}.IconButton:hover{background:rgba(var(--accent), .08);color:rgb(var(--text-primary))}.ConfigButton.active button{background:rgb(var(--background-secondary));color:rgb(var(--text-primary))}.Alert{--text-color:rgb(var(--text-primary));--icon-color:rgb(var(--text-primary));--bg-color:rgb(var(--background-secondary));background:var(--bg-color);color:var(--text-color);align-items:center;gap:8px;padding:10px;font-weight:600;display:flex}.Alert svg{color:var(--icon-color)}.Alert--pastel.Alert--info{--text-color:rgb(var(--text-primary));--icon-color:rgb(var(--accent));--bg-color:rgba(var(--accent), .1)}.Alert--pastel.Alert--error{--text-color:rgb(var(--text-primary));--icon-color:rgb(var(--red));--bg-color:rgba(var(--red), .1)}.Alert--pastel.Alert--warning{--text-color:rgb(var(--text-primary));--icon-color:orange;--bg-color:rgba(var(--yellow), .2)}.Alert--pastel.Alert--success{--text-color:rgb(var(--text-primary));--icon-color:green;--bg-color:rgba(var(--green), .2)}.Alert--filled{font-weight:600}.Alert--filled.Alert--info{--text-color:white;--icon-color:white;--bg-color:rgb(var(--accent))}.Alert--filled.Alert--error{--text-color:white;--icon-color:white;--bg-color:rgb(var(--red))}.Alert--filled.Alert--warning{--text-color:black;--icon-color:darkorange;--bg-color:rgb(var(--yellow))}.Alert--filled.Alert--success{--text-color:black;--icon-color:black;--bg-color:rgb(var(--green))}.Button{--button-color:var(--accent);all:unset;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;transition:all .2s;display:inline-flex}.Button--loading{pointer-events:none;position:relative}.Button--loading>*{visibility:hidden}.Button--loading:after{content:"";border:2px solid rgba(var(--text-primary), .2);border-top-color:rgb(var(--text-primary));border-radius:50%;width:1em;height:1em;animation:1s linear infinite spin;position:absolute;left:calc(50% - .5em)}.Button--contained{--text-primary:255, 255, 255;background:rgb(var(--button-color));color:rgb(var(--text-primary))}.Button--contained:hover{background:rgba(var(--button-color), .8)}.Button--contained:active{background:rgba(var(--button-color), .6)}.Button--outlined{border:1px solid rgb(var(--button-color));color:rgb(var(--button-color));background:0 0}.Button--outlined:hover{background:rgba(var(--button-color), .1)}.Button--outlined:active{background:rgba(var(--button-color), .2)}.Button--pastel{background:rgba(var(--button-color), .1);color:rgb(var(--button-color))}.Button--pastel:hover{background:rgba(var(--button-color), .2)}.Button--pastel:active{background:rgba(var(--button-color), .4)}.Button--text{color:rgb(var(--text-primary));background:0 0}.Button--text:hover{background:rgba(var(--text-primary), .1)}.Button--text:active{background:rgba(var(--text-primary), .2)}.Button--iconOnly{padding:6px}.Button--accent{--button-color:var(--accent)}.Button--red{--button-color:var(--red)}.Button--green{--button-color:var(--green);--text-primary:0, 0, 0;color:rgb(var(--text-primary));box-shadow:0 1px 2px #0003}.Button--blue{--button-color:var(--blue);--text-primary:0, 0, 0;color:rgb(var(--text-primary));box-shadow:0 1px 2px #0003}.Button--yellow{--button-color:var(--yellow);--text-primary:0, 0, 0;color:rgb(var(--text-primary));box-shadow:0 1px 2px #0003}.Button[disabled]{filter:saturate(0);pointer-events:none;opacity:.4}@media (width<500px){.Button--mobile .Button-label{display:none}}.Toast{background:rgb(var(--background-secondary));pointer-events:all;border-radius:10px;align-items:center;gap:15px;padding:10px 15px;display:flex}.Toast-icon{color:rgb(var(--accent));align-items:center;display:flex}.Toast-content{flex-direction:column;flex-grow:1;gap:5px;display:flex}.Toast-message{word-break:break-word}.Toast-date{color:rgb(var(--text-primary), .6);font-size:.9em}.Toast--read{opacity:.6}.Toast--floating{outline:1px solid #fff6;box-shadow:0 5px 20px #0000004d}.Toast--success{background:color-mix(in srgb, rgb(var(--green)) 10%, rgb(var(--background-primary)))}.Toast--success .Toast-icon{color:green}.Toast--error{background:color-mix(in srgb, rgb(var(--red)) 5%, rgb(var(--background-primary)))}.Toast--error .Toast-icon{color:rgb(var(--red))}.Toaster{pointer-events:none;z-index:10;flex-direction:column;gap:10px;display:flex;position:fixed;top:15px;right:15px}.ThemeButton{color:rgba(var(--text-primary), .6);cursor:pointer;border-radius:15px;padding:8px;transition:background-color .2s;display:flex}.ThemeButton:hover{background:rgb(var(--background-secondary));color:rgb(var(--text-primary))}.ConfigEditor{flex-direction:column;flex:1;gap:10px;min-width:0;padding:15px 30px;display:flex}.ConfigEditor-header{justify-content:flex-end;display:flex}.ConfigEditor-content{flex:1;min-height:0;position:relative}.ConfigEditor-content>div{position:absolute;inset:0}.ConfigEditor-errors{background:rgb(var(--background-primary))}@media (width<500px){.ConfigEditor{padding:5px}}.NotifsButton-badge{background:rgb(var(--accent));color:#fff;pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:.8em;display:flex;position:absolute;top:-1px;right:0}.NotifsPanel{background:rgb(var(--background-primary));z-index:9;border-radius:10px;outline:1px solid #fff6;width:800px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 0 30px #00000026}.NotifsPanel-header{border-bottom:1px solid rgba(var(--text-primary), .1);justify-content:space-between;align-items:center;padding:5px 5px 5px 20px;display:flex}.NotifsPanel-header h1{all:unset;font-size:1.1em;font-weight:600}.NotifsPanel-content{flex-direction:column;gap:10px;max-height:90vh;padding:20px;display:flex;overflow:auto}.NotifsPanel-split{align-items:center;gap:5px;display:flex}.NotifsPanel-dismiss{--button-color:var(--text-primary);border-radius:999px;padding:3px 10px;font-size:.9em}.NotifsPanel-placeholder{color:rgba(var(--text-primary), .6);align-self:center;margin:20px 0}.NotifsToggle{position:relative}.Checkbox{cursor:pointer;align-items:center;gap:4px;display:flex}.Checkbox-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.Checkbox-input{width:16px;height:16px;accent-color:rgb(var(--accent));cursor:pointer}.MultiSelect{flex-direction:column;gap:5px;width:100%;display:flex;position:relative}.MultiSelect-header{border:1px solid rgba(var(--text-secondary), .3);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.MultiSelect-header:hover{color:rgb(var(--text-primary));border:1px solid rgb(var(--text-primary))}.MultiSelect-body{background-color:rgb(var(--background-primary));border:1px solid rgba(var(--text-secondary), .3);white-space:nowrap;min-width:100%;max-height:300px;box-shadow:0 0 20px rgba(var(--text-secondary), .3);z-index:10;border-radius:5px;margin:0;padding:0;list-style-type:none;position:absolute;top:100%;left:0;overflow:hidden auto}.MultiSelect-option{cursor:pointer;padding:5px 10px}.MultiSelect-option:hover{color:rgb(var(--background-primary));background-color:rgb(var(--accent))}.MultiSelect-option--selected{color:rgb(var(--text-primary));background-color:rgba(var(--accent), .2)}.MultiSelect-placeholder{color:rgba(var(--text-primary), .8)}.MultiSelect--pastel{background:rgba(var(--background-secondary), .8);border-radius:999px;flex-direction:row;align-items:center;gap:0}.MultiSelect--pastel .MultiSelect-name{padding-left:15px;font-size:.85em}.MultiSelect--pastel .MultiSelect-header{border:none;padding:5px 8px 5px 15px}.MultiSelect--pastel .MultiSelect-label{white-space:nowrap;max-width:200px;overflow:auto}.MultiSelect--pastel .MultiSelect-label::-webkit-scrollbar{display:none}.Input{flex-direction:column;gap:5px;display:flex}.Input input{border:1px solid rgba(var(--text-secondary), .3);background:0 0;border-radius:10px;padding:10px;font-size:1em}.SelectFetcher{flex-direction:column;gap:5px;display:flex}.Loader{justify-content:center;align-items:center;height:100%;display:flex}.Loader-spinner{border:5px solid rgba(var(--text-primary), .2);border-top-color:rgb(var(--text-primary));z-index:10;border-radius:50%;animation:1s linear infinite spin}.Loader--small .Loader-spinner{border-width:2px;width:1.2em;height:1.2em}.Loader--medium .Loader-spinner{border-width:4px;width:45px;height:45px}.Loader--large .Loader-spinner{border-width:5px;width:60px;height:60px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.FormLoader{height:100%}.Form{flex-direction:column;gap:20px;display:flex}.Form label{font-size:.9em}.Modal{color:rgb(var(--text-primary));background:rgb(var(--background-primary));border:none;border-radius:10px;outline:1px solid #fff6;flex-direction:column;padding:0;display:flex}.Modal::backdrop{background-color:#0009}.Modal-close{position:absolute;top:5px;right:5px}.Modal-header{border-bottom:1px solid rgba(var(--text-primary), .1);text-transform:uppercase;padding:20px;font-weight:600}.Modal-content{flex:1;padding:20px;overflow:auto}.Modal-footer{border-top:1px solid rgba(var(--text-primary), .1);justify-content:flex-end;gap:15px;padding:15px;display:flex}body :has(dialog[open]){overflow:hidden}.FormModal{width:40vw;height:50vh}.FormModal-content{padding:20px 30px}.Widget{background:rgb(var(--background-primary));border-radius:10px;flex-direction:column;height:100%;max-height:calc(100vh - 170px);padding:20px;display:flex;overflow:hidden}@media (width<500px){.Widget{flex:1;min-height:600px}}.CheckboxFilter,.CheckboxFilter label{cursor:pointer;align-items:center;gap:8px;display:flex}.CheckboxFilter input[type=checkbox]{cursor:pointer}.DateFilter{align-items:center;gap:8px;display:flex}.DateFilter input{background:rgba(var(--background-secondary), .8);border:none;border-radius:999px;padding:6px 12px}:where(.DashboardFilters--vertical) .DateFilter{flex-direction:column;align-items:stretch;gap:4px}:where(.DashboardFilters--vertical) .DateFilter input{border-radius:10px}.Tooltip{left:var(--x);z-index:999;max-inline-size:min(40ch,100vw - 25px);color:rgb(var(--background-primary));background:rgb(var(--text-primary));border-radius:10px;padding:10px;font-size:.75rem;position:fixed;box-shadow:0 10px 25px #00000040}.Tooltip--top{top:calc(var(--top) - 10px);transform:translate(-50%)translateY(-100%)}.Tooltip--bottom{top:calc(var(--bottom) + 10px);transform:translate(-50%)}.Tooltip:after{content:"";background:rgb(var(--text-primary));width:10px;height:5px;position:absolute;left:50%;transform:translate(-50%)}.Tooltip--bottom:after{clip-path:polygon(50% 0,0 100%,100% 100%);top:-5px}.Tooltip--top:after{clip-path:polygon(0 0,100% 0,50% 100%);bottom:-5px}.FilterError{background:rgb(var(--background-secondary));color:rgba(var(--text-primary), .5);border-radius:999px;justify-content:center;align-items:center;gap:5px;width:120px;padding:5px;display:flex}.NumberFilter{background:rgb(var(--background-secondary));border:1px solid rgb(var(--background-secondary));cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:4px 15px 4px 20px;display:flex}.NumberFilter input{all:unset;text-align:right;cursor:text;flex:1;font-weight:700}.NumberFilter input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.NumberFilter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Autocomplete{flex-direction:column;gap:5px;width:100%;display:flex;position:relative}:where(.DashboardFilters--horizontal) .Autocomplete{width:auto}:where(.DashboardFilters--horizontal) .Autocomplete .Autocomplete-control{flex-wrap:nowrap;flex:none}:where(.DashboardFilters--horizontal) .Autocomplete .Autocomplete-input{field-sizing:content;flex:none;width:auto;min-width:0}.Autocomplete-label{color:rgb(var(--text-primary));font-size:.85em}.Autocomplete-control{border:1px solid rgba(var(--text-secondary), .3);background-color:rgb(var(--background-primary));cursor:text;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;min-height:36px;padding:6px 10px;display:flex}.Autocomplete-control:hover{border-color:rgb(var(--text-primary))}.Autocomplete-control:has(.Autocomplete-input[readonly]){cursor:pointer}.Autocomplete-input{min-width:50px;color:rgb(var(--text-primary));font-size:inherit;background:0 0;border:none;outline:none;flex:1}.Autocomplete-input::placeholder{color:rgba(var(--text-primary), .6)}.Autocomplete-input:disabled{cursor:not-allowed}.Autocomplete-input[readonly]{cursor:pointer}.Autocomplete-indicator{all:unset;cursor:pointer;flex-shrink:0;display:inline-flex}.Autocomplete-tags{font-size:inherit;color:rgb(var(--text-primary));white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.Autocomplete-list{background-color:rgb(var(--background-primary));border:1px solid rgba(var(--text-secondary), .3);box-shadow:0 0 20px rgba(var(--text-secondary), .3);border-radius:5px;max-height:300px;margin:0;padding:0;list-style:none;overflow-y:auto}.Autocomplete-list--empty{pointer-events:none}.Autocomplete-option{cursor:pointer;white-space:nowrap;padding:5px 10px}.Autocomplete-option:hover,.Autocomplete-option[data-focus=true]{color:rgb(var(--background-primary));background-color:rgb(var(--accent))}.Autocomplete-option--selected{color:rgb(var(--text-primary));background-color:rgba(var(--accent), .2)}.Autocomplete-empty{color:rgba(var(--text-primary), .6);padding:5px 10px;font-style:italic}.Autocomplete--disabled{opacity:.6;pointer-events:none}.Autocomplete--pastel{background:rgba(var(--background-secondary), .8);border-radius:999px;flex-direction:row;align-items:center;gap:0;padding:0}.Autocomplete--pastel .Autocomplete-label{padding-left:15px;font-size:.85em}.Autocomplete--pastel .Autocomplete-control{min-height:unset;background:0 0;border:none;flex:1;max-width:250px;padding:5px 8px 5px 15px;overflow-x:auto}.Autocomplete--pastel .Autocomplete-control::-webkit-scrollbar{display:none}.Autocomplete--pastel .Autocomplete-control:hover{border:none}:where(.DashboardFilters--vertical) .Autocomplete--pastel{border-radius:10px;flex-direction:column;align-items:stretch;gap:5px;padding:6px 10px}:where(.DashboardFilters--vertical) .Autocomplete--pastel .Autocomplete-label{padding-left:0}:where(.DashboardFilters--vertical) .Autocomplete--pastel .Autocomplete-control{max-width:none;padding:0}.RefinerFilter--disabled{opacity:.5;pointer-events:none}.RefinerFilter--loading{opacity:.5;pointer-events:none;position:relative;overflow:hidden}.RefinerFilter--loading:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#fff9,#0000);width:40%;height:100%;animation:1s linear infinite shine;position:absolute;top:0;left:-40%}@keyframes shine{0%{left:-40%}to{left:100%}}.SelectFilter{background:rgb(var(--background-secondary));border:none;border-radius:999px;padding:6px}.Dropzone{border:2px dashed rgba(var(--text-primary), .1);background-color:rgba(var(--text-primary), .02);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:200px;margin:0 20px;padding:20px;display:flex}.Dropzone-file{max-width:100%;color:rgb(var(--accent));flex-direction:column;align-items:center;margin-top:15px;display:flex}.Dropzone--accept{background-color:rgba(var(--accent), .05);border-color:rgb(var(--accent))}.Dropzone--reject{background-color:rgba(var(--red), .05);border-color:rgb(var(--red))}.UploadModal-content{flex-direction:column;gap:15px;min-width:460px;min-height:420px;display:flex}.UploadModal-step{align-items:center;gap:8px;display:flex}.UploadModal-number{background:rgb(var(--accent));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.UploadModal-download{align-self:center;margin-bottom:5px}.UploadModal--loading .UploadModal-content{justify-content:center;align-items:center}.UploadModal--error .UploadModal-content{color:rgb(var(--red));justify-content:center;align-items:center}.UploadModal--error .UploadModal-error{background-color:rgba(var(--red), .1);border-radius:10px;padding:20px}@media (width<500px){.UploadModal-content{min-width:90vw}}.Search{background:rgb(var(--background-primary));border:1px solid rgba(var(--text-secondary), .3);width:100%;color:var(--text-primary);border-radius:5px;padding:7px 7px 7px 10px}.Search::placeholder{opacity:.9}.Search::-webkit-search-cancel-button{-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10' fill='%23777' fill-opacity='0.5'/><path d='M15 9L9 15M9 9l6 6' stroke='white' stroke-width='2' stroke-linecap='round'/></svg>");width:18px;height:18px}.Search:focus-visible{outline:1px solid rgb(var(--accent))}.Toggle{border:1px solid rgba(var(--text-secondary), .3);color:rgb(var(--accent));border-radius:5px;flex-shrink:0;display:flex;overflow:hidden}.Toggle-button{all:unset;background:rgb(var(--background-primary));border-right:1px solid rgba(var(--text-secondary), .3);justify-content:center;align-items:center;padding:6px 8px;display:flex}html[theme=dark] .Toggle-button--active{background:rgba(var(--accent), .2);color:color-mix(in srgb, white 30%, rgb(var(--accent)) 70%)}html[theme=light] .Toggle-button--active{background:rgba(var(--accent), .1)}.Toggle:hover{cursor:pointer;background:rgba(var(--background-secondary), .5)}.Toggle:last-child{border-right:none}.Actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.Actions-left{flex:1;align-items:center;gap:8px;display:flex}.Actions-right{align-items:center;gap:8px;display:flex}.Actions-title{all:unset;text-transform:uppercase;font-family:Roboto;font-weight:700}.Actions-submit{flex:1;justify-content:space-between;align-items:center;gap:8px;display:flex}.ActionRenderer-button{text-transform:uppercase;color:rgb(var(--accent));border-radius:0;margin-top:-1px;padding:0 10px;font-weight:700}.row-active .ActionRenderer-button{color:#fff}.DownloadRenderer-button{text-transform:uppercase;color:rgb(var(--accent));border-radius:0;margin-top:-1px;padding:0 10px;font-weight:700}.row-active .DownloadRenderer-button{color:#fff}.LinkRenderer{color:rgb(var(--accent));font-weight:700;text-decoration:none}.LinkRenderer:hover{text-decoration:underline}.MonthEditor{background:0 0;border:none;width:100%;height:100%;padding-left:5px}.MultilookupEditor{background-color:var(--ag-menu-background-color);border:var(--ag-menu-border);resize:horizontal;width:300px;padding:6px;overflow:auto}.MultilookupEditor-options{max-height:300px;margin:6px -6px 0 0;overflow:auto}.MultilookupEditor-virtualizer{position:relative}.MultilookupEditor-virtual{width:100%;position:absolute;top:0;left:0}.StatusRenderer{--status-color:rgb(var(--text-primary));align-items:center;gap:6px;display:flex}.StatusRenderer:before{content:"";background:var(--status-color);border-radius:999px;flex-shrink:0;width:.7em;height:.7em;display:inline-block}.StatusRenderer--success{--status-color:rgb(var(--green))}.StatusRenderer--error{--status-color:rgb(var(--red))}.StatusRenderer--warning{--status-color:rgb(var(--yellow))}.TableEditor-modal{width:70vw}.TableEditor-title{margin:0;font-size:1.4em;font-weight:500}@media (width<500px){.TableEditor-modal{width:100vw}}.TableRenderer-button{text-transform:uppercase;width:calc(100% - 4px);color:rgb(var(--accent));border-radius:0;margin:-1px -8px 0;padding:0 10px;font-weight:700}.row-active .TableRenderer-button{color:#fff}.TableRenderer-button--empty{opacity:.7}.UploadRenderer-button{text-transform:uppercase;color:rgb(var(--accent));border-radius:0;margin-top:-1px;padding:0 10px;font-weight:700}.row-active .UploadRenderer-button{color:#fff}.Grid{--ag-background-color:rgb(var(--background-primary))}.Grid input[type=checkbox]{margin:0}.Grid .row-to-add{background-color:#1eb48c33}.Grid .row-to-update{background-color:#ff03}.Grid .row-to-remove{color:red;background-color:#f003}.Grid .row-active{background-color:rgb(var(--accent));color:#fff}.Grid .cell-error{border:1px solid red}.Grid .cell-error+.cell-error{border-left:none}.Grid .ag-virtual-list-viewport{width:500px!important;max-width:none!important}.Table{flex-direction:column;gap:15px;height:100%;display:flex}.Table-title{all:unset;text-transform:uppercase;font-family:Roboto;font-weight:700}.Table-grid{flex-direction:column;flex:1;display:flex}.Table-banner{border-radius:5px 5px 0 0}.TableFilterModal{width:90vw;min-height:50vh}.TableFilterModal-tables{flex-direction:column;justify-content:center;gap:40px;display:flex}.TableFilterPicker{all:unset;background:rgb(var(--background-secondary));border:1px solid rgb(var(--background-secondary));cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 8px 5px 15px;display:flex}.TableFilterPicker-value{margin-left:2px;font-weight:700}.TableFilterPicker:hover{background:rgba(var(--background-secondary), .8)}.DashboardFilters{align-items:center;gap:1rem;display:flex}.DashboardFilters--horizontal{overflow:auto}.DashboardFilters--horizontal>*{flex-shrink:0;max-width:100%}.DashboardFilters--horizontal::-webkit-scrollbar{display:none}.DashboardFilters--vertical{flex-direction:column;align-items:stretch;width:100%}.DashboardFilters-actions{justify-content:flex-end;gap:.5rem;display:flex}.DashboardFilters-action{background:rgba(var(--accent), .1);color:rgba(var(--accent), .8);cursor:pointer;border:none;border-radius:999px;padding:6px 8px;font-size:.8rem}.DashboardFilters-action:hover{background:rgba(var(--accent), .15);color:rgba(var(--accent), 1)}.WidgetFilters{justify-content:flex-end;gap:10px;display:flex}.WidgetLoader,.WidgetUnknown{justify-content:center;align-items:center}.Forbidden{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.Forbidden p{margin:5px}.Board{gap:20px;height:100%;display:grid}.Board-fab{all:unset;background:rgb(var(--accent));color:#fff;z-index:999;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;bottom:15px;right:15px;box-shadow:0 5px 20px #0000004d}.Board-fab:hover{background:rgba(var(--accent), .9)}.Board-fab:before{content:attr(data-tooltip);background:rgba(var(--text-primary), .8);color:rgb(var(--background-primary));white-space:nowrap;pointer-events:none;opacity:0;border-radius:5px;padding:6px 10px;font-size:14px;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.Board-fab:hover:before{opacity:1;transition:opacity .2s 1s}@media (width<500px){.Board{flex-direction:column;display:flex}}