.modal__close:focus-visible {
    outline: 1px solid #202527;
    outline: 1px solid var(--G-color-default);
}
.modal__title {
    margin-bottom: 1.5rem;
    font-size: 1.1875rem;
    line-height: 1.36;
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .modal__title {
        margin-bottom: 1.5625rem;
        font-size: 1.375rem;
    }
}
.modal__btn + .modal__btn {
    margin-top: 1rem;
}
.modal-cancel {
    color: #202527;
    color: var(--G-color-default);
}
.modal-cancel__top {
    text-align: center;
    margin-bottom: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .modal-cancel__icon {
        width: 5.375rem;
        height: 5.375rem;
    }
}
.modal-cancel__title {
    margin-bottom: 1.5rem;
    font-size: 1.1875rem;
    line-height: 1.36;
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .modal-cancel__title {
        margin-bottom: 1.25rem;
        font-size: 1.375rem;
    }
}
.modal-cancel__text {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
}
@media screen and (min-width: 64rem) {
    .modal-cancel__text {
        margin-bottom: 1.25rem;
        font-size: 0.9375rem;
        line-height: 1.3;
    }
}
.modal-cancel__textarea {
    resize: none;
    display: block;
    height: 4.875rem;
    width: 100%;
    border: 1px solid #D1D1D1;
    border: 1px solid var(--G-color-gray-dark);
    padding: 0.5625rem;
    font-size: 1rem;
    margin-bottom: 2rem;
    border-radius: 0.1875rem;
}
@media screen and (min-width: 64rem) {
    .modal-cancel__textarea {
        font-size: 0.9375rem;
    }
}
.modal-rename {
    color: #202527;
    color: var(--G-color-default);
}
.modal-rename__top {
    text-align: center;
    margin-bottom: 1.5rem;
}
@media screen and (min-width: 64rem) {
    .modal-rename__icon {
        width: 5.375rem;
        height: 5.375rem;
    }
}
.modal-rename__title {
    margin-bottom: 1.5rem;
    font-size: 1.1875rem;
    line-height: 1.36;
    font-weight: 600;
    text-align: center;
}
@media screen and (min-width: 64rem) {
    .modal-rename__title {
        margin-bottom: 1.5625rem;
        font-size: 1.375rem;
    }
}
.modal-rename__text {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
    line-height: 1.3;
}
@media screen and (min-width: 64rem) {
    .modal-rename__text {
        margin-bottom: 1.25rem;
        font-size: 0.9375rem;
        line-height: 1.3;
    }
}
.modal-rename__input {
    resize: none;
    display: block;
    width: 100%;
    border: 1px solid #D1D1D1;
    border: 1px solid var(--G-color-gray-dark);
    padding: 0.5625rem 1.0625rem;
    font-size: 1rem;
    margin-bottom: 1.5625rem;
    border-radius: 0.1875rem;
    color: #202527;
    color: var(--G-color-default);
}
@media screen and (min-width: 64rem) {
    .modal-rename__input {
        font-size: 0.875rem;
    }
}
.modal-stickers__title {
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.36;
    margin-bottom: 1.125rem;
}
@media screen and (min-width: 64rem) {
    .modal-stickers__title {
        font-size: 1.5rem;
        letter-spacing: -0.03em;
        margin-bottom: 1.625rem;
    }
}
.modal-stickers__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: -1rem;
    margin-right: -1rem;
}
@media screen and (min-width: 64rem) {
    .modal-stickers__wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.modal-stickers__img {
    width: 100%;
    max-width: 23.125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: 0 auto 1.5rem;
}
@media screen and (min-width: 64rem) {
    .modal-stickers__img {
        margin-bottom: 0;
    }
}
.modal-stickers__text {
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
}
@media screen and (min-width: 64rem) {
    .modal-stickers__text {
        width: 50%;
    }
}