.sh-skin-root,
.sh-skin-campaign-item { display: none; }
.sh-skin-root.is-active { display: block; }
.sh-skin-campaign-item.is-selected-campaign { display: block; }
.sh-skin-ad {
display: block;
line-height: 0;
text-decoration: none !important;
outline-offset: 3px;
}
.sh-skin-ad img {
display: block;
border: 0;
margin: 0;
padding: 0;
max-width: 100%;
height: auto;
}
.sh-skin-top-wrap {
position: relative;
width: 100%;
margin: 0;
padding: 10px 12px;
box-sizing: border-box;
background: #eef9ff;
overflow: hidden;
clear: both;
}
.sh-skin-top-inner {
width: 100%;
margin: 0 auto;
}
.sh-skin-top-inner-ts { max-width: 900px; }
.sh-skin-top-inner-hepiyi { max-width: 900px; }
.sh-skin-top-desktop { display: block; }
.sh-skin-top-mobile { display: none; } .sh-skin-html5-slot {
--sh-html5-scale: 1;
position: relative;
width: 100%;
max-width: var(--sh-base-width, 900px);
height: var(--sh-scaled-height, 300px);
margin: 0 auto;
overflow: hidden;
line-height: 0;
}
.sh-skin-html5-stage {
position: absolute;
left: 50%;
top: 0;
width: var(--sh-base-width, 900px);
height: var(--sh-base-height, 300px);
transform: translateX(-50%) scale(var(--sh-html5-scale));
transform-origin: top center;
pointer-events: none;
}
.sh-skin-html5-stage iframe {
display: block;
width: var(--sh-base-width, 900px);
height: var(--sh-base-height, 300px);
margin: 0;
padding: 0;
border: 0;
pointer-events: none;
background: transparent;
}
.sh-skin-html5-click {
position: absolute;
z-index: 3;
inset: 0;
display: block;
cursor: pointer;
background: transparent;
text-decoration: none !important;
}
.sh-skin-hepiyi-mobile-300 { display: none; } .sh-skin-rails {
position: static;
pointer-events: none;
}
.sh-skin-rail {
display: none;
position: fixed;
top: 50%;
z-index: 20;
transform: translateY(-50%);
pointer-events: none;
margin: 0;
padding: 0;
}
.sh-skin-rail-left { left: var(--sh-skin-rail-left, -9999px); }
.sh-skin-rail-right { right: var(--sh-skin-rail-right, -9999px); }
.sh-skin-rail-link { display: none; pointer-events: auto; transition: opacity .18s ease; }
.sh-skin-rail-link:hover { opacity: .96; }
.sh-skin-rails.is-active.is-layout-safe .sh-skin-campaign-item.is-selected-campaign .sh-skin-rail { display: block; }
.sh-skin-rails.is-active.is-layout-safe.sh-skin-use-120 .sh-skin-campaign-turkiye.is-selected-campaign .sh-skin-rail-120 { display: block; }
.sh-skin-rails.is-active.is-layout-safe.sh-skin-use-300 .sh-skin-campaign-turkiye.is-selected-campaign .sh-skin-rail-300 { display: block; }
.sh-skin-rails.is-active.is-layout-safe.sh-skin-use-160 .sh-skin-campaign-hepiyi.is-selected-campaign .sh-skin-rail-hepiyi { display: block; }
.sh-skin-rail-120 img { width: auto; height: auto; max-width: 120px; max-height: calc(100vh - 24px); }
.sh-skin-rail-300 img { width: auto; height: auto; max-width: 300px; max-height: calc(100vh - 24px); }
.sh-skin-slot-rail { width: 160px; max-width: 160px; }
@media (max-width: 767px) {
.sh-skin-top-wrap { padding: 8px 10px; }
.sh-skin-top-inner-ts { max-width: 300px; }
.sh-skin-top-inner-hepiyi { max-width: 336px; }
.sh-skin-top-desktop { display: none; }
.sh-skin-top-mobile { display: block; }
}
@media (max-width: 359px) {
.sh-skin-hepiyi-mobile-336 { display: none; }
.sh-skin-hepiyi-mobile-300 { display: block; }
.sh-skin-top-inner-hepiyi { max-width: 300px; }
} @media (max-width: 1279px) {
.sh-skin-rails,
.sh-skin-rails.is-active,
.sh-skin-rails.is-active.is-layout-safe { display: none !important; }
}
@media (min-width: 783px) {
.admin-bar .sh-skin-rail { margin-top: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.sh-skin-rail-link { transition: none; }
}