dialog#popover{
position: fixed;
flex-direction: column;
justify-content: center;
inset: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
width: 100svw;
width: 100dvw;
height: 100svh;
height: 100dvh;
max-width: 100vw;
max-height: 100vh;
background: rgb(0 0 0 / 0.8);
border:none;
padding: var(--wp--preset--spacing--20);
margin: 0;
box-sizing: border-box;
div{
max-width: 1320px;
margin: 0 auto;
background: #fff;
flex: 0;
width: 100%;
min-height: 0;
position: relative;
overflow: hidden;
button{
position: absolute;
top: 0;
right: 0;
background: none;
border: none;
font-size: 2em;
color: #000;
background: #fff;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
outline: none;
}
iframe{
width: 100%;
height: 100%;
border: none;
}
svg{
position: absolute;
width: 100px;
height: 100px;
left: calc(50% - 50px);
top: calc(50% - 50px);
}
}
}
dialog#popover[open] {
display: flex;
animation: showDialog 0.5s ease forwards;
div{
animation: showDialogContent 0.75s ease forwards;
}
}
dialog#popover[closing] {
animation: hideDialog 0.5s ease forwards;
div{
animation: hideDialogContent 0.25s ease forwards;
}
}
dialog#popover::backdrop{
display:none;
}
@keyframes showDialog {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes showDialogContent {
0% {
flex: 0;
}
100% {
flex: 1;
}
}
@keyframes hideDialog {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes hideDialogContent {
0% {
flex: 1;
}
100% {
flex: 0;
}
}:root{
--gws-slider-tint: var(--wp--preset--color--text,#000);
}
.gws-slider,[gws-slider]{
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
-ms-overflow-style: none;
&>*{
scroll-snap-align: center;
flex: 0 0 100%;
}
&.infinite,&[gws-slider*="infinite"],.no-scroll{
overflow-x: hidden;
}
}
.gws-pager{
--gws-tint: var(--gws-slider-tint);
display: flex;
flex-direction: row;
justify-content: center;
gap: 1em;
margin: 0 auto 2rem;
span{
display: flex;
width: 1em;
aspect-ratio: 1 / 1;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 40px;
border: 2px solid var(--gws-tint);
background: #FFF;
cursor: pointer;
&.active{
background: var(--gws-tint);
}
&:hover{
background: rgb(from var(--gws-tint) r g b / 0.25);
}
}
}
.gws-controls{
--gws-tint: var(--gws-slider-tint);
display: block;
display: flex;
justify-content: space-between;
button{
border: 2px solid var(--gws-tint);
background: transparent;
height: 3em;
width: 3em;
border-radius: 50%;
cursor: pointer;
&:hover{
background: rgb(from var(--gws-tint) r g b / 0.25);
}
&::before{
content: '<';
}
&+button::before{
content: '>';
}
}
}.gws-captcha .gfield_label{
background: url(//www.thebrokernews.ch/wp-content/plugins/GWS-Debugian/captcha) no-repeat right center !important;
background-size: auto 35px !important;
padding-right: calc(1ch + 200px) !important;
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0 !important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}