.ButtonGroup{gap:calc(var(--gutter-x) / 2);flex-wrap:wrap;display:flex}.ButtonGroup.no-wrap{flex-wrap:nowrap}.ButtonGroup>*{flex:none}.Pill{color:var(--Pill-color,var(--primary));text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50px;align-items:center;margin-top:.5rem;margin-bottom:.5rem;margin-right:.5rem;padding:0 .4rem 0 .8rem;font-size:.7rem;font-weight:700;display:inline-flex;background:var(--Pill-bg,hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15))!important}[data-theme=dark] .Pill{color:var(--Pill-color,var(--black))}.Pill.Pill--hidden{opacity:0;width:0;margin:0!important;padding-left:0!important;padding-right:0!important}.Pill__remove{z-index:2;cursor:pointer;border-radius:50px;margin-left:.25rem;font-size:1rem;line-height:1;position:relative}@media print{.Pill__remove{display:none}}.Pill__remove svg{transition:fill .1s linear;display:block;color:currentColor!important}.Pill__remove:hover svg{color:red!important}.Pill.Pill--disabled{padding-right:1rem;background:hsla(var(--grey-h), var(--grey-s), var(--grey-l), .1)!important}.ArrayInput{width:var(--input-width,auto);max-width:100%}.ArrayInput>*{--input-width:initial}.ArrayInput{width:auto;min-width:var(--input-width,auto);position:relative}.ArrayInput .Input__field--multi{display:flex}.ArrayInput .Input__field--multi:not(.Input__field--nowrap){white-space:initial;flex-wrap:wrap}.ArrayInput .Input__field--multi input{color:var(--black);vertical-align:middle;background:0 0;border:0;outline:none;height:100%;margin:.9rem 0}.ArrayInput.Input.Input--sm .Input__field{min-height:unset;padding-left:.2rem}.ArrayInput.Input.Input--sm .Pill{margin:.4rem .2rem .4rem .1rem;padding:0 .5rem}.ArrayInput.Input.Input--sm input{margin-top:.68rem;margin-bottom:.68rem;padding-bottom:0;padding-left:.5rem}.ArrayInput.Input--xs .Pill{margin:.2rem .2rem .2rem .1rem;padding:0 .5rem}.ArrayInput.Input--xs input{margin-top:.55rem;margin-bottom:.33rem}.Pagination{border-radius:.5rem;justify-content:end;align-items:center;display:flex}.Pagination .Input input.Input__field{text-align:center;font-weight:700;padding-left:0!important;padding-right:0!important}.PartialScroll{--partial-scroll-gap:0;align-items:center;gap:var(--partial-scroll-gap);display:flex}.PartialScroll__scroll{flex:auto;min-width:0}.PartialScroll__pinned{align-items:center;gap:var(--partial-scroll-gap);flex:none;display:flex}.PartialScroll .HScroll__scrollable{align-items:center;gap:var(--partial-scroll-gap)}.PartialScroll .HScroll__scrollable>*{flex:none}.PartialScroll .HScroll__scrollable>:only-child{flex:auto}.HScroll{white-space:nowrap;flex-wrap:nowrap;flex-grow:1;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.HScroll__scrollable{scrollbar-width:none;-ms-overflow-style:none;--input-width:15rem;width:100%;display:flex;overflow-x:auto}.HScroll__scrollable::-webkit-scrollbar{display:none}.HScroll__scrollable .Row{width:100%;margin:0}.HScroll__scrollable .Row .Col:first-child{padding-left:0}.HScroll__scrollable .Row .Col:last-child{padding-right:0}.HScroll__scrollable .Input,.HScroll__scrollable .ArrayInput,.HScroll__scrollable .InputGroup,.HScroll__scrollable .Checkbox{margin-bottom:0}.HScroll__gradient{z-index:4;opacity:0;pointer-events:none;background:#14141e;justify-content:center;align-items:center;width:3%;min-width:3rem;display:flex;position:absolute;top:1px;bottom:1px;overflow:hidden}.HScroll__gradient.right{background:linear-gradient(270deg,#14141e4d 0%,#14141e00 100%);right:0}.HScroll__gradient.left{background:linear-gradient(90deg,#14141e4d 0%,#14141e00 100%);left:0}[data-theme=dark] .HScroll__gradient.right{background:linear-gradient(270deg,#14141e80 0%,#14141e00 100%)}[data-theme=dark] .HScroll__gradient.left{background:linear-gradient(90deg,#14141e80 0%,#14141e00 100%)}.SlideUpModal{left:var(--sidebar-w);right:0;bottom:var(--main-bottom);z-index:9;position:fixed}.SlideUpModal__slider{z-index:1;border:1px solid var(--lightgrey);border-radius:1rem 1rem 0 0;height:60vh;margin:0 auto;transition:transform .15s cubic-bezier(.2,.6,.4,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:none!important}@media only screen and (max-width:1199px){.SlideUpModal__slider .Card__heading{font-size:1rem}}.SlideUpModal__slider .Card__body-wrap{flex-grow:1;height:100%}.SlideUpModal__slider .Card__body{--input-width:100%;width:100%;height:auto;padding-bottom:0}.SlideUpModal__slider .Card__body>.Button,.SlideUpModal__slider .Card__body>.Input,.SlideUpModal__slider .Card__body>.InputGroup{margin-bottom:2rem!important}.SlideUpModal__slider .Card__body>.Button,.SlideUpModal__slider .Card__body>.InputGroup{width:100%}.SlideUpModal__slider .Card__body>.InputGroup>div{flex:1}.ButtonDropdown__content{z-index:30;color:var(--darkgrey);text-align:left;text-transform:uppercase;font-size:.8rem;font-weight:700;position:fixed}.ButtonDropdown__content .Card{overflow:hidden}.ButtonDropdown__content button{text-align:left;width:100%}.ButtonDropdown__content a{width:100%}.Checkmark{--checkbox-color:var(--primary);vertical-align:middle;line-height:inherit}.Checkmark:not(.block){display:inline-block}.Checkmark,.Checkmark *{cursor:pointer}.Checkmark__check{width:1.2rem;height:1.2rem;box-shadow:inset 0 0 0 2px var(--lightgrey);background:color-mix(in srgb, var(--field-bg) 50%, transparent);pointer-events:none;border-radius:1.2rem;flex:0 0 1.2rem;transition:box-shadow .2s ease-in;display:inline-block}.Checkmark__label{flex-grow:1;margin-left:.75rem}.Checkmark .Checkmark__check svg{vertical-align:middle;width:1.2rem;stroke:var(--checkbox-color);padding:.15rem;display:none}.Checkmark .Checkmark__check svg polyline{stroke-dasharray:1000;stroke-dashoffset:0;stroke-dashoffset:-100px;animation:.9s ease-in-out forwards dash-check}.Checkmark input{display:none}.Checkmark input:checked+label .Checkmark__check{box-shadow:var(--shadow-sm), var(--shadow-md), inset 0 0 0 2px var(--checkbox-color)}.Checkmark input:checked+label .Checkmark__check svg{display:block}.Checkmark.Checkmark--readonly{pointer-events:none}.Checkmark--error .Checkmark__check{background:hsla(var(--danger-h), var(--danger-s), var(--danger-l), .15);box-shadow:var(--shadow-sm), var(--shadow-md), inset 0 0 0 2px var(--danger)!important}.Checkmark--error .Checkmark__check svg{stroke:var(--danger)!important}.Checkmark--lg .Checkmark__check{border-radius:1.5rem;flex:0 0 1.5rem;width:1.5rem;height:1.5rem}.Checkmark--lg .Checkmark__check svg{width:1.5rem}.Checkmark--disabled{filter:brightness();opacity:.7}.Checkmark--disabled,.Checkmark--disabled *{cursor:not-allowed}.Checkmark--disabled.Checkmark--checked{filter:brightness();opacity:.7}.Checkmark--inline{margin-bottom:1rem}@media only screen and (min-width:768px){.Checkmark--inline{margin-bottom:1.5rem}}.Checkmark--inline{width:100%}.Checkmark--inline .Checkmark__check{text-align:right;margin-left:auto;margin-right:0}.Checkmark--inline .Label{flex:none;width:auto;margin-bottom:0;margin-right:1rem;display:inline-block}[data-theme=dark] .Checkmark__check{box-shadow:var(--shadow-sm), var(--shadow-md), inset 0 0 0 2px var(--lightgrey)}[data-theme=dark] .Checkmark--error .Checkmark__check{background:hsla(var(--danger-h), var(--danger-s), var(--danger-l), .2);box-shadow:var(--shadow-sm), var(--shadow-md), inset 0 0 0 2px var(--danger)}[data-theme=dark] .Checkmark--disabled{filter:brightness(.7);opacity:.5}[data-theme=dark] .Checkmark--disabled.Checkmark--checked{opacity:.6}@keyframes dash{0%{stroke-dashoffset:1000px}to{stroke-dashoffset:0}}@keyframes dash-check{0%{stroke-dashoffset:-100px}to{stroke-dashoffset:900px}}.TableColumns{text-transform:uppercase;font-weight:700}.TableColumns__column{white-space:nowrap;flex-wrap:nowrap;justify-content:space-between;align-items:center;display:flex}.TableColumns__column>div:first-child{align-items:center;padding:1rem;display:flex}@media only screen and (min-width:1200px){.TableColumns__column>div:first-child{padding:.5rem 1rem}}.RefineMobile{flex-wrap:nowrap;align-items:center;gap:1rem;display:flex}.RefineMobile__filter{flex:auto;min-width:0}.RefineMobile__actions{flex-wrap:nowrap;flex:none;align-items:center;gap:1rem;display:flex}body .RefineMobile>*,body .RefineMobile__filter>*,body .RefineMobile__actions>*{margin-bottom:0}.Checkbox{appearance:none;cursor:pointer;box-shadow:inset 0 0 0 var(--field-ring,1px) var(--field-border,var(--lightgrey));background-color:var(--field-bg);border:0;border-radius:.5rem;outline:none;margin-bottom:1rem;position:relative}@media only screen and (min-width:768px){.Checkbox{margin-bottom:1.5rem}}.Checkbox{z-index:1}.Checkbox:focus{z-index:2;--field-ring:2px;--field-border:var(--field-focus-border,var(--primary))}.Checkbox--minimal{box-shadow:none;text-align:center;background:0 0;width:auto;margin:0;display:inline-flex}.Checkbox--minimal .Checkbox__field{margin:0 auto}.Checkbox--minimal .Checkbox__label{margin-left:1rem;padding:0;display:inline-block}.Checkbox--minimal.Checkbox--disabled{box-shadow:none;background:0 0}.Checkbox--error .Checkbox__field{--field-ring:2px;--field-border:var(--danger);background-color:hsla(var(--danger-h), var(--danger-s), var(--danger-l), .2)}.Checkbox__inner{align-items:center;display:flex}.Checkbox__label{-webkit-user-select:none;user-select:none;text-align:left;cursor:pointer;flex:1;padding-right:1rem;font-size:.9rem;font-weight:700;line-height:1rem;display:inline-block}.Checkbox__field{box-shadow:inset 0 0 0 var(--field-ring,1px) var(--field-border,var(--lightgrey));--field-ring:2px;cursor:pointer;appearance:none;will-change:box-shadow;border-radius:.5rem;outline:none;flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;margin:0 1rem;transition:box-shadow .2s cubic-bezier(.2,.6,.4,1);display:inline-flex;position:relative}.Checkbox__field:after{content:"";opacity:0;z-index:-1;background:#fff;border-radius:.5rem;transition:opacity .2s cubic-bezier(.2,.6,.4,1);position:absolute;inset:1px}.Checkbox__field:checked{--field-ring:5px;--field-border:var(--primary)}.Checkbox__field:checked:after{opacity:1}.Checkbox__field:disabled{--field-ring:1px;--field-border:hsl(var(--lightgrey-h), var(--lightgrey-s), calc(var(--lightgrey-l) - 3%));background:color-mix(in srgb, var(--field-bg) 92%, var(--grey))}.Checkbox__field:disabled:checked:after{background:var(--grey)}.Checkbox--negate .Checkbox__field:checked{--field-ring:2px;--field-border:var(--danger)}.Checkbox--negate .Checkbox__field:checked:after{content:none}.Checkbox--negate .Checkbox__field:checked:before{content:"";background:var(--danger);border-radius:0;width:2px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.Checkbox--checked .Checkbox__field{background:0 0}.Checkbox--disabled{--field-ring:1px;--field-border:hsl(var(--lightgrey-h), var(--lightgrey-s), calc(var(--lightgrey-l) - 3%));background:color-mix(in srgb, var(--field-bg) 92%, var(--grey))}.Checkbox--disabled,.Checkbox--disabled .Checkbox__label,.Checkbox--disabled .Checkbox__field{cursor:no-drop}.Checkbox--disabled .Checkbox__label{color:var(--grey)}.Checkbox--xs{padding-left:0;padding-right:.75rem}.Checkbox--xs .Checkbox__label{padding:0;font-size:.75rem;font-weight:400}.Checkbox--xs .Checkbox__field{margin:0 .75rem}.Checkbox__clear{background:var(--grey);width:10px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ColorInput{width:var(--input-width,auto);max-width:100%}.ColorInput>*{--input-width:initial}.ColorInput{margin-bottom:1rem}.ColorInput__field{box-shadow:inset 0 0 0 var(--field-ring,1px) var(--field-border,var(--lightgrey));background:var(--field-bg);border-radius:.5rem;padding:.5rem;container-type:inline-size}.ColorInput__swatches{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ColorInput__swatches--disabled .ColorInput__swatch-wrap{flex:0 0 3rem}.ColorInput__swatches--disabled .ColorInput__swatch{cursor:no-drop}.ColorInput__swatches--disabled .ColorInput__swatch--active{box-shadow:var(--shadow-sm), inset 0 0 0 2px #c1c1d5}.ColorInput__swatch-wrap{flex:2rem;min-width:0;max-width:3rem}.ColorInput__swatch{aspect-ratio:1;width:100%;box-shadow:var(--shadow-sm);border:0;border-radius:.5rem;outline:none;padding:0;transition:box-shadow .15s ease-out;display:block}.ColorInput__swatch--active{box-shadow:var(--shadow-sm), inset 0 0 0 2px #fff}.ColorInput__native{opacity:0;pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.ColorInput .Input{flex-basis:100%}.ColorInput .Input__field{text-align:right;background:var(--white)}@container (width>=34rem){.ColorInput .Input{flex:12rem}}.micro-diff .success{background-color:hsla(var(--success-h), var(--success-s), var(--success-l), .1)}.micro-diff .danger{background-color:hsla(var(--danger-h), var(--danger-s), var(--danger-l), .1)}.PickSides{border:1px solid var(--lightgrey);border-radius:.5rem;justify-content:space-around;align-items:center;margin-right:2rem;display:inline-flex}.PickSides--disabled{border-color:hsl(var(--lightgrey-h), var(--lightgrey-s), calc(var(--lightgrey-l) - 3%))}.PickSides--wrap{margin-right:0;display:flex}.PickSides--wrap .Checkbox{flex-basis:50%}.PickSides--wrap .Checkbox__inner{margin:0 auto}.LTB{z-index:3;text-align:center;background-color:var(--white);cursor:pointer;border:0;border-radius:0;outline:0;width:2.5rem;height:2.5rem;padding:0;display:block;position:relative}.LTB:disabled{background-color:var(--grey);cursor:no-drop}.LTB:disabled svg{fill:var(--white)}.LTB:first-child{border-radius:.5rem .5rem 0 0}.LTB:last-child{border-radius:0 0 .5rem .5rem}.LTB:last-child:first-child{border-radius:.5rem}.LTB:hover{background:var(--offwhite)}.LTB.LTB--active,.LTB.LTB--active:hover,.LTB.LTB:active{background:var(--primary)}.LTB.LTB--active svg,.LTB.LTB--active:hover svg,.LTB.LTB:active svg{fill:#fff;color:#fff;filter:drop-shadow(0 0 3px #00000080)}.LTB__tooltip{background:var(--white);white-space:nowrap;box-shadow:var(--shadow-sm);color:var(--black);opacity:0;pointer-events:none;border-radius:3px;padding:0 .5rem;font-size:.8rem;font-weight:700;line-height:1.5rem;transition:transform 50ms ease-out,opacity 50ms ease-out;display:block;position:absolute;top:50%;left:-1rem;transform:translateY(-50%)translate(-100%)translate(-.25rem)}.LTB:hover .LTB__tooltip{opacity:1;pointer-events:initial;transform:translateY(-50%)translate(-100%)}.LTB svg{fill:var(--darkishgrey);color:var(--darkishgrey);width:50%;height:auto;margin:0 auto;display:block}@media only screen and (min-width:768px){.LTB svg{width:45%}}.WL{flex-direction:column;height:100%;display:flex;position:relative}@media only screen and (min-width:1600px){.WL{flex-direction:row}}.WL__heading{background-color:var(--white);--field-bg:var(--offwhite);border-bottom:1px solid var(--lightgrey);z-index:8;padding:.5rem 1rem;position:relative}@media only screen and (min-width:768px){.WL__heading{border-top:initial;padding:.67rem 0}}@media only screen and (min-width:1600px){.WL__heading{min-height:var(--nav-height)}}.WL__heading .Container{width:initial;gap:1rem}@media only screen and (min-width:2000px){.WL__heading .Container{gap:1.5rem}}.WL__heading .Container .h6{flex-grow:1}.WL__heading .Container .Input{margin-bottom:0}.WL__body{height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 6px #00000013,0 0 4px #00000026}.WL__body canvas{background-color:var(--offwhite)}.WL--interactive .WL__body{-webkit-user-select:none;user-select:none;touch-action:none}.WL__body canvas{pointer-events:auto;display:block;position:absolute;inset:0}.WL__demo{transform-origin:0;background:var(--warning);text-align:center;color:#000;box-shadow:var(--shadow-sm);border-radius:.5rem .5rem 0 0;padding:.1rem .75rem 0;font-size:.7rem;font-weight:700;position:absolute;bottom:50%;left:.5rem;transform:translateY(-50%)rotate(90deg)}.WL__aside{background-color:var(--white);--field-bg:var(--offwhite);z-index:8;flex-direction:column;flex:1;display:flex;top:0;bottom:0;right:0;overflow:hidden}.WL__aside:empty{display:none}@media only screen and (min-width:1600px){.WL__aside{border-top:initial;border-left:1px solid var(--lightgrey);flex:0 0 40rem}}.WL__update-heading{border-bottom:1px solid var(--lightgrey);padding:1rem}@media only screen and (min-width:1200px){.WL__update-heading{min-height:var(--nav-height);padding:.5rem 2rem}}.WL__update-body{flex:1;padding:1rem;overflow-y:auto}@media only screen and (min-width:1200px){.WL__update-body{padding:1.5rem}}.WL__update-body .Card__header{background:var(--offwhite)}.WL__layout{background:var(--offwhite);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.WL__interact{z-index:2;background:hsla(var(--black-h), var(--black-s), var(--black-l), .2);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.2,.6,.4,1);display:flex;position:absolute;inset:0}@media (hover:hover){.WL__interact{opacity:0}.WL__interact:hover{opacity:1}}.WL__interact p{color:var(--black);text-shadow:-1px -1px 2px var(--white), 1px -1px 2px var(--white), -1px 1px 2px var(--white), 1px 1px 2px var(--white);font-size:1.5rem;font-weight:700}.WL__legend{max-width:calc(100% - 2rem);position:absolute;bottom:1rem;left:1rem;overflow:hidden}.WL__legend .Card{overflow:hidden}.WE{z-index:1;border-radius:.5rem .5rem 0 0;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}@media only screen and (min-width:1600px){.WE{bottom:initial;left:initial;border-radius:.5rem;top:50%;right:0;transform:rotate(-90deg)translate(50%)translateY(1px)}}.WT{box-shadow:var(--shadow-sm);box-shadow:var(--shadow-sm);border-radius:.5rem;position:absolute;right:1rem}.WT--top{box-shadow:none;top:1rem}.WT--top div{box-shadow:var(--shadow-sm);border-radius:.5rem}.WT--bottom{bottom:1rem}@media only screen and (min-width:768px){.WT{right:1.5rem}}@media only screen and (min-width:1200px){.WT{right:1rem}}.LayoutPreview{height:100%;margin-top:0;position:relative;overflow:hidden}.LayoutPreview .WL{height:100%;overflow:hidden}.LayoutPreview .WL__heading{padding:1rem 0}@media only screen and (min-width:768px){.LayoutPreview .WL__heading{padding:1rem}}@media only screen and (min-width:1200px){.LayoutPreview .WL__heading{padding:.67rem 0}.LayoutPreview .WL__heading .Container{width:90%;max-width:1300px}}@media only screen and (min-width:1600px){.LayoutPreview .WL__heading .Container{max-width:1350px}}@media only screen and (min-width:2000px){.LayoutPreview .WL__heading .Container{max-width:1600px}}