.hostly-sala-op-visual{--op-accent:#315f7d;width:100%;min-width:0;height:100%;min-height:0;color:var(--op-accent);isolation:isolate;place-items:center;display:grid;position:relative}.hostly-sala-op-visual__glyph{border:1.5px solid color-mix(in srgb, var(--op-accent) 72%, #fff 28%);background:linear-gradient(145deg,#fffffff5,#eef6faeb);position:absolute;inset:10%;box-shadow:0 5px 12px #0f27441f,inset 0 0 0 1px #fff9}.hostly-sala-op-visual[data-type=TABLE] .hostly-sala-op-visual__glyph{border-radius:20%;inset:18%}.hostly-sala-op-visual[data-type=TABLE][data-visual-variant=round] .hostly-sala-op-visual__glyph{border-radius:50%}.hostly-sala-op-visual[data-type=TABLE][data-visual-variant=rectangular] .hostly-sala-op-visual__glyph{border-radius:18%;inset:24% 10%}.hostly-sala-op-visual[data-type=TABLE]:before,.hostly-sala-op-visual[data-type=TABLE]:after{content:"";z-index:-1;background:color-mix(in srgb, var(--op-accent) 18%, #fff 82%);border:1px solid color-mix(in srgb, var(--op-accent) 44%, #fff 56%);border-radius:999px;position:absolute}.hostly-sala-op-visual[data-type=TABLE]:before{width:18%;height:9%;box-shadow:0 calc(100% + 72cqh) 0 -1px color-mix(in srgb, var(--op-accent) 18%, #fff 82%);top:4%;left:41%}.hostly-sala-op-visual[data-type=TABLE]:after{width:9%;height:18%;box-shadow:calc(100% + 72cqw) 0 0 -1px color-mix(in srgb, var(--op-accent) 18%, #fff 82%);top:41%;left:4%}.hostly-sala-op-visual[data-type=BAR_STRAIGHT] .hostly-sala-op-visual__glyph{background:linear-gradient(180deg, #fffffff5 0 38%, color-mix(in srgb, var(--op-accent) 18%, #fff 82%) 38% 100%);border-radius:16%;inset:26% 8%}.hostly-sala-op-visual[data-type=BAR_L] .hostly-sala-op-visual__glyph{background:linear-gradient(var(--op-accent), var(--op-accent)) left top / 34% 100% no-repeat, linear-gradient(var(--op-accent), var(--op-accent)) left bottom / 100% 34% no-repeat;opacity:.9;border:0;border-radius:18%;inset:12%;box-shadow:0 5px 12px #0f27441f}.hostly-sala-op-visual[data-type=RECEPTION] .hostly-sala-op-visual__glyph,.hostly-sala-op-visual[data-type=WAITER_STATION] .hostly-sala-op-visual__glyph,.hostly-sala-op-visual[data-type=PICKUP_POINT] .hostly-sala-op-visual__glyph{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--op-accent) 16%, #fff 84%) 0 18%, transparent 19%), linear-gradient(145deg, #fffffff5, #eef6faeb);border-radius:22%;inset:16% 12%}.hostly-sala-op-visual__table-number{color:color-mix(in srgb, var(--op-accent) 86%, #0f273f 14%);place-items:center;font-size:clamp(10px,28cqw,18px);font-weight:800;line-height:1;display:grid;position:absolute;inset:0}.hostly-sala-op-visual__name{text-overflow:ellipsis;white-space:nowrap;color:#173a55;max-width:140%;font-size:11px;font-weight:700;line-height:1.1;position:absolute;bottom:-1.15rem;left:50%;overflow:hidden;transform:translate(-50%)}.hostly-sala-op-visual__bar-badge,.hostly-sala-op-visual__service-badge{color:#315f7d;letter-spacing:.04em;text-transform:uppercase;background:#ffffffe0;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:800;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.hostly-sala-op-visual--mini{width:42px;height:42px;container-type:size}.hostly-sala-op-visual--mini .hostly-sala-op-visual__glyph{box-shadow:0 3px 8px #0f27441a}.hostly-sala-op-visual--mini:before,.hostly-sala-op-visual--mini:after{opacity:.92}.hostly-sala-op-visual--mini .hostly-sala-op-visual__name,.hostly-sala-op-visual--mini .hostly-sala-op-visual__bar-badge,.hostly-sala-op-visual--mini .hostly-sala-op-visual__service-badge{display:none}@supports not (color:color-mix(in srgb, #000 50%, #fff 50%)){.hostly-sala-op-visual__glyph{border-color:#315f7d9e}}