#performance-tile #performance-chart-container {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.5, 1.8, 0.3, 0.8)
}
#performance-tile:hover #performance-chart-container {
    --tw-scale-x: 1.25;
    --tw-scale-y: 1.25;
    --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}

@keyframes animated-gradient {
0% { transform: rotate(0deg);
}
100% { transform: rotate(-360deg);
}
}
#optimization-tile .gauge { position: absolute; bottom: -25%; right: -25%; margin-left: auto; margin-right: auto; width: 100%; height: 100%; border-radius: 9999px; border-width: 0px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms;

        --gauge-background: #f1f5f9;
        --gauge-red: #FF5142;
        --gauge-orange: #FFAC2E;
        --gauge-green: #22c55e;

        background-image: conic-gradient(var(--gauge-green) 0, var(--gauge-green) 45deg, var(--gauge-green) 130deg, var(--gauge-background) 130deg, var(--gauge-background) 220deg, var(--gauge-red) 220deg, var(--gauge-red) 250deg, var(--gauge-orange) 300deg, var(--gauge-green) 350deg, var(--gauge-green) 360deg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        background-position: center center;
}
#optimization-tile .gauge .gauge-center { position: absolute; top: 12.5%; left: 12.5%; z-index: 10; display: flex; width: 75%; height: 75%; flex-direction: column; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); font-family: ITCAGP, system-ui, Helvetica, Arial, sans-serif; font-size: 3rem; line-height: 1;
}
#optimization-tile .gauge .gauge-needle { position: absolute; bottom: 50%; right: 50%; z-index: 20; height: 100%; width: 0.25rem; border-radius: 9999px; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 500ms; transition-timing-function: cubic-bezier(0.5, 1.8, 0.3, 0.8);
            transform: translate3d(100%, 0, 0) rotate(var(--4a0d8f4e));
            transform-origin: 50% 100%;
}
#optimization-tile .gauge .gauge-needle .needle { position: relative; height: 33.333333%; width: 1rem; border-radius: 9999px; border-width: 4px; --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(100 116 139 / var(--tw-bg-opacity, 1)); --tw-translate-x: -0.375rem; --tw-translate-y: 125%; --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective)); transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
}
#optimization-tile .gauge.disabled {
            --gauge-background: #f1f5f9;
            --gauge-red: #64748b;
            --gauge-orange: #cbd5e1;
            --gauge-green: #94a3b8;
}
#optimization-tile .gauge.disabled .gauge-needle .needle {
                    opacity: 0;
}
#optimization-tile .gauge.animated {
            background: conic-gradient(
                #FF5142,
                #FFAC2E,
                #9EB93C,
                #68B7EB,
                #c084fc,
                #FF5142
            );
            background-size: 100% 100%;
            animation: animated-gradient 5s linear infinite;
}
#optimization-tile .list-panel { position: absolute; bottom: 0px; left: 0px; z-index: 20; display: flex; height: 100%; width: 100%; flex-direction: column; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-delay: 75ms; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.5, 1.8, 0.3, 0.8); --tw-translate-y: 100%; --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective)); transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
}
@media (min-width: 1024px) {
#optimization-tile .list-panel { height: 50%;
}
}
#optimization-tile .gauge-center-text { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 1000ms;
}
#optimization-tile:hover .gauge-center-text { --tw-scale-x: 1.25; --tw-scale-y: 1.25; --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective)); transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
}
#optimization-tile.with-optimizations:hover .gauge {
                bottom: 12%;
                right: -32%;
}
#optimization-tile.with-optimizations:hover .list-panel { --tw-translate-y: 0px; --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective)); transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
}

.directories {
    aspect-ratio: 1;
    width: 100%;
    transform: rotateX(45deg) rotateZ(45deg) translate3d(10%, -40%, 0)
}
.icon {
    position: absolute;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 10;
    display: flex;
    height: 33.333333%;
    width: 33.333333%;
    align-items: center;
    justify-content: center;
    padding: 0.75rem;
    --tw-text-opacity: 1;
    color: rgb(104 183 235 / var(--tw-text-opacity, 1))
}
.shadow {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    border-width: 4px;
    --tw-border-opacity: 1;
    border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
}

