:root {
    --divWidth: 375px;
    --divOpenHeight: 340px;
    --divOpenBottom: 0px;
    --divClosedHeight: 38px;
    --divClosedBottom: -30px;
    --titleOpenHeight: 38px;
    --titleOpenBottom: 302px;
    --titleClosedHeight: 38px;
    --titleClosedBottom: -20px;
}

.transition {
    transition: height 1.5s ease, bottom 1.5s ease;
    /* transition: height 2s ease-in-out, bottom 2s ease-in-out; */
}

iframe.PCLBot {
    width: var(--divWidth, 400px);
    height: var(--divOpenHeight, 475px);
}

.div-open {
    height: var(--divOpenHeight, 475px);
    bottom: var(--divOpenBottom, 0px);
    position: fixed;
    right: 0;
    z-index: 1000;
    background-color: #fff;
}

.div-closed {
    height: var(--divClosedHeight, 38px);
    bottom: var(--divClosedBottom, 0px);
    position: fixed;
    right: 0;
    z-index: 1000;
    background-color: #fff;
}

.title-open {
    height: var(--titleOpenHeight, 38px);
    bottom: var(--titleOpenBottom, 437px);
    width: var(--divWidth, 400px);
    position: fixed;
    cursor: pointer;
}

.title-closed {
    height: var(--titleClosedHeight, 38px);
    bottom: var(--titleClosedBottom, 0px);
    width: var(--divWidth, 400px);
    position: fixed;
    cursor: pointer;
}