.modal_box{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;align-items:center;justify-content:stretch;height:100dvh;background-color:rgba(0,0,0,0.75);transition:0.5s;visibility:hidden;opacity:0;z-index:15}.modal_box.is_visible{visibility:visible;opacity:1}.modal_box.is_visible>.inner{transform:translateY(0)}.modal_box>.inner{position:relative;overflow-x:hidden;overflow-y:auto;width:100%;height:auto;min-height:0;max-height:100%;padding:20px;transition:0.5s;transform:translateY(-600px)}.modal_box .modal{display:block;position:relative;width:100%;max-width:640px;padding:0;margin:0 auto;border-radius:var(--radius-regular);background-color:var(--color-base);--size-h3: 1.5rem}.modal_box .modal_heading{display:flex;align-items:center;min-height:4rem;padding:5px var(--gap-card);border-bottom:1px solid var(--color-border);background-color:var(--color-base)}.modal_box .modal_heading h2,.modal_box .modal_heading h3{flex-grow:1;margin:0;font-size:var(--size-h3)}.modal_box .modal_close{display:block;position:relative;flex-grow:0;flex-shrink:0;width:var(--size-h3);height:var(--size-h3);border:none;outline:none;background:none;color:var(--color-heading);transition:0.2s;cursor:pointer}.modal_box .modal_close:after,.modal_box .modal_close:before{content:'';display:block;position:absolute;top:50%;left:50%;width:var(--size-h3);height:2px;margin:-1px 0 0 calc(-0.5 * var(--size-h3));background-color:currentColor;transform:rotate(45deg)}.modal_box .modal_close:before{transform:rotate(-45deg)}@media (hover: hover){.modal_box .modal_close:hover{color:var(--color-link)}}.modal_box .modal_content{padding:var(--gap-card);background-color:var(--color-background)}.modal_box .modal_card{max-width:635px;padding:10px;background-color:var(--color-background);--gap-contents: 20px;--gap-content: 10px;--gap-heading: 15px}.modal_box .modal_card .image{display:block;position:relative;width:100%;height:auto;margin:0 0 10px;z-index:1}.modal_box .modal_card .image:last-child{margin-bottom:0}.modal_box .modal_card img{display:block;width:100%;height:auto;border-radius:var(--radius-small)}.modal_box .modal_card .contents{padding:20px 10px;text-align:center}.modal_box .modal_card .modal_close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:var(--radius-small);background-color:var(--theme-white);z-index:2;--size-h3: 18px}@media (max-width: 40rem){.modal_box .modal{--size-h3: 1.25rem;--gap-card: 20px}.modal_box .modal_heading{min-height:3.5rem}}

/*# sourceMappingURL=modal.css.map */