@layer magento-m, magento-l, magento-resets, nicepage, nicepage-additional, style-guide, styles, override;

@import url("animations.css");
@import url("styles-m.css") layer(magento-m);
@import url("styles-l.css") layer(magento-l) screen and (min-width: 768px);

@import url("magento_resets.css") layer(magento-resets);
@import url("styles.css") layer(styles);


/* NicePage Overrides */
@layer style-guide {

    .messages.messages {
        margin: 0;
        min-height: 0;
    }


    .u-nav-container-collapse {
        .u-popupmenu-items {
            width: calc(100% - 2rem);
        }
    }
    .u-cookies-consent {
        display: block;
    }

    .u-btn.u-none {
        padding: 0 !important;
    }

    body[class^='cms-'] {
        .messages {
            .message:has(p) {
                min-height: 58px;
                p {
                    margin-top: 0;
                    margin-bottom: 0;
                }
            }
        }
    }
}