.parallax-store-left-panel {

    fill: #e2e8f0
}
.parallax-store-right-panel {

    fill: #f1f5f9
}
.parallax-store-roof-bits {

    fill: #cbd5e1
}
.parallax-store-windows {

    fill: #93c5fd
}
.parallax-store-roof-panel {

    fill: #FFAC2E
}
.parallax-store-curb {

    fill: #64748b
}

.qr-container .qr-label,
    .qr-container .qr-code,
    .qr-container .qr-buttons {
        transition: all .5s ease 0s;
}
.qr-container .qr-code {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0.75rem;
        border-width: 4px;
        --tw-border-opacity: 1;
        border-color: rgb(241 245 249 / var(--tw-border-opacity, 1));
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding: 1.25rem;
        transform: rotateX(45deg) rotateZ(45deg) translate3d(30%, 0%, 0);
}
.qr-container:hover .qr-code {
            transform: rotateX(0deg) rotateZ(0deg) translate3d(0, 0, 0);
}
.qr-container:hover .qr-label {
            opacity: 0;
}
.qr-container .qr-code.qr-code-print {
        position: fixed;
        top: 0px;
        left: 0px;
        z-index: 50;
        width: 100%;
        height: 100%;
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
        padding: 2.5rem;   
        transform: rotateX(0deg) rotateZ(0deg) translate3d(0, 0, 0);
}

#audits-tile.focused .audit-link:first-child {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1))
}
#audits-tile.focused .audit-link:first-child .calendar-icon {
    border-color: transparent;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-translate-y: -0.5rem;
    --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}

.pilar-darker {
    fill: #94a3b8
}
.pilar-dark {
    fill: #94a3b8
}
.pilar-medium {
    fill: #cbd5e1
}
.pilar-light {
    fill: #cbd5e1
}
.pilar-lightest {
    fill: #e2e8f0
}


.billboard .rotating-billboard {
        position: absolute;
        z-index: 10;
        overflow: hidden;
        --tw-bg-opacity: 1;
        background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1));
        top: 29%;
        left: 23.3%;
        width: 64.5%;
        height: 45.5%;
        transform: skewY(-30deg);
        transition: .5s ease 0s
}
.billboard .rotating-billboard .adboard {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: bottom;
        background-repeat: no-repeat
}
.billboard:hover .rotating-billboard {
        top: 0px;
        left: 0px;
        aspect-ratio: 1;
        height: 100%;
        width: 100%;
        border-bottom-right-radius: 0.75rem;
        border-bottom-left-radius: 0.75rem;
        --tw-skew-y: 0deg;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
@media(max-width: 1280px) {
.billboard .rotating-billboard {
                top: 0px;
                left: 0px;
                aspect-ratio: 1;
                height: 100%;
                width: 100%;
                border-bottom-right-radius: 0.75rem;
                border-bottom-left-radius: 0.75rem;
                --tw-skew-y: 0deg;
                --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
                transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
}

.file-icon {

    position: relative
}
.file-icon .file-icon-body {

    fill: #e2e8f0
}
.file-icon .file-icon-border,
    .file-icon .file-icon-tab-shadow {

    fill: #94a3b8
}
.file-icon .file-icon-tab {

    fill: #94a3b8
}
.file-icon .file-icon-logo {

    position: absolute;

    bottom: 25%;

    right: 25%;

    width: 50%;

    height: 50%;

    --tw-text-opacity: 1;

    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.file-icon.file-pdf .file-icon-body {

    fill: #fff
}
.file-icon.file-pdf .file-icon-border {

    fill: #FF5142
}
.file-icon.file-pdf .file-icon-tab-shadow {

    fill: #FF5142
}
.file-icon.file-pdf .file-icon-tab {

    fill: #FF5142
}
.file-icon.file-pdf .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(255 81 66 / var(--tw-text-opacity, 1))
}
.file-icon.file-image .file-icon-body {

    fill: #f59e0b
}
.file-icon.file-image .file-icon-border {

    fill: #f59e0b
}
.file-icon.file-image .file-icon-tab-shadow {

    fill: #d97706
}
.file-icon.file-image .file-icon-tab {

    fill: #d97706
}
.file-icon.file-image .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.file-icon.file-doc .file-icon-body {

    fill: #1e40af
}
.file-icon.file-doc .file-icon-border {

    fill: #1e40af
}
.file-icon.file-doc .file-icon-tab-shadow {

    fill: #93c5fd
}
.file-icon.file-doc .file-icon-tab {

    fill: #93c5fd
}
.file-icon.file-doc .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(147 197 253 / var(--tw-text-opacity, 1))
}
.file-icon.file-xls .file-icon-body {

    fill: #166534
}
.file-icon.file-xls .file-icon-border {

    fill: #166534
}
.file-icon.file-xls .file-icon-tab-shadow {

    fill: #86efac
}
.file-icon.file-xls .file-icon-tab {

    fill: #86efac
}
.file-icon.file-xls .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(134 239 172 / var(--tw-text-opacity, 1))
}
.file-icon.file-ppt .file-icon-body {

    fill: #c2410c
}
.file-icon.file-ppt .file-icon-border {

    fill: #c2410c
}
.file-icon.file-ppt .file-icon-tab-shadow {

    fill: #fb923c
}
.file-icon.file-ppt .file-icon-tab {

    fill: #fb923c
}
.file-icon.file-ppt .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}
.file-icon.file-zip .file-icon-tab-shadow,
        .file-icon.file-zip .file-icon-zipper,
        .file-icon.file-zip .file-icon-tab {

    fill: #64748b
}
.file-icon.file-zip .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}
.file-icon.file-csv .file-icon-body {

    fill: #9EB93C
}
.file-icon.file-csv .file-icon-border,
        .file-icon.file-csv .file-icon-tab-shadow {

    fill: #9EB93C
}
.file-icon.file-csv .file-icon-tab {

    fill: #5f6d2a
}
.file-icon.file-csv .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.file-icon.file-txt .file-icon-body {

    fill: #68B7EB
}
.file-icon.file-txt .file-icon-border,
        .file-icon.file-txt .file-icon-tab-shadow {

    fill: #68B7EB
}
.file-icon.file-txt .file-icon-tab {

    fill: #3b7ea9
}
.file-icon.file-txt .file-icon-logo {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.file-icon.file-doc .file-icon-logo, .file-icon.file-xls .file-icon-logo, .file-icon.file-ppt .file-icon-logo {

    bottom: 15%;

    right: 28%;

    mix-blend-mode: luminosity
}
.file-icon .file-icon-label {

    position: absolute;

    bottom: 15%;

    width: 100%;

    text-align: center;

    font-size: 0.75rem;

    line-height: 1rem;

    --tw-scale-x: 0.75;

    --tw-scale-y: 0.75;

    --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));

    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}

