@charset "UTF-8";


:root {
    --tagify-dd-color-primary: rgb(53,149,246);
    --tagify-dd-text-color: black;
    --tagify-dd-bg-color: white;
    --tagify-dd-item-pad: .3em .5em;
    --tagify-dd-max-height: 300px
}

.tagify {
    --tags-disabled-bg: #F1F1F1;
    --tags-border-color: #DDD;
    --tags-hover-border-color: #CCC;
    --tags-focus-border-color: #3595f6;
    --tag-border-radius: 3px;
    --tag-bg: #E5E5E5;
    --tag-hover: #D3E2E2;
    --tag-text-color: black;
    --tag-text-color--edit: black;
    --tag-pad: 0.3em 0.5em;
    --tag-inset-shadow-size: 1.2em;
    --tag-invalid-color: #D39494;
    --tag-invalid-bg: rgba(211, 148, 148, 0.5);
    --tag--min-width: 1ch;
    --tag--max-width: 100%;
    --tag-hide-transition: 0.3s;
    --tag-remove-bg: rgba(211, 148, 148, 0.3);
    --tag-remove-btn-color: black;
    --tag-remove-btn-bg: none;
    --tag-remove-btn-bg--hover: #c77777;
    --input-color: inherit;
    --placeholder-color: rgba(0, 0, 0, 0.4);
    --placeholder-color-focus: rgba(0, 0, 0, 0.25);
    --loader-size: .8em;
    --readonly-striped: 1;
    display: inline-flex;
    align-items: flex-start;
    align-content: baseline;
    flex-wrap: wrap;
    border: 1px solid var(--tags-border-color);
    padding: 0;
    line-height: 0;
    outline: 0;
    position: relative;
    box-sizing: border-box;
    transition: .1s
}

@keyframes tags--bump {
    30% {
        transform: scale(1.2)
    }
}

@keyframes rotateLoader {
    to {
        transform: rotate(1turn)
    }
}

.tagify:has([contenteditable=true]) {
    cursor: text
}

.tagify:hover:not(.tagify--focus):not(.tagify--invalid) {
    --tags-border-color: var(--tags-hover-border-color)
}

.tagify[disabled] {
    background: var(--tags-disabled-bg);
    filter: saturate(0);
    opacity: .5;
    pointer-events: none
}

    .tagify[disabled].tagify--empty > .tagify__input::before {
        position: relative
    }

    .tagify[disabled].tagify--select, .tagify[readonly].tagify--select {
        pointer-events: none
    }

    .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty), .tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) {
        cursor: default
    }

        .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) > .tagify__input, .tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) > .tagify__input {
            visibility: hidden;
            width: 0;
            margin: 5px 0
        }

        .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag > div, .tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag > div {
            padding: var(--tag-pad)
        }

            .tagify[disabled]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag > div::before, .tagify[readonly]:not(.tagify--mix):not(.tagify--select):not(.tagify--empty) .tagify__tag > div::before {
                animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
            }

@keyframes readonlyStyles {
    0% {
        background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
        box-shadow: none;
        filter: brightness(.95)
    }
}

.tagify[disabled] .tagify__tag__removeBtn, .tagify[readonly] .tagify__tag__removeBtn {
    display: none
}

.tagify--loading .tagify__input > br:last-child {
    display: none
}

.tagify--loading .tagify__input::before {
    content: none
}

.tagify--loading .tagify__input::after {
    content: "";
    vertical-align: middle;
    opacity: 1;
    width: .7em;
    height: .7em;
    width: var(--loader-size);
    height: var(--loader-size);
    min-width: 0;
    border: 3px solid;
    border-color: #eee #bbb #888 transparent;
    border-radius: 50%;
    animation: rotateLoader .4s infinite linear;
    content: "" !important;
    margin: -2px 0 -2px .5em
}

.tagify--loading .tagify__input:empty::after {
    margin-left: 0
}

.tagify + input, .tagify + textarea {
    position: absolute !important;
    left: -9999em !important;
    transform: scale(0) !important
}

