.gcook,
.gcook *,
.gcook-reopen {
box-sizing: border-box;
}
.gcook {
position: fixed;
z-index: 2147483000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
line-height: 1.5;
color: var(--gcook-text);
opacity: 0;
transform: translateY(12px);
transition: opacity .25s ease, transform .25s ease;
}
.gcook--in {
opacity: 1;
transform: none;
}
.gcook__dialog {
background: var(--gcook-bg);
color: var(--gcook-text);
border: 1px solid var(--gcook-border);
border-radius: 4px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .18);
padding: 20px 22px;
max-height: calc(100vh - 32px);
overflow-y: auto;
overscroll-behavior: contain;
} .gcook--box {
left: 16px;
bottom: 16px;
width: 420px;
max-width: calc(100vw - 32px);
} .gcook--bar {
left: 0;
right: 0;
bottom: 0;
}
.gcook--bar .gcook__dialog {
border-radius: 0;
border-width: 1px 0 0;
max-width: none;
padding: 18px max(16px, calc((100vw - 1180px) / 2));
} .gcook--modal {
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
background: rgba(0, 0, 0, .45);
transform: none;
}
.gcook--modal .gcook__dialog {
width: 560px;
max-width: 100%;
}
.gcook__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
margin-bottom: 6px;
}
.gcook p {
margin: 0;
padding: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: 400;
letter-spacing: normal;
text-transform: none;
}
.gcook .gcook__title {
font-weight: 700;
font-size: 17px;
line-height: 1.3;
flex: 1 1 auto;
min-width: 0;
color: var(--gcook-text);
} .gcook--box .gcook__top {
flex-wrap: wrap;
gap: 4px 12px;
}
.gcook.gcook--box .gcook__skip {
order: -1;
flex: 0 0 100%;
text-align: right;
}
.gcook .gcook__msg {
margin-bottom: 8px;
}
.gcook .gcook__links {
display: flex;
flex-wrap: wrap;
gap: 4px 16px;
margin-bottom: 14px;
font-size: 13px;
}
.gcook .gcook__links a {
color: var(--gcook-text);
text-decoration: underline;
text-underline-offset: 2px;
}
.gcook .gcook__skip {
flex: none;
background: none;
border: 0;
padding: 2px 0;
margin: 0;
color: var(--gcook-muted);
font: inherit;
font-size: 13px;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
white-space: nowrap;
}
.gcook .gcook__btns {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.gcook .gcook__btn {
flex: 1 1 auto;
min-height: 42px;
margin: 0;
padding: 10px 16px;
border: 2px solid var(--gcook-primary);
border-radius: 3px;
background: var(--gcook-primary);
color: var(--gcook-on-primary);
font: inherit;
font-weight: 600;
line-height: 1.2;
text-transform: none;
letter-spacing: normal;
cursor: pointer;
transition: filter .15s ease;
}
.gcook .gcook__btns .gcook__btn {
flex: 1 1 calc(50% - 4px);
}
.gcook .gcook__btns .gcook__btn--ghost,
.gcook .gcook__panel .gcook__btn {
flex-basis: 100%;
}
.gcook .gcook__btn:hover {
filter: brightness(.92);
}
.gcook .gcook__btn--ghost {
background: transparent;
color: var(--gcook-text);
}
.gcook .gcook__btn--ghost:hover {
background: var(--gcook-soft);
filter: none;
}
.gcook button:focus-visible,
.gcook a:focus-visible,
.gcook input:focus-visible,
.gcook-reopen:focus-visible {
outline: 3px solid var(--gcook-primary);
outline-offset: 2px;
}
.gcook__panel {
margin-top: 16px;
border-top: 1px solid var(--gcook-border);
}
.gcook__panel[hidden] {
display: none;
}
.gcook__cat {
padding: 12px 0;
border-bottom: 1px solid var(--gcook-border);
}
.gcook .gcook__cat-head {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
font-weight: 600;
cursor: pointer;
}
.gcook .gcook__cat-head input {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--gcook-primary);
cursor: pointer;
}
.gcook .gcook__cat-head input:disabled {
cursor: not-allowed;
}
.gcook .gcook__cat-always {
margin-left: auto;
font-size: 12px;
font-weight: 400;
color: var(--gcook-muted);
}
.gcook .gcook__cat-desc,
.gcook .gcook__cat-svc {
margin: 4px 0 0 28px;
font-size: 13px;
color: var(--gcook-muted);
}
.gcook__panel .gcook__btns {
margin-top: 14px;
} @media (min-width: 900px) {
.gcook--bar:not(.gcook--expanded) .gcook__dialog {
display: grid;
grid-template-columns: 1fr auto;
column-gap: 32px;
align-items: center;
}
.gcook--bar:not(.gcook--expanded) .gcook__top,
.gcook--bar:not(.gcook--expanded) .gcook__msg,
.gcook--bar:not(.gcook--expanded) .gcook__links {
grid-column: 1;
}
.gcook--bar:not(.gcook--expanded) .gcook__dialog > .gcook__btns {
grid-column: 2;
grid-row: 1 / span 3;
flex-wrap: nowrap;
}
.gcook--bar:not(.gcook--expanded) .gcook__dialog > .gcook__btns .gcook__btn {
flex: 0 0 auto;
min-width: 150px;
}
.gcook--bar:not(.gcook--expanded) .gcook__dialog > .gcook__btns .gcook__btn--ghost {
order: -1;
}
.gcook--bar:not(.gcook--expanded) .gcook__links {
margin-bottom: 0;
}
}
@media (max-width: 520px) {
.gcook {
font-size: 14px;
}
.gcook--box {
left: 8px;
right: 8px;
bottom: 8px;
width: auto;
max-width: none;
}
.gcook__dialog {
padding: 16px;
}
} .gcook-reopen {
position: fixed;
left: 16px;
bottom: 16px;
z-index: 2147482999;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--gcook-border);
border-radius: 50%;
background: var(--gcook-bg);
color: var(--gcook-primary);
box-shadow: 0 4px 14px rgba(0, 0, 0, .15);
cursor: pointer;
transition: transform .15s ease;
}
.gcook-reopen:hover {
transform: scale(1.06);
}
.gcook-reopen[hidden] {
display: none;
} .gcook-policy table {
width: 100%;
border-collapse: collapse;
margin: 1em 0 2em;
font-size: .92em;
}
.gcook-policy th,
.gcook-policy td {
padding: 8px 10px;
border: 1px solid var(--gcook-border);
text-align: left;
vertical-align: top;
}
.gcook-policy-scroll {
overflow-x: auto;
}
@media (prefers-reduced-motion: reduce) {
.gcook,
.gcook-reopen {
transition: none;
}
}
@media print {
.gcook,
.gcook-reopen {
display: none !important;
}
}
button.gcook-open {
display: inline;
margin: 0;
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
}