@charset "UTF-8";

/*notice*/
    .notice {
        display: block;
        background-color: transparent;
        width: auto;
        max-width: 25vw;
        height: auto;
        position: fixed;
        right: -100%;
        left: auto !important;
        transition: right 0.5s ease-in-out;
        top: 165px;
    }

    .active-notice {
        right: 0 !important;
    }

    .notice-content {
        color: light-dark( var(--wa-color-blue-05), var(--wa-color-gray-50) );
        margin: 0 0 100px 0;
        width: auto;
        height: 100%;
        text-align: center;
    }

    .notice-span {
        float: none;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-right: none;
        padding: 0.7em;
        line-height: 1.2em;
    }

	.error {
		background-color: rgba(219, 77, 72, 0.8);
		border: 3px solid var(--wa-color-red-50);
	}

	.confirm {
		background-color: light-dark( rgba(129, 164, 134, 0.8), rgba(62, 86, 65, 0.8));
		border: 3px solid var(--wa-color-green-50);
	}