.tagify__tag {
    display: inline-flex;
    align-items: center;
    max-width: var(--tag--max-width);
    margin-inline: 5px 0;
    margin-block: 5px;
    position: relative;
    z-index: 1;
    outline: 0;
    line-height: normal;
    cursor: default;
    transition: .13s ease-out
}

    .tagify__tag > div {
        display: flex;
        flex: 1;
        vertical-align: top;
        box-sizing: border-box;
        max-width: 100%;
        padding: var(--tag-pad);
        color: var(--tag-text-color);
        line-height: inherit;
        border-radius: var(--tag-border-radius);
        white-space: nowrap;
        transition: .13s ease-out
    }

        .tagify__tag > div > * {
            white-space: pre-wrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
            vertical-align: top;
            min-width: var(--tag--min-width);
            max-width: var(--tag--max-width);
            transition: .8s ease,.1s color
        }

        .tagify__tag > div > [contenteditable] {
            display: block;
            outline: 0;
            -webkit-user-select: text;
            user-select: text;
            cursor: text;
            margin: -2px;
            padding: 2px;
            max-width: 350px
        }

        .tagify__tag > div > :only-child {
            width: 100%
        }

        .tagify__tag > div::before {
            content: "";
            position: absolute;
            border-radius: inherit;
            inset: var(--tag-bg-inset,0);
            z-index: -1;
            pointer-events: none;
            transition: 120ms ease;
            animation: tags--bump .3s ease-out 1;
            box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-bg) inset
        }

    .tagify__tag:focus div::before, .tagify__tag:hover:not([readonly]) div::before {
        --tag-bg-inset: -2.5px;
        --tag-bg: var(--tag-hover)
    }

.tagify__tag--loading {
    pointer-events: none
}

    .tagify__tag--loading .tagify__tag__removeBtn {
        display: none
    }

    .tagify__tag--loading::after {
        --loader-size: .4em;
        content: "";
        vertical-align: middle;
        opacity: 1;
        width: .7em;
        height: .7em;
        width: var(--loader-size);
        height: var(--loader-size);
        min-width: 0;
        border: 3px solid;
        border-color: #eee #bbb #888 transparent;
        border-radius: 50%;
        animation: rotateLoader .4s infinite linear;
        margin: 0 .5em 0 -.1em
    }

.tagify__tag--flash div::before {
    animation: none
}

.tagify__tag--hide {
    width: 0 !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    opacity: 0;
    transform: scale(0);
    transition: var(--tag-hide-transition);
    pointer-events: none
}

    .tagify__tag--hide > div > * {
        white-space: nowrap
    }

.tagify__tag.tagify--noAnim > div::before {
    animation: none
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
    opacity: .5
}

.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
    --tag-bg: var(--tag-invalid-bg);
    transition: .2s
}

.tagify__tag[readonly] .tagify__tag__removeBtn {
    display: none
}

.tagify__tag[readonly] > div::before {
    animation: readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused
}

@keyframes readonlyStyles {
    0% {
        background: linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;
        box-shadow: none;
        filter: brightness(.95)
    }
}

.tagify__tag--editable > div {
    color: var(--tag-text-color--edit)
}

    .tagify__tag--editable > div::before {
        box-shadow: 0 0 0 2px var(--tag-hover) inset !important
    }

.tagify__tag--editable > .tagify__tag__removeBtn {
    pointer-events: none;
    opacity: 0;
    transform: translateX(100%) translateX(5px)
}

.tagify__tag--editable.tagify--invalid > div::before {
    box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important
}

.tagify__tag__removeBtn {
    order: 5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    cursor: pointer;
    font: 14px/1 Arial;
    background: var(--tag-remove-btn-bg);
    color: var(--tag-remove-btn-color);
    width: 14px;
    height: 14px;
    margin-inline: auto 4.6666666667px;
    overflow: hidden;
    transition: .2s ease-out
}

    .tagify__tag__removeBtn::after {
        content: "×";
        transition: .3s,color 0s
    }

    .tagify__tag__removeBtn:hover {
        color: #fff;
        background: var(--tag-remove-btn-bg--hover)
    }

        .tagify__tag__removeBtn:hover + div > span {
            opacity: .5
        }

        .tagify__tag__removeBtn:hover + div::before {
            box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg,rgba(211,148,148,.3)) inset !important;
            transition: box-shadow .2s
        }

.tagify:not(.tagify--mix) .tagify__input br {
    display: none
}

.tagify:not(.tagify--mix) .tagify__input * {
    display: inline;
    white-space: nowrap
}

.tagify__input {
    flex-grow: 1;
    display: inline-block;
    min-width: 110px;
    margin: 5px;
    padding: var(--tag-pad);
    line-height: normal;
    position: relative;
    white-space: pre-wrap;
    color: var(--input-color);
    box-sizing: inherit;
    overflow: hidden
}

    .tagify__input:focus {
        outline: 0
    }

        .tagify__input:focus::before {
            transition: .2s ease-out;
            opacity: 0;
            transform: translatex(6px)
        }

@supports (-ms-ime-align:auto) {
    .tagify__input:focus::before {
        display: none
    }
}

.tagify__input:focus:empty::before {
    transition: .2s ease-out;
    opacity: 1;
    transform: none;
    color: rgba(0,0,0,.25);
    color: var(--placeholder-color-focus)
}

@-moz-document url-prefix() {
    .tagify__input:focus:empty::after {
        display: none
    }
}

