:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-title{text-align:center}.ticket-app{width:500px;max-width:100%;margin:22px auto;min-height:300px;padding:11px;position:relative;border-radius:5px;box-shadow:0 0 3px 2px #dedede}.ticket-app__top{display:flex}.seat-states{display:flex;flex-wrap:wrap}.seat-state{margin:3px 22px 3px 3px;min-height:5px;min-width:33px;display:flex}.seat-state__color{width:28px;border:1px solid gray}.seat-state__text{display:flex;align-items:center;justify-content:center;line-height:1.4;margin-left:4px}.ticket-app__bottom{display:flex;margin-top:11px}.ticket-app__left{width:172px}.ticket-app__instruction{flex:1;display:flex;justify-content:center;align-items:center;text-align:center}.ticket-app__right{flex:1;padding-left:22px}.bus{border:1px solid gray;padding:5px}.bus__top{display:flex;justify-content:space-between}.bus__door,.bus__driver{width:66px;border:1px solid gray;padding:3px;display:flex;justify-content:center;align-items:center}.seats{display:flex;flex-wrap:wrap;margin-top:11px}.seat{margin:4px;border:1px solid gray;padding:3px;min-height:11px;cursor:pointer;font-size:15px;width:28px}.seat--sold{background-color:red;color:#fff}.seat--booked{background-color:gray}.seat--selected{background-color:#0f0}.seat:hover{font-weight:700}.seat:nth-child(4n -2){margin-right:12px}.seat:nth-child(4n -1){margin-left:12px}.info{margin-top:11px}button.confirm{margin:0}.selected-seats th,.selected-seats td{padding:2px 9px;text-align:left;border:1px solid #e7e7e7}.ticket-app input[type=text]{width:46%;padding:4px 9px}.confirm-button{border:1px solid blue;background-color:#006ea2;color:#fff;cursor:pointer;padding:9px 44px;width:100%;margin:11px 0 0}.confirm-button__disabled{opacity:.4}.confirmed-dialog{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999;background-color:#ffffffe6;text-align:center;padding:33px}.confirmed-dialog h3{color:green}