.scheduler{--frame-header-height: 68px;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;pointer-events:none}.scheduler .overlay{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:.3s var(--ease-out-quad);backdrop-filter:blur(12px)}.scheduler .overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(40deg, var(--color-darkgreen) -20%, var(--color-dark) 150%);opacity:.95}.scheduler .frame-wrapper{position:absolute;top:0;background-color:var(--color-white);width:540px;height:100%;max-width:100%;transition:.3s var(--ease-out-quad);transform:translateX(0);left:100vw}.scheduler .frame-header{position:sticky;display:flex;align-items:center;height:var(--frame-header-height);top:0;margin-bottom:calc(var(--frame-header-height)*-1);background-color:var(--color-white);padding:0 20px}.scheduler .frame-header h2{font-size:var(--font-size-lg);margin:0}.scheduler .close-scheduler{position:absolute;right:0;top:0;height:100%;aspect-ratio:1;cursor:pointer;background-color:rgba(0,0,0,0);border:0;padding:0;font-size:0}.scheduler .close-scheduler:focus:not(:focus-visible){outline:none}.scheduler .close-scheduler::before,.scheduler .close-scheduler::after{content:"";position:absolute;left:50%;top:50%;width:calc(var(--frame-header-height)/2);height:2px;background-color:var(--color-dark);transform:translate(-50%, -50%) rotate(45deg)}.scheduler .close-scheduler::after{transform:translate(-50%, -50%) rotate(-45deg)}.scheduler iframe{width:100%;height:100%;overflow-y:scroll;border:0}.scheduler[data-show=true]{pointer-events:all}.scheduler[data-show=true] .overlay{opacity:1}.scheduler[data-show=true] .frame-wrapper{transform:translateX(-100%)}