{"version":3,"file":"styles/module.css","mappings":"AAAA,MACI,iCACA,iCACA,uCACA,0EACA,0BACA,4BACA,6BACA,mCACA,oEACA,uCACA,kDACA,wCACA,wCACA,0CACA,qDACA,6CACA,yFACA,+DAEJ,QACI,kBAEI,kGACI,aAIZ,0CACI,WC7BJ,mBAEI,aACA,UAEA,8BACI,WACA,YACA,2BACA,sBACA,kBACA,wBACA,qBACA,kCAEA,oCACI,uBACA,eChBR,iCACI,mBACA,qCACA,6EACA,iDACA,4BACA,sBACA,sBACA,mBACA,cACA,UACA,kBACA,mEACA,kEACA,6KAEA,gFAEI,kCAEA,sHACI,WAGJ,0HACI,UAIR,yCACI,WAKJ,wBACI,GACI,kCAGJ,KACI,mCAIR,wCACI,+CACA,iFACA,0DAEA,yDACI,aAIR,6DACI,aAGJ,sDACI,UACA,YACA,SAGJ,oDACI,WACA,YACA,SAIR,qBACI,GACI,uBAGJ,KACI,0BAIR,4BACI,kBACA,WACA,YACA,mDACA,aACA,uBACA,mBACA,WACA,gCACA,oBACA,oBAEA,8BACI,UACA,mCACA,mBAEA,oCACI,eACA,UAMZ,8BACI,kDACA,WACA,YACA,2BACA,oBACA,4BACA,kBACA,aACA,uBACA,mBACA,gCACA,+CACA,+DACA,WACA,YAEA,oCACI,eACA,wBACA,UACA,4CAIR,gCACI,WACA,YACA,4BACA,sBACA,wBACA,kBACA,mEACA,kEAEA,iDACI,kBACA,aACA,wCACA,mBACA,uBACA,mBACA,eACA,gBACA,wBAGJ,8CACI,kBACA,YACA,WACA,SACA,qDACA,WACA,oBAGJ,qDACI,mDACA,kBACA,qDACA,oDACA,gCACA,WACA,6BACA,aACA,uBACA,mBACA,+CACA,gDACA,mCACA,YACA,oBAEA,uDACI,kBACA,mDACA,WACA,WACA,YACA,2BACA,4BACA,wBAGJ,0DACI,kBACA,kBAIR,mDACI,gBACA,UACA,SACA,gBACA,UACA,eACA,aACA,uBACA,sBACA,UACA,cACA,YACA,oBACA,iBACA,sDAEA,sDACI,WACA,eACA,2BACA,4BACA,sBACA,kBACA,kBACA,mBAGA,sEACI,kBACA,uBACA,wBACA,kBACA,WACA,UACA,SAKZ,qDACI,kBACA,UACA,aACA,sBACA,mBACA,WACA,gCACA,oBAGJ,8CACI,mDACA,UACA,aACA,WACA,uBACA,4CACA,oDACA,2DACA,mBACA,eACA,cACA,oBAEA,gDACI,mDAEA,yDACI,mBAEA,+DACI,eAMhB,mDACI,mDACA,gCACA,aACA,UACA,oBACA,UACA,mCACA,mBAEA,2DACI,eACA,wBAIR,kEACI,aACA,uBACA,WACA,8CACA,mDACA,sBAEA,gGACI,yCAEA,oHACI,0CAKZ,8CACI,kBACA,4BACA,wBACA,2BACA,6DACA,mDACA,WACA,YACA,WACA,oBAGJ,sDACI,YACA,WACA,kBACA,SACA,gBACA,mEACA,kEACA,oBACA,aACA,uBAEA,iFACI,YACA,SAEA,kBACA,kCAGJ,qFACI,WACA,YACA,WACA,kBACA,8BACA,kDACA,qHAEA,yGACI,uHClWpB,qBAEI,sDACA,UACA,gBAEA,kDAEI,kBACA,aACA,sDAEI,oBAEA,8DACI,aACA,mBAEA,gEACI,cACA,eACA,2BACA,wBACA,4BACA,aACA,mBACA,uBAIR,mEACI,aACA,8BACA,mBAGJ,qDACI,YACA,gBACA,SAGJ,qDACI,SAGJ,0DACI,gBAGJ,oDACI,SACA,iBACA,gBAGJ,qDACI,gBACA,UACA,iBACA,SACA,gBAEA,yEAEI,oBACA,oBACA,kBACA,kBAEA,uFACI,YACA,UACA,SAKZ,qDACI,aACA,qBACA,oBACA,kBAEA,kEACI,uBAGJ,qEACI,kBACA,iBACA,yBACA,kBACA,WACA,UACA,SAGJ,0DACI,aACA,mBACA,SAGJ,uDACI,aACA,YACA,mBACA,iBACA,kBACA,uBAGJ,uEACI,iBACA,cACA,yEACI,gBAMZ,sDACI,YACA,aACA,mBACA,YACA,mBAGJ,4DACI,gBACA,kBACA,YACA,mBAGJ,gEACI,gBACA,UACA,aACA,WACA,yBACA,mBACA,4CACA,mDACA,uBChJZ,4EACI,kBAIR,oCACI,kBACA,iDACI,cACA,eACA,yDAIR,aACI,eACA,sBACA,uBACA,mBACA,mBACA,oBACA,yBACA,YACA,gBACA,6BACI,qBACA,UAIA,kCACI,WACA,wCACI,UAKZ,4BACI,UACA,iBACA,+BACA,sBACA,eACA,mBAGJ,sEACI,gDACA,yCAGJ,2CACI,mBACA,wCACA,0DACI,uBAKZ,aACI,wBACA,0CACA,oBACA,sBACA,gBACA,mBACA,mBAEA,oBACI,wBAGJ,4CACI,mCAGJ,yBACI,oBACA,aACA,yCACA,wCACA,gBACA,eACA,WACA,yFAIA,kCACA,0CACI,qFAOR,wBACI,WACA,aACA,mBACA,UAEA,+BACI,WACA,eACA,yBACA,aACA,mBAGJ,8BACI,sBAGJ,mCACI,YACA,qFAIA,yCACI,YACA,+BACA,8BAGR,iCACI,WACA,sBACA,mDACA,uCACI,WACA,kBACA,eAOJ,8DACI,+BACA,2BAEJ,8DACI,aAMR,sCACI,UAIR,gCACI,mBACA,mCACA,UACA,gCACA,aACA,sBACA,eACA,2BACA,UACA,mB","sources":["webpack:///./scss/_globals.scss","webpack:///./scss/_addEvent.scss","webpack:///./scss/_portrait.scss","webpack:///./scss/_tooltip.scss","webpack:///./scss/_tracker.scss"],"sourcesContent":[":root{\r\n    --combatant-portrait-size: 100px;\r\n    --combatant-portrait-aspect: 1.5;\r\n    --combatant-portrait-border-radius: 0%;\r\n    --combatant-portrait-margin: 0 calc(var(--combatant-portrait-size) * 0.1);\r\n    --carousel-direction: row;\r\n    --carousel-overflow: hidden;\r\n    --carousel-alignment: center;\r\n    --carousel-align-items: \"flex-end\";\r\n    --carousel-font-family: \"CaslonAntique\", \"Palatino Linotype\", serif;\r\n    --attribute-bar-primary-color: #41AA7D;\r\n    --attribute-bar-secondary-color: rgba(53,94,77,1);\r\n    --attribute-bar-primary-color2: #ffcd00;\r\n    --attribute-bar-portrait-color: #e62121;\r\n    --attribute-bar-secondary-color2: #634f00;\r\n    --carousel-tooltip-color: rgba(136, 136, 136, 0.873);\r\n    --carousel-tooltip-bg-color: rgb(43, 43, 43);\r\n    --combatant-portrait-image-border: url(\"/modules/combat-tracker-dock/assets/border.png\");\r\n    --combatant-portrait-image-background: url(\"/ui/denim075.png\");\r\n}\r\n#ui-top{\r\n    position: relative;\r\n    &.ctd-hide-conflicting-uis:has(#combat-dock:not(.hidden)){\r\n        > *:not(#combat-dock):not(#loading){\r\n            display: none;\r\n        }\r\n    }\r\n}\r\n#interface:has(#combat-dock:not(.hidden)) {\r\n    width: 100%;\r\n}\r\n",".cct-recent-events{\r\n\r\n    display: flex;\r\n    gap: 0.3rem;\r\n\r\n    .cct-event{\r\n        width: 50px;\r\n        height: 50px;\r\n        background-position: center;\r\n        background-size: cover;\r\n        border-radius: 5px;\r\n        box-shadow: 0 0 5px black;\r\n        filter: brightness(1);\r\n        transition: filter 0.2s ease-in-out;\r\n\r\n        &:hover{\r\n            filter: brightness(1.2);\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n}\r\n",".combat-dock {\r\n    & .combatant-portrait {\r\n        pointer-events: all;\r\n        width: var(--combatant-portrait-size);\r\n        height: calc(var(--combatant-portrait-size) * var(--combatant-portrait-aspect));\r\n        margin: 0 calc(var(--combatant-portrait-size) * 0.1);\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        border: 1px solid black;\r\n        border-top-width: 0;\r\n        flex-shrink: 0;\r\n        opacity: 1;\r\n        position: relative;\r\n        border-bottom-right-radius: var(--combatant-portrait-border-radius);\r\n        border-bottom-left-radius: var(--combatant-portrait-border-radius);\r\n        transition: width 0.2s ease-in-out, height 0.2s ease-in-out, opacity 0.2s ease-in-out, margin 0.2s ease-in-out, left 0.2s ease-in-out, border-color 0.1s ease-in-out, top 0.2s ease-in-out;\r\n\r\n        &:hover,\r\n        &.hovered {\r\n            border-color: rgba(255, 255, 255, 0.616);\r\n\r\n            & .combatant-buttons {\r\n                opacity: 0.7;\r\n            }\r\n\r\n            & .portrait-initiative {\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n        &.visible {\r\n            opacity: 0.5;\r\n        }\r\n\r\n        //define border blink animation\r\n\r\n        @keyframes border-blink {\r\n            0% {\r\n                border-color: rgba(255, 255, 255, 0.179);\r\n            }\r\n\r\n            100% {\r\n                border-color: rgba(255, 255, 255, 0.616);\r\n            }\r\n        }\r\n\r\n        &.active {\r\n            width: calc(var(--combatant-portrait-size) * 1.2);\r\n            height: calc(var(--combatant-portrait-size) * var(--combatant-portrait-aspect) * 1.2);\r\n            animation: border-blink 0.5s ease-in-out infinite alternate;\r\n\r\n            & .combatant-title {\r\n                display: flex;\r\n            }\r\n        }\r\n\r\n        &:not(.active) .portrait-pass {\r\n            display: none;\r\n        }\r\n\r\n        &.collapsed-horizontal {\r\n            width: 0px;\r\n            opacity: 0px;\r\n            margin: 0;\r\n        }\r\n\r\n        &.collapsed-vertical {\r\n            height: 0px;\r\n            opacity: 0px;\r\n            margin: 0;\r\n        }\r\n    }\r\n\r\n    @keyframes spin-anim {\r\n        0% {\r\n            transform: rotate(0deg);\r\n        }\r\n\r\n        100% {\r\n            transform: rotate(359deg);\r\n        }\r\n    }\r\n\r\n    & .portrait-pass {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        font-size: calc(var(--combatant-portrait-size) * 0.65);\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        z-index: 99;\r\n        color: var(--color-text-light-0);\r\n        text-shadow: 0 0 5px;\r\n        pointer-events: none;\r\n\r\n        & i {\r\n            opacity: 0;\r\n            transition: opacity 0.2s ease-in-out;\r\n            pointer-events: all;\r\n\r\n            &:hover {\r\n                cursor: pointer;\r\n                opacity: 1;\r\n            }\r\n        }\r\n\r\n    }\r\n\r\n    & .roll-initiative {\r\n        font-size: calc(var(--combatant-portrait-size) * 0.5);\r\n        width: 100%;\r\n        height: 100%;\r\n        background-position: center;\r\n        background-size: 40%;\r\n        background-repeat: no-repeat;\r\n        position: absolute;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        color: var(--color-text-light-0);\r\n        text-shadow: 0px 0px 2px, 0 0 3px rgba(0, 0, 0, 0.8);\r\n        transition: text-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out;\r\n        opacity: 0.5;\r\n        z-index: 999;\r\n\r\n        &:hover {\r\n            cursor: pointer;\r\n            text-shadow: 0px 0px 5px;\r\n            opacity: 1;\r\n            animation: spin-anim 1s ease-in-out infinite;\r\n        }\r\n    }\r\n\r\n    & .combatant-wrapper {\r\n        width: 100%;\r\n        height: 100%;\r\n        background-repeat: no-repeat;\r\n        background-size: cover;\r\n        background-position: top;\r\n        position: relative;\r\n        border-bottom-right-radius: var(--combatant-portrait-border-radius);\r\n        border-bottom-left-radius: var(--combatant-portrait-border-radius);\r\n\r\n        & .combatant-title {\r\n            text-align: center;\r\n            display: none;\r\n            color: var(--color-text-light-highlight);\r\n            align-items: center;\r\n            justify-content: center;\r\n            white-space: nowrap;\r\n            margin-top: 30%;\r\n            font-size: large;\r\n            border-bottom: 1px solid;\r\n        }\r\n\r\n        & .portrait-bar {\r\n            position: absolute;\r\n            height: 100%;\r\n            width: 100%;\r\n            bottom: 0;\r\n            background-color: var(--attribute-bar-portrait-color);\r\n            opacity: 0.5;\r\n            pointer-events: none;\r\n        }\r\n\r\n        & .portrait-initiative {\r\n            font-size: calc(var(--combatant-portrait-size) * 0.15);\r\n            position: absolute;\r\n            margin-left: calc(var(--combatant-portrait-size) * 0.05);\r\n            margin-top: calc(var(--combatant-portrait-size) * 0.05);\r\n            color: var(--color-text-light-0);\r\n            opacity: 0.7;\r\n            text-shadow: 0px 0px 5px black;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            width: calc(var(--combatant-portrait-size) * 0.25);\r\n            height: calc(var(--combatant-portrait-size) * 0.25);\r\n            transition: opacity 0.2s ease-in-out;\r\n            opacity: 0.75;\r\n            pointer-events: none;\r\n\r\n            & i {\r\n                position: absolute;\r\n                font-size: calc(var(--combatant-portrait-size) * 0.25);\r\n                opacity: 0.5;\r\n                width: 100%;\r\n                height: 100%;\r\n                background-position: center;\r\n                background-repeat: no-repeat;\r\n                background-size: contain;\r\n            }\r\n\r\n            & span {\r\n                position: absolute;\r\n                text-align: center;\r\n            }\r\n        }\r\n\r\n        & .effects-container {\r\n            list-style: none;\r\n            padding: 0;\r\n            margin: 0;\r\n            text-align: left;\r\n            width: 20%;\r\n            max-height: 70%;\r\n            display: flex;\r\n            flex-wrap: wrap-reverse;\r\n            flex-direction: column;\r\n            gap: 0.2rem;\r\n            padding: 0.1rem;\r\n            opacity: 0.85;\r\n            pointer-events: none;\r\n            margin-left: auto;\r\n            margin-right: calc(var(--combatant-portrait-size) * 0.01);\r\n\r\n            & li {\r\n                width: 100%;\r\n                aspect-ratio: 1;\r\n                background-position: center;\r\n                background-repeat: no-repeat;\r\n                background-size: cover;\r\n                border-radius: 10%;\r\n                position: relative;\r\n                pointer-events: all;\r\n\r\n\r\n                .percent-border {\r\n                    position: absolute;\r\n                    width: calc(100% + 2px);\r\n                    height: calc(100% + 2px);\r\n                    border-radius: 10%;\r\n                    z-index: -1;\r\n                    left: -1px;\r\n                    top: -1px;\r\n                }\r\n            }\r\n        }\r\n\r\n        & .bottom-ui-container {\r\n            position: absolute;\r\n            bottom: 5%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            width: 100%;\r\n            color: var(--color-text-light-5);\r\n            pointer-events: none;\r\n        }\r\n\r\n        & .system-icons {\r\n            font-size: calc(var(--combatant-portrait-size)*.05);\r\n            opacity: 1;\r\n            display: flex;\r\n            width: 100%;\r\n            justify-content: center;\r\n            gap: calc(var(--combatant-portrait-size)*.1);\r\n            margin-top: calc(var(--combatant-portrait-size)*.05);\r\n            text-shadow: 0 0 5px, 0 0 2px black, 0 0 2px black, 0 0 2px black;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            padding: 0 10%;\r\n            pointer-events: none;\r\n\r\n            & i {\r\n                font-size: calc(var(--combatant-portrait-size)*.05);\r\n\r\n                &.callback {\r\n                    pointer-events: all;\r\n\r\n                    &:hover {\r\n                        cursor: pointer;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        & .combatant-buttons {\r\n            font-size: calc(var(--combatant-portrait-size) * 0.15);\r\n            color: var(--color-text-light-0);\r\n            display: flex;\r\n            gap: 0.3rem;\r\n            margin-bottom: 0.3rem;\r\n            opacity: 0;\r\n            transition: opacity 0.2s ease-in-out;\r\n            pointer-events: all;\r\n\r\n            & i:hover {\r\n                cursor: pointer;\r\n                text-shadow: 0px 0px 5px;\r\n            }\r\n        }\r\n\r\n        & .tracked-attribute-text-container {\r\n            display: flex;\r\n            justify-content: center;\r\n            width: 100%;\r\n            text-shadow: 0px 0px 3px black, 0px 0px 3px black;\r\n            font-size: calc(var(--combatant-portrait-size) * 0.15);\r\n            font-family: monospace;\r\n\r\n            & .tracked-attribute-text-value {\r\n                color: var(--attribute-bar-primary-color);\r\n\r\n                &.secondary-attribute {\r\n                    color: var(--attribute-bar-primary-color2);\r\n                }\r\n            }\r\n        }\r\n\r\n        & .image-border {\r\n            position: absolute;\r\n            background-repeat: no-repeat;\r\n            background-size: contain;\r\n            background-position: center;\r\n            width: calc(100% - (var(--combatant-portrait-border-radius) * 2));\r\n            left: calc(var(--combatant-portrait-border-radius));\r\n            height: 40%;\r\n            bottom: -20%;\r\n            opacity: 0.8;\r\n            pointer-events: none;\r\n        }\r\n\r\n        & .overlay-ui-container {\r\n            height: 100%;\r\n            width: 100%;\r\n            position: relative;\r\n            left: 0px;\r\n            overflow: hidden;\r\n            border-bottom-right-radius: var(--combatant-portrait-border-radius);\r\n            border-bottom-left-radius: var(--combatant-portrait-border-radius);\r\n            pointer-events: none;\r\n            display: flex;\r\n            align-items: flex-start;\r\n\r\n            & .tracked-attribute-bar-max {\r\n                height: 100%;\r\n                width: 5%;\r\n                //bottom: 0px;\r\n                position: relative;\r\n                background-color: rgba(0, 0, 0, 0.838);\r\n            }\r\n\r\n            & .tracked-attribute-bar-current {\r\n                width: 100%;\r\n                height: 100%;\r\n                bottom: 0px;\r\n                position: absolute;\r\n                box-shadow: inset 0 0 2px black;\r\n                border-top: 0.1px solid #ffffffb5;\r\n                background: linear-gradient(180deg, var(--attribute-bar-primary-color) 0%, var(--attribute-bar-secondary-color) 100%);\r\n\r\n                &.secondary-attribute {\r\n                    background: linear-gradient(180deg, var(--attribute-bar-primary-color2) 0%, var(--attribute-bar-secondary-color2) 100%);\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n",".combat-dock-tooltip{\r\n\r\n    border-radius: var(--combatant-portrait-border-radius);\r\n    padding: 0;\r\n    min-width: 200px;\r\n\r\n    & .combat-dock-tooltip-wrapper{   \r\n\r\n        border-radius: 0px;\r\n        padding: 1rem ;\r\n        border-radius: var(--combatant-portrait-border-radius);\r\n        \r\n            font-family: 'Amiri';\r\n\r\n            & .initiative{\r\n                display: flex;\r\n                align-items: center;\r\n\r\n                & i{\r\n                    height: 1.5rem;\r\n                    aspect-ratio: 1;\r\n                    background-position: center;\r\n                    background-size: contain;\r\n                    background-repeat: no-repeat;\r\n                    display: flex;\r\n                    align-items: center;\r\n                    justify-content: center;\r\n                }\r\n            }\r\n\r\n            & .portrait-header{\r\n                display: flex;\r\n                justify-content: space-between;\r\n                align-items: center;\r\n            }\r\n\r\n            & h2{\r\n                border:none;\r\n                text-align: left;\r\n                margin: 0;\r\n            }\r\n\r\n            & h3{\r\n                margin: 0;\r\n            }\r\n\r\n            & .spacer{\r\n                min-width: 0.5rem;\r\n            }\r\n        \r\n            & p{\r\n                margin: 0;\r\n                margin-top: 0.5rem;\r\n                text-align: left;\r\n            }\r\n        \r\n            & ul{\r\n                list-style: none;\r\n                padding: 0;\r\n                padding-top: 1rem;\r\n                margin: 0;\r\n                text-align: left;\r\n\r\n                & .effect-description{\r\n\r\n                    margin-bottom: 0.5rem;\r\n                    margin-bottom: 0.5rem;\r\n                    padding-left: 1rem;\r\n                    font-size: smaller;\r\n\r\n                    & .content-link{\r\n                        border: none;\r\n                        padding: 0;\r\n                        margin: 0;\r\n                    }\r\n                }\r\n            }\r\n\r\n            & li{\r\n                display: flex;\r\n                align-items: flex-end;\r\n                margin-bottom: 0.3rem;\r\n                position: relative;\r\n\r\n                &.effects-list{\r\n                    align-items: flex-start;\r\n                }\r\n\r\n                .percent-border {\r\n                    position: absolute;\r\n                    aspect-ratio: 1/1;\r\n                    height: calc(1.2em + 2px);\r\n                    border-radius: 10%;\r\n                    z-index: -1;\r\n                    left: -1px;\r\n                    top: -1px;\r\n                }\r\n\r\n                & span{\r\n                    display: flex;\r\n                    align-items: center;\r\n                    gap: 0.2em;\r\n                }\r\n\r\n                & i{\r\n                    display: flex;\r\n                    height: 100%;\r\n                    align-items: center;\r\n                    line-height: 100%;\r\n                    align-self: center;\r\n                    justify-content: center;\r\n                }\r\n\r\n                & .tooltip-duration{\r\n                    margin-left: auto;\r\n                    line-height: 0;\r\n                    & i{\r\n                        font-size: 0.8rem;\r\n                    }\r\n                }\r\n\r\n            }\r\n        \r\n            & img{\r\n                width: 1.2em;\r\n                height: 1.2em;\r\n                object-fit: contain;\r\n                border:none;\r\n                margin-right: 0.5rem;\r\n            }\r\n\r\n            & li i.icon{\r\n                font-size: 1.2em;\r\n                text-align: center;\r\n                width: 1.2em;\r\n                margin-right: 0.5rem;\r\n            }\r\n\r\n            & .system-icons{\r\n                font-size: 0.5rem;\r\n                opacity: 1;\r\n                display: flex;\r\n                width: 100%;\r\n                justify-content: flex-end;\r\n                align-items: center;\r\n                gap: calc(var(--combatant-portrait-size)*.1);\r\n                margin-top: calc(var(--combatant-portrait-size)*.1);\r\n                flex-wrap: wrap-reverse;\r\n            }\r\n    }\r\n\r\n}","#ui-left,\n#ui-right,\n#ui-left-column-2 {\n    & .combat-dock {\n        align-self: center;\n    }\n}\n\n#ui-left-column-2:has(.combat-dock) {\n    position: relative;\n    .combat-dock {\n        margin-left: 0;\n        padding-left: 0;\n        margin-top: calc((var(--control-size) * 1.1) / var(--ui-scale));\n    }\n}\n\n#combat-dock {\n    max-width: 100%;\n    width: auto !important;\n    height: auto !important;\n    overflow-x: visible;\n    overflow-y: visible;\n    pointer-events: none;\n    background: transparent;\n    border: none;\n    box-shadow: none;\n    .window-content {\n        backdrop-filter: none;\n        padding: 0;\n    }\n\n    &:hover {\n        .window-header {\n            opacity: 0.3;\n            &:hover {\n                opacity: 1;\n            }\n        }\n    }\n\n    & .window-header {\n        opacity: 0;\n        border: 1px solid;\n        transition: all 0.2s ease-in-out;\n        max-width: fit-content;\n        aspect-ratio: 1;\n        pointer-events: all;\n    }\n\n    &:has(.window-content):not(:has(.reverse-header-position)) {\n        height: var(--carousel-floating-size) !important;\n        min-height: var(--carousel-floating-size);\n    }\n\n    &:has(.reverse-header-position) {\n        flex-direction: row;\n        max-width: var(--carousel-floating-size);\n        & .window-header {\n            max-height: fit-content;\n        }\n    }\n}\n\n.combat-dock {\n    display: flex !important;\n    justify-content: var(--carousel-alignment);\n    pointer-events: none;\n    width: auto !important;\n    max-height: 100%;\n    overflow-x: visible;\n    overflow-y: visible;\n\n    &.hidden {\n        display: none !important;\n    }\n\n    & #combatants::-webkit-scrollbar {\n        transition: opacity 0.2s ease-in-out;\n    }\n\n    & #combatants {\n        pointer-events: none;\n        display: flex;\n        flex-direction: var(--carousel-direction);\n        align-items: var(--carousel-align-items);\n        padding: 0 0.5rem;\n        max-width: 100%;\n        width: 100%;\n        min-height: calc(\n            var(--combatant-portrait-size) * var(--combatant-portrait-aspect) *\n                1.2 * 1.2\n        );\n        overflow: var(--carousel-overflow);\n        &:has(.horizontal) {\n            height: calc(\n                var(--combatant-portrait-size) * var(--combatant-portrait-aspect) *\n                    1.2 * 1.2\n            );\n        }\n    }\n\n    & .separator {\n        opacity: 0.7;\n        display: flex;\n        align-items: center;\n        gap: 0.4rem;\n\n        .round {\n            color: white;\n            font-size: 1rem;\n            text-shadow: 0 0 5px black;\n            display: flex;\n            align-items: center;\n        }\n\n        .line {\n            border: 1px solid white;\n        }\n\n        &.horizontal {\n            height: 100%;\n            max-height: calc(\n                var(--combatant-portrait-size) *\n                    var(--combatant-portrait-aspect) * 1.2\n            );\n            .line {\n                height: 100%;\n                border-bottom-right-radius: 50%;\n                border-bottom-left-radius: 50%;\n            }\n        }\n        &.vertical {\n            width: 100%;\n            flex-direction: column;\n            max-width: calc(var(--combatant-portrait-size) * 1.2);\n            .line {\n                width: 100%;\n                border-radius: 50%;\n                margin: 0.1rem 0;\n            }\n        }\n    }\n\n    &:not(:hover) {\n        & #combatants {\n            &::-webkit-scrollbar-thumb {\n                background-color: transparent;\n                border-color: transparent;\n            }\n            &::-webkit-scrollbar-track {\n                display: none;\n            }\n        }\n    }\n\n    &:hover {\n        & .buttons-container {\n            opacity: 1;\n        }\n    }\n\n    & .buttons-container {\n        pointer-events: all;\n        transition: opacity 0.2s ease-in-out;\n        opacity: 0;\n        color: var(--color-text-light-0);\n        display: flex;\n        flex-direction: column;\n        padding: 1rem 0;\n        justify-content: flex-start;\n        gap: 0.3rem;\n        align-items: center;\n\n        // button {\n        //     min-height: unset;\n        //     min-width: unset;\n        //     padding: 0;\n            \n        //     width: calc(\n        //         var(--combatant-portrait-size) *\n        //         var(--combatant-portrait-aspect) *\n        //         1.2 / 5\n        //     );\n        //     height: calc(\n        //         var(--combatant-portrait-size) *\n        //         var(--combatant-portrait-aspect) *\n        //         1.2 / 5\n        //     );\n\n        //     &::before {\n        //         font-size: calc(\n        //             var(--combatant-portrait-size) *\n        //             var(--combatant-portrait-aspect) *\n        //             1.2 / 10\n        //         );\n        //     }\n        // }\n    }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}