[class*="bubmodal-trigger--"],[class*="bub-modal-trigger--"]{cursor:pointer}:where(.bubmodal){box-sizing:border-box;overflow:auto;overscroll-behavior:contain;position:fixed}.bubmodal[inert]{visibility:hidden}.bubmodal__title:focus{outline:none}:where(.bubmodal){hyphens:auto}.bubmodal :where(a:not([class])){color:inherit}.bubmodal-backdrop{background-color:transparent;inset:0;pointer-events:none;position:fixed;transition:background-color 300ms}.bubmodal-backdrop:has(+.bubmodal--open){background-color:var(--bubmodal-backdrop,rgb(0 0 0 / .5));pointer-events:auto}.bubmodal-backdrop:has(+.bubmodal--close-outside.bubmodal--open){cursor:pointer}:where(.bubmodal__title){margin:0 0 1em;text-align:center}:where(.bubmodal__title) :where(h1,h2){font-size:1.35rem;font-weight:700;line-height:1.3;margin:0}:where(.bubmodal__content) h3{font-size:1.15rem;font-weight:700;line-height:1.3;margin:.5em 0 .3em}:where(.bubmodal__before) p{margin:0 0 .5em}.bubmodal__close{background:transparent;border:none;color:transparent;cursor:pointer;font-size:16px;height:5em;overflow:hidden;padding:0;position:absolute;right:0;text-indent:200%;top:0;transition:none;white-space:nowrap;width:5em;z-index:1}.bubmodal__close::before,.bubmodal__close::after{content:'';left:50%;position:absolute;top:50%;transform-origin:center}:where(.bubmodal__close)::before,:where(.bubmodal__close)::after{background-color:var(--bubmodal-cover-color,#ddd);height:.15em;width:70%}.bubmodal__close::before{transform:translate(-50%,-50%) rotate(45deg)}.bubmodal__close::after{transform:translate(-50%,-50%) rotate(-45deg)}.bubmodal:not(.bubmodal--open) .bubmodal__close{visibility:hidden}@media (prefers-reduced-motion:reduce){div.bubmodal,.bubmodal-backdrop{transition:none}}body:has(.bubmodal--cover.bubmodal--open){overflow:hidden}.bubmodal--cover{height:100%;inset:0;opacity:0;transform:scale(.5);transition:transform 0.2s,opacity 0.2s;width:100%}.bubmodal--cover{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;justify-content:safe center}.bubmodal--cover.bubmodal--open{opacity:1;transform:scale(1)}:where(.bubmodal--cover){background:var(--bubmodal-cover-background,rgb(0 0 0 / .85));color:var(--bubmodal-cover-color,#ddd);padding:80px 3vw}.bubmodal--cover .bubmodal__content{position:relative}@media screen and (max-width:1000px){:where(.bubmodal--cover) .bubmodal__close{font-size:13px}}@media screen and (max-width:800px),screen and (max-height:500px){.bubmodal--cover{justify-content:flex-start}:where(.bubmodal--cover){padding-top:90px}}:where(.bubmodal--boxed .bubmodal__content){background:var(--bubmodal-box-background,#f2f2f2);box-shadow:1px 1px 20px #0007;color:var(--bubmodal-box-color,#222);max-width:40em;padding:2.1em min(2.7em, 5%)}@media screen and (max-width:500px){:where(.bubmodal--boxed){padding-inline:0}:where(.bubmodal--boxed .bubmodal__content){box-shadow:none}}.bubmodal--panel{overflow-x:hidden;transition:transform 0.3s ease;width:100%}:where(.bubmodal--panel){background:var(--bubmodal-panel-background,#f2f2f2);color:var(--bubmodal-panel-color,#222);scroll-behavior:smooth;scrollbar-color:var(--bubmodal-scrollbar,#c4c4c4) transparent;scrollbar-width:thin}:where(.bubmodal--panel,.bubmodal--float) .bubmodal__close{background:rgb(0 0 0 / .07);font-size:40%}:where(.bubmodal--panel,.bubmodal--float) .bubmodal__close::before,:where(.bubmodal--panel,.bubmodal--float) .bubmodal__close::after{height:.25em;width:65%}:where(.bubmodal--panel) .bubmodal__close::before,:where(.bubmodal--panel) .bubmodal__close::after{background-color:var(--bubmodal-panel-color,#222)}:where(.bubmodal--float) .bubmodal__close::before,:where(.bubmodal--float) .bubmodal__close::after{background-color:var(--bubmodal-box-color,#222)}.bubmodal--left,.bubmodal--right{height:100%;max-width:25em}.bubmodal--left{inset:0 auto 0 0;transform:translateX(-100%)}.bubmodal--right{inset:0 0 0 auto;transform:translateX(100%)}.bubmodal--left.bubmodal--open,.bubmodal--right.bubmodal--open{transform:translateX(0)}:where(.bubmodal--left){box-shadow:2px 0 20px rgb(0 0 0 / .25)}:where(.bubmodal--right){box-shadow:-2px 0 20px rgb(0 0 0 / .25)}:where(.bubmodal--left .bubmodal__content,.bubmodal--right .bubmodal__content){padding:50px 1.25em 2.2em}.bubmodal--right .bubmodal__close{left:0;right:auto}@media screen and (max-width:800px){.bubmodal--left,.bubmodal--right{inset:0;max-width:100%;opacity:0;transform:scale(.5);transition:transform 0.2s,opacity 0.2s}.bubmodal--left.bubmodal--open,.bubmodal--right.bubmodal--open{opacity:1;transform:scale(1)}}.bubmodal--bottom{inset:auto 0 0 0;max-height:100%;min-height:min(80vh, 200px);transform:translateY(100%)}.bubmodal--bottom.bubmodal--open{transform:translateY(0)}:where(.bubmodal--bottom){box-shadow:0 -2px 20px rgb(0 0 0 / .25)}:where(.bubmodal--bottom .bubmodal__content){padding:min(5vh, 2.5em) min(5vw, 2.5em)}.bubmodal--float{max-height:100%;max-width:min(100%, 40em);min-height:min(80vh, 280px);opacity:0;transform:scale(.5);transition:transform 0.2s,opacity 0.2s;width:100%}.bubmodal--float.bubmodal--open{opacity:1;transform:scale(1)}.bubmodal--free{inset:auto auto 0 0}:where(.bubmodal--float){background:var(--bubmodal-box-background,#f2f2f2);box-shadow:0 2px 20px rgb(0 0 0 / .25);color:var(--bubmodal-box-color,#222)}:where(.bubmodal--float .bubmodal__content){padding:min(5vh, 2.5em) min(5vw, 2.5em)}.bubmodal--center{inset:50% auto auto 50%;transform:translate(-50%,-50%) scale(.5)}.bubmodal--center.bubmodal--open{transform:translate(-50%,-50%) scale(1)}