.tagify__input::before {
    content: attr(data-placeholder);
    width: 100%;
    height: 100%;
    margin: auto 0;
    z-index: 1;
    color: var(--placeholder-color);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    position: absolute
}

.tagify__input::after {
    content: attr(data-suggest);
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    min-width: calc(100% - 1.5em);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    color: var(--tag-text-color);
    opacity: .3;
    pointer-events: none;
    max-width: 100px
}

.tagify__input .tagify__tag {
    margin: 0 1px
}

.tagify--mix {
    display: block
}

    .tagify--mix .tagify__input {
        padding: 5px;
        margin: 0;
        width: 100%;
        height: 100%;
        line-height: 1.5;
        display: block
    }

        .tagify--mix .tagify__input::before {
            height: auto;
            display: none;
            line-height: inherit
        }

        .tagify--mix .tagify__input::after {
            content: none
        }

.tagify--select {
    cursor: default
}

    .tagify--select::after {
        content: ">";
        opacity: .5;
        position: absolute;
        top: 50%;
        right: 0;
        bottom: 0;
        font: 16px monospace;
        line-height: 8px;
        height: 8px;
        pointer-events: none;
        transform: translate(-150%,-50%) scaleX(1.2) rotate(90deg);
        transition: .2s ease-in-out
    }

    .tagify--select[aria-expanded=true]::after {
        transform: translate(-150%,-50%) rotate(270deg) scaleY(1.2)
    }

    .tagify--select[aria-expanded=true] .tagify__tag__removeBtn {
        pointer-events: none;
        opacity: 0;
        transform: translateX(100%) translateX(5px)
    }

    .tagify--select .tagify__tag {
        flex: 1;
        max-width: none;
        margin-inline-end: 2em;
        margin-block: 0;
        padding-block: 5px;
        cursor: text
    }

        .tagify--select .tagify__tag div::before {
            display: none
        }

        .tagify--select .tagify__tag + .tagify__input {
            display: none
        }

.tagify--empty .tagify__input::before {
    transition: .2s ease-out;
    opacity: 1;
    transform: none;
    display: inline-block;
    width: auto
}

.tagify--mix .tagify--empty .tagify__input::before {
    display: inline-block
}

.tagify--focus {
    --tags-border-color: var(--tags-focus-border-color);
    transition: 0s
}

.tagify--invalid {
    --tags-border-color: #D39494
}

.tagify__dropdown {
    position: absolute;
    z-index: 9999;
    transform: translateY(-1px);
    border-top: 1px solid var(--tagify-dd-color-primary);
    overflow: hidden
}

    .tagify__dropdown[dir=rtl] {
        transform: translate(-100%,-1px)
    }

    .tagify__dropdown[placement=top] {
        margin-top: 0;
        transform: translateY(-100%)
    }

        .tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
            border-top-width: 1.1px;
            border-bottom-width: 0
        }

    .tagify__dropdown[position=text] {
        box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);
        font-size: .9em
    }

        .tagify__dropdown[position=text] .tagify__dropdown__wrapper {
            border-width: 1px
        }

.tagify__dropdown__wrapper {
    scroll-behavior: auto;
    max-height: var(--tagify-dd-max-height);
    overflow: hidden;
    overflow-x: hidden;
    color: var(--tagify-dd-text-color);
    background: var(--tagify-dd-bg-color);
    border: 1px solid;
    border-color: var(--tagify-dd-color-primary);
    border-bottom-width: 1.5px;
    border-top-width: 0;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.2);
    transition: .3s cubic-bezier(.5,0,.3,1),transform .15s;
    animation: dd-wrapper-show 0s .3s forwards
}

@keyframes dd-wrapper-show {
    to {
        overflow-y: auto
    }
}

.tagify__dropdown__header:empty {
    display: none
}

.tagify__dropdown__footer {
    display: inline-block;
    margin-top: .5em;
    padding: var(--tagify-dd-item-pad);
    font-size: .7em;
    font-style: italic;
    opacity: .5
}

    .tagify__dropdown__footer:empty {
        display: none
    }

.tagify__dropdown--initial .tagify__dropdown__wrapper {
    max-height: 20px;
    transform: translateY(-1em)
}

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
    transform: translateY(2em)
}

.tagify__dropdown__item {
    box-sizing: border-box;
    padding: var(--tagify-dd-item-pad);
    margin: 1px;
    white-space: pre-wrap;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    outline: 0;
    max-height: 60px;
    max-width: 100%;
    line-height: normal;
    position: relative
}

.tagify__dropdown__item--active {
    background: var(--tagify-dd-color-primary);
    color: #fff
}

.tagify__dropdown__item:active {
    filter: brightness(105%)
}

.tagify__dropdown__item--hidden {
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 1px;
    pointer-events: none;
    overflow: hidden;
    max-height: 0;
    transition: var(--tagify-dd-item--hidden-duration,.3s) !important
}

    .tagify__dropdown__item--hidden > * {
        transform: translateY(-100%);
        opacity: 0;
        transition: inherit
    }

