.calendar-popup{position:absolute;top:100%;left:0;z-index:100;background-color:var(--color-white);box-shadow:0 0 15px #0000001a;padding:var(--gap-m);display:none}.calendar-popup--open{display:block}.calendar-popup__inner{width:315px}.calendar-popup__header{display:flex;align-items:center;justify-content:center;background-color:#0000001a;border:1px solid var(--color-border)}.calendar-popup__nav{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity var(--transition-fast)}.calendar-popup__nav:hover{opacity:var(--opacity-high)}.calendar-popup__nav:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.calendar-popup__nav svg{width:9px;height:21px;fill:none;stroke:var(--color-primary);stroke-width:1.5}.calendar-popup__month{flex:1;text-align:center;font-family:var(--font-heading);font-size:var(--font-size-button);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-primary)}.calendar-popup__weekdays{display:grid;grid-template-columns:repeat(7,1fr);background-color:var(--color-white);border-left:1px solid var(--color-border)}.calendar-popup__weekday{display:flex;align-items:center;justify-content:center;height:45px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;color:var(--color-primary)}.calendar-popup__grid{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--color-border)}.calendar-popup__clear-link{display:flex;align-items:flex-start;justify-content:center;gap:5px;width:100%;min-height:20px;margin-top:var(--gap-s);padding:0;font-family:var(--font-body);font-size:var(--font-size-xs);line-height:1.4;color:var(--color-primary);background:none;border:none;cursor:pointer;text-decoration:none;transition:opacity var(--transition-fast)}.calendar-popup__clear-link svg{width:9px;height:9px;flex-shrink:0}.calendar-popup__clear-link:hover span{box-shadow:0 1px 0 0 currentColor}.calendar-popup__clear-link--hidden{display:none}.calendar-popup__day{display:flex;align-items:center;justify-content:center;height:45px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);font-family:var(--font-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1;color:var(--color-text);text-shadow:0 0 6px var(--color-white),0 0 4px var(--color-white);cursor:pointer;background-color:var(--color-white);transition:background-color var(--transition-fast);animation:calendar-day-fade-in .25s ease-out both}@keyframes calendar-day-fade-in{0%{opacity:.4}to{opacity:1}}.calendar-popup__day:hover{background-color:color-mix(in srgb,var(--color-background-alt) 50%,transparent)}.calendar-popup__day--empty{cursor:default}.calendar-popup__day--empty:hover{background-color:var(--color-white)}.calendar-popup__day--adjacent{color:var(--color-text-light);cursor:pointer}.calendar-popup__day--adjacent:hover{background-color:color-mix(in srgb,var(--color-background-alt) 50%,transparent)}.calendar-popup__day--adjacent-next{background-color:#0000000a;color:#0006}.calendar-popup__day--adjacent-next:hover{background-color:color-mix(in srgb,var(--color-background-alt) 50%,transparent)}.calendar-popup__day--adjacent-next.calendar-popup__day--unavailable,.calendar-popup__day--adjacent-next.calendar-popup__day--unavailable:hover{background-color:#0000000a}.calendar-popup__day--adjacent.calendar-popup__day--past,.calendar-popup__day--adjacent.calendar-popup__day--unavailable{cursor:not-allowed}.calendar-popup__day--adjacent.calendar-popup__day--start,.calendar-popup__day--adjacent.calendar-popup__day--end,.calendar-popup__day--adjacent.calendar-popup__day--in-range{color:var(--color-text)}.calendar-popup__day--adjacent.calendar-popup__day--in-range{color:var(--color-white)}.calendar-popup__day--past,.calendar-popup__day--unavailable{background-color:#00000014;color:var(--color-text-light);cursor:not-allowed;position:relative;overflow:hidden}.calendar-popup__day--past:after,.calendar-popup__day--unavailable:after{content:"";position:absolute;left:50%;top:50%;width:150%;height:1px;background-color:var(--color-border);transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none}.calendar-popup__day--past:hover,.calendar-popup__day--unavailable:hover{background-color:#00000014}.calendar-popup__day--start{position:relative;background:linear-gradient(135deg,transparent 50%,var(--color-primary) 50%);color:var(--color-text)}.calendar-popup__day--start span{position:relative;z-index:1}.calendar-popup__day--end{position:relative;background:linear-gradient(135deg,var(--color-primary) 50%,transparent 50%);color:var(--color-text)}.calendar-popup__day--end span{position:relative;z-index:1}.calendar-popup__day--in-range{background-color:var(--color-primary);color:var(--color-white);text-shadow:none}.calendar-popup__day-skeleton{display:flex;align-items:center;justify-content:center;height:45px;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:linear-gradient(90deg,color-mix(in srgb,var(--color-grey) 30%,transparent) 25%,color-mix(in srgb,var(--color-grey) 50%,transparent),color-mix(in srgb,var(--color-grey) 30%,transparent) 75%);background-size:200% 100%;animation:calendar-skeleton-shimmer 1.2s ease-in-out infinite;pointer-events:none}.calendar-popup__grid--loading{pointer-events:none}@keyframes calendar-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media screen and (max-width:749px){.calendar-popup{left:0;right:0;width:100%}.calendar-popup__inner{width:100%;max-width:100%}.calendar-popup__weekday,.calendar-popup__day,.calendar-popup__day-skeleton,.calendar-popup__nav{height:auto;aspect-ratio:1}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/snippet-calendar-popup.css.map */