/*--------------------------------------------------------------------------*\
    Iframe tag
\*--------------------------------------------------------------------------*/

.control__iframe {
    /*box*/
    width: 100%;
    padding: 6px 11px;

    /*border*/
    border: none;
    border-radius: 5px;

    /*text*/
    /*
        VERY SPECIFIC CASE : the CSS inside will be applied via JS....
        but we store it here and call it ComputedStyle, so be careful
        before deleting anything here
    */
    font-size: calc(var(--fs-md) - 2px);
    color: var(--c-primary-1);
    caret-color: var(--c-cta-1);
}

/*
    Scrollbar customization: directly in js but without storing here
    (the computed style of the pseudo elements didn't work well)
*/