@theme-color: #12364a; /*cor zuri*/
@theme-contrast: #fff;
@background-color: #ccc;
@text-color: #444;

body.pwa {
    header {
        position: -webkit-sticky;
        position: sticky;
        top: -1px;
        z-index: 5;
    }

    ul.commands {
        a.create-item {
            position: fixed;
            display: block;
            width: 3.5em;
            height: 3.5em;
            border-radius: 50%;
            right: 1em;
            bottom: 2.5em;
            text-indent: 100%;
            white-space: nowrap;
            overflow: hidden;
            box-shadow: #aaa .1em .1em .5em .1em;
            background: @theme-color url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqAQMAAAD/DVsYAAAABlBMVEVMaXHr6+u1uY+LAAAAAXRSTlMAQObYZgAAABhJREFUeAFjYGCwB+KBov6DwAEiqIF1JwDfRys/xZRySQAAAABJRU5ErkJggg==") no-repeat center center;
            background-size: 1.2em;
        }
    }

    .count {
        padding-top: .2em;
    }



    .form-mobile {
        &, & fieldset.group {
            grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
        }

        .date, .time, .datetime, .datetimetime {
            grid-template-columns: minmax(7em,1.3fr) minmax(5em,1fr) minmax(5em,1fr);
            grid-column-gap: .3em;
        }
    }
}
