rao-date-picker[data-rao-date-dialog] .rao-date-picker--overlay{display:block;visibility:hidden;opacity:0;pointer-events:none;background:#17242a6b;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity .18s ease,visibility .18s ease}rao-date-picker[data-rao-date-dialog] .rao-date-picker--overlay.open{visibility:visible;opacity:1;pointer-events:auto}rao-date-picker[data-rao-date-dialog] .rao-date-dialog{--date-ink: #233943;--date-muted: #657078;--date-orange: #ff6b14;position:fixed;z-index:69421;top:50%;left:50%;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;color:var(--date-ink);background:#fff;border:1px solid #eee5dc;border-radius:24px;box-shadow:0 24px 80px #1a222638,0 4px 16px #1a222614;font-family:Lato,sans-serif;text-align:left;visibility:hidden;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.97);transform-origin:center;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}rao-date-picker[data-rao-date-dialog] .rao-date-picker--overlay.open+.rao-date-dialog{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.rao-date-dialog .rao-date-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:24px;margin:0 0 18px;background:linear-gradient(135deg,#fff3e6,#fffaf5);border-bottom:1px solid #f1e7dc}.rao-date-dialog .rao-date-dialog__title{margin:0;color:#3e3429;font-family:Lora,Georgia,serif;font-size:25px;font-weight:600;line-height:1.3;letter-spacing:-.4px}.rao-date-dialog .rao-date-dialog__subtitle{margin:6px 0 0;color:var(--date-muted);font-size:14px;font-weight:400;line-height:1.5}.rao-date-dialog .rao-date-dialog__close,.rao-date-dialog .rao-date-picker--button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:11px;border:1px solid #e9e4df;border-radius:50%;color:var(--date-ink);background:#fff;cursor:pointer;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.rao-date-dialog .rao-date-dialog__close svg,.rao-date-dialog .rao-date-picker--button svg{width:20px;height:20px;flex-shrink:0}.rao-date-dialog .rao-date-picker--container,.rao-date-dialog .rao-date-picker--container.open{position:relative;top:auto;left:auto;right:auto;display:flex;width:100%;max-width:none;margin:0;padding:0;overflow:hidden;z-index:auto;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none;transition:none}.rao-date-dialog .rao-date-picker--button{top:0;z-index:2}.rao-date-dialog .rao-date-picker--previous{left:24px}.rao-date-dialog .rao-date-picker--next{right:24px}.rao-date-dialog .rao-date-picker--button.disabled{color:#b8bec1;background:#fafafa;border-color:#f0f0f0;cursor:default}.rao-date-dialog .rao-date-picker--block{box-sizing:border-box;flex:0 0 100%;width:100%;padding:0 24px 20px;transition-duration:.22s}.rao-date-dialog .rao-date-picker--month{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0 52px 16px;color:var(--date-ink);font-family:Lato,sans-serif;font-size:18px;font-weight:700;line-height:1.3}.rao-date-dialog .rao-date-picker--days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px 4px}.rao-date-dialog .rao-date-picker--day-name{display:flex;align-items:center;justify-content:center;min-width:0;height:46px;margin:0;padding:0;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:600;line-height:1;font-variant-numeric:tabular-nums;touch-action:manipulation}.rao-date-dialog .rao-date-picker--day-name:nth-child(-n+7){height:26px;margin-bottom:2px;color:var(--date-muted);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.rao-date-dialog .rao-date-picker--day-name:not(.no-hover){color:var(--date-ink);background:#faf7f3;border-color:#f3ede6;font-weight:700}.rao-date-dialog .rao-date-picker--day-name.disabled{color:#a1a8ad;background:transparent;font-weight:400}.rao-date-dialog .rao-date-picker--day-name.selected{color:#30251c;background:var(--date-orange);border-color:var(--date-orange);font-weight:700;box-shadow:0 3px 8px #ff6b1433}.rao-date-dialog .rao-date-dialog__hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:15px 16px;color:var(--date-muted);background:#fcfbf9;border-top:1px solid #f1ede8;font-size:12px;font-weight:400;line-height:1.4}.rao-date-dialog__hint>span{width:7px;height:7px;border-radius:50%;background:#a1a8ad}.rao-date-dialog button:focus-visible{outline:2px solid #a74209;outline-offset:3px}@media(hover:hover){.rao-date-dialog .rao-date-picker--day-name:not(.no-hover):not(.selected):hover{color:#813506;background:#fff0df;border-color:#f9b787}.rao-date-dialog .rao-date-dialog__close:hover,.rao-date-dialog .rao-date-picker--button:not(.disabled):hover{color:#a74209;background:#fff4e9;border-color:#f4c59f}}@media(max-width:480px){rao-date-picker[data-rao-date-dialog] .rao-date-dialog{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.rao-date-dialog .rao-date-dialog__header{padding:20px 16px;margin-bottom:16px}.rao-date-dialog .rao-date-dialog__title{font-size:22px}.rao-date-dialog .rao-date-dialog__subtitle{font-size:13px}.rao-date-dialog .rao-date-picker--block{padding:0 12px 18px}.rao-date-dialog .rao-date-picker--previous{left:14px}.rao-date-dialog .rao-date-picker--next{right:14px}.rao-date-dialog .rao-date-picker--days{gap:5px 2px}.rao-date-dialog .rao-date-picker--day-name{height:44px;border-radius:10px}}@media(max-width:359px){rao-date-picker[data-rao-date-dialog] .rao-date-dialog{width:calc(100vw - 16px)}.rao-date-dialog .rao-date-dialog__header{padding:18px 12px;gap:8px}.rao-date-dialog .rao-date-dialog__title{font-size:20px}.rao-date-dialog .rao-date-picker--block{padding-right:8px;padding-left:8px}}@media(prefers-reduced-motion:reduce){rao-date-picker[data-rao-date-dialog] .rao-date-dialog,rao-date-picker[data-rao-date-dialog] .rao-date-picker--overlay,.rao-date-dialog .rao-date-picker--block,.rao-date-dialog button,.rao-date-dialog .rao-date-picker--day-name{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/79/assets/rao-date-picker-dialog.css.map */