:is(timing-grid,.timing-grid){display:flex;flex-direction:column;align-items:flex-end}:is(timing-grid,.timing-grid).loading table{min-height:280px;opacity:.2;transition:opacity var(--transition)}:is(timing-grid,.timing-grid) loading-bar{margin-top:-30px}:is(timing-grid,.timing-grid):not(.loading)>loading-bar{display:none}tool-tip.how-to-copy{display:flex;align-items:center;max-width:340px !important;text-align:center;flex-direction:column;gap:var(--gutter0);z-index:10;overflow:initial;transition:transform var(--transition),opacity var(--transition)}tool-tip.how-to-copy.position\:above{--tool-tip-end-position-y: -1em }tool-tip.how-to-copy::after{content:"";position:absolute;left:calc(50% - 1px + var(--x-offset, -20px) + var(--gutter0));top:100%;height:10px;width:10px;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-top:10px solid rgba(95,95,95,.9)}.js-has-pseudo [csstools-has-2q-33-2s-3d-1m-2w-2p-37-14-38-2x-31-2x-32-2v-19-2v-36-2x-2s-w-1a-37-2t-30-2t-2r-38-33-36-1a-37-2w-33-3b-15-w-38-33-33-30-19-38-2x-34-1a-2w-33-3b-19-38-33-19-2r-33-34-3d]:not(.does-not-exist):not(.does-not-exist):not(does-not-exist):not(does-not-exist):not(does-not-exist){opacity:0 !important;pointer-events:none}body:has(timing-grid .selector.show) tool-tip.how-to-copy{opacity:0 !important;pointer-events:none}:is(timing-grid,.timing-grid) .action-buttons{display:flex;gap:10px;margin-left:auto}:is(timing-grid,.timing-grid) .action-buttons button.hidden{display:none}:is(timing-grid,.timing-grid) .hourly-legend{display:none}:is(timing-grid,.timing-grid) footer{display:flex;width:100%;justify-content:space-between;gap:var(--gutter0);padding-right:16px}@media(max-width: 480px){:is(timing-grid,.timing-grid) footer{flex-direction:column}:is(timing-grid,.timing-grid) footer .action-buttons{order:-1;margin-bottom:var(--gutter0);margin-left:unset}}:is(timing-grid,.timing-grid) table{margin-bottom:20px;font-size:.8em;width:100%}:is(timing-grid,.timing-grid) table thead tr{transform:translateX(0.6em)}:is(timing-grid,.timing-grid) table thead tr th:last-of-type{display:none}:is(timing-grid,.timing-grid) table thead tr th div{margin:auto;position:relative;vertical-align:middle;text-align:left;writing-mode:vertical-rl;transform:rotate(-160deg);font-weight:600;padding-top:calc(var(--gutter0)/2)}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row{position:relative}@media(hover: hover){:is(timing-grid,.timing-grid) table tbody tr.time-slot-row:hover{z-index:10}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row:hover td.time-slot-menu{z-index:10}}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-day{font-weight:600;text-align:left;padding-right:calc(var(--gutter0)/2);width:4ch}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell{padding:calc(var(--gutter0)/3)}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot{--aspect-ratio: 1/1;aspect-ratio:var(--aspect-ratio);border-radius:50%;width:100%;min-width:5ch;padding:0;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:700;font-size:.9em;margin:auto}@supports not (aspect-ratio: 1/1){:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot{aspect-ratio:initial}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot::before{content:"";float:left;height:0;padding-top:calc(1 / 1 * 100%)}}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot[disabled]{opacity:.5;pointer-events:all;--hover-background-colour: white;--hover-border-colour: #dddddd}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot[disabled]::before{content:"";width:100%;top:50%;left:0%;height:1px;position:absolute;background-color:#ddd;transform:rotate(-45deg)}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-cell button.time-slot[disabled] .symbol{opacity:0}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-menu .dropdown-trigger{display:unset}:is(timing-grid,.timing-grid) table tbody tr.time-slot-row td.time-slot-menu .dropdown-trigger svg{--icon-size: 1.3em;--symbol-colour: #ff2871;margin:auto;position:relative;top:-0.2em}:is(timing-grid,.timing-grid) .selector{display:flex;width:100%;position:absolute;justify-content:flex-start;align-items:center;flex-direction:column;gap:var(--gutter1);overflow-y:auto;left:0;top:0;grid-row-start:2;top:0;height:100%;padding:var(--gutter1);background-color:rgba(255,255,255,.8);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(4px) saturate(50%);backdrop-filter:blur(4px) saturate(50%);border-bottom-left-radius:calc(var(--border-radius)/2);border-bottom-right-radius:calc(var(--border-radius)/2);transition:opacity var(--transition)}tab-panels :is(timing-grid,.timing-grid) .selector{padding-top:0;padding-bottom:0}:is(timing-grid,.timing-grid) .selector.show{opacity:1;pointer-events:all;z-index:60}:is(timing-grid,.timing-grid) .selector .heading{width:100%;display:flex;align-items:center;text-align:center;margin-bottom:var(--gutter0-);font-size:1.0625em;line-height:1.6}:is(timing-grid,.timing-grid) .selector .heading span{width:100%}:is(timing-grid,.timing-grid) .selector .heading .button{width:2em;height:2em}:is(timing-grid,.timing-grid) .selector .instruction{font-size:.8em;font-weight:600;text-align:center}:is(timing-grid,.timing-grid) .selector .quick-buttons{padding-inline:var(--gutter1);width:100%;display:flex;gap:var(--gutter0);justify-content:center;flex-wrap:wrap;grid-template-columns:repeat(auto-fill, minmax(5ch, 1fr))}:is(timing-grid,.timing-grid) .selector .quick-buttons .button{min-width:12ch;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(timing-grid,.timing-grid) .selector .quick-buttons .button:not(:hover):focus{color:var(--primary, #ff2871)}:is(timing-grid,.timing-grid) .selector .quick-buttons .button:active{background-color:var(--primary, #ff2871);color:#fff}:is(timing-grid,.timing-grid) .selector .quick-buttons .button abbr{text-decoration:none;pointer-events:none}:is(timing-grid,.timing-grid) .selector .time-selection{display:flex;background-color:#fff;padding:.3em;border-radius:16ch;align-items:center;border:1px solid #ddd}:is(timing-grid,.timing-grid) .selector .time-selection span{display:inline-block;width:100px;margin:0 10px;text-align:center;color:#666;font-weight:700;font-size:1.0625em;line-height:1.6}:is(timing-grid,.timing-grid) .selector .time-selection .button{height:2.5em;width:2.5em}:is(timing-grid,.timing-grid) .selector .additional-buttons{display:flex;gap:var(--gutter0)}
/*# sourceMappingURL=../sourcemaps/components/timing-grid.css.map */