.abc-ws--photo{--ws-selected:#47674f;--ws-reserved:#e8e5df}
.abc-ws--photo .abc-ws-table{display:block;position:relative;isolation:isolate;width:100%;max-width:580px;aspect-ratio:1.7;margin:28px auto 32px}
.abc-ws--photo .abc-ws-board{position:absolute;inset:23% 1%;display:block;padding:0;min-height:0;border:0;background:none;z-index:2;pointer-events:none}
.abc-ws--photo .abc-ws-table-photo{width:100%;height:100%;object-fit:fill;display:block;filter:drop-shadow(0 7px 6px #00000016)}
.abc-ws--photo .abc-ws-roundcount,.abc-ws--photo .abc-ws-roundword{display:none}
.abc-ws--photo .abc-ws-side{position:absolute;inset:0 0 auto;height:34%;display:block}
.abc-ws--photo .abc-ws-side:last-child{inset:auto 0 0}
.abc-ws--photo .abc-ws-seat{position:absolute;left:23%;top:0;width:19%;height:100%;border:0;border-radius:0;background:none!important;opacity:1;transform:translateX(-50%)}
.abc-ws--photo .abc-ws-seat:nth-child(2){left:50%}
.abc-ws--photo .abc-ws-seat:nth-child(3){left:77%}
.abc-ws--photo .abc-ws-chair-photo{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 3px 3px #00000015)}
.abc-ws--photo .abc-ws-side:last-child .abc-ws-chair-photo{transform:rotate(180deg)}
.abc-ws--photo .abc-ws-seat.is-chosen{transform:translate(-50%,-7%)}
.abc-ws--photo .abc-ws-side:last-child .abc-ws-seat.is-chosen{transform:translate(-50%,7%)}
.abc-ws--photo .abc-ws-seat.is-chosen .abc-ws-chair-photo{filter:drop-shadow(0 0 3px #47674f80)}
.abc-ws--photo .abc-ws-seat.is-taken .abc-ws-chair-photo{opacity:.55}
.abc-ws--photo .abc-ws-seat-label{position:absolute;top:0;left:50%;transform:translate(-50%,-80%);padding:4px 6px;border:1px solid var(--ws-line);border-radius:2px;background:var(--color-background,#fff);color:var(--color-foreground,#111);font-size:10px;line-height:1.3;white-space:nowrap}
.abc-ws--photo .abc-ws-side:last-child .abc-ws-seat-label{top:auto;bottom:0;transform:translate(-50%,80%)}
.abc-ws--photo .is-chosen .abc-ws-seat-label{color:#fff;background:var(--ws-selected);border-color:var(--ws-selected)}
.abc-ws--photo .is-taken .abc-ws-seat-label{color:#655f56;background:var(--ws-reserved);border-color:var(--ws-reserved)}
.abc-ws--photo .abc-ws-keyswatch{width:9px;height:9px;border-radius:50%}
.abc-ws--photo .abc-ws-keyswatch.is-chosen{background:var(--ws-selected);border-color:var(--ws-selected)}
.abc-ws--photo .abc-ws-keyswatch.is-taken{background:#b7afa3;border:0;opacity:1}
.abc-ws--photo .abc-ws-seating{min-width:0}
.abc-ws--photo .abc-ws-chairlabel,.abc-ws--photo .abc-ws-left{text-align:center}
.abc-ws--photo .abc-ws-chairlabel{margin-top:4px}
@media(min-width:760px){
 .abc-ws.abc-ws--photo .abc-ws-slot{grid-template-columns:minmax(0,1.25fr) minmax(270px,1fr);grid-template-rows:auto auto auto auto 1fr;column-gap:clamp(28px,4vw,58px)}
 .abc-ws.abc-ws--photo .abc-ws-slot>.abc-ws-seating{grid-row:1/span 5;align-self:center}
 .abc-ws--photo .abc-ws-slot-head{margin-bottom:24px}
 .abc-ws--photo .abc-ws-book{align-self:end}
}
@media(max-width:759px){
 .abc-ws--photo .abc-ws-table{max-width:480px}
 .abc-ws--photo .abc-ws-seat-label{font-size:9px;padding:4px}
}
@media(prefers-reduced-motion:no-preference){
 .abc-ws--photo .abc-ws-seat{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
 .abc-ws--photo .abc-ws-chair-photo{transition:opacity .4s,filter .4s}
 .abc-ws--photo .abc-ws-seat-label{transition:background .3s,color .3s,border-color .3s}
}