.popup{position:fixed;display:flex;justify-content:center;align-items:center;z-index:-1;visibility:hidden;opacity:0;transition:opacity .25s linear,z-index .25s linear,visibility .25s linear;padding:.75rem;padding:var(--spacing)}.popup,.popup:before{top:0;left:0;width:100%;height:100%}.popup:before{display:block;content:"";position:absolute;background:#000000e6;opacity:.75}.popup.is-open{z-index:10001;visibility:visible;opacity:1}.popup__box{position:relative;color:#fff;max-width:480px;max-width:30rem;width:100%;min-height:480px;min-height:30rem;box-shadow:0 -.0625rem .5rem #ff999980,.0625rem -.0625rem .5rem #f4e88a80,.0625rem 0 .5rem #c0c0c080,-.0625rem .0625rem .5rem #9dff9480,-.0625rem 0 .5rem #79ffed80,-.0625rem .0625rem .5rem #799fff80,-.0625rem 0 .5rem #c779ff80,-.0625rem -.0625rem .5rem #c779ff80;border-radius:1rem;overflow:hidden}.popup figure{background-color:#000;background-image:conic-gradient(#ff999980,#f4e88a80,#c0c0c080,#9dff9480,#79ffed80,#799fff80,#c779ff80,#ff999980);background-position:50%;width:100%;z-index:1}.popup figure,.popup img{position:absolute;top:0;left:0;height:100%}.popup img{mix-blend-mode:multiply;object-fit:cover}.popup__content{position:relative;padding:2rem;width:100%;min-height:480px;min-height:30rem;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;z-index:2}.popup .cke{align-self:flex-start;flex:auto}.popup__actions{text-align:center;align-self:flex-end}.popup .cke{width:100%}.popup__btn,.popup__close{display:inline-block;margin:.5rem}.popup__close{font-size:12px;font-size:.75rem;padding:0 0 .25rem;border-bottom:.125rem solid #fff}.popup__close:focus-visible,.popup__close:hover{padding-bottom:.125rem;border-bottom-width:.25rem}.popup__close:focus-visible{filter:drop-shadow(0 0 8px blue) drop-shadow(0 0 16px red);filter:drop-shadow(0 0 .5rem blue) drop-shadow(0 0 1rem red)}