.play-daterange{--sixth-25: hsl(221, 22%, 97.5%);--sixth-75: hsl(221, 22%, 92.5%);--sixth-100: hsl(221, 22%, 90%);--sixth-150: hsl(221, 22%, 85%);--sixth-200: hsl(221, 22%, 80%);--sixth-400: hsl(221, 22%, 60%);--sixth-600: hsl(221, 22%, 40%);--play-radius: .5rem;position:relative}.play-daterange__input{-webkit-user-select:none;-moz-user-select:none;user-select:none}.play-daterange__input.is-open{border-color:#80d5ff;box-shadow:0 0 0 .25rem #00aaff40}.play-daterange .play-daterange__text{border:0;outline:0;box-shadow:none;background:transparent;padding:0;width:100%;min-width:0;color:inherit;font:inherit;line-height:1.25rem;cursor:pointer;caret-color:transparent}.play-daterange .play-daterange__text,.play-daterange .play-daterange__text:focus{box-shadow:none!important;border:0!important}.play-daterange__text::-moz-placeholder{color:#9ca3af}.play-daterange__text::placeholder{color:#9ca3af}.play-daterange__panel{position:absolute;top:calc(100% + .25rem);left:0;z-index:1080;background:white;border-radius:var(--play-radius);border:1px solid var(--sixth-100);box-shadow:0 0 1.5rem .5rem #0000001a;padding:1rem;width:min(40rem,92vw)}.play-daterange__panel--single{width:min(21rem,92vw)}.play-daterange__panel--single .play-calendar-wrapper{grid-template-columns:1fr}.play-daterange__clear{margin-bottom:.5rem}.play-daterange__clear-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--sixth-600)}.play-daterange__clear-link:hover{text-decoration:underline}.play-daterange__header{display:none}.play-daterange__time{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--sixth-100)}.play-daterange__done{margin-left:auto;border-radius:9999px;border:1px solid #319f42;background:#37b34a;color:#fff;font-weight:600;font-size:.875rem;padding:.5rem 1rem}.play-calendar-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.play-monthyear__head{display:grid;grid-template-columns:auto 1fr auto;gap:.4em;align-items:center;margin-bottom:.5em}.play-monthyear__head button{border:0;background-color:var(--sixth-25);border-radius:calc(var(--play-radius) / 2);min-height:2.4rem;min-width:2.4rem;cursor:pointer}.play-monthyear__head button:hover{background:var(--sixth-400);color:#fff}.play-monthyear__head .play-monthyear__title{background:transparent;font-weight:500;font-variant-numeric:lining-nums}.play-monthyear__head .play-monthyear__title:hover{background:var(--sixth-25);color:inherit}.play-monthyear__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.4em}.play-monthyear__grid button{border:1px solid var(--sixth-100);background-color:#fff;border-radius:calc(var(--play-radius) / 2);min-height:2.4rem;font-weight:600;font-variant-numeric:lining-nums;cursor:pointer}.play-monthyear__grid button:hover,.play-monthyear__grid button.is-active{background:var(--sixth-400);border-color:var(--sixth-400);color:#fff}.play-calendar__sticky-daynames{display:none}.play-calendar button{border-radius:calc(var(--play-radius) / 2);border:1px solid var(--sixth-100);background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:600;font-variant-numeric:lining-nums;min-height:2.4rem;height:100%;color:inherit;font-size:.95rem;container-type:inline-size;transition:background-color .15s ease,color .15s ease}.play-calendar button .day-date{font-size:.95rem;font-size:clamp(.7rem,30cqi,.95rem)}.play-calendar button:not(:disabled):hover{background:var(--sixth-400);border-color:var(--sixth-400);color:#fff}.play-calendar button:disabled{background:var(--sixth-25);color:var(--sixth-200);cursor:unset}.play-calendar button.is_hovered:not(.is_active):not(:disabled){background:var(--sixth-75);border-color:var(--sixth-150)}.play-calendar button.is_active,.play-calendar button.is_active:disabled{background:var(--sixth-400);border-color:var(--sixth-400);color:#fff}.play-calendar button.is_hidden{visibility:hidden;opacity:0}.play-calendar__head,.play-calendar__body{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:.4em;align-items:center;grid-auto-rows:1fr}.play-calendar__head{margin-bottom:.5em;min-height:2.4rem}.play-calendar .play-calendar__head button{background-color:var(--sixth-25);border:transparent}.play-calendar .play-calendar__head button:hover{background:var(--sixth-400);color:#fff}.play-calendar .play-calendar__head .play-calendar__month-year{background:transparent;border:0;font-weight:500;cursor:pointer}.play-calendar .play-calendar__head .play-calendar__month-year:hover{background:var(--sixth-25);color:inherit}.play-calendar__month-year{grid-column:2 / 7;text-align:center;font-variant-numeric:lining-nums}.play-calendar .play-calendar__dayname,.play-calendar .play-calendar__dayname:disabled{background-color:var(--sixth-100);border-color:var(--sixth-100);color:var(--sixth-600);font-weight:600;font-size:.75rem;text-transform:uppercase;cursor:default}@media (max-width: 767.98px){.play-daterange__panel{position:fixed!important;inset:0!important;width:100%!important;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;z-index:2000;padding:0;display:flex;flex-direction:column;background:#fff}.play-daterange__header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;border-bottom:1px solid #eee;flex:0 0 auto}.play-daterange__title{font-weight:600}.play-daterange__close{border:0;background:transparent;padding:.4rem;line-height:0;cursor:pointer;color:#1f2329}.play-daterange__clear{margin:.75rem 1rem 0}.play-daterange__time{margin:0;padding:.75rem 1rem;flex:0 0 auto}.play-monthyear{padding:1rem}.play-calendar-wrapper{grid-template-columns:1fr;flex:1 1 auto;overflow-y:auto;padding:0 1rem 1rem;gap:1.5rem;align-content:start}.play-calendar .play-calendar__head{min-height:auto}.play-calendar .play-calendar__head button:not(.play-calendar__month-year){display:none}.play-calendar .play-calendar__month-year{grid-column:1 / -1}.play-calendar .play-calendar__dayname{display:none!important}.play-calendar__sticky-daynames{display:grid;grid-template-columns:repeat(7,1fr);gap:.4em;position:sticky;top:0;z-index:2;background:white;padding:1rem 1rem .4rem;margin-inline:-1rem}.play-calendar__sticky-daynames span{display:flex;align-items:center;justify-content:center;min-height:2.2rem;background-color:var(--sixth-100);border-radius:calc(var(--play-radius) / 2);color:var(--sixth-600);font-weight:600;font-size:.75rem;text-transform:uppercase}}