:root{--color-background:238,242,239;--color-primary:8,34,69;--color-secondary:31,186,179;--color-accent:231,54,83;--color-text:0,0,0}.modal-window{background-color:#00000080;display:flex;height:100%;inset:0;position:fixed;transition:opacity .3s ease;z-index:3}.modal-window__content{background-color:#fff;box-shadow:0 .391075rem .391075rem #00000026,0 .78125rem .78125rem #0000001a,0 1.5625rem 3.125rem #0000000d;height:-moz-min-content;height:min-content;margin:auto;transform:translate(0);transition:all .3s ease;width:-moz-min-content;width:min-content}.modal-window__content__header{align-items:center;background:rgba(var(--color-primary),5%);display:flex;gap:1.5625rem;justify-content:space-between;padding:.78125rem}.modal-window__content__header__title{color:rgb(var(--color-secondary));display:block;font-size:var(--font-size-x-small);font-weight:700;letter-spacing:.2em;padding:0 .78125rem;text-transform:uppercase}.modal-window__content__header__dismiss{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;aspect-ratio:1;background:none;border:1px solid transparent;color:rgba(var(--color-primary),25%);cursor:pointer;display:flex;transition:color .3s ease-in-out,border 1s ease-in-out}.modal-window__content__header__dismiss:hover{border:1px solid;color:rgb(var(--color-secondary))}.modal-window__animation-enter-from,.modal-window__animation-leave-to{opacity:0}.modal-window__animation-enter-from .modal-window__content,.modal-window__animation-leave-to .modal-window__content{transform:translateY(1.5625rem)}