.cafe-availability{display:flex;flex-direction:column;gap:16px}.cafe-availability__controls{display:flex;flex-direction:column;gap:12px}@media screen and (min-width:744px){.cafe-availability__controls{align-items:flex-end;flex-direction:row;gap:16px}.cafe-availability__date{width:260px}}.cafe-availability__quick{display:flex;flex-wrap:wrap;gap:8px}@media screen and (min-width:744px){.cafe-availability__quick{padding-bottom:6px}}.cafe-availability__quick-btn{background:var(--black-10);border-radius:var(--radius-full);color:var(--black-80);font-size:15px;font-weight:600;line-height:20px;min-height:44px;padding:8px 14px;transition:background-color .15s ease-out}.cafe-availability__quick-btn:hover{background:var(--black-20)}.cafe-availability__quick-btn_active,.cafe-availability__quick-btn_active:hover{background:var(--black-80);color:var(--white-100)}.cafe-availability__result{display:flex;flex-direction:column;gap:16px}.cafe-availability__status{background:var(--black-5);border-radius:var(--radius-l);color:var(--black-70);font-size:15px;font-weight:600;line-height:21px;padding:14px 16px}.cafe-availability__status_free{background:var(--green-10);color:var(--black-80)}.cafe-availability__status_busy{background:var(--red-10);color:var(--red-90)}.cafe-availability__phone,.cafe-availability__phone:visited{color:var(--black-80);font-weight:700;white-space:nowrap}.cafe-availability__hint{color:var(--black-65);font-size:14px;font-weight:500;line-height:20px}.cafe-availability__cost{color:var(--black-80);font-size:15px;font-weight:600;line-height:21px}.cafe-availability__slots{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;margin:0;padding:0}@media screen and (min-width:744px){.cafe-availability__slots{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:1024px){.cafe-availability__slots{grid-template-columns:repeat(6,minmax(0,1fr))}}.cafe-availability__slot{align-items:flex-start;background:var(--white-100);border:2px solid var(--black-20);border-radius:var(--radius-l);display:flex;flex-direction:column;gap:2px;min-height:56px;padding:8px 12px;text-align:left;transition:border-color .15s ease-out,background-color .15s ease-out;width:100%}.cafe-availability__slot:hover:not(:disabled){border-color:var(--black-60)}.cafe-availability__slot_selected,.cafe-availability__slot_selected:hover:not(:disabled){background:var(--red-10);border-color:var(--red-100)}.cafe-availability__slot_busy{background:var(--black-5);border-color:var(--black-10);cursor:not-allowed}.cafe-availability__slot-time{color:var(--black-80);font-size:15px;font-weight:700;line-height:20px}.cafe-availability__slot-free{color:var(--black-65);font-size:12px;font-weight:600;line-height:16px}.cafe-availability__slot_busy .cafe-availability__slot-free,.cafe-availability__slot_busy .cafe-availability__slot-time{color:var(--black-60)}.cafe-availability__pick.base-btn{width:100%}@media screen and (min-width:744px){.cafe-availability__pick.base-btn{align-self:flex-start;width:auto}}