.nb-ptanimator-icon{
    cursor: pointer;
    border-radius: 8px;
    padding: 4px 8px;

    width: fit-content;
}
.nb-ptanimator-icon svg{
    width: 16px !important;
    height: 16px !important;
}
:root {
    --ptanimator-color: #fff;
    --ptanimator-panel-background: #111111;
    --ptanimator-accent-background: #3858e9;
    --ptanimator-accent-background-transparent: #3858e94f;
    --ptanimator-accent-secondary: #26262a;
    --ptanimator-accent-secondary-hover: #26262a42;
    --ptanimator-border-color: #252525;
    --ptanimator-tippy-color: #000;
    --ptanimator-tippy-background: #fff;
}
.nb-ptanimator__drawer,
.nb-ptanimator__drawer * {
    scrollbar-color: initial !important;
    scrollbar-width: initial !important;
    line-height: normal;
}
.nb-ptanimator__folders-wrapper::-webkit-scrollbar,
.nb-ptanimator-panel__left-column::-webkit-scrollbar,
.nb-ptanimator-panel__right-column::-webkit-scrollbar,
.nb-ptanimator-panel__input-dropdown::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}
.nb-ptanimator__folders-wrapper::-webkit-scrollbar-thumb,
.nb-ptanimator-panel__left-column::-webkit-scrollbar-thumb,
.nb-ptanimator-panel__right-column::-webkit-scrollbar-thumb,
.nb-ptanimator-panel__input-dropdown::-webkit-scrollbar-thumb,
.nb-ptanimator__timeline-view::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__folders-wrapper,
.nb-ptanimator-panel__left-column,
.nb-ptanimator-panel__right-column,
.nb-ptanimator-panel__input-dropdown {
    overflow-y: auto !important;
}
.nb-ptanimator-panel__timeline-animations::-webkit-scrollbar,
.nb-ptanimator__folders::-webkit-scrollbar {
    display: none;
}
.nb-ptanimator-timeline-view__bottom-wrapper::-webkit-scrollbar {
    height: 0;
}
.nb-ptanimator-timeline-view__bottom-wrapper {
    overflow-x: auto;
    height: 100%;
}
.nb-pt-selector-cursor {
    display: none;
    position: absolute;
    z-index: 99999;
    top: 50%;
    left: 50%;
    font-size: 14px;
    border-radius: 12.5px;
    margin: 0 0 20px 20px;
    padding: 3px 7px;
    backface-visibility: hidden;
    transition: width 0.2s;
}
.nb-pt-selector-cursor {
    color: #fff;
    font-family: "Inter";
    font-size: 12px;
    background: var(--ptanimator-accent-background);
    -webkit-box-shadow: 0 0 15px -8px #000;
    box-shadow: 0 0 15px -8px #000;
}
.bc-ptanimator__selector--selecting {
    background-color: var(--ptanimator-panel-background);
}
.nb-ptanimator input {
    all: unset;
    padding: 0 !important;
    border: unset !important;
}
:root {
    --ptanimator-min-height: 350px;
    --ptanimator-max-height: 1000px;
    --folders-min-width: 150px;
    --timeline-animation-min-width: 250px;
    --wrappers-min-height: 150px;
}
.nb-ptanimator {
    direction: ltr;
}
.nb-ptanimator__drawer {
    transition: transform 0.4s cubic-bezier(0.32, 0.72, 0, 1);
    position: fixed;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    min-height: var(--ptanimator-min-height);
    height: 500px;
    max-height: var(--ptanimator-max-height);
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 2.5px;
    background-color: var(--ptanimator-panel-background);
    color: var(--ptanimator-color);
    font-family: "Inter";
    font-size: 12px;
    border-top: 1px solid var(--ptanimator-border-color);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nb-ptanimator__pagetransitions-title,
.nb-ptanimator-panel__animation-title,
.nb-ptanimator-panel__timeline-title {
    letter-spacing: -0.022em;
}
.nb-ptanimator__drawer[data-open="false"] {
    transform: translateY(100%) !important;
}
.nb-ptanimator__drawer[data-open="true"] {
    transform: translateY(0%);
}
.nb-ptanimator__drag {
    position: absolute;
    top: 10px;
    width: 80px;
    height: 6px;
    border-radius: 100px;
    background: var(--ptanimator-accent-secondary);
    cursor: n-resize;
    transition: width 0.2s, background 0.2s;
}
.nb-ptanimator__drag:hover {
    width: 120px;
}
.nb-ptanimator__drag--active {
    width: 100px !important;
}
.nb-ptanimator__top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px;
    padding-left: 15px;
}
.nb-ptanimator__pagetransitions-title-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.nb-ptanimator__pagetransitions-title {
    font-size: 14px;
}
.nb-ptanimator__pagetransitions-logo {
    width: 15px;
    height: 15px;
}
.nb-ptanimator__pagetransitions-settings-save {
    display: flex;
    column-gap: 6px;
    align-items: center;
}
.nb-ptanimator__pagetransitions-save {
    cursor: pointer;
    background: var(--ptanimator-accent-background);
    color: #fff;
    padding: 5px 10px;
    border-radius: 8px;
}
.nb-ptanimator__pagetransitions-settings {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 1px;
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
    transition: background 0.1s;
}
.nb-ptanimator__pagetransitions-settings:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__pagetransitions-settings-dot {
    width: 3px;
    height: 3px;
    border-radius: 100%;
    background: var(--ptanimator-color);
}
.nb-ptanimator-settings__switch[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}
.nb-ptanimator-settings__switch + label {
    all: unset;
    cursor: pointer;
    text-indent: -9999px;
    width: 27px;
    height: 16px;
    background: var(--ptanimator-accent-secondary);
    display: block;
    border-radius: 100px;
    position: relative;
}
.nb-ptanimator-settings__switch + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #646970;
    border-radius: 90px;
    transition: 0.1s;
}
.nb-ptanimator-settings__switch:checked + label {
    background: var(--ptanimator-accent-background);
}
.nb-ptanimator-settings__switch:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
    background: #fff;
}
.nb-ptanimator-settings__setting-custom-input-switch[data-show="false"] {
    display: none;
}
.nb-ptanimator-settings {
    position: absolute;
    z-index: 99;
    top: -170px;
    right: 0;
    width: 230px;
    background: var(--ptanimator-panel-background);
    box-shadow: 0 4px 0 0 rgb(0 0 0 / 0.5);
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 12px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    cursor: default;
    transition: opacity 0.1s;
}
.nb-ptanimator-settings[data-show="true"] {
    opacity: 1;
    pointer-events: all;
}
.nb-ptanimator-settings__caption {
    display: flex;
    column-gap: 5px;
    justify-content: space-between;
}
.nb-ptanimator__middle-bottom-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.nb-ptanimator__middle-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    column-gap: 5px;
    width: 100%;
    height: 60%;
    min-height: var(--wrappers-min-height);
}
.nb-ptanimator__folders-wrapper {
    min-width: var(--folders-min-width);
    width: 225px;
    padding: 0 6px;
    margin-left: 7px;
    margin-right: 2px;
    position: relative;
}
.nb-ptanimator__folder-active-preview {
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 8px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.nb-ptanimator__folder-active-preview-span {
    outline: none;
    max-width: calc(100% - 48px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 15px;
}
.nb-ptanimator__folder-active-preview:before,
.nb-ptanimator__folder:before {
    content: "";
    display: block;
    width: 15px;
    height: 10.26px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M9.25572 1.57895H13.0793C13.3462 1.57892 13.6102 1.62463 13.8543 1.71315C14.0985 1.80167 14.3176 1.93106 14.4976 2.09307C14.6775 2.25508 14.8145 2.44614 14.8996 2.65409C14.9848 2.86203 15.0163 3.08228 14.9921 3.30079L14.3805 8.8271C14.3371 9.21941 14.1169 9.58421 13.7632 9.84991C13.4095 10.1156 12.9478 10.263 12.4686 10.2632H2.53124C2.05212 10.263 1.59038 10.1156 1.23666 9.84991C0.882939 9.58421 0.662788 9.21941 0.619428 8.8271L0.00776315 3.30079C-0.0323388 2.93515 0.0837849 2.56944 0.336161 2.26658L0.298712 1.57895C0.298712 1.16018 0.501045 0.758573 0.861201 0.462463C1.22136 0.166353 1.70983 0 2.21917 0H5.74512C6.25442 8.94275e-05 6.74282 0.166501 7.10289 0.462632L7.89795 1.11632C8.25803 1.41245 8.74642 1.57886 9.25572 1.57895ZM1.2647 1.67368C1.47083 1.61105 1.68976 1.57947 1.9215 1.57895H7.10289L6.42401 1.02079C6.24397 0.872724 5.99977 0.789518 5.74512 0.789474H2.21917C1.96763 0.789436 1.72612 0.870551 1.54655 1.01538C1.36699 1.1602 1.26372 1.35718 1.25894 1.56395L1.2647 1.67368Z' fill='white'/%3E%3C/svg%3E");
}
.nb-ptanimator__folder-active-preview::after {
    position: absolute;
    right: 10px;
    content: "";
    display: block;
    width: 6px;
    height: 8.9px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%233F3F40'/%3E%3C/svg%3E");
}
.nb-ptanimator__folder-active-preview:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__folders {
    position: absolute;
    z-index: 99;
    top: 37px;
    width: calc(100% - 12px);
    max-height: 0;
    background: var(--ptanimator-panel-background);
    box-shadow: 0 4px 0 0 rgb(0 0 0 / 0.5);
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 4px;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    transform: scale(0.9);
    transform-origin: top;
    transition: opacity 0.2s, transform 0.2s, max-height 0.2s;
}
.nb-ptanimator__folders[data-open="true"] {
    opacity: 1;
    pointer-events: all;
    max-height: fit-content;
    transform: scale(1.0000001);
    transition: opacity 0.2s, transform 0.2s;
}
.nb-ptanimator__folder {
    padding: 8px;
    border-radius: 8px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.nb-ptanimator__folder:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__folder span {
    max-width: calc(100% - 48px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 15px;
}
.nb-ptanimator__new-folder {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border: 1px dashed var(--ptanimator-accent-secondary);
    transition: border 0.1s;
}
.nb-ptanimator__new-folder:hover {
    border: 1px dashed #757575;
}
.nb-ptanimator__folder[data-active-folder="true"] {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__delete-folder {
    position: absolute;
    right: 8px;
    padding: 2px;
    border-radius: 6px;
}
.nb-ptanimator__delete-folder:hover {
    background-color: #fff;
}
.nb-ptanimator__delete-folder:hover * {
    stroke: #000;
}
.nb-ptanimator__folder-timelines {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    margin-top: 4px;
    opacity: 1;
    pointer-events: all;
    transition: opacity 0.1s;
}
.nb-ptanimator__folders[data-open="true"] ~ .nb-ptanimator__folder-timelines {
    opacity: 0;
    pointer-events: none;
}
.nb-ptanimator__folder-timeline {
    border-radius: 8px;
    padding: 8px 10px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 10px;
}
.nb-ptanimator__folder-timeline:before {
    content: "";
    display: block;
    width: 11.5px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M7.875 1H2.25C1.91848 1 1.60054 1.1317 1.36612 1.36612C1.1317 1.60054 1 1.91848 1 2.25V12.25C1 12.5815 1.1317 12.8995 1.36612 13.1339C1.60054 13.3683 1.91848 13.5 2.25 13.5H9.75C10.0815 13.5 10.3995 13.3683 10.6339 13.1339C10.8683 12.8995 11 12.5815 11 12.25V4.125L7.875 1Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.25 1V3.5C7.25 3.83152 7.3817 4.14946 7.61612 4.38388C7.85054 4.6183 8.16848 4.75 8.5 4.75H11' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nb-ptanimator__folder-timeline span {
    max-width: calc(100% - 45px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 15px;
}
.nb-ptanimator__folder-timeline[data-active-timeline="true"] {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__folder-timeline:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__folder-new-timeline {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border: 1px dashed var(--ptanimator-accent-secondary);
    transition: border 0.1s;
}
.nb-ptanimator__folder-new-timeline:hover {
    border: 1px dashed #757575;
}
.nb-ptanimator__delete-timeline {
    position: absolute;
    right: 8px;
    padding: 2px;
    border-radius: 6px;
}
.nb-ptanimator__delete-timeline:hover {
    background-color: #fff;
}
.nb-ptanimator__delete-timeline:hover * {
    stroke: #000;
}
.nb-ptanimator__timelines-wrapper {
    position: relative;
    display: flex;
    column-gap: 2px;
    width: 100%;
    min-width: calc(50% + 50px);
    padding: 8px;
    padding-right: 0;
    border: 1px solid var(--ptanimator-border-color);
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.nb-ptanimator-panel__timeline {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}
.nb-ptanimator-panel__columns {
    display: flex;
    column-gap: 10px;
    height: calc(100% - 12px);
    padding-bottom: 16px;
}
.nb-ptanimator-panel__left-column,
.nb-ptanimator-panel__right-column {
    width: 100%;
    padding-right: 6px;
}
.nb-ptanimator-panel__timeline-title {
    font-size: 14px;
    width: fit-content;
    outline: none;
    display: flex;
    column-gap: 8px;
    align-items: flex-end;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    min-height: 17px;
}
.nb-ptanimator-panel__info {
    cursor: default;
    font-family: "Courier New", Courier, monospace;
    border-radius: 4px;
    font-size: 11px;
    border: 1px solid var(--ptanimator-border-color);
    width: fit-content;
    padding: 1px 4px;
    line-height: 1;
}
.nb-ptanimator-panel__caption-input-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin-top: 15px;
}
.nb-ptanimator-panel__caption-input-wrapper:nth-child(1) {
    margin-top: 0;
}
.nb-ptanimator-panel__input:not(.nb-ptanimator-panel__input-type-color, .nb-ptanimator-panel__input-type-color-value),
.nb-ptanimator-panel__input-animation {
    all: unset;
    box-sizing: border-box;
    width: 100% !important;
    padding: 8px !important;
    border-radius: 8px;
    background: var(--ptanimator-accent-secondary);
    line-height: normal !important;
    transition: background 0.1s;
}
.nb-ptanimator-panel__input-wrapper,
.nb-ptanimator-panel__method-input-wrapper {
    position: relative;
}
.nb-ptanimator-panel__input-dropdown-button {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 6px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    transition: background 0.1s;
}
.nb-ptanimator-panel__input-dropdown-icon {
    width: 6px;
    height: 8.9px;
    background-repeat: no-repeat;
}
.nb-ptanimator-panel__input-dropdown-button:hover {
    background: var(--ptanimator-panel-background);
}
.nb-ptanimator-panel__input-dropdown {
    position: absolute;
    z-index: 99;
    top: 42px;
    width: 100%;
    max-height: 0;
    background: var(--ptanimator-panel-background);
    box-shadow: 0 4px 0 0 rgb(0 0 0 / 0.5);
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 4px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    transform: scale(0.9);
    transform-origin: top;
    transition: opacity 0.3s, transform 0.3s, max-height 0.3s;
}
.nb-ptanimator-panel__input-dropdown[data-show="true"] {
    opacity: 1;
    pointer-events: all;
    max-height: 111px;
    transform: scale(1);
    transition: opacity 0.3s, transform 0.3s;
}
.nb-ptanimator-panel__input-dropdown-option {
    padding: 8px;
    border-radius: 8px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.nb-ptanimator-panel__input-dropdown-option:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator-panel__trigger-options {
    background: var(--ptanimator-accent-secondary);
    border-radius: 8px;
    width: 100%;
    height: 33px;
    padding: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2px;
}
.nb-ptanimator-panel__trigger-pageload,
.nb-ptanimator-panel__trigger-scroll,
.nb-ptanimator-panel__trigger-custom {
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nb-ptanimator-panel__trigger-pageload:hover,
.nb-ptanimator-panel__trigger-scroll:hover,
.nb-ptanimator-panel__trigger-custom:hover {
    background: var(--ptanimator-accent-background-transparent);
}
.nb-ptanimator-panel__trigger-event[data-chosen="true"] {
    background: var(--ptanimator-accent-background);
}
.nb-ptanimator-panel__trigger-pageload:before {
    content: "";
    display: block;
    width: 9px;
    height: 11px;
    transform: scale(1.15);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' viewBox='0 0 9 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='%23A0A1AB'/%3E%3Cpath d='M8.25 3H0.75C0.335786 3 0 3.33579 0 3.75C0 4.16421 0.335786 4.5 0.75 4.5H8.25C8.66421 4.5 9 4.16421 9 3.75C9 3.33579 8.66421 3 8.25 3Z' fill='%23A0A1AB'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='%23A0A1AB'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='%23A0A1AB'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='%23A0A1AB'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='%23A0A1AB'/%3E%3Cpath d='M8.25 6H7.5C7.08579 6 6.75 6.33579 6.75 6.75C6.75 7.16421 7.08579 7.5 7.5 7.5H8.25C8.66421 7.5 9 7.16421 9 6.75C9 6.33579 8.66421 6 8.25 6Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator-panel__trigger-pageload[data-chosen="true"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' viewBox='0 0 9 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='white'/%3E%3Cpath d='M8.25 3H0.75C0.335786 3 0 3.33579 0 3.75C0 4.16421 0.335786 4.5 0.75 4.5H8.25C8.66421 4.5 9 4.16421 9 3.75C9 3.33579 8.66421 3 8.25 3Z' fill='white'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='white'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='white'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='white'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='white'/%3E%3Cpath d='M8.25 6H7.5C7.08579 6 6.75 6.33579 6.75 6.75C6.75 7.16421 7.08579 7.5 7.5 7.5H8.25C8.66421 7.5 9 7.16421 9 6.75C9 6.33579 8.66421 6 8.25 6Z' fill='white'/%3E%3C/svg%3E") !important;
}
.nb-ptanimator-panel__trigger-scroll:before {
    content: "";
    display: block;
    width: 12px;
    height: 11px;
    transform: scale(1.15);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='%23A0A1AB'/%3E%3Crect y='3' width='7' height='1.5' rx='0.75' fill='%23A0A1AB'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='%23A0A1AB'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='%23A0A1AB'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='%23A0A1AB'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='%23A0A1AB'/%3E%3Cpath d='M8.78787 10.2121C8.90503 10.3293 9.09498 10.3293 9.21213 10.2121L11.1213 8.30294C11.2385 8.18579 11.2385 7.99584 11.1213 7.87868C11.0042 7.76152 10.8142 7.76152 10.6971 7.87868L9 9.57574L7.30294 7.87868C7.18579 7.76152 6.99584 7.76152 6.87868 7.87868C6.76152 7.99584 6.76152 8.18579 6.87868 8.30294L8.78787 10.2121ZM8.7 3L8.7 10L9.3 10L9.3 3L8.7 3Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator-panel__trigger-scroll[data-chosen="true"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='white'/%3E%3Crect y='3' width='7' height='1.5' rx='0.75' fill='white'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='white'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='white'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='white'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='white'/%3E%3Cpath d='M8.78787 10.2121C8.90503 10.3293 9.09498 10.3293 9.21213 10.2121L11.1213 8.30294C11.2385 8.18579 11.2385 7.99584 11.1213 7.87868C11.0042 7.76152 10.8142 7.76152 10.6971 7.87868L9 9.57574L7.30294 7.87868C7.18579 7.76152 6.99584 7.76152 6.87868 7.87868C6.76152 7.99584 6.76152 8.18579 6.87868 8.30294L8.78787 10.2121ZM8.7 3L8.7 10L9.3 10L9.3 3L8.7 3Z' fill='white'/%3E%3C/svg%3E") !important;
}
.nb-ptanimator-panel__trigger-custom:before {
    content: "";
    display: block;
    width: 11px;
    height: 13px;
    transform: scale(1.35);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M3.29492 6.97007V2.22007C3.29492 1.99776 3.38324 1.78455 3.54044 1.62735C3.69763 1.47015 3.91084 1.38184 4.13316 1.38184C4.35547 1.38184 4.56868 1.47015 4.72588 1.62735C4.88308 1.78455 4.97139 1.99776 4.97139 2.22007V6.41125M4.97139 6.13184V5.01419C4.97139 4.79188 5.05971 4.57867 5.21691 4.42147C5.37411 4.26427 5.58731 4.17595 5.80963 4.17595C6.03194 4.17595 6.24515 4.26427 6.40235 4.42147C6.55955 4.57867 6.64786 4.79188 6.64786 5.01419V6.41125M6.64786 5.57301C6.64786 5.3507 6.73618 5.13749 6.89338 4.98029C7.05058 4.82309 7.26378 4.73478 7.4861 4.73478C7.70841 4.73478 7.92162 4.82309 8.07882 4.98029C8.23602 5.13749 8.32433 5.3507 8.32433 5.57301V6.41125' stroke='%23A0A1AB' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.32353 6.13207C8.32353 5.90975 8.41184 5.69654 8.56904 5.53934C8.72624 5.38214 8.93945 5.29383 9.16176 5.29383C9.38408 5.29383 9.59729 5.38214 9.75449 5.53934C9.91169 5.69654 10 5.90975 10 6.13207V8.64677C10 9.53603 9.64675 10.3889 9.01795 11.0177C8.38915 11.6465 7.53631 11.9997 6.64706 11.9997H5.52941H5.64565C5.09036 11.9998 4.54375 11.862 4.05489 11.5986C3.56603 11.3353 3.15023 10.9546 2.84482 10.4909L2.73529 10.3232C2.56094 10.0558 1.94884 8.98877 0.899 7.1223C0.791957 6.93204 0.763364 6.70752 0.819302 6.4965C0.875239 6.28548 1.01129 6.10461 1.19853 5.99236C1.39805 5.87298 1.63168 5.82356 1.86245 5.8519C2.09322 5.88024 2.30794 5.98473 2.47265 6.14883L3.29412 6.9703M1.61765 1.38207L1.05882 0.823242M1.05882 3.61736H0.5M6.64706 1.38207L7.20588 0.823242M7.20588 3.05854H7.76471' stroke='%23A0A1AB' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nb-ptanimator-panel__trigger-custom[data-chosen="true"]:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M3.29492 6.97007V2.22007C3.29492 1.99776 3.38324 1.78455 3.54044 1.62735C3.69763 1.47015 3.91084 1.38184 4.13316 1.38184C4.35547 1.38184 4.56868 1.47015 4.72588 1.62735C4.88308 1.78455 4.97139 1.99776 4.97139 2.22007V6.41125M4.97139 6.13184V5.01419C4.97139 4.79188 5.05971 4.57867 5.21691 4.42147C5.37411 4.26427 5.58731 4.17595 5.80963 4.17595C6.03194 4.17595 6.24515 4.26427 6.40235 4.42147C6.55955 4.57867 6.64786 4.79188 6.64786 5.01419V6.41125M6.64786 5.57301C6.64786 5.3507 6.73618 5.13749 6.89338 4.98029C7.05058 4.82309 7.26378 4.73478 7.4861 4.73478C7.70841 4.73478 7.92162 4.82309 8.07882 4.98029C8.23602 5.13749 8.32433 5.3507 8.32433 5.57301V6.41125' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.32353 6.13207C8.32353 5.90975 8.41184 5.69654 8.56904 5.53934C8.72624 5.38214 8.93945 5.29383 9.16176 5.29383C9.38408 5.29383 9.59729 5.38214 9.75449 5.53934C9.91169 5.69654 10 5.90975 10 6.13207V8.64677C10 9.53603 9.64675 10.3889 9.01795 11.0177C8.38915 11.6465 7.53631 11.9997 6.64706 11.9997H5.52941H5.64565C5.09036 11.9998 4.54375 11.862 4.05489 11.5986C3.56603 11.3353 3.15023 10.9546 2.84482 10.4909L2.73529 10.3232C2.56094 10.0558 1.94884 8.98877 0.899 7.1223C0.791957 6.93204 0.763364 6.70752 0.819302 6.4965C0.875239 6.28548 1.01129 6.10461 1.19853 5.99236C1.39805 5.87298 1.63168 5.82356 1.86245 5.8519C2.09322 5.88024 2.30794 5.98473 2.47265 6.14883L3.29412 6.9703M1.61765 1.38207L1.05882 0.823242M1.05882 3.61736H0.5M6.64706 1.38207L7.20588 0.823242M7.20588 3.05854H7.76471' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.nb-ptanimator-panel__select-trigger-from-iframe,
.nb-ptanimator-panel__select-element-from-iframe {
    content: "";
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 4px;
    right: 5px;
    border-radius: 6px;
    transition: background 0.1s;
    width: 21px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M11.6787 17.4167L9.48537 12.2755L7.25 15.6693V5.5L14.5833 11.7753H10.7115L12.8759 16.807L11.6787 17.4167Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator-panel__select-trigger-from-iframe:hover,
.nb-ptanimator-panel__select-element-from-iframe:hover {
    background-color: var(--ptanimator-panel-background);
}
.nb-ptanimator__animations-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    height: 100%;
    width: 50%;
    padding: 8px 20px;
    padding-right: 8px;
    border: 1px solid var(--ptanimator-border-color);
    border-right: unset;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    min-width: var(--timeline-animation-min-width);
}
.nb-ptanimator-panel__animation-title-active-preview-wrapper {
    height: fit-content;
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.nb-ptanimator-panel__animation-title {
    font-size: 14px;
    width: fit-content;
    outline: none;
    max-width: calc(100% - 33px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 17px;
}
.nb-ptanimator-panel__timeline-animations {
    position: absolute;
    z-index: 99;
    top: 37px;
    width: 100%;
    max-height: 0;
    background: var(--ptanimator-panel-background);
    box-shadow: 0 4px 0 0 rgb(0 0 0 / 0.5);
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 4px;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    transform: scale(0.9);
    transform-origin: top;
    transition: opacity 0.2s, transform 0.2s, max-height 0.2s;
}
.nb-ptanimator-panel__timeline-animations[data-open="true"] {
    opacity: 1;
    pointer-events: all;
    max-height: 183px;
    transform: scale(1.0000001);
    transition: opacity 0.2s, transform 0.2s;
}
.nb-ptanimator-panel__caption {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.nb-ptanimator-panel__switch[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}
.nb-ptanimator-panel__switch + label {
    all: unset;
    cursor: pointer;
    text-indent: -9999px;
    width: 27px;
    height: 16px;
    background: var(--ptanimator-accent-secondary);
    display: block;
    border-radius: 100px;
    position: relative;
}
.nb-ptanimator-panel__switch + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #646970;
    border-radius: 90px;
    transition: 0.1s;
}
.nb-ptanimator-panel__switch:checked + label {
    background: var(--ptanimator-accent-background);
}
.nb-ptanimator-panel__switch:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
    background: #fff;
}
.nb-ptanimator-panel__element-custom-input-switch[data-show="false"] {
    display: none;
}
.nb-ptanimator__select-timeline-view-switch {
    display: none;
}
.nb-ptanimator__bottom-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 40%;
    padding-top: 16px;
    min-height: calc(var(--wrappers-min-height) + 50px);
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__timeline-view {
    display: none;
}
.nb-ptanimator__select-timeline-view {
    display: none;
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__select-timeline-view {
    display: flex;
    align-items: center;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
    height: 100%;
    padding-top: 30px;
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__select-timeline-view-img {
    width: 33px;
    height: auto;
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__select-timeline-view-text {
    color: var(--ptanimator-color);
    font-size: 12px;
    letter-spacing: -0.022em;
    font-weight: 400;
}
.nb-ptanimator__timeline-view[has-animations="false"] .nb-ptanimator-timeline-view__dragger-track {
    display: none;
}
.nb-ptanimator-timeline-view__time-markers {
    border-bottom: 1px solid var(--ptanimator-border-color);
}
.nb-ptanimator-timeline-view__animation-row:first-child{
    border-top: unset !important;
}
.nb-ptanimator-timeline-view__scroll-wrapper {
    width: fit-content;
    min-width: 100%;
}
.nb-ptanimator__timeline-view {
    width: 100%;
    height: 100%;
}
.nb-ptanimator-timeline-view__top-wrapper {
    display: flex;
    column-gap: 8px;
    padding: 0 8px;
}
.nb-ptanimator-timeline-view__controls {
    background: var(--ptanimator-accent-secondary);
    width: fit-content;
    border-radius: 8px;
    padding: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2px;
    width: 100px;
}
.nb-ptanimator-timeline-view__play,
.nb-ptanimator-timeline-view__pause,
.nb-ptanimator-timeline-view__restart {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 4px;
    padding-bottom: 3px;
    border-radius: 7px;
    transition: background 0.1s;
}
.nb-ptanimator-timeline-view__play:hover,
.nb-ptanimator-timeline-view__pause:hover,
.nb-ptanimator-timeline-view__restart:hover {
    background: var(--ptanimator-panel-background);
}
.nb-ptanimator-timeline-view__play:before {
    display: block;
    content: "";
    width: 6px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='8' viewBox='0 0 6 8' fill='none'%3E%3Cpath d='M0 0V8L6 4L0 0Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator-timeline-view__pause:before {
    display: block;
    content: "";
    width: 7px;
    height: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='8' viewBox='0 0 7 8' fill='none'%3E%3Cpath d='M0 0H2.625V8H0V0ZM4.375 0H7V8H4.375V0Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator-timeline-view__restart:before {
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M5.00007 1C5.94365 1.00002 6.85685 1.3336 7.57826 1.9418C8.29968 2.55 8.78286 3.39365 8.94241 4.32364C9.10196 5.25363 8.92761 6.21009 8.45016 7.02396C7.97272 7.83784 7.22293 8.45673 6.33331 8.77125C5.44369 9.08577 4.47153 9.07567 3.58863 8.74273C2.70574 8.40979 1.96897 7.77546 1.50854 6.95184C1.04811 6.12822 0.893671 5.16835 1.07251 4.24187C1.25135 3.31539 1.75195 2.48197 2.48585 1.88889' stroke='%23A0A1AB' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1 1.66602H2.77778V3.44379' stroke='%23A0A1AB' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.nb-ptanimator-timeline-view__duration-input {
    max-width: 50px;
}
.nb-ptanimator-timeline-view__time-markers {
    width: fit-content;
    margin-top: 16px;
    min-width: 100%;
    display: flex;
    padding-left: 8px;
}
.nb-ptanimator-timeline-view__second-marker {
    position: relative;
    width: 100px;
    border-left: 1px solid var(--ptanimator-border-color);
    padding-left: 5px;
    padding-bottom: 3px;
    font-size: 11px;
    color: var(--ptanimator-color);
}
.nb-ptanimator-timeline-view__sub-seconds-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
}
.nb-ptanimator-timeline-view__sub-second-marker {
    height: 5px;
    width: 1px;
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator-timeline-view__timeline-duration:not(.nb-ptanimator-panel__input-type-color, .nb-ptanimator-panel__input-type-color-value) {
    padding: 5px !important;
}
.nb-ptanimator-timeline-view__animation-row {
    padding: 4px 0;
    padding-left: 8px;
    border-top: 1px solid var(--ptanimator-border-color);
    display: flex;
    align-items: center;
    min-height: 38px;
}
.nb-ptanimator-timeline-view__animation-row:last-child {
    border-bottom: 1px solid var(--ptanimator-border-color);
}
.nb-ptanimator-timeline-view__animation-tween {
    color: var(--ptanimator-color);
    background: var(--ptanimator-accent-secondary);
    border-radius: 6px;
    font-size: 11px;
    position: relative;
    min-width: 10px;
    white-space: nowrap;
    overflow: hidden;
}
.nb-ptanimator-timeline-view__animation-tween-hidden {
    display: none;
}
.nb-ptanimator-timeline-view__animation-tween-drag-area {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 4px;
    padding-left: 12px;
    width: calc(100% - 17px);
    overflow: hidden;
}
.nb-ptanimator-timeline-view__resize-tween {
    position: absolute;
    right: 0;
    top: 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: var(--ptanimator-accent-background);
    width: 5px;
    height: 100%;
    cursor: e-resize;
}
.nb-ptanimator-timeline-view__dragger-track {
    width: 100%;
    position: relative;
    z-index: 9999;
}
.nb-ptanimator-timeline-view__dragger {
    position: absolute;
    top: -2px;
    left: 0;
}
.nb-ptanimator-timeline-view__dragger div {
    position: relative;
    width: 0;
    border-style: solid;
    border-width: 1px 8px 1px 8px;
    border-color: var(--ptanimator-accent-background);
}
.nb-ptanimator-timeline-view__dragger div::after {
    content: " ";
    position: absolute;
    width: 1px;
    height: var(--dragger-height);
    top: 0;
    left: -1px;
    border-left: solid 2px var(--ptanimator-accent-background);
    box-shadow: 0 0 15px -8px #000;
}
.nb-ptanimator__resizer-x {
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 15px;
    left: -7.5px;
}
.nb-ptanimator__resizer-y {
    position: absolute;
    display: flex;
    justify-content: center;
    height: 15px;
    width: 100%;
    top: -7.5px;
}
.nb-ptanimator__resizer-x-handle {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 2px;
    height: 20px;
    width: 100%;
    border-radius: 6px;
    background: var(--ptanimator-accent-secondary);
    cursor: e-resize;
}
.nb-ptanimator__resizer-y-handle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 2px;
    height: 100%;
    width: 20px;
    border-radius: 6px;
    background: var(--ptanimator-accent-secondary);
    cursor: n-resize;
}
.nb-ptanimator__resizer-dots {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.nb-ptanimator__resizer-dot {
    background-color: var(--ptanimator-color);
    width: 1px;
    height: 1px;
    border-radius: 100%;
    transform: scale(1.5);
}
.nb-ptanimator__resizer-y-handle .nb-ptanimator__resizer-dots {
    flex-direction: row;
}
.nb-ptanimator__drawer .tippy-box[data-theme="custom"] {
    font-family: "Inter";
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-align: center;
    border-radius: 5px;
}
.nb-ptanimator__drawer .tippy-box[data-theme="custom"] .tippy-content {
    padding: 4px 8px;
}
.nb-ptanimator__drawer .tippy-box[data-theme="custom"] .tippy-arrow:before {
    transform: scale(0.75);
}
.nb-ptanimator__drawer .tippy-box[data-theme="custom"] {
    background-color: var(--ptanimator-tippy-background);
    color: var(--ptanimator-tippy-color);
}
.nb-ptanimator__drawer .tippy-box[data-theme="custom"] .tippy-arrow {
    color: var(--ptanimator-tippy-background);
}
.tippy-box[data-animation="scale"][data-placement^="top"] {
    transform-origin: bottom;
}
.tippy-box[data-animation="scale"][data-placement^="bottom"] {
    transform-origin: top;
}
.tippy-box[data-animation="scale"][data-placement^="left"] {
    transform-origin: right;
}
.tippy-box[data-animation="scale"][data-placement^="right"] {
    transform-origin: left;
}
.tippy-box[data-animation="scale"][data-state="hidden"] {
    transform: scale(0.5);
    opacity: 0;
}










/*----------------------------------------------------------------
* Theme switch                          
----------------------------------------------------------------*/
.page-transitions__switch-themes-wrapper {
    position: relative;
    width: 100%;
    margin-top: 8px;
    height: 28px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}
.page-transitions__light-theme,
.page-transitions__dark-theme,
.page-transitions__bricks-theme {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: var(--ptanimator-accent-secondary);
    transition: opacity 0.1s ease-out;
}
.page-transitions__light-theme {
    opacity: 0.5;
}
.page-transitions__dark-theme {
    opacity: 0.5;
}
.page-transitions__bricks-theme {
    opacity: 0.5;
}
.page-transitions__theme--active,
.page-transitions__light-theme:hover,
.page-transitions__dark-theme:hover,
.page-transitions__bricks-theme:hover {
    opacity: 1;
}
.page-transitions__light-theme:before,
.page-transitions__dark-theme:before,
.page-transitions__bricks-theme:before {
    display: block;
    font-family: "Inter";
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
}
.page-transitions__light-theme:before {
    content: "light";
    font-weight: 500;
}
.page-transitions__dark-theme:before {
    content: "dark";
}
.page-transitions__bricks-theme:before {
    content: "bricks";
    font-weight: 500;
}
.page-transitions--light-theme .nb-ptanimator__drag:hover {
    background: #a8abb1;
}
.page-transitions--light-theme .nb-ptanimator__drag--active {
    background: #a8abb1 !important;
}
.page-transitions--light-theme .nb-ptanimator-panel__input:not(.nb-ptanimator-panel__input-type-color:focus, .page-transitions--light-theme .nb-ptanimator-panel__input-type-color-value):focus,
.page-transitions--light-theme .nb-ptanimator-panel__input-animation:focus {
    background: #d2d5dd;
}
.page-transitions--light-theme .nb-ptanimator__delete-folder path,
.page-transitions--light-theme .nb-ptanimator__delete-timeline path,
.page-transitions--light-theme .nb-ptanimator-panel__delete-animation path {
    stroke: #454f59;
}
.page-transitions--light-theme .nb-ptanimator-panel__trigger-pageload:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='11' viewBox='0 0 9 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='%23454f59'/%3E%3Cpath d='M8.25 3H0.75C0.335786 3 0 3.33579 0 3.75C0 4.16421 0.335786 4.5 0.75 4.5H8.25C8.66421 4.5 9 4.16421 9 3.75C9 3.33579 8.66421 3 8.25 3Z' fill='%23454f59'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='%23454f59'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='%23454f59'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='%23454f59'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='%23454f59'/%3E%3Cpath d='M8.25 6H7.5C7.08579 6 6.75 6.33579 6.75 6.75C6.75 7.16421 7.08579 7.5 7.5 7.5H8.25C8.66421 7.5 9 7.16421 9 6.75C9 6.33579 8.66421 6 8.25 6Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator-panel__trigger-scroll:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='11' viewBox='0 0 12 11' fill='none'%3E%3Cpath d='M8.25 0H0.75C0.335786 0 0 0.335786 0 0.75C0 1.16421 0.335786 1.5 0.75 1.5H8.25C8.66421 1.5 9 1.16421 9 0.75C9 0.335786 8.66421 0 8.25 0Z' fill='%23454f59'/%3E%3Crect y='3' width='7' height='1.5' rx='0.75' fill='%23454f59'/%3E%3Cpath d='M1.5 6H0.75C0.335786 6 0 6.33579 0 6.75C0 7.16421 0.335786 7.5 0.75 7.5H1.5C1.91421 7.5 2.25 7.16421 2.25 6.75C2.25 6.33579 1.91421 6 1.5 6Z' fill='%23454f59'/%3E%3Cpath d='M1.5 9H0.75C0.335786 9 0 9.33579 0 9.75C0 10.1642 0.335786 10.5 0.75 10.5H1.5C1.91421 10.5 2.25 10.1642 2.25 9.75C2.25 9.33579 1.91421 9 1.5 9Z' fill='%23454f59'/%3E%3Cpath d='M4.875 6H4.125C3.71079 6 3.375 6.33579 3.375 6.75C3.375 7.16421 3.71079 7.5 4.125 7.5H4.875C5.28921 7.5 5.625 7.16421 5.625 6.75C5.625 6.33579 5.28921 6 4.875 6Z' fill='%23454f59'/%3E%3Cpath d='M4.875 9H4.125C3.71079 9 3.375 9.33579 3.375 9.75C3.375 10.1642 3.71079 10.5 4.125 10.5H4.875C5.28921 10.5 5.625 10.1642 5.625 9.75C5.625 9.33579 5.28921 9 4.875 9Z' fill='%23454f59'/%3E%3Cpath d='M8.78787 10.2121C8.90503 10.3293 9.09498 10.3293 9.21213 10.2121L11.1213 8.30294C11.2385 8.18579 11.2385 7.99584 11.1213 7.87868C11.0042 7.76152 10.8142 7.76152 10.6971 7.87868L9 9.57574L7.30294 7.87868C7.18579 7.76152 6.99584 7.76152 6.87868 7.87868C6.76152 7.99584 6.76152 8.18579 6.87868 8.30294L8.78787 10.2121ZM8.7 3L8.7 10L9.3 10L9.3 3L8.7 3Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator-panel__trigger-custom:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='13' viewBox='0 0 11 13' fill='none'%3E%3Cpath d='M3.29492 6.97007V2.22007C3.29492 1.99776 3.38324 1.78455 3.54044 1.62735C3.69763 1.47015 3.91084 1.38184 4.13316 1.38184C4.35547 1.38184 4.56868 1.47015 4.72588 1.62735C4.88308 1.78455 4.97139 1.99776 4.97139 2.22007V6.41125M4.97139 6.13184V5.01419C4.97139 4.79188 5.05971 4.57867 5.21691 4.42147C5.37411 4.26427 5.58731 4.17595 5.80963 4.17595C6.03194 4.17595 6.24515 4.26427 6.40235 4.42147C6.55955 4.57867 6.64786 4.79188 6.64786 5.01419V6.41125M6.64786 5.57301C6.64786 5.3507 6.73618 5.13749 6.89338 4.98029C7.05058 4.82309 7.26378 4.73478 7.4861 4.73478C7.70841 4.73478 7.92162 4.82309 8.07882 4.98029C8.23602 5.13749 8.32433 5.3507 8.32433 5.57301V6.41125' stroke='%23454f59' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.32353 6.13207C8.32353 5.90975 8.41184 5.69654 8.56904 5.53934C8.72624 5.38214 8.93945 5.29383 9.16176 5.29383C9.38408 5.29383 9.59729 5.38214 9.75449 5.53934C9.91169 5.69654 10 5.90975 10 6.13207V8.64677C10 9.53603 9.64675 10.3889 9.01795 11.0177C8.38915 11.6465 7.53631 11.9997 6.64706 11.9997H5.52941H5.64565C5.09036 11.9998 4.54375 11.862 4.05489 11.5986C3.56603 11.3353 3.15023 10.9546 2.84482 10.4909L2.73529 10.3232C2.56094 10.0558 1.94884 8.98877 0.899 7.1223C0.791957 6.93204 0.763364 6.70752 0.819302 6.4965C0.875239 6.28548 1.01129 6.10461 1.19853 5.99236C1.39805 5.87298 1.63168 5.82356 1.86245 5.8519C2.09322 5.88024 2.30794 5.98473 2.47265 6.14883L3.29412 6.9703M1.61765 1.38207L1.05882 0.823242M1.05882 3.61736H0.5M6.64706 1.38207L7.20588 0.823242M7.20588 3.05854H7.76471' stroke='%23454f59' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator__folder-timeline:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='14' viewBox='0 0 12 14' fill='none'%3E%3Cpath d='M7.875 1H2.25C1.91848 1 1.60054 1.1317 1.36612 1.36612C1.1317 1.60054 1 1.91848 1 2.25V12.25C1 12.5815 1.1317 12.8995 1.36612 13.1339C1.60054 13.3683 1.91848 13.5 2.25 13.5H9.75C10.0815 13.5 10.3995 13.3683 10.6339 13.1339C10.8683 12.8995 11 12.5815 11 12.25V4.125L7.875 1Z' stroke='%23454f59' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.25 1V3.5C7.25 3.83152 7.3817 4.14946 7.61612 4.38388C7.85054 4.6183 8.16848 4.75 8.5 4.75H11' stroke='%23454f59' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator__folder-active-preview:before,
.page-transitions--light-theme .nb-ptanimator__folder:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='11' viewBox='0 0 15 11' fill='none'%3E%3Cpath d='M9.25572 1.57895H13.0793C13.3462 1.57892 13.6102 1.62463 13.8543 1.71315C14.0985 1.80167 14.3176 1.93106 14.4976 2.09307C14.6775 2.25508 14.8145 2.44614 14.8996 2.65409C14.9848 2.86203 15.0163 3.08228 14.9921 3.30079L14.3805 8.8271C14.3371 9.21941 14.1169 9.58421 13.7632 9.84991C13.4095 10.1156 12.9478 10.263 12.4686 10.2632H2.53124C2.05212 10.263 1.59038 10.1156 1.23666 9.84991C0.882939 9.58421 0.662788 9.21941 0.619428 8.8271L0.00776315 3.30079C-0.0323388 2.93515 0.0837849 2.56944 0.336161 2.26658L0.298712 1.57895C0.298712 1.16018 0.501045 0.758573 0.861201 0.462463C1.22136 0.166353 1.70983 0 2.21917 0H5.74512C6.25442 8.94275e-05 6.74282 0.166501 7.10289 0.462632L7.89795 1.11632C8.25803 1.41245 8.74642 1.57886 9.25572 1.57895ZM1.2647 1.67368C1.47083 1.61105 1.68976 1.57947 1.9215 1.57895H7.10289L6.42401 1.02079C6.24397 0.872724 5.99977 0.789518 5.74512 0.789474H2.21917C1.96763 0.789436 1.72612 0.870551 1.54655 1.01538C1.36699 1.1602 1.26372 1.35718 1.25894 1.56395L1.2647 1.67368Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator__folder-active-preview::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--light-theme .nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--light-theme .nb-ptanimator-panel__input-dropdown-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--light-theme .nb-ptanimator-panel__select-trigger-from-iframe,
.page-transitions--light-theme .nb-ptanimator-panel__select-element-from-iframe {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='22' viewBox='0 0 21 22' fill='none'%3E%3Cpath d='M11.6787 17.4167L9.48537 12.2755L7.25 15.6693V5.5L14.5833 11.7753H10.7115L12.8759 16.807L11.6787 17.4167Z' fill='%23454f59'/%3E%3C/svg%3E");
}
.page-transitions--bricks-theme .nb-ptanimator__drag:hover {
    background: #3f4b57;
}
.page-transitions--bricks-theme .nb-ptanimator__drag--active {
    background: #3f4b57 !important;
}
.page-transitions--bricks-theme .nb-ptanimator-panel__input:not(.nb-ptanimator-panel__input-type-color:focus, .page-transitions--bricks-theme .nb-ptanimator-panel__input-type-color-value):focus,
.page-transitions--bricks-theme .nb-ptanimator-panel__input-animation:focus {
    background: #454f59;
}
.page-transitions--bricks-theme .nb-ptanimator__folder-active-preview::after,
.page-transitions--bricks-theme .nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--bricks-theme .nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--bricks-theme .nb-ptanimator-panel__input-dropdown-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}
.page-transitions--dark-theme .nb-ptanimator__drag:hover {
    background: hsl(240 3.7% 35.9%);
}
.page-transitions--dark-theme .nb-ptanimator__drag--active {
    background: hsl(240 3.7% 35.9%) !important;
}
.page-transitions--dark-theme .nb-ptanimator-panel__input:not(.nb-ptanimator-panel__input-type-color:focus, .page-transitions--dark-theme .nb-ptanimator-panel__input-type-color-value):focus,
.page-transitions--dark-theme .nb-ptanimator-panel__input-animation:focus {
    background: #444;
}
.page-transitions--dark-theme .nb-ptanimator__folder-active-preview::after,
.page-transitions--dark-theme .nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--dark-theme .nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.page-transitions--dark-theme .nb-ptanimator-panel__input-dropdown-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%23A0A1AB'/%3E%3C/svg%3E");
}









/*----------------------------------------------------------------
* Page Transitions area                           
----------------------------------------------------------------*/
.nb-ptanimator__timelines-wrapper{
    padding: 0;
}
.nb-ptanimator__pt-and-animations-wrapper{
    min-width: 100%;
    display: flex;
    flex-direction: column;
}
.nb-ptanimator__page-transitions-area{
    width: 100%;
    height: auto;
    padding: 16px;
}
.nb-ptanimator__page-transitions-animations-wrapper{
    display: flex;
    height: 100%;
}

.nb-ptanimator-panel__pt-controls{
    display: flex;
    column-gap: 8px;
}
.nb-ptanimator-panel__pt-controls .nb-ptanimator-panel__caption-input-wrapper{
    margin-top: 0;
    width: 100%;
    max-width: 200px;
}
/*----------------------------------------------------------------
* Left and Right animations panels
----------------------------------------------------------------*/
.nb-ptanimator__left-anim-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    height: 100%;
    width: 50%;
    min-width: var(--timeline-animation-min-width);
    padding: 8px 20px;
    padding-right: 8px;

    border: 1px solid var(--ptanimator-accent-secondary);
    border-left: unset;
    border-bottom: unset;
    border-radius: 0px;
    border-right-width: 0.5px;
}
.nb-ptanimator__right-anim-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    height: 100%;
    width: 50%;
    padding: 8px 20px;
    padding-right: 8px;
    border: 1px solid var(--ptanimator-border-color);
    border-right: unset;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    min-width: var(--timeline-animation-min-width);

    border-bottom: unset;
    border-radius: 0;
    border-left-width: 0.5px;
}
.nb-ptanimator__left-anim-wrapper::after,
.nb-ptanimator__right-anim-wrapper::after{
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    border-left: 1px solid var(--ptanimator-accent-secondary);
    border-bottom: 1px solid var(--ptanimator-accent-secondary);
    border-bottom-left-radius: 8px;
    background-color: var(--ptanimator-panel-background);
}
.nb-ptanimator__left-anim-wrapper::after{
    content: "Leave animations";
}
.nb-ptanimator__right-anim-wrapper::after{
    content: "Enter animations";
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper {
    height: fit-content;
    display: flex;
    align-items: center;
    column-gap: 16px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-title,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-title {
    font-size: 14px;
    width: fit-content;
    outline: none;
    max-width: calc(100% - 33px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 17px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__timeline-animations,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__timeline-animations {
    position: absolute;
    z-index: 99;
    top: 37px;
    width: 100%;
    max-height: 0;
    background: var(--ptanimator-panel-background);
    box-shadow: 0 4px 0 0 rgb(0 0 0 / 0.5);
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 4px;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    transform: scale(0.9);
    transform-origin: top;
    transition: opacity 0.2s, transform 0.2s, max-height 0.2s;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__timeline-animations[data-open="true"],
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__timeline-animations[data-open="true"] {
    opacity: 1;
    pointer-events: all;
    max-height: 183px;
    transform: scale(1.0000001);
    transition: opacity 0.2s, transform 0.2s;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview-wrapper {
    position: relative;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview {
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 8px;
    padding: 8px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
    height: fit-content;
    width: 160px;
    min-height: 33px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview:hover {
    background: var(--ptanimator-accent-secondary-hover);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview::after {
    position: absolute;
    right: 10px;
    content: "";
    display: block;
    width: 6px;
    height: 8.9px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' viewBox='0 0 6 9' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.131805 2.3818C-0.043935 2.55754 -0.043935 2.84246 0.131805 3.0182C0.307545 3.19393 0.592465 3.19393 0.768205 3.0182L2.70001 1.08639L4.63181 3.0182C4.80755 3.19393 5.09247 3.19393 5.26822 3.0182C5.44392 2.84246 5.44392 2.55754 5.26822 2.3818L3.01821 0.1318C2.93381 0.0474102 2.81935 0 2.70001 0C2.58066 0 2.46619 0.0474102 2.3818 0.1318L0.131805 2.3818ZM5.26822 6.5182C5.44392 6.34246 5.44392 6.05754 5.26822 5.8818C5.09247 5.70607 4.80755 5.70607 4.63181 5.8818L2.70001 7.81361L0.768205 5.8818C0.592465 5.70607 0.307545 5.70607 0.131805 5.8818C-0.043935 6.05754 -0.043935 6.34246 0.131805 6.5182L2.3818 8.76821C2.55754 8.94391 2.84247 8.94391 3.01821 8.76821L5.26822 6.5182Z' fill='%233F3F40'/%3E%3C/svg%3E");
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-active-preview-span,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-active-preview-span {
    max-width: calc(100% - 17px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 15px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation {
    padding: 8px;
    border-radius: 8px;
    transition: background 0.1s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 8px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation span,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation span {
    max-width: calc(100% - 26px);
    overflow: hidden;
    white-space: nowrap;
    min-height: 15px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation[data-active-animation="true"],
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation[data-active-animation="true"],
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation:hover {
    background: var(--ptanimator-accent-secondary);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__delete-animation,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__delete-animation {
    position: absolute;
    right: 8px;
    padding: 2px;
    border-radius: 6px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__delete-animation:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__delete-animation:hover {
    background-color: #fff;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__delete-animation:hover *,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__delete-animation:hover * {
    stroke: #000;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__new-animation,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__new-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    cursor: pointer;
    padding: 8px;
    border-radius: 8px;
    border: 1px dashed var(--ptanimator-accent-secondary);
    transition: border 0.1s;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__new-animation:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__new-animation:hover {
    border: 1px dashed #757575;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper {
    min-height: calc(100% - 36px);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper .nb-ptanimator-panel__columns,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper .nb-ptanimator-panel__columns {
    height: 100%;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__caption-input-wrapper--2-col,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__caption-input-wrapper--2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 15px;
    gap: 15px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__caption-input-wrapper--2-col .nb-ptanimator-panel__caption-input-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__caption-input-wrapper--2-col .nb-ptanimator-panel__caption-input-wrapper {
    margin-top: 0;
}



.nb-ptanimator-panel__caption {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.nb-ptanimator-panel__switch[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
}
.nb-ptanimator-panel__switch + label {
    all: unset;
    cursor: pointer;
    text-indent: -9999px;
    width: 27px;
    height: 16px;
    background: var(--ptanimator-accent-secondary);
    display: block;
    border-radius: 100px;
    position: relative;
}
.nb-ptanimator-panel__switch + label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #646970;
    border-radius: 90px;
    transition: 0.1s;
}
.nb-ptanimator-panel__switch:checked + label {
    background: var(--ptanimator-accent-background);
}
.nb-ptanimator-panel__switch:checked + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
    background: #fff;
}
.nb-ptanimator-panel__element-custom-input-switch[data-show="false"] {
    display: none;
}
.nb-ptanimator__select-timeline-view-switch {
    display: none;
}


.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-inner-wrapper,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator-panel__animation-active-preview {
    display: none;
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__page-transitions-animations-wrapper{
    height: 100%;
}
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__page-transitions-area .nb-ptanimator__select-timeline-view-switch,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__left-anim-wrapper .nb-ptanimator__select-timeline-view-switch,
.nb-ptanimator__drawer:not([data-has-active-timeline="true"]) .nb-ptanimator__right-anim-wrapper .nb-ptanimator__select-timeline-view-switch {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
    height: 100%;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-options,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-options,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-options,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-options {
    background: var(--ptanimator-accent-secondary);
    border-radius: 8px;
    width: 100%;
    height: 33px;
    padding: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 2px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-options,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-options {
    grid-template-columns: 1fr 1fr;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-options,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-from,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-to,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-from,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-to,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-options,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-from,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-to,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-from,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-to {
    border-radius: 7px;
    cursor: pointer;
    transition: background 0.1s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ptanimator-color);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-options,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-options{
    display: grid;
    align-items: stretch;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-from:hover,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-to:hover,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto:hover,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-from:hover,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-to:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-from:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-to:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-from:hover,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-to:hover {
    background: var(--ptanimator-accent-background-transparent);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-event[data-chosen="true"],
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-event[data-chosen="true"],
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-event[data-chosen="true"],
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-event[data-chosen="true"] {
    background: var(--ptanimator-accent-background);
    color: #fff;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-fromto-options[data-show="false"],
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-fromto-options[data-show="false"] {
    display: none;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__left-column--animation[data-repeat="false"] .nb-ptanimator-panel__caption-input-wrapper--yoyo,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__left-column--animation[data-repeat="false"] .nb-ptanimator-panel__caption-input-wrapper--yoyo {
    display: none;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-properties-title,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-properties-title {
    position: relative;
    width: fit-content;
    margin: 8px 0;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-properties-span,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-properties-span {
    position: absolute;
    top: -3px;
    left: calc(100% + 2px);
    font-size: 10px;
    letter-spacing: -0.06em;
    font-weight: 700;
    color: #f03e6b;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-properties,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-properties {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property {
    margin-bottom: 10px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="true"] .nb-ptanimator-panel__method-property,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="true"] .nb-ptanimator-panel__method-property {
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    height: 0;
    margin-bottom: 0;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="false"] .nb-ptanimator-panel__method-property-label::after,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="false"] .nb-ptanimator-panel__method-property-label::after {
    transform: rotate(45deg);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-wrapper {
    border-bottom: 1px solid var(--ptanimator-border-color);
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-label,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-label {
    color: var(--ptanimator-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding-bottom: 8px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="false"] .nb-ptanimator-panel__method-property-label,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-wrapper[data-collapse="false"] .nb-ptanimator-panel__method-property-label {
    padding-bottom: 12px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-label::after,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-label::after {
    transition: transform 0.1s;
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cline x1='-4.79968e-08' y1='5.5' x2='11' y2='5.5' stroke='%23A0A1AB'/%3E%3Cline x1='5.5' y1='11' x2='5.5' stroke='%23A0A1AB'/%3E%3C/svg%3E");
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property,
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property-col-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property-col-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__method-property--2-col,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__method-property--2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__input-type-color-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__input-type-color-wrapper {
    display: flex;
    align-items: center;
    column-gap: 5px;
    width: fit-content;
    border: 1px solid var(--ptanimator-border-color);
    padding: 4px;
    padding-right: 8px;
    border-radius: 8px;
    width: 100%;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__input-type-color,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__input-type-color {
    border: none !important;
    background-color: transparent !important;
    outline: none !important;
    width: 20px !important;
    height: 24px !important;
    cursor: pointer !important;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__input-type-color::-webkit-color-swatch,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__input-type-color::-webkit-color-swatch {
    border: 1px solid var(--ptanimator-border-color);
    border-radius: 4px;
}
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__input-type-color-value,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__input-type-color-value {
    all: unset;
    box-sizing: border-box;
    width: calc(100% - 20px) !important;
    padding: 0px !important;
    line-height: normal !important;
}
/*----------------------------------------------------------------
* Overrides                    
----------------------------------------------------------------*/
.nb-ptanimator__resizer-x,
.nb-ptanimator__resizer-y{
    z-index: 99;
}
.nb-ptanimator__page-transitions-animations-wrapper{
    height: calc(100% - 119.5px);
}
.nb-ptanimator-timeline-view__animation-tween[data-side="left"] .nb-ptanimator-timeline-view__resize-tween {
    background: #3858e9;
}
.nb-ptanimator-timeline-view__animation-tween[data-side="right"] .nb-ptanimator-timeline-view__resize-tween {
    background: #f03e6b;
}
/*----------------------------------------------------------------
* Dot indicators                    
----------------------------------------------------------------*/
.nb-ptanimator-panel__pt-controls{
    column-gap: 14px;
}
.nb-ptanimator-panel__input-wrapper,
.nb-ptanimator-panel__method-input-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}
.nb-ptanimator-panel__input:placeholder-shown + .nb-ptanimator-panel__dot-input-indicator {
    display: none;
}
.nb-ptanimator-panel__dot-input-indicator{
    cursor: pointer;
    position: absolute;
    z-index: 11;
    left: -11px;

    width: 8px;
    height: 8.85px;
    border-radius: 100%;

    display: flex;
    justify-content: center;
    align-items: center;
}
/*hover mask*/
.nb-ptanimator-panel__dot-input-indicator::before{
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    top: -5px;
    left: -5px;
    border-radius: 100%;
}
.nb-ptanimator-panel__dot-input-indicator::after{
    content: "";
    display: block;
    position: absolute;

    width: 4px;
    height: 4px;

    border-radius: 100%;
    background: var(--ptanimator-accent-background);
}
.nb-ptanimator-panel__element-custom-input-switch[data-show="false"] + .nb-ptanimator-panel__dot-input-indicator,
.nb-ptanimator-panel__dot-input-indicator:hover:after{
    display: none;
}
.nb-ptanimator-panel__dot-input-indicator:hover{
    width: 8px;
    height: 8.85px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjgzNjEgMTMuNjExNkMxMS41NDkyIDEzLjg5ODQgMTEuMTYwMiAxNC4wNTk1IDEwLjc1NDUgMTQuMDU5NUMxMC4zNDg4IDE0LjA1OTUgOS45NTk3NiAxMy44OTg0IDkuNjcyODkgMTMuNjExNkw2LjI5MzYxIDkuNzQ5MTRMMi45MTQzMiAxMy42MTAzQzIuNzcyNyAxMy43NTQyIDIuNjAzOTkgMTMuODY4NyAyLjQxNzkxIDEzLjk0NzFDMi4yMzE4MyAxNC4wMjU1IDIuMDMyMDYgMTQuMDY2MyAxLjgzMDE0IDE0LjA2NzFDMS42MjgyMSAxNC4wNjggMS40MjgxMiAxNC4wMjg4IDEuMjQxNDEgMTMuOTUxOUMxLjA1NDcgMTMuODc1IDAuODg1MDU2IDEzLjc2MTkgMC43NDIyNzIgMTMuNjE5MUMwLjU5OTQ4OCAxMy40NzYzIDAuNDg2Mzg4IDEzLjMwNjcgMC40MDk0OTQgMTMuMTJDMC4zMzI2IDEyLjkzMzMgMC4yOTM0MzQgMTIuNzMzMiAwLjI5NDI1NiAxMi41MzEzQzAuMjk1MDc4IDEyLjMyOTMgMC4zMzU4NzIgMTIuMTI5NiAwLjQxNDI4NCAxMS45NDM1QzAuNDkyNjk2IDExLjc1NzQgMC42MDcxNzUgMTEuNTg4NyAwLjc1MTExNyAxMS40NDcxTDQuMjY2OCA3LjQzMTdMMC43NDk4NDIgMy40MTM3OEMwLjYwNTkgMy4yNzIxNiAwLjQ5MTQyMSAzLjEwMzQ1IDAuNDEzMDA5IDIuOTE3MzdDMC4zMzQ1OTcgMi43MzEyOSAwLjI5MzgwNCAyLjUzMTUyIDAuMjkyOTgxIDIuMzI5NkMwLjI5MjE1OSAyLjEyNzY3IDAuMzMxMzI1IDEuOTI3NTggMC40MDgyMTkgMS43NDA4N0MwLjQ4NTExMyAxLjU1NDE1IDAuNTk4MjE0IDEuMzg0NTEgMC43NDA5OTggMS4yNDE3M0MwLjg4Mzc4MSAxLjA5ODk1IDEuMDUzNDIgMC45ODU4NDUgMS4yNDAxNCAwLjkwODk1MUMxLjQyNjg1IDAuODMyMDU3IDEuNjI2OTQgMC43OTI4OTIgMS44Mjg4NiAwLjc5MzcxNEMyLjAzMDc5IDAuNzk0NTM2IDIuMjMwNTUgMC44MzUzMyAyLjQxNjYzIDAuOTEzNzQyQzIuNjAyNzEgMC45OTIxNTQgMi43NzE0MyAxLjEwNjYzIDIuOTEzMDQgMS4yNTA1N0w2LjI5MzYxIDUuMTE0MjZMOS42NzI4OSAxLjI1MDU3QzkuODE0NTEgMS4xMDY2MyA5Ljk4MzIyIDAuOTkyMTU0IDEwLjE2OTMgMC45MTM3NDJDMTAuMzU1NCAwLjgzNTMzIDEwLjU1NTEgMC43OTQ1MzYgMTAuNzU3MSAwLjc5MzcxNEMxMC45NTkgMC43OTI4OTIgMTEuMTU5MSAwLjgzMjA1NyAxMS4zNDU4IDAuOTA4OTUxQzExLjUzMjUgMC45ODU4NDUgMTEuNzAyMiAxLjA5ODk1IDExLjg0NDkgMS4yNDE3M0MxMS45ODc3IDEuMzg0NTEgMTIuMTAwOCAxLjU1NDE1IDEyLjE3NzcgMS43NDA4N0MxMi4yNTQ2IDEuOTI3NTggMTIuMjkzOCAyLjEyNzY3IDEyLjI5MyAyLjMyOTZDMTIuMjkyMSAyLjUzMTUyIDEyLjI1MTMgMi43MzEyOSAxMi4xNzI5IDIuOTE3MzdDMTIuMDk0NSAzLjEwMzQ1IDExLjk4IDMuMjcyMTYgMTEuODM2MSAzLjQxMzc4TDguMzIwNDEgNy40MzE3TDExLjgzNjEgMTEuNDQ3MUMxMS45NzgzIDExLjU4OTEgMTIuMDkxMSAxMS43NTc4IDEyLjE2ODEgMTEuOTQzNUMxMi4yNDUxIDEyLjEyOTIgMTIuMjg0NyAxMi4zMjgzIDEyLjI4NDcgMTIuNTI5M0MxMi4yODQ3IDEyLjczMDMgMTIuMjQ1MSAxMi45Mjk0IDEyLjE2ODEgMTMuMTE1MUMxMi4wOTExIDEzLjMwMDggMTEuOTc4MyAxMy40Njk1IDExLjgzNjEgMTMuNjExNloiIGZpbGw9IiNGMDBGMEYiLz4KPC9zdmc+Cg==);
    background-size: cover;
}

/*dot at properties wrapper*/
.nb-ptanimator-panel__method-property-wrapper{
    position: relative;
}
.nb-ptanimator-panel__method-property-wrapper > .nb-ptanimator-panel__dot-input-indicator{
    display: none;
    top: 3px;
}
.nb-ptanimator-panel__method-property-wrapper:has(input:not(:placeholder-shown):not(.nb-ptanimator-panel__input-type-color)) > .nb-ptanimator-panel__dot-input-indicator{
    display: flex;
}

/*modify spacings to set dots*/
.nb-ptanimator__left-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper,
.nb-ptanimator__right-anim-wrapper .nb-ptanimator-panel__animation-title-active-preview-wrapper{
    margin-left: 14px;
}
.nb-ptanimator-panel__left-column,
.nb-ptanimator-panel__right-column{
    padding-left: 14px;
}
.nb-ptanimator__left-anim-wrapper,
.nb-ptanimator__right-anim-wrapper{
    padding-left: 6px;
}
.nb-ptanimator-panel__columns{
    column-gap: 0;
}

/*----------------------------------------------------------------
* Update names                  
----------------------------------------------------------------*/
.nb-ptanimator__delete-timeline,
.nb-ptanimator__delete-folder,
.nb-ptanimator-panel__delete-animation {
    right: 4px !important;
    padding: 2px !important;
    margin-top: 1px !important;
    transition: background 0.2s !important;

    width: 19px !important;
    height: 19px !important;

    min-height: unset !important;
    min-width: unset !important;

    fill: #fff !important;
}
.nb-ptanimator__delete-folder *,
.nb-ptanimator__delete-timeline *,
.nb-ptanimator-panel__delete-animation *{
    transition: stroke 0.2s !important;
}
.nb-ptanimator__delete-folder:hover,
.nb-ptanimator__delete-timeline:hover,
.nb-ptanimator-panel__delete-animation:hover {
    background-color: #f03e6b !important;
}
.nb-ptanimator__delete-folder:hover *,
.nb-ptanimator__delete-timeline:hover *,
.nb-ptanimator-panel__delete-animation:hover * {
    stroke: #fff !important;
}
.nb-ptanimator__folder span {
    max-width: calc(100% - 65px) !important;
}
.nb-ptanimator__folder-timeline span {
    max-width: calc(100% - 58px) !important;
}
.nb-ptanimator-panel__animation span{
    max-width: calc(100% - 38px) !important;
}
.nb-ptanimator__folder-update-name,
.nb-ptanimator__timeline-update-name,
.nb-ptanimator__animation-update-name{
    position: absolute !important;
    right: 23px !important;
    width: 20px !important;
    height: 18px !important;

    padding: 0px 4px !important;
    padding-right: 3px !important;
    border-radius: 6px !important;

    fill: var(--ptanimator-color) !important;
    min-height: unset !important;
    min-width: unset !important;

    transition: background 0.2s !important;
}
.nb-ptanimator__folder-update-name:hover,
.nb-ptanimator__timeline-update-name:hover,
.nb-ptanimator__animation-update-name:hover{
    background-color: var(--ptanimator-accent-background) !important;
}
.nb-ptanimator__folder-update-name *,
.nb-ptanimator__timeline-update-name *,
.nb-ptanimator__animation-update-name *{
    transition: fill 0.2s !important;
}
.nb-ptanimator__folder-update-name:hover *,
.nb-ptanimator__timeline-update-name:hover *,
.nb-ptanimator__animation-update-name:hover *{
    fill: #fff !important;
}

/**/
.nb-ptanimator-panel__element-custom-input-switch[data-show="false"],
.nb-ptanimator-panel__element-custom-input-toggle-dropdown[data-show="false"]{
    display: none;
}
/*
* Convert dropdown into options
*/
.nb-ptanimator-panel__input-dropdown-into-options{
    opacity: 1;
    pointer-events: all;
    max-height: fit-content;
    transform: scale(1);

    position: relative;
    top: 0;
    z-index: 0;

    border: unset;
    box-shadow: unset;
    padding: unset;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 8px;
}
.nb-ptanimator-panel__input-dropdown-into-options .nb-ptanimator-panel__input-dropdown-option{
    padding: 8px 12px !important;
    border-radius: 8px;
    background: var(--ptanimator-accent-secondary);
    transition: background 0.2s, color 0.2s;
}
.nb-ptanimator-panel__input-dropdown-into-options .nb-ptanimator-panel__input-dropdown-option:hover{
    background: var(--ptanimator-accent-background-transparent);
}
.nb-ptanimator-panel__input-dropdown-into-options .nb-ptanimator-panel__input-dropdown-option--active{
    background: var(--ptanimator-accent-background) !important;
    color: #fff;
}

/*
* Timeline Overflow
*/
.nb-ptanimator-timeline-view__bottom-wrapper{
    overflow-y: hidden;
}
.nb-ptanimator-timeline-view__scrolling-timelines{
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}
.nb-ptanimator-timeline-view__scrolling-timelines::-webkit-scrollbar{
    display: none;
}

/*add custom property*/
.nb-ptanimator-panel__method-property-wrapper[data-collapse="true"] .nb-ptanimator-panel__method-property-add-custom-property,
.nb-ptanimator-panel__method-property-wrapper[data-collapse="true"] .nb-ptanimator-panel__properties-wrapper{
    display: none;
}
.nb-ptanimator-panel__properties-wrapper{
    display: flex;
    flex-direction: column;
}
.nb-ptanimator-panel__method-property--custom-property{
    grid-template-columns: 1fr 1fr 19px !important;
    gap: 8px !important;
    align-items: end !important;
}
.nb-ptanimator-panel__method-property-col-wrapper:nth-child(2){
    margin-left: 7px;
}
.nb-ptanimator__delete-property{
    cursor: pointer;
    border-radius: 5px;
    padding: 1px;
    width: 100%;
    transition: background 0.2s;
    min-height: unset !important;
    min-width: unset !important;
    fill: #fff !important;
}
.nb-ptanimator__delete-property *{
    transition: stroke 0.2s !important;
}
.nb-ptanimator__delete-property:hover *{
    stroke: #fff !important;
}
.nb-ptanimator__delete-property:hover{
    background-color: #f03e6b;
}
.nb-ptanimator-panel__method-property-add-custom-property{
    width: 100% !important;
    padding: 3px !important;
    border-radius: 8px;
    background: var(--ptanimator-accent-secondary);
    line-height: normal !important;
    transition: background 0.1s;

    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 16px;
    cursor: pointer;
    margin-bottom: 8px;
}
.nb-ptanimator-panel__method-property-add-custom-property:hover{
    background: var(--ptanimator-accent-background);
}