No notes defined.
<div class="uol-rich-text">
<p>You can <a href="#" class="js-uolcc-open-prefs">change your settings</a>. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste beatae dignissimos error. Pariatur, voluptatibus officia commodi consectetur porro maiores odit. Molestias accusantium architecto aspernatur minus veritatis harum ullam facilis repellat?</p>
<p>Autem distinctio illo veniam ratione sapiente, minus maxime ipsam tempora delectus voluptatem officiis similique repellat nam, in esse repudiandae ex minima reiciendis facilis earum aliquam qui dolorem. Doloribus, quam illum.</p>
<p>Unde, odio distinctio blanditiis totam provident quo obcaecati impedit quidem, officiis ex ducimus adipisci dolorem sed. Rem, iure qui? Nulla voluptatum dicta nostrum obcaecati labore quasi nisi repellat fuga totam.</p>
<p>In impedit vel voluptatibus, nisi veritatis quas assumenda, libero corporis non fugiat molestias minima quos ipsa delectus odio quae praesentium aperiam nihil nobis consequuntur iusto corrupti? Possimus iure repellendus corrupti.</p>
<p>Fuga molestiae culpa minima ipsam laborum, repellendus labore unde nobis velit voluptatibus! Natus nobis impedit explicabo temporibus molestias, magnam incidunt aperiam totam illum minima amet vero itaque, excepturi maiores harum.</p>
<p>Animi dignissimos perspiciatis maiores esse soluta, minima eveniet repellat fugiat harum quo! Porro explicabo quo magni, est aspernatur suscipit vel id odit ipsum rerum expedita corrupti nam voluptates, mollitia blanditiis!</p>
<p>Aut est et voluptate corporis impedit corrupti accusamus incidunt maiores! Voluptatibus deleniti harum delectus, numquam cumque adipisci officia ipsum consequuntur esse et error ullam maiores architecto, sint dolor deserunt reprehenderit?</p>
<p>Placeat suscipit doloremque dicta, veniam voluptatum sunt error perferendis iure unde non quibusdam ad similique quae sapiente necessitatibus totam quam reiciendis ipsa, cumque iste quas nobis, aliquam officia? Id, impedit.</p>
<p>Ipsum omnis pariatur deleniti nihil magni consequatur natus ducimus suscipit inventore dolores. Sequi error quaerat facilis. Molestias provident voluptates quibusdam ipsam, harum est consequatur temporibus minima dolores, possimus, facere natus!</p>
<p>Asperiores, doloribus repellat minus velit alias optio neque ea rerum. Aliquid dolore porro corrupti, velit asperiores quasi sed? Laudantium dignissimos dolorem quam sapiente eum voluptatibus laborum enim animi officia excepturi.</p>
</div>
{# Tag manager script should go in template after all content for production sites #}
<script>
var uolCookiePopupHide = true;
var uolPrivacyUrl = '/privacy-policy';
var uolPrivacyStatementDate = '2020-12-17';
var gtmTagAnalytics = 'GTM-WJ7R9HF';
var gtmTagMarketing = 'GTM-5332L6G';
</script>
<div class="uol-rich-text">
<p>You can <a href="#" class="js-uolcc-open-prefs">change your settings</a>. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iste beatae dignissimos error. Pariatur, voluptatibus officia commodi consectetur porro maiores odit. Molestias accusantium architecto aspernatur minus veritatis harum ullam facilis repellat?</p>
<p>Autem distinctio illo veniam ratione sapiente, minus maxime ipsam tempora delectus voluptatem officiis similique repellat nam, in esse repudiandae ex minima reiciendis facilis earum aliquam qui dolorem. Doloribus, quam illum.</p>
<p>Unde, odio distinctio blanditiis totam provident quo obcaecati impedit quidem, officiis ex ducimus adipisci dolorem sed. Rem, iure qui? Nulla voluptatum dicta nostrum obcaecati labore quasi nisi repellat fuga totam.</p>
<p>In impedit vel voluptatibus, nisi veritatis quas assumenda, libero corporis non fugiat molestias minima quos ipsa delectus odio quae praesentium aperiam nihil nobis consequuntur iusto corrupti? Possimus iure repellendus corrupti.</p>
<p>Fuga molestiae culpa minima ipsam laborum, repellendus labore unde nobis velit voluptatibus! Natus nobis impedit explicabo temporibus molestias, magnam incidunt aperiam totam illum minima amet vero itaque, excepturi maiores harum.</p>
<p>Animi dignissimos perspiciatis maiores esse soluta, minima eveniet repellat fugiat harum quo! Porro explicabo quo magni, est aspernatur suscipit vel id odit ipsum rerum expedita corrupti nam voluptates, mollitia blanditiis!</p>
<p>Aut est et voluptate corporis impedit corrupti accusamus incidunt maiores! Voluptatibus deleniti harum delectus, numquam cumque adipisci officia ipsum consequuntur esse et error ullam maiores architecto, sint dolor deserunt reprehenderit?</p>
<p>Placeat suscipit doloremque dicta, veniam voluptatum sunt error perferendis iure unde non quibusdam ad similique quae sapiente necessitatibus totam quam reiciendis ipsa, cumque iste quas nobis, aliquam officia? Id, impedit.</p>
<p>Ipsum omnis pariatur deleniti nihil magni consequatur natus ducimus suscipit inventore dolores. Sequi error quaerat facilis. Molestias provident voluptates quibusdam ipsam, harum est consequatur temporibus minima dolores, possimus, facere natus!</p>
<p>Asperiores, doloribus repellat minus velit alias optio neque ea rerum. Aliquid dolore porro corrupti, velit asperiores quasi sed? Laudantium dignissimos dolorem quam sapiente eum voluptatibus laborum enim animi officia excepturi.</p>
</div>
<script>
var uolCookiePopupHide = true;
var uolPrivacyUrl = '/privacy-policy';
var uolPrivacyStatementDate = '2020-12-17';
var gtmTagAnalytics = 'GTM-WJ7R9HF';
var gtmTagMarketing = 'GTM-5332L6G';
</script>
.js {
.uolcc-prompt-container,
.uolcc-privacy-update-container {
background: $color-black;
border-bottom: 2px solid $color-border;
padding: $spacing-3 $spacing-2;
color: $color-white;
@include media(">=uol-media-xs") {
padding: $spacing-4;
}
@include media(">=uol-media-l") {
padding: $spacing-5;
}
}
.uolcc-container,
.uolcc-prompt-container,
.uolcc-privacy-update-container {
&:focus {
outline: none;
}
.uolcc-outer {
// position: fixed;
}
.uolcc-prefs-header,
.uolcc-prefs-footer {
background: $color-black;
color: $color-white;
}
.uolcc-prefs-header {
}
.uolcc-prefs-footer {
box-shadow:
0 -10px 20px 0 rgba($color-black--dark, 0.15),
0 -3px 6px 0 rgba($color-black--dark, 0.1);
}
.uolcc-title {
@extend .uol-typography-heading-2;
}
.uolcc-subtitle {
@extend .uol-typography-heading-3;
}
p {
@extend .uol-typography-paragraph;
}
ul {
@extend .uol-typography-paragraph;
@extend .uol-typography-ul;
}
ol {
@extend .uol-typography-ol;
}
.uolcc-cookie-detail__button {
color: inherit;
}
.uolcc-cookie-detail__button-title {
@extend %text-size-heading-5;
@extend %uol-font-sans-serif;
font-weight: $font-weight-medium--sans-serif;
}
.uolcc-form-inner {
}
.uolcc-prompt-inner {
}
.uolcc-prompt-inner,
.uolcc-privacy-update-inner {
box-sizing: border-box;
max-width: 101.75rem;
margin-left: auto;
margin-right: auto;
margin-bottom: $spacing-4;
@include media(">=uol-media-xl") {
padding: 0 $spacing-4;
}
.uolcc-title {
}
p {
@extend .uol-typography-paragraph;
max-width: 65ch;
}
}
.uolcc-cookie-detail {
}
.uolcc-cookie-detail__checkbox-container {
@extend %text-size-heading-6;
}
.uolcc-cookie-detail__button--open {
}
.uolcc-cookie-detail__expand-icon {
width: 1.3em;
height: 1.3em;
}
.uolcc-cookie-detail__button--open .uolcc-cookie-detail__button-title {
}
.uolcc-button {
@extend %uol-font-sans-serif;
@extend .uol-button;
@extend .uol-button--primary;
@include button_focus(-6px, 10px);
border: 1px solid $color-white;
}
.uolcc-button + .uolcc-button {
@include media("<uol-media-xs") {
margin-top: $spacing-3;
}
@include media(">=uol-media-xs") {
margin-left: $spacing-3;
}
}
.uolcc-button--secondary {
@extend .uol-button--secondary;
}
}
#cookie-control-prompt,
#cookie-control-privacy-update {
&.uolcc-prompt-container,
&.uolcc-privacy-update-container {
a {
@include link_focus();
}
}
}
}
/* No context defined. */