/**
 * Copyright (C) 2020 to the present, Crestron Electronics, Inc.
 * All rights reserved.
 * No part of this software may be reproduced in any form, machine
 * or natural, without the express written consent of Crestron Electronics.
 * Use of this source code is subject to the terms of the Crestron Software License Agreement 
 * under which you licensed this source code.  
 *
 * This code was automatically generated by Crestron's code generation tool.
*/

@import "./../../../../template/assets/scss/all-var-fns-mix";

#shutdown-import-page {
    @include ch5-import-snippet--popup-default(1440);
}

#shutdown-page {
    /* Page level styles go here */

    width: 100%;
    height: 100%;
    background-color: rgb(21, 23, 35);

    .avf-shuttingdown-header {
        text-align: center;

        .exclamation-icon {
            color: white;
            font-size: calc(1rem + 1vw);
        }

        .exclamation-text {
            padding-top: 15px;
            color: rgb(170, 173, 182);
            font-size: calc(1.4rem + 1vw);
        }
    }

    .avf-shuttingdown-footer {
        ch5-button {
            &#shutDownBtn {
                div {
                    border: none;
                    span {
                        color: rgb(237, 89, 89);
                    }
                }
            }
        }

        ch5-button {
            width: 25vw;

            div {
                width: 100%;
                padding: 8px 30px;
                border-radius: 35px;
                background-color: transparent;
                border: 2px solid rgb(26, 35, 65);

                button.cb-btn {
                    width: 100%;
                    span {
                        font-size: calc(1rem + 1vw);
                        font-weight: bold;
                        color: rgb(9, 160, 147);
                    }
                }
            }
        }
    }

    .avf-shuttingdown-content {
        width: 100%;
        text-align: center;

        .timer-count {
            font-size: calc(8.2rem + 6vw);
            line-height: 1;
            color: rgb(207, 91, 98);
        }
        .seconds-display {
            text-transform: uppercase;
            letter-spacing: 2px;
            font-size: calc(0.8rem + 2vw);
            color: rgb(76, 79, 88);
        }
    }
}
