/* Match the Inter weights available on index, independently of other page fonts. */
@font-face {
    font-family: "Casa Cookie Inter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf") format("truetype");
}
@font-face {
    font-family: "Casa Cookie Inter";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf") format("truetype");
}
/* Keep page-wide font and button rules from changing the home page widget. */
.cookie-widget {
    color: #111;
    font: 16px "Times New Roman", serif;
    letter-spacing: normal;
    text-transform: none;
}
.cookie-widget button {
    margin: 0;
    padding: 0;
    color: #000;
    font: 13.3333px Arial, sans-serif;
    letter-spacing: normal;
    text-transform: none;
}
.cookie-widget{
    position:fixed;
    left:24px;
    bottom:24px;
    z-index:3000;
}

.cookie-widget.is-hidden{
    display:none;
}

.cookie-toggle{
    width:64px;
    height:64px;

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

    border:none;
    border-radius:50%;
    background:#000;
    cursor:pointer;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
}

.cookie-symbol{
    width:30px;
    height:30px;
    display:block;

    border-radius:50%;
    background:
    radial-gradient(circle at 34% 32%,#000 0 3px,transparent 3.5px),
    radial-gradient(circle at 62% 30%,#000 0 2px,transparent 2.5px),
    radial-gradient(circle at 48% 58%,#000 0 2.5px,transparent 3px),
    radial-gradient(circle at 72% 68%,#000 0 2px,transparent 2.5px),
    radial-gradient(circle at 26% 70%,#000 0 2px,transparent 2.5px),
    #fff;
}

.cookie-panel{
    position:absolute;
    left:0;
    bottom:78px;

    width:min(410px,calc(100vw - 32px));
    padding:16px 18px 18px;

    display:grid;
    grid-template-columns:42px 1fr 42px;
    gap:14px;
    align-items:center;

    background:#050505;
    border:1px solid rgba(255,255,255,.28);
    border-radius:16px;
    box-shadow:0 20px 55px rgba(0,0,0,.34);

    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    pointer-events:none;
    transition:.25s;
}

.cookie-widget.is-open .cookie-panel{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
}

.cookie-symbol-small{
    width:28px;
    height:28px;
}

.cookie-actions{
    display:flex;
    justify-content:center;
    gap:14px;
}

.cookie-actions button{
    min-height:42px;
    padding:0 20px;

    border:none;
    border-radius:22px;
    background:white;
    color:#000;
    cursor:pointer;

    font-family:"Casa Cookie Inter",Inter,sans-serif;
    font-size:13px;
    font-weight:700;
}

.cookie-actions button:hover{
    background:#c8a97e;
    color:white;
}

.cookie-settings{
    width:42px;
    height:42px;

    position:relative;
    border:2px solid white;
    border-radius:50%;
    background:white;
    cursor:pointer;
}

.cookie-settings::before,
.cookie-settings::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}

.cookie-settings::before{
    width:16px;
    height:16px;
    border:2px solid #111;
    border-radius:50%;
}

.cookie-settings::after{
    width:4px;
    height:4px;
    background:#111;
    border-radius:50%;
    box-shadow:0 -11px 0 #111,0 11px 0 #111,11px 0 0 #111,-11px 0 0 #111;
}

.cookie-panel p{
    grid-column:1 / -1;
    margin:0;

    color:white;
    font-family:"Casa Cookie Inter",Inter,sans-serif;
    font-size:11px;
    line-height:1.35;
    font-weight:600;
}

.cookie-panel a{
    color:white;
    text-decoration:underline;
}

@media(max-width:900px){

.cookie-widget{
    left:16px;
    bottom:16px;
}

.cookie-toggle{
    width:56px;
    height:56px;
}

.cookie-panel{
    bottom:68px;
    grid-template-columns:32px 1fr;
}

.cookie-actions{
    grid-column:2;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:10px;
}

.cookie-actions button{
    min-height:38px;
    padding:0 16px;
    font-size:12px;
}

.cookie-settings{
    grid-column:1;
    grid-row:2;
    width:34px;
    height:34px;
}

.cookie-panel p{
    grid-column:1 / -1;
}

}