.closeButton{border-radius:var(--cioos-radius-sm);width:28px;height:28px;color:var(--cioos-ink-60);cursor:pointer;transition:background-color var(--cioos-transition-fast), color var(--cioos-transition-fast);background:0 0;border:none;flex:none;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex}.closeButton>svg{width:36px;height:36px}@media (hover:hover){.closeButton:hover{background-color:var(--cioos-surface-2);color:var(--cioos-ink)}}.closeButton:focus-visible{box-shadow:var(--cioos-focus);color:var(--cioos-ink);outline:none}@media (width<=700px),(height<=500px){.closeButton{color:var(--cioos-ink);margin-right:-6px}}.sheetHandle{z-index:1;border-radius:var(--cioos-radius-pill);background-color:var(--cioos-ink-40);touch-action:none;width:36px;height:4px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.modal{z-index:var(--cioos-z-modal,1055);background-color:var(--cioos-backdrop);display:block;position:fixed;inset:0;overflow:hidden auto}body.cioos-modal-open{overflow:hidden}.modal-dialog{width:auto;margin:var(--cioos-space-lg,16px) auto;max-width:500px;min-height:calc(100% - 2 * var(--cioos-space-lg,16px));pointer-events:none;align-items:center;display:flex;position:relative}.modal-lg{max-width:800px}.modal-xl{max-width:min(1140px,100vw - 32px)}.modal-content{width:100%;max-height:calc(100vh - 2 * var(--cioos-space-lg,16px));pointer-events:auto;background-color:var(--cioos-white,#fff);border-radius:var(--cioos-radius-lg,16px);box-shadow:var(--cioos-shadow-float,0 8px 30px #152f3740);outline:0;flex-direction:column;display:flex;position:relative}.modal-dialog-scrollable .modal-content{overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-header{padding:var(--cioos-space-md,12px) var(--cioos-space-lg,16px);border-bottom:1px solid var(--cioos-hairline,#dce8e5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--cioos-font-display,sans-serif);font-size:var(--cioos-font-size-lg);line-height:1.4}.modal-body{padding:var(--cioos-space-lg,16px);flex:auto;position:relative}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{border-radius:0;height:100%;max-height:none}@media (width<=700px),(height<=500px){.modal-header{padding:var(--cioos-space-sm,8px) var(--cioos-space-md,12px)}}@media (width<=992px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{border-radius:0;height:100%;max-height:none}}.modal.sheet{overscroll-behavior:contain;transition:background-color .5s}.modal.sheet .modal-dialog{align-items:flex-end}.modal.sheet .modal-content{transition:transform .5s cubic-bezier(.22,.8,.3,1)}@starting-style{.modal.sheet{background-color:#0000}.modal.sheet .modal-content{transform:translateY(100%)}}.modal.sheet.sheetClosing{pointer-events:none;background-color:#0000}.modal.sheet.sheetClosing .modal-content{transform:translateY(100%)}.modal.sheet .modal-header{touch-action:none;padding-top:var(--cioos-space-lg,16px)}@media (prefers-reduced-motion:reduce){.modal.sheet,.modal.sheet .modal-content{transition:none}}