.action-buttons-group {
        position: absolute;
        bottom: 0.375rem;
        right: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        overflow: hidden;
        border-radius: 9999px
}
.action-buttons-group .action-shortcut,
    .action-buttons-group .action-buttons {
        overflow: visible;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        flex-shrink: 0;
        flex-grow: 0
}
.action-buttons-group .action-shortcut {
        position: relative;
        z-index: 0;
        display: flex;
        width: 2.5rem;
        height: 2.5rem;
        align-items: center;
        padding: 0.25rem;
        text-align: center;
        font-size: 1rem;
        line-height: 1.5rem;
        --tw-text-opacity: 1;
        color: rgb(148 163 184 / var(--tw-text-opacity, 1));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        flex-shrink: 0;
        flex-grow: 0
}
.action-buttons-group .action-buttons {
        z-index: 0;
        display: flex;
        width: 0px;
        align-items: center;
        justify-content: flex-end;
        gap: 0.5rem;
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        --tw-translate-x: 100%;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
.action-buttons-group:hover .action-buttons, .action-buttons-group.open .action-buttons {
        width: 20rem;
        opacity: 1;
        transition-duration: 100ms;
        --tw-translate-x: 0px;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
.action-buttons-group:hover .action-shortcut {
        width: 0px;
        padding-left: 0px;
        padding-right: 0px;
        opacity: 0;
        transition-duration: 100ms;
        --tw-translate-x: -6rem;
        --webkit-transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective));
        transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), var(--tw-translate-z)) rotateX(var(--tw-rotate-x)) rotateY(var(--tw-rotate-y)) rotateZ(var(--tw-rotate-z)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) scaleZ(var(--tw-scale-z)) perspective(var(--tw-perspective))
}
.action-buttons-group.open .action-shortcut {
        margin-left: 0.5rem;
        padding: 0px
}
.local-post.focused {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}