<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.big-picture-1-wrapper {
    --fs-sm  : 1;
    --fs-xxl : 14;
    font-size: var(--fs-formula);
    border-radius: 8px; 
    overflow: hidden;
    height: 48em;
}

.big-picture-1-wrapper img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 80% 80%;
}

/* process config */
.process-img {
    /* --fs-sm:16; */
    width        : 100%;
    min-height   : 37.8125em;
    /* object-fit: ; */
}


/* toggle button */
.toggle-btn {
    --height       : 40px;
    --width        : calc(-5px + var(--height)*2);
    --bg-color-1   : rgb(var(--bs-primary-rgb));
    --bg-color-2   : white;
    --speed        : .2s;
    --rounded      : 100px;
    display        : flex;
    flex-wrap      : wrap;
    justify-content: center;
    align-items    : center;
    gap            : 15px;
}

.toggle-btn&gt;label {
    width           : var(--width);
    height          : var(--height);
    border-width    : calc(var(--height)/10) !important;
    border-color    : var(--bg-color-1) !important;
    background-color: var(--bg-color-1);
    cursor          : pointer;
}

.toggle-btn&gt;input:checked~span:last-of-type {
    color: var(--bg-color-1);
}

.toggle-btn&gt;input:not(:checked)~span:first-of-type {
    color: var(--bg-color-1);
}

.toggle-btn&gt;input:checked~label {
    background-color: var(--bg-color-1);
}

.toggle-btn&gt;input:checked~label div {
    background-color: var(--bg-color-2);
    transform       : translateX(100%);
}

.toggle-btn,
.toggle-btn * {
    transition   : var(--speed);
    border-radius: var(--rounded);
}

.toggle-btn&gt;label&gt;div {
    width           : 50%;
    height          : 100%;
    background-color: var(--bg-color-2);
}


/* subscribe cards */
.subscribe-card {
    display       : flex;
    gap           : 5px;
    flex-direction: column;
}

.subscribe-card ul {
    display       : flex;
    flex-direction: column;
    gap           : 15px;
    padding       : 0;
}

.subscribe-card ul li {
    display: flex;
    gap    : 10px;
    align-items: center;
}

.subscribe-card svg {
    width : 28px;
    height: 28px;
}</pre></body></html>