form {
letter-spacing: 1.8rem;
}
form input, form textarea {
letter-spacing: 1.8rem;
resize: none;
}
form .input-wrapper {
position: relative;
}
form input::-webkit-input-placeholder, form textarea::-webkit-input-placeholder {
color: transparent;
}
form input::-moz-placeholder, form textarea::-moz-placeholder {
color: transparent;
}
form input:-ms-input-placeholder, form textarea:-ms-input-placeholder {
color: transparent;
}
form input::-ms-input-placeholder, form textarea::-ms-input-placeholder {
color: transparent;
}
form input::placeholder, form textarea::placeholder {
color: transparent;
}
form input:not([type=checkbox]) + label, form textarea + label {
display: block;
color: var(--color-grey-80);
font-size: 18rem;
font-style: italic;
pointer-events: none;
position: absolute;
background: #fff;
padding: 0 6rem;
border-radius: 5rem;
line-height: 1;
-webkit-transition: all 0.22s;
-o-transition: all 0.22s;
transition: all 0.22s;
top: 20rem;
left: 12rem;
}
form input:not(:-moz-placeholder-shown) + label, form textarea:not(:-moz-placeholder-shown) + label {
font-size: 14rem;
top: -5rem;
left: 16rem;
}
form input:not(:-ms-input-placeholder) + label, form textarea:not(:-ms-input-placeholder) + label {
font-size: 14rem;
top: -5rem;
left: 16rem;
}
form input:focus + label, form input:hover + label, form input:not(:placeholder-shown) + label,
form textarea:focus + label, form textarea:hover + label, form textarea:not(:placeholder-shown) + label {
font-size: 14rem;
top: -5rem;
left: 16rem;
}
form input:not([type=submit], [type=button], [type=file], [type=checkbox]), form textarea, form select {
background-color: var(--color-white);
color: var(--color-grey-80);
border: 2rem solid var(--color-grey-40);
outline: none;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
font-size: 18rem;
line-height: 28rem;
padding: 14rem 16rem;
max-width: 100%;
font-family: inherit;
font-style: italic;
accent-color: var(--color-yellow);
}
form input[type=submit], form input[type=button] {
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-family: inherit;
padding: 9rem 24rem;
font-size: 18rem;
line-height: 24rem;
border: 0;
border-radius: 0;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-font-smoothing: antialiased;
background: var(--bg-color, var(--color-grey));
color: var(--color-font-bright);
letter-spacing: 2.7rem;
will-change: transform;
}
form input[type=submit]:before, form input[type=button]:before {
content: "";
position: absolute;
top: -50%;
height: 200%;
left: 50%;
width: 0%;
opacity: 0;
z-index: -1;
border-radius: 100%;
-webkit-transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
-o-transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
background: var(--bg-hover-color, var(--color-yellow));
}
form input[type=submit] span, form input[type=button] span {
will-change: transform;
display: block;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
form input[type=submit]:hover:not(form input[type=submit]:active, form input[type=button]:active):before, form input[type=button]:hover:not(form input[type=submit]:active, form input[type=button]:active):before {
top: -150%;
height: 400%;
left: -10%;
width: 120%;
opacity: 1;
}
form input[type=submit]:hover:not(form input[type=submit]:active, form input[type=button]:active) span, form input[type=button]:hover:not(form input[type=submit]:active, form input[type=button]:active) span {
-webkit-transform: perspective(1rem) scale(0.9);
transform: perspective(1rem) scale(0.9);
}
form input[type=submit]:active, form input[type=button]:active {
background: var(--color-grey-80);
}
form input[type=submit].__inverted, form input[type=button].__inverted {
background: var(--color-yellow);
color: var(--color-grey);
}
form input[type=submit].__inverted:before, form input[type=button].__inverted:before {
background: var(--color-white);
}
form input[type=submit].__grey, form input[type=button].__grey {
background: var(--bg-color, var(--color-grey));
color: var(--color-font-bright);
}
form input[type=submit].__grey:before, form input[type=button].__grey:before {
background: var(--bg-color, var(--color-grey-80));
}
form input[type=submit].__lp-button, form input[type=button].__lp-button {
background: var(--color-landingpage-button);
color: var(--color-font-bright);
}
form input[type=submit].__lp-button:before, form input[type=button].__lp-button:before {
background: var(--color-landingpage-button-80);
}
form input[type=submit].__lp-button:hover:not(form input[type=submit].__lp-button:active, form input[type=button].__lp-button:active):before, form input[type=button].__lp-button:hover:not(form input[type=submit].__lp-button:active, form input[type=button].__lp-button:active):before {
background: var(--bg-color, var(--color-grey));
}
form input[type=checkbox] {
display: inline-block;
width: unset;
position: absolute;
margin: 0;
z-index: 0;
-moz-appearance: none;
appearance: none;
-webkit-appearance: none;
}
form input[type=checkbox] + label {
display: block;
padding-left: 35rem;
cursor: pointer;
}
form input[type=checkbox]::before {
cursor: pointer;
width: 18rem;
height: 18rem;
border: 2rem solid var(--color-grey-40);
background-color: #fff;
display: block;
content: "";
z-index: 5;
position: relative;
-webkit-box-shadow: inset 0 0 0 10rem #fff;
box-shadow: inset 0 0 0 10rem #fff;
-webkit-transition: background-color 0.2s, -webkit-box-shadow 0.2s;
transition: background-color 0.2s, -webkit-box-shadow 0.2s;
-o-transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s;
transition: background-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;
}
form input[type=checkbox]:checked::before {
-webkit-box-shadow: inset 0 0 0 4rem #fff;
box-shadow: inset 0 0 0 4rem #fff;
background-color: var(--color-highlight);
}
form input:-webkit-autofill,
form input:-webkit-autofill:hover,
form input:-webkit-autofill:focus,
form input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30rem var(--color-white) inset !important;
}
::-moz-selection {
color: #000000;
background: #F0CC66;
}
::selection {
color: #000000;
background: #F0CC66;
}
.se-accordion {
margin-bottom: var(--padding-lg);
}
.se-accordion > div:nth-child(1) {
cursor: pointer;
font-size: var(--font-copy-large-font-size);
line-height: var(--font-copy-large-line-height);
letter-spacing: var(--font-copy-large-letter-spacing);
font-weight: var(--font-copy-large-font-weight);
text-transform: var(--font-copy-large-text-transform);
font-style: var(--font-copy-large-font-style);
font-family: var(--font-copy-large-font-family);
padding-right: 60rem;
position: relative;
border-bottom: 1px solid;
-o-border-image: -o-linear-gradient(left, var(--color-white) 10%, var(--color-grey-40)) 2;
border-image: -webkit-gradient(linear, left top, right top, color-stop(10%, var(--color-white)), to(var(--color-grey-40))) 2;
border-image: linear-gradient(90deg, var(--color-white) 10%, var(--color-grey-40)) 2;
-webkit-transition: border 0.5s, border-image 0.5s;
-o-transition: border 0.5s, -o-border-image 0.5s;
transition: border 0.5s, border-image 0.5s;
transition: border 0.5s, border-image 0.5s, -o-border-image 0.5s;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-accordion > div:nth-child(1) {
padding-right: 24rem;
}
}
.se-accordion > div:nth-child(1):before {
content: "";
position: absolute;
background-color: var(--color-grey-40);
bottom: 0;
right: 0;
width: 56rem;
height: 28rem;
-webkit-transition: background-color 0.5s;
-o-transition: background-color 0.5s;
transition: background-color 0.5s;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-accordion > div:nth-child(1):before {
width: 24rem;
height: 12rem;
}
}
.se-accordion > div:nth-child(1):after {
content: "\e913";
font-family: "elsterkind_iconset", serif !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
font-size: 18rem;
color: var(--color-white);
text-align: center;
position: absolute;
bottom: 1px;
right: 0;
width: 56rem;
height: 28rem;
line-height: 29rem;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
will-change: transform;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.5s, -webkit-transform 0.5s;
transition: bottom 0.5s, -webkit-transform 0.5s;
-o-transition: transform 0.5s, bottom 0.5s;
transition: transform 0.5s, bottom 0.5s;
transition: transform 0.5s, bottom 0.5s, -webkit-transform 0.5s;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-accordion > div:nth-child(1):after {
width: 24rem;
height: 12rem;
line-height: 13rem;
font-size: 8rem;
right: -1px;
}
}
.se-accordion > div:nth-child(2) {
display: grid;
grid-template-rows: 0fr;
-webkit-transition: grid-template-rows 0.6s;
-o-transition: grid-template-rows 0.6s;
transition: grid-template-rows 0.6s;
transition: grid-template-rows 0.6s, -ms-grid-rows 0.6s;
}
.se-accordion > div:nth-child(2) > * {
overflow: hidden;
}
.se-accordion.__open > div:nth-child(1) {
-o-border-image: -o-linear-gradient(left, var(--color-white) 10%, var(--color-highlight)) 2;
border-image: -webkit-gradient(linear, left top, right top, color-stop(10%, var(--color-white)), to(var(--color-highlight))) 2;
border-image: linear-gradient(90deg, var(--color-white) 10%, var(--color-highlight)) 2;
}
.se-accordion.__open > div:nth-child(1):before {
background-color: var(--color-highlight);
}
.se-accordion.__open > div:nth-child(1):after {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
bottom: 0px;
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-accordion.__open > div:nth-child(1):after {
bottom: -1px;
}
}
.se-accordion.__open > div:nth-child(2) {
grid-template-rows: 1fr;
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.se-adaptive-height {
height: var(--d-height, auto);
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-adaptive-height {
height: var(--t-height, auto);
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-adaptive-height {
height: var(--m-height, auto);
}
}
.se-arrow-button {
text-transform: uppercase;
display: inline-block;
background: var(--color-white);
color: var(--color-font);
padding: 2rem 12rem;
text-decoration: none;
font-size: 0.8em;
-webkit-transform: translateY(-0.2em);
-ms-transform: translateY(-0.2em);
transform: translateY(-0.2em);
}
.se-arrow-button:before {
content: "\e915";
line-height: unset !important;
font-family: "elsterkind_iconset", serif !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, -webkit-transform 0.3s;
-o-transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform: translateX(-1em);
-ms-transform: translateX(-1em);
transform: translateX(-1em);
will-change: transform;
font-size: 1.2em;
}
.se-arrow-button span {
display: inline-block;
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
will-change: transform;
}
.se-arrow-button:hover:before {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.se-arrow-button:hover span {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.se-button {
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-family: inherit;
padding: 9rem 24rem;
font-size: 18rem;
line-height: 24rem;
border: 0;
border-radius: 0;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-font-smoothing: antialiased;
background: var(--bg-color, var(--color-grey));
color: var(--color-font-bright);
letter-spacing: 2.7rem;
will-change: transform;
}
.se-button:before {
content: "";
position: absolute;
top: -50%;
height: 200%;
left: 50%;
width: 0%;
opacity: 0;
z-index: -1;
border-radius: 100%;
-webkit-transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
-o-transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
transition: top 0.3s, height 0.3s, left 0.3s, width 0.3s, opacity 0.3s;
background: var(--bg-hover-color, var(--color-yellow));
}
.se-button span {
will-change: transform;
display: block;
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.se-button:hover:not(.se-button:active):before {
top: -150%;
height: 400%;
left: -10%;
width: 120%;
opacity: 1;
}
.se-button:hover:not(.se-button:active) span {
-webkit-transform: perspective(1rem) scale(0.9);
transform: perspective(1rem) scale(0.9);
}
.se-button:active {
background: var(--color-grey-80);
}
.se-button.__inverted {
background: var(--color-yellow);
color: var(--color-grey);
}
.se-button.__inverted:before {
background: var(--color-white);
}
.se-button.__grey {
background: var(--bg-color, var(--color-grey));
color: var(--color-font-bright);
}
.se-button.__grey:before {
background: var(--bg-color, var(--color-grey-80));
}
.se-button.__lp-button {
background: var(--color-landingpage-button);
color: var(--color-font-bright);
}
.se-button.__lp-button:before {
background: var(--color-landingpage-button-80);
}
.se-button.__lp-button:hover:not(.se-button.__lp-button:active):before {
background: var(--bg-color, var(--color-grey));
}
.se-button__play-pause-icon {
-webkit-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.se-button__play-pause-icon span {
width: 20rem;
height: 20rem;
background-color: currentColor;
-webkit-transition: inherit;
-o-transition: inherit;
transition: inherit;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 24H3V0h7v24Zm-5-2h3V2H5v20ZM21 24h-7V0h7v24Zm-5-2h3V2h-3v20Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M10 24H3V0h7v24Zm-5-2h3V2H5v20ZM21 24h-7V0h7v24Zm-5-2h3V2h-3v20Z"/></svg>');
}
.se-button__play-pause-icon.__paused span {
-webkit-mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.765 9.457 4.98.018v24l14.779-9.473a3.007 3.007 0 0 0 .006-5.088Zm-1.08 3.395-11.7 7.5V3.676l11.707 7.474a1 1 0 0 1-.007 1.7v.002Z"/></svg>');
mask-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19.765 9.457 4.98.018v24l14.779-9.473a3.007 3.007 0 0 0 .006-5.088Zm-1.08 3.395-11.7 7.5V3.676l11.707 7.474a1 1 0 0 1-.007 1.7v.002Z"/></svg>');
}
[class*=se-clipped-corner] {
position: absolute;
width: 12rem;
height: 12rem;
}
.se-clipped-corner-top-left {
background: var(--highlight-color, var(--color-yellow));
-webkit-transform: rotate(45deg) translate(-6rem, -6rem);
-ms-transform: rotate(45deg) translate(-6rem, -6rem);
transform: rotate(45deg) translate(-6rem, -6rem);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.se-clipped-corner-top-right {
right: -12rem;
background: var(--highlight-color, var(--color-yellow));
-webkit-transform: rotate(45deg) translate(-6rem, -6rem);
-ms-transform: rotate(45deg) translate(-6rem, -6rem);
transform: rotate(45deg) translate(-6rem, -6rem);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
body:has(.se-contact-form form.__active) {
cursor: wait;
}
.se-contact-form .__done {
display: none;
}
.se-contact-form label {
display: block;
cursor: pointer;
}
.se-contact-form .__filename_placeholder {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.se-contact-form form {
-webkit-transition: 0.5s opacity;
-o-transition: 0.5s opacity;
transition: 0.5s opacity;
}
.se-contact-form form.__active {
cursor: wait;
pointer-events: none;
opacity: 0.3;
}
.se-contact-form .success-message {
-webkit-transition: 1.5s opacity 1s;
-o-transition: 1.5s opacity 1s;
transition: 1.5s opacity 1s;
opacity: 0;
height: 0;
overflow: hidden;
}
.se-contact-form .success-message.__active {
height: unset;
opacity: 1;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.se-customer-slide {
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.se-customer-slide {
height: 10vw;
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-customer-slide {
height: 16vw;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-customer-slide {
height: 24vw;
}
}
.se-customer-slide > div {
-webkit-animation: scroll var(--animation-speed) linear infinite;
animation: scroll var(--animation-speed) linear infinite;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: distribute;
justify-content: space-around;
min-width: 200%;
position: absolute;
height: 100%;
-webkit-animation-play-state: running;
animation-play-state: running;
}
.se-customer-slide > div.__paused {
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.se-customer-slide > div > div {
margin: 0 var(--page-grid-gap);
height: 100%;
}
.se-customer-slide > div > div img {
height: 100%;
max-width: unset;
}
.se-customer-slide:after {
content: "";
position: absolute;
background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(2%, rgba(255, 255, 255, 0.98)), color-stop(13%, rgba(255, 255, 255, 0)), color-stop(87%, rgba(255, 255, 255, 0)), color-stop(98%, rgba(255, 255, 255, 0.98)), to(rgb(255, 255, 255)));
background: -o-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.98) 2%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0.98) 98%, rgb(255, 255, 255) 100%);
background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.98) 2%, rgba(255, 255, 255, 0) 13%, rgba(255, 255, 255, 0) 87%, rgba(255, 255, 255, 0.98) 98%, rgb(255, 255, 255) 100%);
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.se-decorative-line {
height: 2px;
background: var(--highlight-color);
display: inline-block;
width: 25%;
}
.se-employee .__image-wrapper {
position: relative;
margin-top: 25%;
}
.se-employee .__image-wrapper .__circle-wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
border: 1px solid var(--color-black);
border-radius: 50%;
z-index: -1;
}
.se-employee .__image-wrapper .__inner-circle-wrapper img:nth-child(1) {
margin-top: -25%;
}
.se-employee .__image-wrapper .__inner-circle-wrapper svg {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.se-employee .__image-wrapper .__circle-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 50%;
overflow: hidden;
}
.se-employee .__image-wrapper .__circle-overlay:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 200%;
overflow: hidden;
border-radius: 50%;
outline: 100vw solid #fff;
}
.se-fade-line {
position: relative;
}
.se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.m-se-fade-line {
position: relative;
}
.m-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 640px) {
.ml-se-fade-line {
position: relative;
}
.ml-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 640px) {
.mp-se-fade-line {
position: relative;
}
.mp-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.t-se-fade-line {
position: relative;
}
.t-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1400px) {
.tl-se-fade-line {
position: relative;
}
.tl-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1400px) {
.tp-se-fade-line {
position: relative;
}
.tp-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.d-se-fade-line {
position: relative;
}
.d-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 99999px) {
.dl-se-fade-line {
position: relative;
}
.dl-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 1400px) and (max-width: 99999px) {
.dp-se-fade-line {
position: relative;
}
.dp-se-fade-line:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
.se-fade-line-2x {
position: relative;
}
.se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.m-se-fade-line-2x {
position: relative;
}
.m-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 640px) {
.ml-se-fade-line-2x {
position: relative;
}
.ml-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 640px) {
.mp-se-fade-line-2x {
position: relative;
}
.mp-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.t-se-fade-line-2x {
position: relative;
}
.t-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1400px) {
.tl-se-fade-line-2x {
position: relative;
}
.tl-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1400px) {
.tp-se-fade-line-2x {
position: relative;
}
.tp-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.d-se-fade-line-2x {
position: relative;
}
.d-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 99999px) {
.dl-se-fade-line-2x {
position: relative;
}
.dl-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (orientation: portrait) and (min-width: 1400px) and (max-width: 99999px) {
.dp-se-fade-line-2x {
position: relative;
}
.dp-se-fade-line-2x:before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 4px;
background: -webkit-gradient(linear, left top, right top, from(var(--highlight-color)), to(var(--color-white)));
background: -o-linear-gradient(left, var(--highlight-color) 0%, var(--color-white) 100%);
background: linear-gradient(90deg, var(--highlight-color) 0%, var(--color-white) 100%);
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.m-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.m-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.m-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.m-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.m-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.m-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.m-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: landscape) and (min-width: 0px) and (max-width: 640px) {
.ml-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.ml-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.ml-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.ml-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.ml-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.ml-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.ml-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: portrait) and (min-width: 0px) and (max-width: 640px) {
.mp-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.mp-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.mp-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.mp-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.mp-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.mp-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.mp-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.t-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.t-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.t-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.t-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.t-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.t-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.t-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1400px) {
.tl-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tl-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tl-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tl-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tl-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tl-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tl-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1400px) {
.tp-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tp-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tp-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tp-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.tp-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tp-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.tp-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.d-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.d-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.d-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.d-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.d-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.d-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.d-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 99999px) {
.dl-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dl-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dl-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dl-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dl-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dl-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dl-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
@media only screen and (orientation: portrait) and (min-width: 1400px) and (max-width: 99999px) {
.dp-se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dp-se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dp-se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dp-se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.dp-se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dp-se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.dp-se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
}
.se-gradient-border-top-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-top-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-top-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-right-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-gradient-border-right-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-gradient-border-right-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-gradient-border-bottom-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-bottom-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, right top, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(right, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(270deg, var(--color-grey) 0%, var(--color-white) 75%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-bottom-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, right top, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(left, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(90deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
right: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
height: 2px;
}
.se-gradient-border-left-10 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-gradient-border-left-01 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-grey)), color-stop(75%, var(--color-white)));
background: -o-linear-gradient(bottom, var(--color-grey) 0%, var(--color-white) 75%);
background: linear-gradient(0deg, var(--color-grey) 0%, var(--color-white) 75%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-gradient-border-left-101 {
position: absolute;
background: rgb(102, 102, 102);
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-grey)), color-stop(40%, var(--color-grey-10)), color-stop(60%, var(--color-grey-10)), to(var(--color-grey)));
background: -o-linear-gradient(top, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
background: linear-gradient(180deg, var(--color-grey) 0%, var(--color-grey-10) 40%, var(--color-grey-10) 60%, var(--color-grey) 100%);
top: calc(var(--page-grid-gap) * -0.4 + 2rem);
left: calc(var(--page-grid-gap) * -0.4 + 2rem);
bottom: calc(var(--page-grid-gap) * -0.4 + 2rem);
width: 2px;
}
.se-info-bar {
font-size: var(--font-copy-large-font-size);
line-height: var(--font-copy-large-line-height);
letter-spacing: var(--font-copy-large-letter-spacing);
font-weight: var(--font-copy-large-font-weight);
text-transform: var(--font-copy-large-text-transform);
font-style: var(--font-copy-large-font-style);
font-family: var(--font-copy-large-font-family);
background: var(--highlight-color);
color: var(--color-white);
position: absolute;
text-align: right;
text-transform: uppercase;
line-height: 0.8;
padding: var(--padding-md) var(--padding-xs);
left: 0;
top: 0;
bottom: 0;
width: calc(var(--font-copy-large-font-size) * 0.8 + var(--padding-xs) + var(--padding-xs));
}
.se-info-bar > span {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
will-change: transform;
}
.se-intro-border {
position: relative;
}
.se-intro-border:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 20rem;
background: var(--highlight-color);
border-top-right-radius: 8rem;
border-bottom-right-radius: 8rem;
}
.se-link {
font-family: "Roboto", Arial, sans-serif;
font-style: italic;
letter-spacing: 1.2rem;
font-weight: bold;
color: var(--color-font);
text-decoration: none;
text-transform: uppercase;
padding-left: 0;
padding-right: 1.8em;
display: inline-block;
position: relative;
z-index: 0;
-webkit-transition: color 0.2s, padding 0.2s, letter-spacing 0.2s, -webkit-transform 0.2s;
transition: color 0.2s, padding 0.2s, letter-spacing 0.2s, -webkit-transform 0.2s;
-o-transition: color 0.2s, padding 0.2s, transform 0.2s, letter-spacing 0.2s;
transition: color 0.2s, padding 0.2s, transform 0.2s, letter-spacing 0.2s;
transition: color 0.2s, padding 0.2s, transform 0.2s, letter-spacing 0.2s, -webkit-transform 0.2s;
}
.se-link:before {
content: "\e91d";
color: var(--highlight-color, var(--color-yellow));
line-height: unset !important;
font-family: "elsterkind_iconset", serif !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 0;
font-size: 1.4em;
top: 0.2em;
-webkit-transition: right 0.2s;
-o-transition: right 0.2s;
transition: right 0.2s;
z-index: -1;
}
.se-link:hover, a:hover .se-link {
letter-spacing: 0.18em;
color: var(--highlight-color, var(--color-yellow));
padding-left: 0.4em;
padding-right: 0.8em;
}
.se-link:hover:before, a:hover .se-link:before {
content: "\e947";
right: 0.16em;
}
.se-reference-teaser {
display: block;
position: relative;
z-index: 1;
}
.se-reference-teaser .__background {
-webkit-transition: -webkit-filter 0.3s ease-out, -webkit-transform 0.3s ease-out;
transition: -webkit-filter 0.3s ease-out, -webkit-transform 0.3s ease-out;
-o-transition: filter 0.3s ease-out, transform 0.3s ease-out;
transition: filter 0.3s ease-out, transform 0.3s ease-out;
transition: filter 0.3s ease-out, transform 0.3s ease-out, -webkit-filter 0.3s ease-out, -webkit-transform 0.3s ease-out;
-webkit-filter: grayscale(1);
filter: grayscale(1);
background-position: center center;
background-size: cover;
}
.se-reference-teaser .__title {
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.se-reference-teaser .__logo {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.se-reference-teaser .__logo img {
max-width: 80%;
max-height: 80%;
-webkit-filter: invert(1) drop-shadow(4rem 5rem 20rem rgba(0, 0, 0, 0.4)) drop-shadow(4rem 4rem 2rem rgba(0, 0, 0, 0.4)) !important;
filter: invert(1) drop-shadow(4rem 5rem 20rem rgba(0, 0, 0, 0.4)) drop-shadow(4rem 4rem 2rem rgba(0, 0, 0, 0.4)) !important;
}
.se-reference-teaser .__rotate_play_button {
-webkit-transition: opacity 1s, -webkit-transform 0.3s;
transition: opacity 1s, -webkit-transform 0.3s;
-o-transition: transform 0.3s, opacity 1s;
transition: transform 0.3s, opacity 1s;
transition: transform 0.3s, opacity 1s, -webkit-transform 0.3s;
}
@media (pointer: fine) {
.se-reference-teaser:hover .__background {
-webkit-transform: scale(1.1) !important;
-ms-transform: scale(1.1) !important;
transform: scale(1.1) !important;
-webkit-filter: grayscale(0) !important;
filter: grayscale(0) !important;
}
.se-reference-teaser:hover .__logo {
opacity: 1 !important;
}
.se-reference-teaser:hover .__rotate_play_button {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
}
.se-rotated-shadow {
-webkit-filter: drop-shadow(0px 0px 8rem rgba(0, 0, 0, 0.75));
filter: drop-shadow(0px 0px 8rem rgba(0, 0, 0, 0.75));
margin-top: -51rem;
}
.se-rotated-shadow:after {
content: "";
display: block;
background: white;
width: 100%;
height: 50rem;
-webkit-clip-path: polygon(20% 0%, 99% 0%, 98% 100%, 20% 77%);
clip-path: polygon(20% 0%, 99% 0%, 98% 100%, 20% 77%);
}
.se-slide-gallery {
-webkit-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
}
.se-slide-gallery .__scroll_track {
overflow: hidden;
cursor: pointer;
}
@media (pointer: coarse) {
.se-slide-gallery .__scroll_track {
overflow-x: scroll;
}
}
.se-slide-gallery .__scroll_track > div > div {
height: 100%;
}
.se-slide-gallery .__navigation {
color: var(--color-grey-60);
display: grid;
grid-template-columns: 1fr 6fr 1fr;
text-align: center;
font-size: 38rem;
gap: calc(2 * var(--page-grid-gap));
}
.se-slide-gallery .__navigation > div:nth-child(1), .se-slide-gallery .__navigation > div:nth-child(3) {
cursor: pointer;
}
.se-slide-gallery .__navigation > div:nth-child(2) {
position: relative;
}
.se-slide-gallery .__navigation > div:nth-child(2):before {
content: "";
height: 2rem;
background-color: var(--color-grey-60);
position: absolute;
left: 0rem;
right: 0rem;
top: 50%;
margin-top: -3rem;
border-radius: 5rem;
}
.se-slide-gallery .__navigation > div:nth-child(2) > div {
position: absolute;
width: 0;
height: 16rem;
background: var(--highlight-color);
top: calc(50% + 4rem);
margin-top: -14rem;
border-radius: 10rem;
outline: 2rem solid #fff;
left: 0;
cursor: pointer;
min-width: 50rem;
}
.se-slide-gallery .__scroll_track > * {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.se-slide-gallery .__scroll_track > * > div {
margin-right: var(--page-grid-gap);
}
.se-slide-gallery .__scroll_track > * > div > img, .se-slide-gallery .__scroll_track > * > div > picture, .se-slide-gallery .__scroll_track > * > div > video {
height: 100%;
max-height: 100%;
width: auto;
max-width: unset;
}
.se-slide-gallery .__scroll_track > * > div:last-child {
margin-right: 0;
}
.se-slide-gallery img {
pointer-events: none;
}
.se-stats {
--item-min-width: calc(100% / var(--max-columns));
grid-template-columns: repeat(auto-fit, minmax(var(--item-min-width), 1fr));
max-width: calc(var(--item-min-width) * var(--max-columns));
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-stats {
--max-columns: var(--m-max-columns, 1);
}
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-stats {
--max-columns: var(--t-max-columns, 2);
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.se-stats {
--max-columns: var(--d-max-columns, 4);
}
}
.se-tab-highlighting {
position: relative;
height: 12px;
}
.se-tab-highlighting > div:nth-child(1) {
top: 6px;
height: 1px;
background-color: var(--color-grey-60);
border-radius: 1px;
position: absolute;
}
.se-tab-highlighting > div:nth-child(2) {
position: absolute;
background-color: var(--color-highlight);
border-radius: 7px;
height: 100%;
-webkit-transition: left 0.5s, width 0.5s;
-o-transition: left 0.5s, width 0.5s;
transition: left 0.5s, width 0.5s;
}
.se-tag {
text-decoration: none;
text-transform: uppercase;
display: inline-block;
font-family: inherit;
line-height: 1;
border-radius: 0;
position: relative;
overflow: hidden;
z-index: 1;
cursor: pointer;
-webkit-font-smoothing: antialiased;
white-space: nowrap;
padding: 0.5em 0.64em 0.4em 0.64em;
color: var(--color-font);
background-color: var(--color-white);
border: 2rem solid var(--color-grey);
text-transform: uppercase;
-webkit-transition: color 0.3s, background-color 0.3s;
-o-transition: color 0.3s, background-color 0.3s;
transition: color 0.3s, background-color 0.3s;
}
.se-tag:hover {
color: var(--color-font-bright);
background-color: var(--color-grey);
}
.se-title-note {
background: var(--highlight-color);
color: var(--color-font-bright);
padding: 0.5em 1.25em;
display: inline-block;
position: relative;
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-title-note {
white-space: nowrap;
}
}
@media only screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1400px) {
.se-title-note {
white-space: nowrap;
}
}
@media only screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1400px) {
.se-title-note {
white-space: nowrap;
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.se-title-note {
white-space: nowrap;
}
}
@media only screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 99999px) {
.se-title-note {
white-space: nowrap;
}
}
@media only screen and (orientation: portrait) and (min-width: 1400px) and (max-width: 99999px) {
.se-title-note {
white-space: nowrap;
}
}
.se-title-note:before {
content: "";
position: absolute;
background: var(--highlight-color);
width: 20rem;
height: 20rem;
z-index: -1;
bottom: -10rem;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
left: var(--page-grid-gap);
}
.se-title-note.__right:before {
left: unset;
right: calc(var(--page-grid-gap) - 10rem);
}
.se-vertical-arrow {
position: relative;
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (orientation: landscape) and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (orientation: portrait) and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 99999px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (orientation: landscape) and (min-width: 1400px) and (max-width: 99999px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (orientation: portrait) and (min-width: 1400px) and (max-width: 99999px) {
.se-vertical-arrow {
width: 28px;
min-width: 28px;
}
}
@media only screen and (min-width: 0px) and (max-width: 640px) {
.se-vertical-arrow {
width: 100%;
}
}
.se-vertical-arrow:before {
content: "";
position: absolute;
top: -1.9em;
left: 0;
right: 0;
height: 2.5em;
width: inherit;
border-left: 1px solid var(--highlight-color);
border-bottom: 1px solid var(--highlight-color);
border-radius: 2px;
border-bottom-left-radius: 3px;
margin-bottom: 0.55em;
}
.se-vertical-arrow:after {
content: "";
position: absolute;
top: 0;
right: 0;
height: 0.6em;
width: 0.6em;
border-right: 1px solid var(--highlight-color);
border-bottom: 1px solid var(--highlight-color);
-webkit-transform: translateY(0.3em) rotate(-45deg);
-ms-transform: translateY(0.3em) rotate(-45deg);
transform: translateY(0.3em) rotate(-45deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
border-radius: 2px;
border-bottom-right-radius: 1px;
}
.se-vertical-arrow.__large:before {
height: 8em;
top: -7.4em;
}
.se-vertical-arrow.__bottom {
margin-bottom: 1em;
margin-top: 0.5em;
}
.se-vertical-arrow.__bottom:before {
bottom: 0;
top: 0;
height: unset;
margin-bottom: 0;
}
.se-vertical-arrow.__bottom:after {
top: unset;
bottom: 0;
-webkit-transform: translateY(0.3em) rotate(-45deg);
-ms-transform: translateY(0.3em) rotate(-45deg);
transform: translateY(0.3em) rotate(-45deg);
}
.se-vertical-title {
--color: var(--color-grey);
--color-opac: rgba(74, 72, 73, 0);
position: relative;
color: var(--color);
height: 100%;
display: grid;
grid-auto-rows: auto -webkit-min-content;
grid-auto-rows: auto min-content;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-bottom: 60rem;
}
.se-vertical-title.__light {
--color: var(--color-font-bright);
--color-opac: rgba(247, 247, 247, 0);
}
.se-vertical-title:after {
content: "";
position: absolute;
bottom: 0;
left: calc(50% - 1px);
height: 60rem;
width: 1px;
background: var(--color);
background: -webkit-gradient(linear, left bottom, left top, from(var(--color-opac)), to(var(--color)));
background: -o-linear-gradient(bottom, var(--color-opac) 0%, var(--color) 100%);
background: linear-gradient(0deg, var(--color-opac) 0%, var(--color) 100%);
}
.se-vertical-title .__title {
white-space: nowrap;
text-transform: uppercase;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
position: relative;
font-family: "All Round Gothic", Arial, serif;
}
.se-vertical-title .__title > div {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
will-change: transform;
}
.se-vertical-title .__title > div > * {
padding-top: 40rem;
}
.se-vertical-title .__title > div > *:nth-child(1) {
font-size: 26rem;
letter-spacing: 0.52rem;
line-height: 33.6rem;
margin-right: -12rem;
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-title .__title > div > *:nth-child(1) {
font-size: 20rem;
letter-spacing: 0.4rem;
line-height: 29rem;
margin-right: -5rem;
}
}
.se-vertical-title .__title > div > *:nth-child(2) {
font-size: 38rem;
letter-spacing: 0.76rem;
line-height: 47.8rem;
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-title .__title > div > *:nth-child(2) {
font-size: 28rem;
letter-spacing: 0.56rem;
line-height: 33.6rem;
}
}
.se-vertical-title .__title:before {
content: "";
position: absolute;
top: 0;
left: 50%;
bottom: 0;
width: 1px;
background: var(--color);
margin-left: -1px;
background: -webkit-gradient(linear, left top, left bottom, from(var(--color-opac)), to(var(--color)));
background: -o-linear-gradient(top, var(--color-opac) 0%, var(--color) 100%);
background: linear-gradient(180deg, var(--color-opac) 0%, var(--color) 100%);
}
.se-vertical-title .__buttons {
text-align: center;
}
.se-vertical-title .__buttons > div {
font-size: 64rem;
line-height: 84rem;
position: relative;
padding-top: 8rem;
}
@media only screen and (min-width: 640px) and (max-width: 1400px) {
.se-vertical-title .__buttons > div {
font-size: 54rem;
line-height: 74rem;
}
}
.se-vertical-title .__buttons > div:before {
content: "";
position: absolute;
top: -5rem;
left: 50%;
height: 16rem;
width: 1px;
background: var(--color);
}
.se-vertical-title .__buttons > div:first-child {
padding-top: 0;
}
.se-vertical-title .__buttons > div:first-child:before {
display: none;
}
.se-vertical-title .__buttons > div:last-child {
margin-bottom: -5rem;
}
.image-lightbox {
position: fixed;
z-index: 9999999;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
display: none;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.image-lightbox img {
-o-object-fit: contain;
object-fit: contain;
width: 90vw;
height: 90vh;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.image-lightbox.__loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: transparent;
-webkit-transition: background-color 0.3s linear 0.3s;
-o-transition: background-color 0.3s linear 0.3s;
transition: background-color 0.3s linear 0.3s;
}
.image-lightbox.__loading img {
opacity: 0;
-webkit-transition: opacity 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s;
transition: opacity 0.3s linear 0s;
}
.image-lightbox.__active {
background-color: rgba(0, 0, 0, 0.9215686275);
-webkit-transition: background-color 0.5s linear 0s;
-o-transition: background-color 0.5s linear 0s;
transition: background-color 0.5s linear 0s;
}
.image-lightbox.__active img {
opacity: 1;
-webkit-transition: opacity 0.5s linear 0.6s;
-o-transition: opacity 0.5s linear 0.6s;
transition: opacity 0.5s linear 0.6s;
}
.video-lightbox {
position: fixed;
z-index: 9999999;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: transparent;
display: none;
overflow: hidden;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.video-lightbox video {
max-width: 90vw;
max-height: 90vh;
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.video-lightbox.__loading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: transparent;
-webkit-transition: background-color 0.3s linear 0.3s;
-o-transition: background-color 0.3s linear 0.3s;
transition: background-color 0.3s linear 0.3s;
}
.video-lightbox.__loading video {
opacity: 0;
-webkit-transition: opacity 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s;
transition: opacity 0.3s linear 0s;
}
.video-lightbox.__active {
background-color: rgba(0, 0, 0, 0.9215686275);
-webkit-transition: background-color 0.5s linear 0s;
-o-transition: background-color 0.5s linear 0s;
transition: background-color 0.5s linear 0s;
}
.video-lightbox.__active video {
opacity: 1;
-webkit-transition: opacity 0.5s linear 0.6s;
-o-transition: opacity 0.5s linear 0.6s;
transition: opacity 0.5s linear 0.6s;
}