.ollinter-modal{border-radius:var(--radius-lg);border:1px solid var(--overlay-edge);background:var(--overlay);color:var(--text);box-shadow:var(--shadow-overlay);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto}.ollinter-modal-sm{width:min(24rem,100vw - 2rem)}.ollinter-modal-md{width:min(28rem,100vw - 2rem)}.ollinter-modal-lg{width:min(34rem,100vw - 2rem)}.ollinter-modal-wide{width:min(90rem,100vw - 1rem)}.ollinter-modal::backdrop{background:var(--scrim);-webkit-backdrop-filter:blur(6px)saturate(.8);backdrop-filter:blur(6px)saturate(.8)}.ollinter-modal-panel{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.ollinter-modal-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.ollinter-modal-title{font-family:var(--font-heading);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.ollinter-modal-body{color:var(--text-body);margin:0;line-height:1.6}.ollinter-modal-body p{margin:0}.ollinter-modal-body p+p{margin-top:.75rem}.ollinter-modal-close{width:2.75rem;height:2.75rem;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;margin-block-start:-.625rem;margin-inline-end:-.625rem;display:inline-flex}.ollinter-modal-close:hover{background:var(--surface-2);color:var(--text)}.ollinter-modal-close svg{stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;fill:none;width:1.125rem;height:1.125rem}.ollinter-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.ollinter-modal-actions-extra{min-width:0;color:var(--danger);flex:12rem;margin-inline-end:auto;font-size:.75rem}.ollinter-modal-actions-buttons{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex}.ollinter-modal :focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width:700px){.ollinter-modal-actions-buttons{flex-direction:column-reverse;align-items:stretch;gap:.625rem;width:100%}.ollinter-modal-actions-buttons>*{text-align:center;justify-content:center;width:100%;min-height:3rem}}@layer components{.ollinter-modal-actions-buttons>:not(:last-child){border:1px solid var(--line-strong)}}@media (max-width:700px){.ollinter-modal-sm,.ollinter-modal-md,.ollinter-modal-lg{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100vw;max-width:100vw;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;margin:auto 0 0}.ollinter-modal-sm .ollinter-modal-panel,.ollinter-modal-md .ollinter-modal-panel,.ollinter-modal-lg .ollinter-modal-panel{padding-top:1.75rem}.ollinter-modal-sm:before,.ollinter-modal-md:before,.ollinter-modal-lg:before,.ollinter-modal-sheet:before,.ollinter-modal-picker:before{content:"";background:color-mix(in oklab, var(--text-muted) 55%, transparent);top:.5rem;border-radius:999px;width:2.5rem;height:.25rem;margin-inline:auto;position:absolute;inset-inline:0}.ollinter-modal-top{border-top:0;border-bottom:1px solid var(--overlay-edge);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 0 auto}.ollinter-modal-top:before{content:none}.ollinter-modal-top .ollinter-modal-panel{padding-top:1.25rem}.ollinter-modal-top .ollinter-modal-head{justify-content:flex-end;margin-bottom:-.75rem}.ollinter-modal-top .ollinter-modal-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:no-preference){.ollinter-modal[open]{animation:.12s ease-out ollinter-modal-in}@keyframes ollinter-modal-in{0%{opacity:0;transform:translateY(.25rem)}}}.ollinter-modal-sheet{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100vw;max-width:100vw;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0;margin:auto 0 0}.ollinter-modal-picker{width:min(42rem,100vw - 2rem);height:min(46rem,100dvh - 2rem);overflow:hidden}.ollinter-modal-picker .ollinter-modal-panel{gap:.75rem;height:100%;min-height:0;padding:1.25rem 0 0}@media (max-width:700px){.ollinter-modal-picker{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;width:100vw;max-width:100vw;height:92dvh;max-height:92dvh;margin:auto 0 0}.ollinter-modal-picker .ollinter-modal-panel{padding-top:1.75rem}}
