.guest-drawer .drawer-body:has(>.gp){container:gp/inline-size}@container gp (width<=716px){.guest-drawer .gp-cols{grid-template-columns:minmax(0,1fr)}}@container gp (width<=560px){.guest-drawer .gp-figs{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-drawer .gp-fig:last-child{grid-column:1/-1}.guest-drawer .gp-card{padding:14px}.guest-drawer .gp-stays{--gp-rail:12px}.guest-drawer .gp-stays-list{margin-inline-start:4px}.guest-drawer .gp-stay{grid-template-areas:"top top""state state""when money";padding:11px 12px 12px}.guest-drawer .gp-stay-state{justify-content:flex-start;justify-self:start}}.drawer-grip{z-index:6;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:14px;position:absolute;top:0;bottom:0;left:-8px}.drawer-grip-bar{background:var(--accent);opacity:0;border-radius:3px;width:3px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.drawer-grip-dots{background:var(--accent-fill) radial-gradient(circle at center, var(--on-accent) 1.4px, transparent 1.7px) center / 100% 8px repeat-y;width:12px;height:34px;box-shadow:0 1px 4px rgb(var(--shadow-rgb) / .35);opacity:0;border-radius:7px;margin:-17px 0 0 -5px;position:absolute;top:50%;left:50%}.drawer-grip-tip{font:600 12px/1.4 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--surface);background:var(--ink);pointer-events:none;opacity:0;border-radius:7px;padding:3px 8px;position:absolute;top:0;left:20px}.drawer-grip-tip.is-snap{background:var(--accent-fill);color:var(--on-accent)}.drawer-grip:hover .drawer-grip-bar,.drawer-grip:focus-visible .drawer-grip-bar,.drawer.is-resizing .drawer-grip-bar,.drawer-grip:hover .drawer-grip-dots,.drawer-grip:focus-visible .drawer-grip-dots,.drawer.is-resizing .drawer-grip-dots{opacity:1}.drawer.is-resizing .drawer-grip-tip{opacity:.94}@media (prefers-reduced-motion:no-preference){.drawer-grip-bar,.drawer-grip-dots{transition:opacity .12s ease-out}}.drawer-grip:focus-visible .drawer-grip-bar{box-shadow:var(--ring)}.drawer.is-resizing{will-change:width;transition:none;animation:none}html.is-drawer-resizing,html.is-drawer-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}html.is-drawer-resizing iframe{pointer-events:none}.drawer-backdrop>.drawer{max-width:100%}@media (min-width:641px) and (max-width:900px){.drawer-backdrop>.drawer{width:var(--drawer-w,100%)}}@media (max-width:640px){.drawer-grip{display:none}}