.tagify__dropdown__item--selected::before {
    content: "✓";
    font-family: monospace;
    position: absolute;
    inset-inline-start: 6px;
    text-indent: 0;
    line-height: 1.1
}

.tagify__dropdown:has(.tagify__dropdown__item--selected) .tagify__dropdown__item {
    text-indent: 1em
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

:root{--bs-primary:#1a5c9e;--bs-primary-rgb:26,92,158;--bs-secondary:#6b7280;--bs-secondary-rgb:107,114,128;--bs-success:#6b8e6d;--bs-success-rgb:107,142,109;--bs-info:#4a8bbf;--bs-info-rgb:74,139,191;--bs-warning:#d9a05b;--bs-warning-rgb:217,160,91;--bs-danger:#a35454;--bs-danger-rgb:163,84,84;--bs-light:#f0d8b0;--bs-dark:#1c1c1c;--bs-dark-rgb:28,28,28;--bs-body-bg:#fafafa;--bs-body-bg-rgb:250,250,250;--bs-body-color:#1c1c1c;--bs-body-color-rgb:28,28,28;--bs-border-color:#e0d4c3;--bs-border-color-rgb:224,212,195;--bs-link-color:#1a5c9e;--bs-link-color-rgb:26,92,158;--bs-link-hover-color:#15487e;--bs-link-hover-color-rgb:21,72,126;--bs-focus-ring-color:rgba(240,216,176,.5);--bs-focus-ring-rgb:240,216,176;--bs-btn-box-shadow:0 2px 4px #d0c4b4;--bs-btn-disabled-opacity:.65;--chat-height:min(80vh,500px)}.btn-outline-primary{--bs-btn-color:var(--bs-primary);--bs-btn-border-color:var(--bs-primary);--bs-btn-hover-color:#fff;--bs-btn-hover-bg:var(--bs-primary);--bs-btn-hover-border-color:var(--bs-primary);--bs-btn-focus-shadow-rgb:var(--bs-primary-rgb)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-primary);border-color:var(--bs-primary)}.nav-link.active,.btn.active,.btn:active,.active>.page-link{background-color:var(--bs-primary)!important;border-color:var(--bs-primary)!important;color:#fff!important}@media(min-width:321px){.d-mm-none{display:none!important}.d-mm-block{display:block!important}.d-mm-table-cell{display:table-cell!important}.d-mm-inline{display:inline!important}.d-mm-inline-block{display:inline-block!important}}@media(min-width:376px){.d-ml-none{display:none!important}.d-ml-block{display:block!important}.d-ml-table-cell{display:table-cell!important}.d-ml-inline{display:inline!important}.d-ml-inline-block{display:inline-block!important}}body{background-color:var(--bs-body-bg);color:var(--bs-body-color)}.text-muted{color:#5f5f5f!important}a,.link-primary{color:var(--bs-link-color)}a:hover,.link-primary:hover{color:var(--bs-link-hover-color)}.btn-primary{background-color:var(--bs-primary);border-color:var(--bs-primary);box-shadow:var(--bs-btn-box-shadow)}.btn-primary:hover{background-color:#15487e;border-color:#15487e}.btn-primary:disabled{background-color:var(--bs-primary);border-color:var(--bs-primary);opacity:var(--bs-btn-disabled-opacity)}.form-control{background-color:#f7f2eb;border-color:#e0d4c3;color:var(--bs-body-color)}.form-control:focus{background-color:#fdfdfc;border-color:#f0d8b0;box-shadow:0 0 0 .25rem var(--bs-focus-ring-color)}.form-control::placeholder{color:#5f5f5f}.form-control:disabled{background-color:#e0d4c3;border-color:#d0c4b4;opacity:var(--bs-btn-disabled-opacity)}.alert-primary{background-color:rgba(26,92,158,.1);color:var(--bs-primary);border-color:var(--bs-primary)}.alert-success{background-color:rgba(107,142,109,.1);color:var(--bs-success);border-color:var(--bs-success)}.alert-warning{background-color:rgba(217,160,91,.1);color:var(--bs-warning);border-color:var(--bs-warning)}.alert-danger{background-color:rgba(163,84,84,.1);color:var(--bs-danger);border-color:var(--bs-danger)}.alert-info{background-color:rgba(74,139,191,.1);color:var(--bs-info);border-color:var(--bs-info)}.card,.modal-content{background-color:#f7f2eb;border-color:var(--bs-border-color);box-shadow:var(--bs-btn-box-shadow)}.tooltip-inner{background-color:var(--bs-info);color:#fff}.nav-link.active,.btn.active,.active>.page-link{background-color:#f0d8b0;color:#1c1c1c}.badge{background-color:#f0d8b0;color:#1c1c1c}.border,.table,.table-bordered{border-color:var(--bs-border-color)!important}:focus-visible{outline:0;box-shadow:0 0 0 .25rem var(--bs-focus-ring-color)}.form-check-input:checked{background-color:var(--bs-primary);border-color:var(--bs-primary)}.badge-outline-secondary{border:1px solid var(--y-secondary)}h2{font-family:"Sour Gummy",sans-serif}body{background-color:#f7f2eb;position:relative;z-index:0;margin:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='152' height='152' viewBox='0 0 152 152'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='temple' fill='%23ffffff' fill-opacity='0.37'%3E%3Cpath d='M152 150v2H0v-2h28v-8H8v-20H0v-2h8V80h42v20h20v42H30v8h90v-8H80v-42h20V80h42v40h8V30h-8v40h-42V50H80V8h40V0h2v8h20v20h8V0h2v150zm-2 0v-28h-8v20h-20v8h28zM82 30v18h18V30H82zm20 18h20v20h18V30h-20V10H82v18h20v20zm0 2v18h18V50h-18zm20-22h18V10h-18v18zm-54 92v-18H50v18h18zm-20-18H28V82H10v38h20v20h38v-18H48v-20zm0-2V82H30v18h18zm-20 22H10v18h18v-18zm54 0v18h38v-20h20V82h-18v20h-20v20H82zm18-20H82v18h18v-18zm2-2h18V82h-18v18zm20 40v-18h18v18h-18zM30 0h-2v8H8v20H0v2h8v40h42V50h20V8H30V0zm20 48h18V30H50v18zm18-20H48v20H28v20H10V30h20V10h38v18zM30 50h18v18H30V50zm-2-40H10v18h18V10z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.bg-ybody{background-color:#f7f2eb!important}.card{background:transparent;border:0;padding:0}.card-header{background:transparent;border:0;padding:0;box-shadow:none}.cover150,.gs150{background-image:var(--cover-1x);background-size:100% 100%;background-position:center;height:150px!important;position:relative;border:0;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.1)}@supports(background-image:-webkit-image-set(url("") 1x)){.cover150,.gs150{background-image:-webkit-image-set(var(--cover-1x) 1x,var(--cover-2x) 2x,var(--cover-3x) 3x)}}@supports(background-image:image-set(url("") 1x)){.cover150,.gs150{background-image:image-set(var(--cover-1x) 1x,var(--cover-2x) 2x,var(--cover-3x) 3x)}}.cover150sq{width:150px!important}.card:not(:has(.card-footer)){box-shadow:none;border-radius:0}.card:not(:has(.card-footer)) .card-body{background-color:#f0d8b0;box-shadow:0 6px 12px rgba(0,0,0,.1);border-radius:12px;padding:.5rem}.card:has(.card-footer){border-radius:0;box-shadow:none;overflow:hidden}.card:has(.card-footer) .card-body{background-color:#f0d8b0;box-shadow:0 6px 12px rgba(0,0,0,.1);padding:.5rem;border-radius:0}.card:has(.card-footer) .card-footer{background-color:#f0d8b0;box-shadow:0 6px 12px rgba(0,0,0,.1);padding:.5rem;border-radius:0 0 12px 12px}.card .card-header h5{font-family:"Sour Gummy",sans-serif;font-size:1.4rem;color:#000;margin-bottom:.3rem;line-height:1}#chat-section .card-body{display:flex;flex-direction:column;height:var(--chat-height)}#chat-section .card-body>.row.flex-grow-1{display:flex;flex:1 1 auto;overflow:hidden;margin:0;min-height:0}#chat-section .card-body>.row.flex-grow-1>.col-sm-3,#chat-section .card-body>.row.flex-grow-1>.col-sm-9,#chat-section .card-body>.row.flex-grow-1>.col-12{display:flex;flex-direction:column;min-height:0}#chat-channels{flex:1 1 auto;overflow-y:auto}#chat-channels li.list-group-item.online{position:relative}#chat-channels li.list-group-item.online::before{content:"";position:absolute;top:8px;left:12px;width:10px;height:10px;background-color:#39ff14;border:2px solid #39ff14;border-radius:50%;box-sizing:border-box;pointer-events:none}#chat-messages{flex:1 1 auto;overflow-y:auto}#chat-channel-header .list-group-item,#chat-channels .list-group-item{display:block;width:100%;text-align:left;padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border:1px solid var(--bs-primary);border-radius:.2rem;background-color:transparent;color:var(--bs-primary);margin-bottom:.25rem;cursor:pointer;transition:background-color .15s,color .15s}#chat-channel-header .list-group-item:hover,#chat-channels .list-group-item:hover{background-color:rgba(var(--bs-primary-rgb),.1)}#chat-channel-header .list-group-item.active,#chat-channels .list-group-item.active{background-color:var(--bs-primary);border-color:var(--bs-primary);color:#fff}#onlineBuddiesList{max-height:300px;overflow-y:auto;overflow-x:hidden;z-index:1000}@keyframes pulse-border{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7);color:#fff}50%{box-shadow:0 0 0 10px rgba(255,255,255,0);color:#7cfc00}100%{box-shadow:0 0 0 0 rgba(255,255,255,0);color:#fff}}.pulsing-border{animation:pulse-border 2s infinite}.btn-rounded{border:1px solid #ccc;border-radius:50%;padding:.3rem .3rem;margin:0 0}section{width:100%;padding:0 0;margin:0}.custom-navbar .nav-link,.custom-navbar .navbar-brand{color:#fff}.custom-footer{background-color:#1a659e;backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.2);color:#fff}.custom-footer a{color:#fff;text-decoration:none}.custom-footer h5{text-transform:uppercase;font-family:"Sour Gummy",sans-serif;font-size:1.3rem}.container.page-banner{position:relative;height:150px;overflow:visible;background-image:var(--banner-image,url('/netimages/c/banner-default2.jpg'));background-size:cover;background-position:var(--banner-position,center);background-color:rgba(0,0,0,var(--darkening-degree,0));background-blend-mode:multiply}.container.page-banner .header-content{position:relative;z-index:1;height:100%}.container.page-banner .header-content nav{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);overflow:visible;z-index:2}.nav-item.dropdown{position:relative}.nav-item .dropdown-menu{display:none;position:absolute;top:100%;right:0;left:auto;margin-top:.25rem;z-index:1100}.nav-item .dropdown-menu.show{display:block!important}header,.navbar,.navbar .container-fluid{overflow:visible!important}.dropdown-menu .dropdown-item{transition:background-color .2s ease,color .2s ease}.dropdown-menu .dropdown-item:hover{background-color:#0d6efd;color:#fff}.back-to-top{position:fixed;top:30px;right:30px;z-index:999;display:none;width:50px;height:50px;background-color:#555;color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:1.5rem;border:0;transition:opacity .3s ease,transform .3s ease}.back-to-top.show{display:block;opacity:1;transform:translateY(0)}.back-to-top:hover{background-color:#333;cursor:pointer}.scroll-to-bottom{position:fixed;bottom:30px;right:30px;z-index:999;display:none;width:50px;height:50px;background-color:#555;color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);font-size:1.5rem;border:0;transition:opacity .3s ease,transform .3s ease}.scroll-to-bottom.show{display:block;opacity:1;transform:translateY(0)}.scroll-to-bottom:hover{background-color:#333;cursor:pointer}footer a:not(.btn):hover,footer a:not(.btn):focus{color:inherit!important;background-color:transparent!important;text-decoration:none!important;box-shadow:none!important;outline:0!important}.modal-backdrop{z-index:1101!important}.modal{z-index:1102!important}.user-online-indicator{font-size:.65em;vertical-align:middle}div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info{text-align:left!important}div.dataTables_wrapper div.dataTables_paginate{text-align:right!important}.dt-length select{max-width:80px!important;width:auto!important;display:inline-block}.dt-length label{margin-left:.25rem;margin-right:.25rem}.dt-search{display:flex;align-items:center;justify-content:flex-end}.dt-search label{margin-bottom:0}.dt-search input[type="search"]{width:250px;margin-left:.5rem}.dt-paging{text-align:right}.dt-paging .pagination{justify-content:flex-end}table.dataTable thead th{background-color:var(--bs-primary)!important;color:#fff!important;font-weight:500}.table-striped>tbody>tr:nth-of-type(odd)>*{background-color:#f2f2f2!important}.table.dataTable td,.table.dataTable th{padding:4px 8px!important}.y-carousel .carousel-inner .cards-grid{display:grid;grid-template-columns:repeat(auto-fill,150px);gap:1rem;padding:0}.y-carousel .carousel-inner .cards-grid-slim{display:grid;grid-template-columns:repeat(auto-fill,150px);justify-content:start}.y-carousel .carousel-card{border:0;background-color:rgba(255,255,255,.5);border-radius:.5rem;overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.1)}#games-container .carousel-card,#categorized-container .carousel-card{cursor:pointer}.y-carousel .carousel-card .card-img-top{width:100%;object-fit:cover;height:150px}.y-carousel .carousel-card .card-body{flex:1;display:flex;flex-direction:column;padding:.75rem}.cards-grid .card-title{font-weight:600;font-size:1.1rem}.y-carousel .carousel-card .btn{align-self:start}.y-carousel.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,150px);justify-content:start;gap:1rem}#games-container.cards-grid .grid-panel{grid-column:1/-1}.game-card-col{width:150px}.game-card-col .rating-dropdown{position:absolute;bottom:.5rem;right:.5rem;background-color:#f0d8b0;border-radius:6px;padding:0}.rating-dropdown .dropdown-toggle{text-decoration:none}.rating-dropdown .dropdown-toggle:hover,.rating-dropdown .dropdown-toggle:focus{text-decoration:none;box-shadow:none}.carousel-details-panel{border:0;padding:0}.carousel-details-panel::before{content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #000 transparent}.carousel-details-panel::before{left:var(--arrow-left,50%)}.grid-panel::before{content:"";position:absolute;top:0;left:var(--arrow-left);transform:translateX(-50%) translateY(-100%);border:10px solid transparent;border-bottom-color:#000}.grid-panel{position:relative;background:var(--bs-light);border-radius:12px;padding:1rem}.dt-paging-button.active .page-link{background-color:#4a8bbf;color:#fff}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.3)}100%{transform:scale(1)}}.badge-pulse{animation:pulseBadge .3s ease}.carousel-control-prev,.carousel-control-next{position:static;width:auto;opacity:1!important}.carousel-control-prev.disabled,.carousel-control-next.disabled,.carousel-control-prev[disabled],.carousel-control-next[disabled]{opacity:.5!important;cursor:not-allowed;pointer-events:none}.carousel-control-prev.disabled .carousel-control-prev-icon,.carousel-control-next.disabled .carousel-control-next-icon{opacity:.3!important;filter:grayscale(100%)}@media(max-width:576px){.invite-action-btn-text{display:none}}.invite-button-group{display:flex;flex-wrap:wrap;gap:.5rem}.buddy-pill{background-color:#f2f2f2;color:#333;font-size:.75rem;cursor:pointer;border:1px solid #ccc;display:inline-flex;align-items:center;transition:background-color .2s ease}.buddy-pill:hover{background-color:#e6e6e6;border-color:#bbb}.buddy-pill i{font-size:.9rem;margin-right:.15rem}.buddy-name-text{white-space:nowrap}.invitationh2{font-weight:500;margin-top:.5rem;margin-bottom:.5rem}#gameOptions input[type="checkbox"],#gameOptions input[type="radio"]{margin-right:.5rem}#rblTypeOfGame input[type="radio"]{display:none}#rblTypeOfGame label{padding:.25rem .75rem;border:1px solid color-mix(in srgb,var(--bs-primary) 80%,#000 20%);border-radius:.25rem;cursor:pointer;transition:all .2s ease-in-out;user-select:none}#rblTypeOfGame input[type="radio"]:checked+label{background-color:var(--bs-primary);color:#fff;border-color:color-mix(in srgb,var(--bs-primary) 80%,#000 20%)}.hero-header{position:relative;background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;justify-content:center;padding-block:2rem}.hero-header::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);z-index:1}.hero-content{position:relative;z-index:2;text-align:center}.form-check-input-wrapper span{display:contents}.form-check span{display:contents}.tooltip .tooltip-inner{max-width:400px;font-size:.9rem;padding:.75rem 1rem;text-align:left;white-space:normal;line-height:1.4}.tooltip{z-index:1200}.chat-delete-btn{position:absolute;top:.2rem;left:-1.5rem;background:transparent;border:0;color:#999;font-size:.9rem;padding:0;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s ease}.chat-row:hover .chat-delete-btn{opacity:1}.emoji{vertical-align:middle}#emoji-panel{max-width:90vw;max-height:50vh;overflow-y:auto}#emoji-panel span{display:inline-block;margin:4px;cursor:pointer}@media(hover:none) and (pointer:coarse){.chat-delete-btn{opacity:.4}}.team-header{background-color:#f8f9fa;border-radius:.5rem;padding:15px;margin-bottom:15px;font-weight:bold;font-size:1.5rem}.team-member{margin-bottom:30px;padding:20px;border-radius:.5rem;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.team-member img{max-width:100%;border-radius:.5rem;margin-bottom:15px}.team-role{font-weight:bold;color:#6c757d;margin-bottom:10px}.games-list{margin-top:15px;font-style:italic}.avatar64{border-radius:8px}.avatar32{width:32px;height:32px;border-radius:4px;font-size:32px;line-height:32px;text-align:center;display:inline-block}#chat-section .select2-container--default .select2-selection--single{height:36px}#chat-section .select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px}#chat-section .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}#chat-section .select2-container--default .select2-selection--single .select2-selection__rendered img{vertical-align:middle}:root{--chat-spacing-vertical:.25rem;--chat-bubble-radius:1rem;--chat-bubble-self-bg:#e9f1ff;--chat-bubble-other-bg:#fff;--chat-bubble-shadow:0 1px 2px rgba(0,0,0,.1);--chat-animation-duration:200ms}#chat-messages .chat-row--table{display:none;align-items:center;grid-template-columns:auto 1fr auto;gap:.5rem}#chat-messages .chat-row--stacked{display:block}@media(min-width:576px){#chat-messages .chat-row--table{display:grid}#chat-messages .chat-row--stacked{display:none}}#chat-messages .chat-bubble{margin:var(--chat-spacing-vertical) 0;padding:.5rem .75rem;border-radius:var(--chat-bubble-radius);box-shadow:var(--chat-bubble-shadow);max-width:75%;position:relative;opacity:0;transform:translateY(10px);transition:opacity var(--chat-animation-duration) ease-out,transform var(--chat-animation-duration) ease-out}#chat-messages .chat-bubble.visible{opacity:1;transform:translateY(0)}#chat-messages .chat-bubble.self{margin-left:auto;background-color:var(--chat-bubble-self-bg)}#chat-messages .chat-bubble.other{margin-right:auto;background-color:var(--chat-bubble-other-bg)}#chat-channels .list-group-item{position:relative}#chat-channel-header .list-group-item .badge,#chat-channels .list-group-item .badge{position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}#chat-messages .chat-bubble.public{display:flex;align-items:flex-start;background-color:var(--chat-bubble-self-bg);border-radius:var(--chat-bubble-radius);padding:.5rem 1rem;margin-bottom:.5rem;max-width:100%;word-break:break-word}#chat-messages .chat-bubble.public .avatar{width:24px;height:24px;border-radius:25%;margin-right:.5rem;flex-shrink:0}#chat-messages .chat-bubble.public .content{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--chat-spacing-vertical);flex-grow:1}#chat-messages .chat-bubble.public .username-text{font-weight:600;color:#004085;white-space:nowrap}#chat-messages .chat-bubble.public .message-text .grouped-message{margin-top:var(--chat-spacing-vertical);font-size:.95em;opacity:.85}.chat-bubble.public[data-sender-id="0"]{background:none!important;box-shadow:none!important;padding:0!important;text-align:center}.chat-bubble.public[data-sender-id="0"] .avatar,.chat-bubble.public[data-sender-id="0"] .username-text,.chat-bubble.public[data-sender-id="0"] .bubble-meta{display:none!important}.chat-bubble.public[data-sender-id="0"] .message-text{display:block;margin:0 auto}#chat-messages .chat-bubble .bubble-meta{display:flex;align-items:center;gap:.25rem}#chat-messages .chat-bubble .bubble-meta .delete-btn{cursor:pointer;font-size:.8em;line-height:1;display:none}#chat-messages .chat-bubble .bubble-meta .time{font-size:.75rem;color:#6c757d;user-select:none;white-space:nowrap;flex-shrink:0}#chat-messages .chat-bubble:not(.public) .bubble-meta{position:absolute!important;bottom:.5rem;right:.75rem}#chat-messages .chat-bubble.public .time{position:static;opacity:1}#chat-messages .chat-bubble .bubble-meta .delete-btn{display:none}@media(hover:none) and (pointer:coarse){#chat-messages .chat-bubble .bubble-meta .delete-btn{display:inline-block}}@media(hover:hover){#chat-messages .chat-bubble:hover .bubble-meta .delete-btn{display:inline-block}}.chat-bubble[data-id="mod-welcome"]{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:1rem 0!important;text-align:center}.chat-bubble[data-id="mod-welcome"] .avatar,.chat-bubble[data-id="mod-welcome"] .username-text,.chat-bubble[data-id="mod-welcome"] .bubble-meta{display:none!important}.chat-bubble[data-id="mod-welcome"] .message-text{display:block!important;margin:0 auto;max-width:80%;font-style:italic;color:var(--bs-secondary)}#chat-input-row{align-items:flex-end}#chat-input{height:auto;max-height:6rem;overflow-y:auto}.js-mobile-channel-wrapper .mobile-unread-dot{position:absolute;top:6px;right:10px;width:16px;height:16px;background-color:#dc3545;border:3px solid #fff;border-radius:50%;box-shadow:0 0 6px rgba(220,53,69,.6);animation:pulseUnread 1.5s infinite ease-in-out;display:none}@keyframes pulseUnread{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}100%{transform:scale(1);opacity:1}}[data-yucatatype="playerinfo"],[data-yucatatype="gameinfo"]{text-decoration:underline dotted;text-decoration-color:rgba(0,0,0,.4);text-underline-offset:.25rem}#imageModal .modal-dialog{max-width:90vw;margin:1rem auto}#imageModal .modal-body{max-height:90vh;overflow:auto;padding:0}#imageModal .modal-body img{display:block;width:auto;height:auto;max-width:none}.max32{width:40px}.userjoinedgroup{color:#228b22}.userleftgroup{color:#f00}