@charset "UTF-8"; @font-face {
font-family: icomoon;
src: url(/binaries/content/assets/play/portal/html/icons/icomoon.ttf?atq8b) format("truetype"), url(/binaries/content/assets/play/portal/html/icons/icomoon.woff?atq8b) format("woff"), url(/binaries/content/assets/play/portal/html/icons/icomoon.svg?atq8b#icomoon) format("svg");
font-weight: 400;
font-style: normal;
font-display: swap
} @font-face {
font-family: Manrope;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://media-play.pl/binaries/web/fonts/Manrope-Regular.woff2) format("woff2")
} @font-face {
font-family: Manrope;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://media-play.pl/binaries/web/fonts/Manrope-SemiBold.woff2) format("woff2")
} @font-face {
font-family: Manrope;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://media-play.pl/binaries/web/fonts/Manrope-Bold.woff2) format("woff2")
} .sr-only {
position: absolute !important;
padding: 0;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
border: 0
} .a11y-comments:after,
.a11y-comments:before,
.sr-only {
width: 1px;
height: 1px;
overflow: hidden;
white-space: nowrap
} .a11y-comments:after,
.a11y-comments:before {
clip-path: inset(100%);
clip: rect(1px, 1px, 1px, 1px);
position: absolute
} .price--old .a11y-comments:before {
content: " stara cena początek"
} .price--old .a11y-comments:after {
content: " stara cena koniec"
} .price--new .a11y-comments:before {
content: " nowa cena początek"
} .price--new .a11y-comments:after {
content: " nowa cena koniec"
} .value--old .a11y-comments:before {
content: " stara wartość początek"
} .value--old .a11y-comments:after {
content: " stara wartość koniec"
} .value--new .a11y-comments:before {
content: " nowa wartość początek"
} .value--new .a11y-comments:after {
content: " nowa wartość koniec"
} .tooltip-wrapper {
position: relative
} .custom-tooltip {
line-height: 1.4
} .custom-tooltip .tooltip-trigger {
position: relative;
display: inline-block;
color: #000;
font-size: 10px;
line-height: 1;
background-color: transparent;
cursor: pointer;
transition: all .2s;
border-radius: 4px;
z-index: 2;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-focus-ring-color: hsla(0, 0%, 100%, 0)
} .custom-tooltip .tooltip-trigger .info-icon {
display: inline-block;
width: 16px;
height: 16px;
text-align: center;
vertical-align: middle;
border: 1.5px solid #d6d6d6;
border-radius: 50%;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1a1 1 0 11-2 0 1 1 0 012 0zM1 4a1 1 0 011 1v4a1 1 0 01-2 0V5a1 1 0 011-1z' fill='%23707070'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 50%
} .custom-tooltip .tooltip-trigger:hover {
z-index: 4
} .custom-tooltip .tooltip-trigger.for-darken-bg {
border: 1px solid #1f1f1f
} .custom-tooltip .tooltip-trigger.for-darken-bg:after,
.custom-tooltip .tooltip-trigger.for-darken-bg:before {
background-color: #1f1f1f
} .custom-tooltip .custom-tooltip--show {
overflow: visible
} .tooltip-content {
font-family: Manrope, sans-serif;
position: fixed;
display: block;
top: 2000px;
left: 0;
width: 192px;
line-height: 1.3;
padding: 8px;
font-size: 12px;
opacity: 0;
visibility: hidden;
color: #1f1f1f;
background-color: #fafafa;
border: 1px solid #d6d6d6;
z-index: 1051;
border-radius: 4px;
transform: translate3d(-8px, -10px, 0) rotate(15deg);
transform-origin: 50% calc(100% + 6em) 0;
backface-visibility: hidden
} @media (min-width:768px) {
.tooltip-content.wide {
width: 400px
}
} .tooltip-content.active {
opacity: 1;
visibility: visible;
transform: translate3d(-8px, -10px, 0) rotate3d(0, 0, 0, 0deg)
} .tooltip-content:after,
.tooltip-content:before {
content: "";
position: absolute;
top: 100%;
left: 10px;
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border: 8px solid transparent;
border-top-color: #d6d6d6
} .tooltip-content:after {
top: calc(100% - 1px);
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border: 8px solid transparent;
border-top-color: #fafafa
} .tooltip-content p:last-of-type {
margin: 0
} .tooltip-content .tooltip-title {
color: #1f1f1f;
font-weight: 700;
display: block;
margin-bottom: .25rem
} .tooltip-content .line {
display: block;
margin-bottom: 1rem
} .tooltip-content .multi-content {
display: none
} .tooltip-content .multi-content.active {
display: inline
} .tooltip-content.floated-left {
transform: translate3d(calc(-100% + 30px), -10px, 0) rotate(-15deg)
} .tooltip-content.floated-left:after,
.tooltip-content.floated-left:before {
left: unset;
right: 10px
} .tooltip-content.floated-left.active {
transform: translate3d(calc(-100% + 30px), -10px, 0) rotate(0)
} .tooltip-content.floated-center {
transform: translate3d(-50%, 0, 0) rotate(15deg)
} .tooltip-content.floated-center:after,
.tooltip-content.floated-center:before {
left: 50%;
transform: translate3d(-50%, 0, 0) rotate(15deg)
} .tooltip-content.floated-center.active {
transform: translate3d(-50%, 0, 0) rotate3d(0, 0, 0, 0deg)
} .tooltip-content.floated-up {
transform: translate3d(-8px, calc(100% + 34px), 0) rotate(-15deg);
transform-origin: 100% -100% 0
} .tooltip-content.floated-up:after,
.tooltip-content.floated-up:before {
top: unset;
bottom: 100%;
transform: rotate(180deg)
} .tooltip-content.floated-up:after {
bottom: calc(100% - 2px)
} .tooltip-content.floated-up.active {
transform: translate3d(-8px, calc(100% + 34px), 0) rotate3d(0, 0, 0, 0deg)
} .tooltip-content.floated-up.floated-left {
transform: translate3d(calc(-100% + 30px), calc(100% + 34px), 0) rotate(-15deg)
} .tooltip-content.floated-up.floated-left:after,
.tooltip-content.floated-up.floated-left:before {
left: unset;
right: 10px
} .tooltip-content.floated-up.floated-left.active {
transform: translate3d(calc(-100% + 30px), calc(100% + 34px), 0) rotate(0)
} .tooltip-content.floated-up.violet:after,
.tooltip-content.floated-up.violet:before {
bottom: 100%
} .tooltip-content.to-left {
text-align: left;
padding: 8px 8px 8px 20px
} [data-whatinput=keyboard] .tooltip-trigger:focus {
outline: 1px solid #266dd9;
outline-offset: 2px
} .v-custom-html {
margin: 0 !important;
z-index: 1
} .v-custom-html.p20-section--first-on-desktop .external-css {
overflow-x: visible
} .banner-header {
margin-top: 0 !important
} .tooltip-content .tv-logos {
width: 100%
} @media (max-width:767px) {
.vue-ssr__app-root:has(.opened-modal) .v-navbar {
display: none
}
} @media (max-width:767px) {
.vue-ssr__app-root:has(.opened-modal) .v-alert-bar-wrapper {
display: none
}
} .external-css,
.modal-open {
overflow: hidden
} @media (max-width:767px) {
.external-css .tab__items {
top: 26px;
margin: 0
}
} .external-css.offer-content {
background-color: #f5f5f5
} .external-css html.modal-open body {
overflow: hidden
} .external-css .custom-modal {
position: fixed;
overflow: hidden;
overflow-y: auto;
display: none;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1051
} @media (min-width:768px) {
.external-css .custom-modal {
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
} .external-css .custom-modal.with-smooth-scroll {
scroll-behavior: smooth
} .external-css .custom-modal.custom-modal--l .custom-modal__inner {
max-width: 63.5rem
} .external-css .custom-modal.custom-modal--full .custom-modal__inner {
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 100vw;
min-height: 100%;
margin: 0;
border-radius: 0;
transform: scale(1)
} .external-css .custom-modal.custom-modal--slide .custom-modal__inner {
transform: scale(1);
transform: translateX(100%);
opacity: 1
} .external-css .custom-modal.custom-modal--slide .custom-modal__inner--animated {
transform: translateX(0)
} .external-css .custom-modal__inner {
position: relative;
width: 100%;
max-width: 55rem;
background-color: #fff;
transform: scale(.7);
opacity: 0;
transition: all .3s
} @media (max-width:767px) {
.external-css .custom-modal__inner {
min-height: 100vh;
padding: 52px 16px
}
} @media (min-width:768px) {
.external-css .custom-modal__inner {
padding: 48px;
border-radius: 8px
}
} .external-css .custom-modal__inner--animated {
opacity: 1;
transform: scale(1)
} .external-css .custom-modal__inner.animate-out {
animation: modalOut .85s forwards
} @media (min-width:768px) {
.external-css .custom-modal__inner {
overflow: auto;
margin: 90px auto
}
} .external-css .custom-modal__inner .close-modal {
position: absolute;
right: 2rem;
top: 2rem;
padding: .5rem;
color: #1f1f1f;
z-index: 1
} @media (max-width:767px) {
.external-css .custom-modal__inner .close-modal {
right: 1.5rem;
top: 1.5rem
}
} @media (min-width:768px) {
.external-css .custom-modal__inner .close-modal {
right: 2rem;
top: 2rem
}
} .external-css .custom-modal__inner .close-modal .icon-close:before {
content: X;
font-size: 16px
} .external-css .custom-modal.loading-modal .custom-modal__inner {
display: flex;
justify-content: center;
align-items: center
} .external-css .custom-modal.loading-modal .picture--loading {
width: 96px;
height: 96px;
margin: 0 auto
} .external-css .page-wrapper.page-layer:before {
content: "";
position: fixed;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background: rgba(0, 0, 0, .7);
z-index: 1050;
transition: .2s
} .external-css .page-wrapper.page-layer.layer-visible {
height: 100%
} .external-css .page-wrapper.page-layer.layer-visible:before {
opacity: 1;
visibility: visible
} .external-css .switch-content {
display: none
} .external-css .switch-content--active {
display: block
} .external-css .switch {
display: flex;
align-items: center;
justify-content: center
} @media (max-width:1023px) {
.external-css .switch {
margin: 1.25rem 1.25rem 1.75rem;
height: 64px
}
} @media (min-width:1024px) {
.external-css .switch {
margin: 1.25rem auto 2rem
}
} .external-css .switch__label {
display: block;
margin-left: 24px;
color: #1f1f1f;
font-weight: 500
} .external-css .switch__label small {
color: #707070
} .external-css .switch__label .tooltip-trigger {
top: -2px
} .external-css .switch.indigo .switch__btn[aria-checked=false]~.switch__label-wrap .switch__label {
font-weight: 700
} .external-css .switch.indigo .switch__btn[aria-checked=false]~.switch__label-wrap .switch__label small {
color: #1f1f1f;
font-weight: 500
} .external-css .switch.indigo .switch__btn[aria-checked=true] {
background-color: #239a98
} .external-css .switch.indigo .switch__btn[aria-checked=true]:before {
background-image: url("data:image/svg+xml;utf8,<svg width='65' height='48' viewBox='0 0 65 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M63.2121 1.85901C64.8724 3.51934 64.8724 6.21126 63.2121 7.87159L24.5231 46.5606C23.7258 47.3579 22.6444 47.8058 21.5168 47.8058C20.3893 47.8058 19.3079 47.3579 18.5106 46.5606L1.92957 29.9796C0.269244 28.3192 0.269244 25.6273 1.92957 23.967C3.5899 22.3067 6.28182 22.3067 7.94215 23.967L21.5168 37.5417L57.1995 1.85902C58.8598 0.198688 61.5518 0.198688 63.2121 1.85901Z' fill='%23239A98'/></svg>")
} .external-css .switch.indigo .switch__btn[aria-checked=true]~.switch__label-wrap .switch__label {
color: #239a98;
font-weight: 700
} .external-css .switch.indigo .switch__btn[aria-checked=true]~.switch__label-wrap .switch__label small {
color: #1f1f1f;
font-weight: 500
} .external-css .switch__btn {
--switch-size: 28px;
--switch-border: 2px;
position: relative;
min-width: 56px;
width: 56px;
height: calc(var(--switch-border)*2 + var(--switch-size));
border-radius: 16px
} .external-css .switch__btn:before {
position: absolute;
top: var(--switch-border);
display: block;
width: var(--switch-size);
height: var(--switch-size);
border-radius: 50%;
content: "";
background-color: #fff;
transition-duration: .2s;
background-position: 50% 50%;
background-size: 18px;
background-repeat: no-repeat
} .external-css .switch__btn[aria-checked=false] {
background-color: #ebebeb
} .external-css .switch__btn[aria-checked=false]:before {
left: var(--switch-border)
} .external-css .switch__btn[aria-checked=true] {
background-color: #6c43bf
} .external-css .switch__btn[aria-checked=true]:before {
left: calc(100% - var(--switch-size) - var(--switch-border));
background-image: url("data:image/svg+xml;utf8,<svg width='65' height='48' viewBox='0 0 65 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M63.2121 1.85901C64.8724 3.51934 64.8724 6.21126 63.2121 7.87159L24.5231 46.5606C23.7258 47.3579 22.6444 47.8058 21.5168 47.8058C20.3893 47.8058 19.3079 47.3579 18.5106 46.5606L1.92957 29.9796C0.269244 28.3192 0.269244 25.6273 1.92957 23.967C3.5899 22.3067 6.28182 22.3067 7.94215 23.967L21.5168 37.5417L57.1995 1.85902C58.8598 0.198688 61.5518 0.198688 63.2121 1.85901Z' fill='%236C43BF'/></svg>")
} .external-css .switch__btn[aria-checked=true]~.switch__label-wrap .switch__label--on {
display: block !important
} .external-css .switch__btn[aria-checked=true]~.switch__label-wrap .switch__label--off {
display: none !important
} .external-css .switch__btn[aria-checked=true]~.switch__label-wrap .switch__label {
color: #6c43bf
} .external-css .switch__btn[aria-checked=false]~.switch__label-wrap .switch__label--on {
display: none !important
} .external-css .switch__btn[aria-checked=false]~.switch__label-wrap .switch__label--off {
display: block !important
} .external-css .logo__text {
font-size: .875rem
} .external-css .logo__text small {
font-size: .75rem
} .external-css .custom-modal--channel .p20-button {
display: flex;
width: max-content;
margin: 0 auto
} .external-css .custom-modal--channel .p20-button .chveron-icon {
display: inline-block;
margin-left: 8px
} .external-css .channel.channel--section .section__header {
display: flex
} @media (max-width:767px) {
.external-css .channel.channel--section .section__header {
margin-top: 1rem;
flex-direction: column;
gap: .5rem
}
} @media (min-width:768px) {
.external-css .channel.channel--section .section__header {
margin-top: 2.5rem;
flex-direction: row;
align-items: baseline;
gap: 1rem
}
} .external-css .channel.channel--section .section__title {
font-style: normal;
font-weight: 700;
line-height: 150%
} @media (max-width:767px) {
.external-css .channel.channel--section .section__title {
font-size: 1.25rem
}
} @media (min-width:768px) {
.external-css .channel.channel--section .section__title {
font-size: 1.5rem
}
} .external-css .channel.channel--section .section__description {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%
} .external-css .toggle-button {
font-size: .75rem;
font-weight: 500;
line-height: 150%;
color: #266dd9;
white-space: nowrap
} .external-css .toggle-button .icon-chevron-down:before {
content: ""
} .external-css .toggle-button[aria-expanded=true] .icon-chevron-down {
transform: rotate(180deg)
} .external-css .toggle-content {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows .4s cubic-bezier(.5, .5, .05, .95)
} .external-css .toggle-content[aria-hidden=false] {
visibility: visible;
grid-template-rows: 1fr
} .external-css .toggle-content>div {
overflow: hidden
} @media (max-width:767px) {
.external-css .offer-list li:first-child .offer {
width: calc(100% + .75rem);
margin-left: -.75rem
} .external-css .offer-list li:last-child .offer {
width: calc(100% + .75rem);
margin-right: -.75rem
}
} .external-css .offer-list .offer {
height: 100%;
border-radius: .5rem;
border: 1px solid #ebebeb;
background-color: #fff
} .external-css .offer-list .offer.highlighted {
border: .125rem solid transparent;
background-image: linear-gradient(var(--background-color, #fff), var(--background-color, #fff)), linear-gradient(180deg, #7b4cd9, #b54fdf);
background-origin: border-box;
background-clip: padding-box, border-box
} .external-css .offer-list .offer__header {
position: relative;
display: flex;
align-items: center;
border-bottom: 1px solid #ebebeb
} @media (max-width:767px) {
.external-css .offer-list .offer__header {
min-height: 3.875rem;
padding: 1rem .75rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__header {
min-height: 4.25rem;
padding: 1rem 1.25rem
}
} .external-css .offer-list .offer__header .icon5g {
display: block;
width: 25px;
height: 24px;
margin-left: auto
} @media (max-width:767px) {
.external-css .offer-list .offer__header .icon5g {
width: 23px;
height: 22px
}
} @media (min-width:768px) {
.external-css .offer-list .offer__header .icon5g {
width: 25px;
height: 24px
}
} .external-css .offer-list .offer__name {
font-weight: 700;
background-image: linear-gradient(180deg, #7b4cd9, #b54fdf);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
} .external-css .offer-list .offer__name .emoji {
background-image: none;
-webkit-text-fill-color: initial
} .external-css .offer-list .offer__description {
font-weight: 700;
background-image: linear-gradient(180deg, #7b4cd9, #b54fdf);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent
} .external-css .offer-list .offer__label {
position: absolute;
top: -.75rem;
left: .75rem;
padding: .25rem .5rem;
border-radius: .25rem;
font-weight: 600;
color: #1f1f1f;
background-color: #fff200
} .external-css .offer-list .offer__label.offer__label--promo {
background-color: #c43b3a;
color: #fff
} .external-css .offer-list .offer__label.offer__label--promotion {
background-color: #e6144b;
color: #fff
} .external-css .offer-list .offer__label.offer__label--upc {
background-color: #ffdf73;
color: #1f1f1f
} .external-css .offer-list .offer__content {
display: flex;
flex-direction: column;
height: 100%
} @media (max-width:767px) {
.external-css .offer-list .offer__content {
min-height: 35.5rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__content {
min-height: 41rem
}
} .external-css .offer-list .offer__properties {
display: flex;
flex-direction: column;
color: #1f1f1f
} .external-css .offer-list .offer__more-info {
color: #266dd9;
text-align: left
} @media (max-width:767px) {
.external-css .offer-list .offer__more-info {
padding: 0 .75rem 1.125rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__more-info {
padding: 0 1.5rem 1.125rem
}
} .external-css .offer-list .offer__footer {
display: flex;
flex-direction: column;
margin-top: auto;
background-color: #f5f5f5
} @media (max-width:767px) {
.external-css .offer-list .offer__footer {
padding: 1rem .75rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__footer {
padding: 1rem 1.5rem
}
} @media (max-width:767px) {
.external-css .offer-list .offer__caption--legal {
position: absolute;
bottom: 0;
left: 0;
margin-top: .75rem;
padding-left: 7px;
text-indent: -7px;
color: #707070
}
} @media (min-width:768px) {
.external-css .offer-list .offer__caption--legal {
display: none
}
} .external-css .offer-list .group--main .property:first-child .property__container {
border-top: none
} .external-css .offer-list .group.red-decor {
position: relative
} .external-css .offer-list .group.red-decor:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -1.5rem;
width: 5px;
background: #e50914
} @media (max-width:767px) {
.external-css .offer-list .group.red-decor:before {
left: -.875rem
}
} .external-css .offer-list .group.red-decor:after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1.5rem;
bottom: -1px;
left: -1.5rem;
background: transparent;
pointer-events: none;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
} @media (max-width:767px) {
.external-css .offer-list .group.red-decor:after {
left: -.875rem;
right: -.875rem
}
} .external-css .offer-list .group.red-decor .property__name--logo {
align-self: flex-end
} .external-css .offer-list .group.red-decor .custom-tooltip {
position: relative;
top: -2px;
align-self: flex-end
} .external-css .offer-list .group.black-decor {
position: relative
} @media (min-width:768px) {
.external-css .offer-list .group.black-decor {
margin: 0 1.5rem 0 1rem
}
} .external-css .offer-list .group.black-decor:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: -1rem;
width: 5px;
background: #1f1f1f
} @media (max-width:767px) {
.external-css .offer-list .group.black-decor:before {
left: -.875rem
}
} .external-css .offer-list .group.black-decor:after {
content: "";
display: block;
position: absolute;
top: -1px;
right: -1.5rem;
bottom: -1px;
left: -1.5rem;
background: transparent;
pointer-events: none;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb
} @media (max-width:767px) {
.external-css .offer-list .group.black-decor:after {
left: -.875rem;
right: -.875rem
}
} .external-css .offer-list .group.black-decor .property__name--logo {
align-self: flex-end;
width: auto;
margin-right: .75rem
} .external-css .offer-list .group.black-decor .property__name--logo .logo {
margin-bottom: 2px
} @media (max-width:767px) {
.external-css .offer-list .group.black-decor .property__name--logo .logo {
width: 28px;
height: 6px
}
} @media (min-width:768px) {
.external-css .offer-list .group.black-decor .property__name--logo .logo {
width: 35px;
height: 7px
}
} .external-css .offer-list .group.black-decor .custom-tooltip {
position: relative;
top: -2px;
align-self: flex-end
} .external-css .offer-list .property {
display: flex
} @media (max-width:767px) {
.external-css .offer-list .property {
padding: 0 .75rem
}
} @media (min-width:768px) {
.external-css .offer-list .property {
padding: 0 1.5rem
}
} .external-css .offer-list .property--with-rows .property__desc {
display: block
} .external-css .offer-list .property .property__content__badge {
display: inline-block;
font-weight: 600;
font-size: .875rem;
color: #fff;
background-color: #e6144b;
margin-bottom: 3px;
padding: 2px 8px;
border-radius: 4px
} .external-css .offer-list .property--long-desc .property__content {
display: flex;
align-items: flex-start
} .external-css .offer-list .property--long-desc .property__content .property__desc {
display: flex;
flex-direction: column;
font-weight: 700
} .external-css .offer-list .property--long-desc .property__content .property__desc span.small {
font-size: 10px;
font-weight: 500
} .external-css .offer-list .property--long-desc .property__content .property__desc small {
font-weight: 500;
font-size: inherit
} .external-css .offer-list .property:not(.property--no-underline) .property__container {
border-top: 1px solid #ebebeb
} .external-css .offer-list .property--highlighted {
background-color: #f4eeff
} .external-css .offer-list .property__container {
padding: 1rem 0;
align-items: flex-start;
width: 100%;
font-size: .875rem;
line-height: 1.5
} .external-css .offer-list .property__content {
flex-basis: 100%
} .external-css .offer-list .property__content b {
font-weight: 700;
line-height: 1.5rem
} .external-css .offer-list .property__content--device {
display: flex;
align-content: center
} .external-css .offer-list .property__content--device.device .device__details {
align-self: center
} .external-css .offer-list .property__name {
font-weight: 700;
margin-right: .125rem
} .external-css .offer-list .property__name .highlighted-text {
color: #e6144b
} .external-css .offer-list .property__value-group {
white-space: nowrap;
display: block
} @media (max-width:767px) {
.external-css .offer-list .property__value-group {
margin-top: .375rem
}
} @media (min-width:768px) {
.external-css .offer-list .property__value-group {
margin-top: .375rem
}
} .external-css .offer-list .property__value:not(.property__value--old) {
font-weight: 700;
color: #1f1f1f
} .external-css .offer-list .property__value:not(.property__value--old).property__value--highlighted {
display: inline-block;
margin: 0 .25rem .5rem 0;
padding: .125rem .25rem;
border-radius: 2px;
color: #fff;
background-color: #e6144b
} .external-css .offer-list .property__value--new.property__value--new {
color: #e6144b
} .external-css .offer-list .property__value--old {
position: relative;
margin-right: 2px;
font-weight: 500;
color: #707070;
text-decoration: none
} .external-css .offer-list .property__value--old:after {
content: "";
position: absolute;
top: 50%;
left: -1px;
display: block;
width: calc(100% + 2px);
border-bottom: 1px solid #707070
} .external-css .offer-list .property__desc .emoji {
font-size: 1rem
} .external-css .offer-list .property__legal {
color: #707070
} .external-css .offer-list .logo {
vertical-align: middle
} .external-css .offer-list .logo--playnow,
.external-css .offer-list .logo--tidal {
width: 68px;
height: 10px
} .external-css .offer-list .logo--amazon {
width: 51px;
height: 22px;
margin: 0 .5rem
} .external-css .offer-list .logo--viaplay {
width: 52px;
height: 58px;
margin: 0 1.375rem 0 0
} .external-css .offer-list .logo--eleven-sports {
width: 64px;
height: 32px
} .external-css .offer-list .logo--canal-online {
width: 57px;
height: 22px
} .external-css .offer-list .logo--canalplus {
width: 52px;
margin: 0 1.375rem 0 0
} .external-css .offer-list .logo--douglas {
margin-right: .5rem;
width: 6.5rem;
height: auto
} .external-css .offer-list .footer.footer--40-60 .footer__info-btn {
margin-left: 40%
} .external-css .offer-list .footer.footer--44-56 .footer__info-btn {
margin-left: 44%
} .external-css .offer-list .footer.footer--50-50 .footer__info-btn {
margin-left: 50%
} .external-css .offer-list .footer__price-group {
display: flex;
padding-bottom: 1rem
} .external-css .offer-list .footer__promo-info {
margin-bottom: 1.25rem;
font-weight: 700
} .external-css .offer-list .footer__info-btn {
width: max-content;
margin-bottom: 16px;
color: #266dd9
} .external-css .offer-list .footer.height--15 {
height: 15rem
} .external-css .offer-list .footer.height--23 {
height: 23rem
} .external-css .offer-list .cta-group {
display: flex;
flex-direction: column;
gap: .75rem
} .external-css .offer-list .cta-group__info-text:not(:last-child),
.external-css .offer-list .cta-group__link:not(:last-child) {
margin-bottom: .75rem
} .external-css .offer-list .cta-group__info-text {
height: calc(3rem - 1px);
padding-top: .75rem;
color: #707070;
text-align: left
} .external-css .offer-list .cta-group__info-text .price {
display: inline;
color: #6c43bf;
font-weight: 700
} .external-css .offer-list .price {
flex-basis: 50%
} .external-css .offer-list .price:only-child {
flex-basis: 100%
} .external-css .offer-list .price--b40 {
flex-basis: 40%
} .external-css .offer-list .price--b44 {
flex-basis: 44%
} .external-css .offer-list .price--b56 {
flex-basis: 56%
} .external-css .offer-list .price--b60 {
flex-basis: 60%
} .external-css .offer-list .price__name {
color: #1f1f1f
} .external-css .offer-list .price__value-content {
display: block
} .external-css .offer-list .price__value-content .above-price-text {
font-size: .75rem;
font-weight: 400
} .external-css .offer-list .price__description {
margin-top: -4px;
display: flex;
flex-direction: column;
justify-content: flex-start
} .external-css .offer-list .price__condition {
display: block;
color: #1f1f1f
} .external-css .offer-list .price__condition--legal {
margin-top: .125rem;
color: #707070
} .external-css .offer-list .price__condition--legal .tooltip-trigger {
top: -1px
} .external-css .offer-list .price__postfix,
.external-css .offer-list .price__prefix {
color: inherit;
font-size: 16px
} .external-css .offer-list .price__value:not(.price__value--old) {
font-weight: 700;
color: #6c43bf
} .external-css .offer-list .price__value--old {
position: relative;
color: #707070;
text-decoration: none
} .external-css .offer-list .price__value--old:after {
content: "";
position: absolute;
top: 50%;
left: -1px;
display: block;
width: calc(100% + 2px);
border-bottom: 1px solid #707070
} .external-css .offer-list .price--double .price__value-content {
display: flex;
align-items: baseline
} .external-css .offer-list .price--double .price__value {
margin-right: 4px
} .external-css .offer-list .price .tooltip-trigger {
top: -2px
} .external-css .offer-list ul.images,
.external-css .offer-list ul.images li {
display: flex;
align-items: center;
justify-content: center
} .external-css .offer-list ul.images li {
width: 94px;
height: 44px;
padding: 0 .75rem;
margin: 0 .125rem;
border: 1px solid #ebebeb;
border-radius: 6px
} .external-css .offer-list ul.images li.no-border {
border: none;
padding: 0
} .external-css .offer-list ul.images li img {
max-width: 100%
} .external-css .property--column {
flex-direction: column
} .external-css .offer-swiper {
padding: .75rem 0 0
} .external-css .offer-swiper__pagination {
display: flex;
justify-content: center
} @media (max-width:767px) {
.external-css .offer-swiper__pagination {
margin: 1.5rem 0 0
}
} @media (min-width:768px) {
.external-css .offer-swiper__pagination {
margin: 2.5rem 0 0
} .external-css .offer-swiper__pagination.pagination-packages {
display: none
}
} @media (min-width:2104px) {
.external-css .offer-swiper__pagination {
display: none
}
} .external-css .offer-swiper__pagination .swiper-pagination-bullet {
display: flex;
justify-content: center;
width: .5rem;
height: .5rem;
margin: 0;
opacity: 1;
background-color: #c2c2c2;
border-radius: 50%
} .external-css .offer-swiper__pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: .5rem
} .external-css .offer-swiper__pagination .swiper-pagination-bullet-active {
width: 1rem;
border-radius: .25rem;
background-color: #6c43bf;
pointer-events: none
} .external-css .offer-swiper.show-nav .offer-swiper__nav--next,
.external-css .offer-swiper.show-nav .offer-swiper__nav--prev {
opacity: 1;
transition: .5s;
transform: translateX(0)
} .external-css .offer-swiper__nav--next,
.external-css .offer-swiper__nav--prev {
display: block;
z-index: 15;
background-repeat: no-repeat
} @media (max-width:767px) { .external-css .offer-swiper__nav--next,
.external-css .offer-swiper__nav--prev {
position: fixed;
top: calc(50% - 100px);
width: 32px;
height: 100px;
background-size: 32px auto;
opacity: 0;
transition: .5s
}
} @media (min-width:768px) { .external-css .offer-swiper__nav--next,
.external-css .offer-swiper__nav--prev {
position: absolute;
top: 0;
width: 52px;
height: 100%;
background-size: 51px auto
}
} @media (min-width:1400px) { .external-css .offer-swiper__nav--next,
.external-css .offer-swiper__nav--prev {
width: 140px
}
} @media (min-width:2104px) { .external-css .offer-swiper__nav--next,
.external-css .offer-swiper__nav--prev {
display: none
}
} .external-css .offer-swiper__nav--next.swiper-button-disabled,
.external-css .offer-swiper__nav--prev.swiper-button-disabled {
display: none
} .external-css .offer-swiper__nav--prev {
background: url("data:image/png;base64,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") 50% calc(50% - 50px) no-repeat;
background-position: 0 50%
} @media (max-width:767px) {
.external-css .offer-swiper__nav--prev {
left: 0;
transform: translateX(-150%)
}
} @media (min-width:768px) {
.external-css .offer-swiper__nav--prev {
left: -1.333rem;
background-position: 0 calc(50% - 50px)
}
} @media (min-width:1024px) {
.external-css .offer-swiper__nav--prev {
left: -1.875rem;
background: url("data:image/png;base64,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") 0 calc(50% - 50px) no-repeat
}
} @media (min-width:1280px) {
.external-css .offer-swiper__nav--prev {
left: calc(38.25rem - 50vw)
}
} .external-css .offer-swiper__nav--next {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAABLCAYAAABnczfmAAAABGdBTUEAALGPC/xhBQAACklpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAAEiJnVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/stRzjPAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAAJcEhZcwAALiMAAC4jAXilP3YAAAM7SURBVGiBxZo9b9NQFIafG0ViCmSAsKZC0G71H0AEstqO+QPQSuwpMwIChQKFEkWsQADx/VUorG0KG1PaAYk4csIcCakojJXCYKdy07q1Hfvmle4SWXnynnNy7vG1YQS6pDamEqMACzgvZEMvqw0FqCdlgwWUAaSG+oraMICc8wPkqKQ2sj2oA2kAKaEuqWYaWBQOFCQ4vmZDa4Di/jxW8HUPKMRYXLOqqXhBISbHs6ppAFVcOR1U5I5vqGZZOIUksJ15rUh0UzMVelTxCO2gInE8p5kloI5A2dOiaw3leE4zFfDv0q3Qjm9pZklAXYDi0+RwOb49hEu3Ajm+o5kz7PHfDCJfjue1ZrpHrwoYwwJ9g+e1pgIsAtmooPuC72pNg306UOTge1pzyoHGol2LayFmKOzieMHOaT1O6A7wfa2ZBtrEkNNBbRt9hF29sUPBleOyXcE5GVBwOe7Pu1LBFbuKs9LBAooyoQDigdbMYleyVCVBGH4unNQPAbC+9DcasIBJPxeevHAYgCNjB1iudIYGJ/xOEL+WuwBM5FPki5lQE4d7JYXPTb1W6SCA8XyKiXxq67OwSgaZffqgPlwMAQ887NUqHRpO2MfzKU4XM+HAYfKzWunQ7WxuwQ8eTYbIcYjJOlfMkMrY3dZc6fKvs0nQ7wkc6lwxw4kzqS3oasgcByquUwPQb06lh1FCwJqfnLidNle6fHegYZdv8PEIoQJ7d1r3E64fD/8A8PPLRujwuiUe6VaWEexOAuCxbtWJ4H4oiBIOvTJszsIsAJ7oVhuJ44+7gVwciWOAp7pVA3LR+9upbS1TwFkBG9IdAzzTLUVIuHfasUmcWzq2BkzHDfZsQs91a4oYb1X37H4vdMtA9olAXy91S0H2GYgLngaqwufwHxm4r1d6awa4SgShD7zDvdZbChGc7IXeWt/orRK2e7lgB66IkO6jGCZ4q7dKIqD7SMAA7wLmPjJwX+8LrTIwIx0M8KHQMtin48UCduAKUBUynzv19bHQSuNxsB4rGGDRAx47GODTLnApYBvezmI/tUmDxCfmxuex3wKmPWeuuLVUaNeAnPTXMYQzv49EXwvt2kheQAEq/wHfx98Xcjb9YAAAAABJRU5ErkJggg==") 50% calc(50% - 50px) no-repeat;
background-position: 100% 50%
} @media (max-width:767px) {
.external-css .offer-swiper__nav--next {
right: 0;
transform: translateX(150%)
}
} @media (min-width:768px) {
.external-css .offer-swiper__nav--next {
right: -1.333rem;
background-position: 100% calc(50% - 50px)
}
} @media (min-width:1024px) {
.external-css .offer-swiper__nav--next {
right: -1.875rem;
background-position: 100%;
background: url("data:image/png;base64,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") 100% calc(50% - 50px) no-repeat
}
} @media (min-width:1280px) {
.external-css .offer-swiper__nav--next {
right: calc(38.25rem - 50vw)
}
} .external-css .tabs {
background-color: #fff
} .external-css .tabs-controls {
flex-flow: row nowrap;
justify-content: center;
width: 100%
} @media (max-width:767px) {
.external-css .tabs-controls {
justify-content: flex-start
}
} .external-css .tabs-controls .tabs-title {
position: relative
} .external-css .tabs-controls .tabs-title .tab-trigger {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 6px 46px;
font-size: 16px;
font-weight: 600;
text-align: center;
color: #707070;
cursor: pointer
} .external-css .tabs-controls .tabs-title .tab-trigger:hover {
text-decoration: none;
color: #6c43bf
} .external-css .tabs-controls .tabs-title .tab-trigger:before {
content: "";
position: absolute;
display: block;
top: auto;
right: 0;
bottom: -2px;
left: 0;
width: 100%;
border-radius: 2px;
background: #6c43bf;
visibility: hidden;
opacity: 0;
transition: all .3s cubic-bezier(.5, .5, .05, .95)
} @media (max-width:1023px) {
.external-css .tabs-controls .tabs-title .tab-trigger:before {
height: 2px
}
} @media (min-width:1024px) {
.external-css .tabs-controls .tabs-title .tab-trigger:before {
height: 4px
}
} @media (max-width:767px) {
.external-css .tabs-controls .tabs-title .tab-trigger {
padding-left: 5px;
padding-right: 5px
}
} .external-css .tabs-controls .tabs-title .tab-trigger>:not([class^=icon-]) {
font-size: 16px
} @media (max-width:767px) {
.external-css .tabs-controls .tabs-title .tab-trigger>:not([class^=icon-]) {
font-size: 18px
}
} .external-css .tabs-controls .tabs-title.is-active>.tab-trigger {
color: #6c43bf
} .external-css .tabs-controls .tabs-title.is-active>.tab-trigger:before {
visibility: visible;
opacity: 1
} .external-css .tabs-controls .tabs-title.disabled {
color: #707070;
cursor: default;
pointer-events: none
} .external-css .tabs-controls .tabs-title.disabled>* {
color: #ebebeb
} .external-css .tabs-controls .tabs-title.disabled:after {
background: #707070
} @media (max-width:767px) {
.external-css .section .tabs-controls .tabs-title .tab-trigger {
padding-top: 0
}
} .external-css .tab-content {
position: relative;
display: none;
border: 0
} .external-css .tab-content.is-active {
display: block
} .external-css .accordion {
margin: 40px 0;
width: 100%;
border: 0;
background: transparent
} .external-css .accordion .text-center {
text-align: center
} .external-css .accordion .trigger-toggle {
font-size: 1rem;
font-weight: 500;
line-height: 150%;
color: #266dd9;
white-space: nowrap
} .external-css .accordion .trigger-toggle .icon-chevron-down {
transition: transform .2s
} .external-css .accordion .trigger-toggle .icon-chevron-down:before {
content: ""
} .external-css .accordion .accordion__panel {
border-bottom: 1px solid #d6d6d6
} .external-css .accordion .accordion__panel:last-child {
border-bottom: none
} .external-css .accordion .accordion__panel .accordion__trigger {
padding: 16px 0;
display: flex;
align-items: flex-end;
justify-content: space-between;
position: relative;
width: 100%;
text-decoration: none;
cursor: pointer
} .external-css .accordion .accordion__panel .accordion__trigger:focus .trigger-toggle,
.external-css .accordion .accordion__panel .accordion__trigger:hover .trigger-toggle {
text-decoration: underline
} .external-css .accordion .accordion__panel .accordion__trigger[aria-expanded=true] .icon-chevron-down {
transform: rotate(180deg)
} .external-css .accordion .accordion__panel .accordion__trigger .trigger-content {
text-align: left
} .external-css .accordion .accordion__panel .accordion__trigger .trigger-content__legal {
display: block;
font-size: .875rem;
font-weight: 500;
line-height: 150%;
color: #707070
} .external-css .accordion .accordion__panel .accordion__trigger .trigger-content__title {
display: block;
margin-top: 4px;
font-size: 1.25rem;
font-weight: 700;
line-height: 150%;
color: #1f1f1f
} @media only screen and (min-width:1024px) {
.external-css .accordion .accordion__panel .accordion__trigger .trigger-content__title {
margin-top: 8px
}
} .external-css .accordion .accordion__panel .accordion__content {
display: grid;
grid-template-rows: 0fr;
visibility: hidden;
transition: grid-template-rows .4s cubic-bezier(.5, .5, .05, .95)
} .external-css .accordion .accordion__panel .accordion__content[aria-hidden=false] {
visibility: visible;
grid-template-rows: 1fr
} .external-css .accordion .accordion__panel .accordion__content>div {
overflow: hidden
} .external-css .accordion .more-button {
margin-top: 20px
} .external-css .custom-modal--nco .custom-modal__inner {
padding: 0;
max-width: 808px
} .external-css .custom-modal--nco .custom-modal__header {
margin: -1px;
position: absolute;
width: 1px;
height: 1px;
border: 0;
clip: rect(0, 0, 0, 0);
overflow: hidden
} .external-css .custom-modal--router .custom-modal__inner {
padding-bottom: 1rem
} .external-css .accordion {
margin: 0;
padding: 2rem 1rem 0
} @media only screen and (min-width:768px) {
.external-css .accordion {
padding: 3.65rem 2.5rem 0
}
} .external-css .nco-modal-content {
padding-top: 16px;
padding-bottom: 13.5px;
border-top: 1px solid #ebebeb
} @media only screen and (min-width:768px) {
.external-css .nco-modal-content {
padding-top: 0;
padding-bottom: 1.25rem;
border-top: none
}
} @media only screen and (min-width:768px) {
.external-css .nco-modal-content--offer {
padding-bottom: 1rem
}
} .external-css .nco-modal-content:first-child {
padding-top: 0;
border-top: none
} .external-css .nco-modal-content__title {
margin-bottom: 12px;
font-weight: 500;
font-size: .875rem;
line-height: 150%;
color: #707070
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-content__title {
margin-bottom: 16px
}
} .external-css .nco-modal-content__list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 1.1875rem
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-content__list {
grid-template-columns: repeat(2, 1fr);
gap: .75rem 1.75rem
}
} .external-css .nco-modal-content__list .list-item {
min-height: 22px;
position: relative;
display: flex;
gap: .75rem
} .external-css .nco-modal-content__list .list-item .icon-check {
position: absolute;
top: 0;
left: 0
} .external-css .nco-modal-content__list .list-item .icon-check:before {
content: "";
color: #6c43bf
} .external-css .nco-modal-content__list .list-item .custom-tooltip {
position: relative;
top: -4px;
left: -7px
} .external-css .nco-modal-content__list .list-item .item-description {
margin-left: 24px;
font-weight: 600;
font-size: .875rem;
line-height: 150%;
color: #1f1f1f
} .external-css .nco-modal-content__list .list-item .item-description--icon {
display: inline-flex;
align-items: center;
gap: 5px
} .external-css .nco-modal-content__list .list-item .item-description--icon.viaplay {
margin-top: -5px
} .external-css .nco-modal-content__list .list-item .item-description .old {
text-decoration: line-through;
color: #707070
} .external-css .nco-modal-content__list .list-item .item-description .new {
color: #e6144b
} .external-css .nco-modal-content__list .list-item .item-description.additionally {
color: #707070
} .external-css .nco-modal-content__list .list-item .item-description .viaplay__logo {
display: inline-block;
width: 2rem;
height: 2.25rem
} .external-css .nco-modal-content__list .list-item .item-description .viaplay__logo img {
width: 100%
} .external-css .nco-modal-content__list .list-item .item-description .cinemax__logo {
display: inline-block;
width: 3.75rem;
height: 1.5rem
} .external-css .nco-modal-content__list .list-item .item-description .cinemax__logo img {
width: 100%
} .external-css .nco-modal-content__list .list-item .item-description .eleven__logo {
display: inline-block;
width: 3.125rem;
height: 1.3rem
} .external-css .nco-modal-content__list .list-item .item-description .eleven__logo img {
width: 100%
} .external-css .nco-modal-content__list .list-item .trigger {
font-size: .75rem;
color: #266dd9
} .external-css .nco-modal-content__list .list-item .highlighted {
line-height: 130%;
color: #6c43bf
} .external-css .nco-modal-content .nco-device {
display: flex;
justify-content: space-between
} .external-css .nco-modal-content .nco-device__content {
max-width: 520px;
font-weight: 500;
font-size: .75rem;
line-height: 150%;
color: #1f1f1f
} .external-css .nco-modal-content .nco-device__content .content-name {
margin-bottom: 7px;
display: flex;
align-items: center;
gap: .5rem;
font-weight: 600;
font-size: .875rem;
line-height: 150%;
color: #1f1f1f
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-content .nco-device__content .content-name {
margin-bottom: 4px
}
} .external-css .nco-modal-content .nco-device__content .content-name .custom-tooltip {
display: flex
} .external-css .nco-modal-content .nco-device__content .content-details {
margin: 1.125rem 0 0
} .external-css .nco-modal-content .nco-device__content .content-details li {
list-style-position: outside;
list-style-type: disc;
margin-left: 1rem
} .external-css .nco-modal-content .nco-device__content .toggle-button {
margin-top: 5.5px
} .external-css .nco-modal-content .nco-device__image {
flex-shrink: 0;
height: auto
} @media (max-width:767px) {
.external-css .nco-modal-content .nco-device__image {
width: 4.5rem;
margin-left: 1.25rem
}
} @media (min-width:768px) {
.external-css .nco-modal-content .nco-device__image {
width: 11.375rem;
margin-top: 1.5rem
}
} .external-css .nco-modal-content .nco-device__image img {
width: 100%
} .external-css .nco-modal-payment {
padding-top: 1.5rem;
padding-bottom: .5rem;
border-bottom: 1px solid #ebebeb;
font-weight: 500;
line-height: 150%
} .external-css .nco-modal-payment:first-child {
border-top: 1px solid #ebebeb
} .external-css .nco-modal-payment:last-child {
border-bottom: none
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment {
padding-top: 1rem;
padding-bottom: 1.375rem
} .external-css .nco-modal-payment:first-child {
border-top: none
}
} .external-css .nco-modal-payment__title {
font-size: 1rem;
font-weight: 700;
color: #1f1f1f
} .external-css .nco-modal-payment__subtitle {
font-size: .75rem;
color: #707070
} .external-css .nco-modal-payment__prices {
margin-top: .875rem;
display: flex;
flex-wrap: wrap;
gap: 8px 0
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices {
justify-content: flex-end
}
} .external-css .nco-modal-payment__prices .nco-price {
width: 50%
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price {
width: 33.333%
}
} .external-css .nco-modal-payment__prices .nco-price:first-child {
padding-bottom: 8px;
border-bottom: 1px solid #ebebeb
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price:first-child {
padding-bottom: 0;
border: none
}
} .external-css .nco-modal-payment__prices .nco-price:first-child .price-inner {
margin: 0
} .external-css .nco-modal-payment__prices .nco-price:nth-child(2) {
padding-bottom: 8px;
border-bottom: 1px solid #ebebeb
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price:nth-child(2) {
padding-bottom: 0;
border: none
}
} .external-css .nco-modal-payment__prices .nco-price:nth-child(2) .price-inner {
margin-left: auto
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price:nth-child(2) .price-inner {
margin-inline: auto
}
} .external-css .nco-modal-payment__prices .nco-price:last-child .price-inner {
margin: 0
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price:last-child .price-inner {
margin-left: auto
}
} .external-css .nco-modal-payment__prices .nco-price .price-inner {
margin-left: auto;
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 3px;
width: fit-content;
line-height: 150%
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price .price-inner {
flex-direction: row;
align-items: flex-end;
gap: 4px
}
} .external-css .nco-modal-payment__prices .nco-price .price-inner .price-period {
font-weight: 500;
font-size: .75rem;
white-space: nowrap
} .external-css .nco-modal-payment__prices .nco-price .price-inner .price-monthly {
font-weight: 700;
font-size: 1rem;
white-space: nowrap;
color: #6c43bf
} .external-css .nco-modal-payment__prices .nco-price .price-inner .price-monthly--big {
font-size: 2rem
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices .nco-price .price-inner .price-monthly--big {
font-size: 2.5rem
}
} .external-css .nco-modal-payment__prices.double .nco-price:first-child {
padding: 0;
border: none
} .external-css .nco-modal-payment__prices.double .nco-price:first-child .price-inner {
margin: 0
} @media only screen and (min-width:1024px) {
.external-css .nco-modal-payment__prices.double .nco-price:first-child .price-inner {
margin-inline: auto
}
} .external-css .nco-modal-payment__prices.double .nco-price:last-child {
padding: 0;
border: none
} .external-css .nco-modal-payment__prices.double .nco-price:last-child .price-inner {
margin-left: auto
} .external-css .cta-modal-button {
padding: 1.5rem 1rem 2.5rem;
display: flex;
align-content: center;
justify-content: center;
border-top: 1px solid #d6d6d6
} .external-css .cta-modal-button .p20-button {
width: 100%
} @media only screen and (min-width:1024px) {
.external-css .cta-modal-button {
padding: 2.5rem;
justify-content: flex-end
} .external-css .cta-modal-button .p20-button {
width: fit-content
}
} .external-css.offer-content .p20-text-button--active:before {
display: none
} .external-css.offer-content .p20-text-button--active .p20-text-button__container {
border: 2px solid #6c43bf
} .external-css.offer-content .p20-text-button__container {
align-items: flex-start;
background-color: #fff;
z-index: auto;
padding: 1rem;
color: #1f1f1f
} @media (min-width:768px) {
.external-css.offer-content .p20-text-button__container {
padding: 1.5rem 1rem
}
} .external-css.offer-content .p20-text-button__container strong {
font-weight: 600
} .external-css.offer-content .p20-text-button {
width: 100%
} .external-css.offer-content .p20-text-button:hover {
text-decoration: none
} .external-css.offer-content .p20-text-button.p20-text-button--short {
height: auto
} .external-css.offer-content .p20-text-button.p20-text-button--narrow .p20-text-button__container {
align-items: center
} @media (min-width:768px) {
.external-css.offer-content .p20-text-button.p20-text-button--narrow .p20-text-button__container {
padding: 1rem
}
} .external-css.offer-content .p20-text-button.p20-text-button--narrow .check-ico {
width: 1rem;
min-width: 1rem;
height: 1rem;
margin-bottom: auto
} .external-css.offer-content .p20-text-button.p20-text-button--narrow .check-ico svg {
display: flex;
width: .75rem;
height: .75rem;
fill: #fff
} .external-css.offer-content .p20-text-button.p20-text-button--narrow.p20-text-button--active .check-ico {
background-color: #6c43bf;
background-image: none
} .external-css.offer-content .p20-text-button .p20-text-button__text {
color: #1f1f1f
} @media (max-width:767px) {
.external-css.offer-content .p20-text-button .p20-text-button__text {
padding-right: .5rem
}
} @media (min-width:768px) {
.external-css.offer-content .p20-text-button .p20-text-button__text {
padding-right: 1.5rem
}
} .external-css.offer-content .p20-text-button .check-ico {
display: flex;
justify-content: center;
align-items: center;
width: 1.25rem;
min-width: 1.25rem;
height: 1.25rem;
border: 1px solid #ebebeb;
border-radius: 50%
} @media (min-width:768px) {
.external-css.offer-content .p20-text-button .check-ico {
top: 1.5rem
}
} .external-css.offer-content .p20-text-button .check-ico svg {
display: none
} .external-css.offer-content .p20-text-button--active .check-ico {
border: 1px solid #6c43bf;
background-color: #6c43bf;
background-image: none
} .external-css.offer-content .p20-text-button--active .check-ico svg {
display: flex;
width: 1rem;
height: 1rem;
fill: #fff
} .external-css .list-multiple-columns>li {
margin-bottom: 15px
} .external-css .list-alternately-items>li {
margin-bottom: 15px;
line-height: 1.2
} @media (min-width:1024px) {
.external-css .list-alternately-items {
display: flex;
flex-flow: row wrap
} .external-css .list-alternately-items>li:nth-child(odd) {
flex-basis: 30%
} .external-css .list-alternately-items>li:nth-child(2n) {
flex-basis: 70%;
padding-left: 10px
}
} .external-css .list-styled {
display: block;
width: 100%;
margin: 0 0 30px
} .external-css .list-styled ol,
.external-css .list-styled ul {
margin: 0
} .external-css .list-styled.separated>li {
margin-bottom: 18px
} .external-css .list-styled>li {
position: relative;
display: block;
padding-left: 15px
} .external-css .list-styled>li:before {
content: "";
position: absolute;
display: inline-block;
top: 0;
left: 0;
color: #1f1f1f
} .external-css .list-styled.list-disc-default {
margin-left: 15px
} .external-css .list-styled.list-disc-default>li {
position: static;
display: list-item;
list-style-type: disc;
padding: 0
} .external-css .list-styled.list-disc-default>li:before {
display: none
} .external-css .list-styled.list-circle>li:before,
.external-css .list-styled.list-disc>li:before {
border-radius: 50%
} .external-css .list-styled.list-tick>li:before {
content: "✓"
} .external-css .list-styled.list-disc>li:before,
.external-css .list-styled.list-square>li:before {
background: #1f1f1f
} .external-css .list-styled.list-disc.bullet-primary>li:before,
.external-css .list-styled.list-square.bullet-primary>li:before {
background: #48227c
} .external-css .list-styled.list-disc.bullet-primary-lighter>li:before,
.external-css .list-styled.list-square.bullet-primary-lighter>li:before {
background: #f4eeff
} .external-css .list-styled.list-circle>li:before,
.external-css .list-styled.list-disc>li:before,
.external-css .list-styled.list-square>li:before {
top: 10px;
width: 5px;
height: 5px;
border: 1px solid #1f1f1f
} .external-css .list-styled.list-circle.bullet-primary>li:before,
.external-css .list-styled.list-disc.bullet-primary>li:before,
.external-css .list-styled.list-square.bullet-primary>li:before {
border: 1px solid #48227c
} .external-css .list-styled.list-circle.bullet-primary-lighter>li:before,
.external-css .list-styled.list-disc.bullet-primary-lighter>li:before,
.external-css .list-styled.list-square.bullet-primary-lighter>li:before {
border: 1px solid #f4eeff
} .external-css .list-styled.list-decimal,
.external-css .list-styled.list-lower-alpha,
.external-css .list-styled.list-lower-roman {
counter-reset: list-counter
} .external-css .list-styled.list-decimal>li,
.external-css .list-styled.list-lower-alpha>li,
.external-css .list-styled.list-lower-roman>li {
counter-increment: list-counter
} .external-css .list-styled.list-decimal>li:before {
content: counter(list-counter, decimal)
} .external-css .list-styled.list-lower-roman>li {
padding-left: 20px
} .external-css .list-styled.list-lower-roman>li:before {
content: counter(list-counter, lower-roman)
} .external-css .list-styled.list-lower-alpha>li:before {
content: counter(list-counter, lower-alpha)
} .external-css .list-rounded {
counter-reset: number
} .external-css .list-rounded>li:not(:last-child):after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 16px;
display: inline-block;
width: 1px;
height: 100%;
background-color: var(--borderColor, #ebebeb);
border-top: 40px solid var(--listPaddingBorderColor, #fff);
border-bottom: 8px solid var(--listPaddingBorderColor, #fff)
} .external-css .list-rounded-item {
position: relative;
padding: 1px 0 50px 56px
} @media (max-width:1023px) {
.external-css .list-rounded-item {
padding: 1px 0 1rem 2.5rem
}
} @media (min-width:1024px) {
.external-css .list-rounded-item {
padding: 1px 0 50px 56px
}
} .external-css .list-rounded-item:before {
counter-increment: number;
content: counter(number);
position: absolute;
z-index: 3;
left: 0;
top: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
border: 1px solid #999;
font-weight: 700;
font-size: 14px;
color: var(--numberColor, #999);
line-height: 1
} @media (max-width:1023px) {
.external-css .list-rounded-item:before {
width: 24px;
height: 24px;
font-size: 10px
}
} @media (min-width:1024px) {
.external-css .list-rounded-item:before {
width: 32px;
height: 32px;
font-size: 14px
}
} .external-css .list-rounded-item .list-rounded-item-head {
padding: 1rem 0 .5rem;
font-weight: 700;
color: #1f1f1f
} @media (max-width:1023px) {
.external-css .list-rounded-item .list-rounded-item-head {
padding: 0 0 .5rem
}
} @media (min-width:1024px) {
.external-css .list-rounded-item .list-rounded-item-head {
padding: 1rem 0 .5rem
}
} .external-css .list-rounded-item .list-rounded-item-text {
margin: 0 0 1rem;
color: #1f1f1f
} @media (min-width:1024px) {
.external-css .list-rounded-large-straight {
display: flex
} .external-css .list-rounded-large-straight .list-rounded-item {
flex: 1 1 100%;
padding: 48px 32px 0 0
} .external-css .list-rounded-large-straight .list-rounded-item:not(:last-child):after {
top: 15px;
left: 0;
width: 100%;
height: 1px;
border-top: none;
border-bottom: none;
border-left: 40px solid var(--listPaddingBorderColor, #fff);
border-right: 8px solid var(--listPaddingBorderColor, #fff)
}
} .external-css .styled-list {
width: 100%;
margin-top: 4rem;
counter-reset: number;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
line-height: 1.3
} .external-css .styled-list--checked .styled-list__item:before {
position: absolute;
content: "";
left: -1px;
top: 2px;
color: #6c43bf;
font-family: icomoon
} @media (max-width:1023px) {
.external-css .styled-list--checked .styled-list__item {
padding: 0 2rem 1rem;
font-size: 1.25rem
}
} @media (min-width:1024px) {
.external-css .styled-list--checked .styled-list__item {
padding: 0 2rem 0 2.75rem;
font-size: 1.5rem
}
} .external-css .styled-list__item {
position: relative;
flex: 1 1 0;
padding: 0 2rem 0 0;
color: #1f1f1f
} @media (max-width:1023px) {
.external-css .styled-list__item {
flex: 0 0 100%;
max-width: 100%;
padding: 0 2rem 1rem 0
}
} @media (max-width:1023px) {
.external-css .styled-list__link-more {
margin: 0 0 1rem
}
} .external-css .styled-list__heading {
margin: 0 0 .5rem;
font-weight: 700
} .external-css .styled-list__text {
margin: 0 0 1rem;
font-weight: 500
} @media (max-width:1023px) {
.external-css .custom-modal--tutorial .custom-modal__inner {
padding: 1.5rem
}
} @media (min-width:1024px) {
.external-css .custom-modal--tutorial .custom-modal__inner {
max-width: 63.5rem;
min-height: 42rem;
padding: 3.75rem
}
} .external-css .custom-modal--tutorial .tabs-controls {
justify-content: flex-start
} .external-css .custom-modal--tutorial .tabs-controls .tabs-title:not(:last-child) {
margin-right: 2.875rem
} .external-css .custom-modal--tutorial .tabs-controls .tabs-title .tab-trigger {
position: relative;
padding: 6px;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5
} .external-css .custom-modal--tutorial .tabs-controls .tabs-title .tab-trigger:hover {
text-decoration: none
} .external-css .custom-modal--tutorial .tabs-controls .tabs-title.is-active>.tab-trigger:before {
top: auto
} .external-css .custom-modal--tutorial.canalplus-tutorial-modal .custom-modal__inner,
.external-css .custom-modal--tutorial.viaplay-tutorial-modal .custom-modal__inner {
min-height: auto
} @media (min-width:1024px) { .external-css .custom-modal--tutorial.canalplus-tutorial-modal .tutorial__legal,
.external-css .custom-modal--tutorial.viaplay-tutorial-modal .tutorial__legal {
margin-top: 72px
}
} .external-css .tutorial__header {
margin: 0
} @media (max-width:1023px) {
.external-css .tutorial__header {
padding: 3rem 0 0
}
} @media (min-width:1024px) {
.external-css .tutorial__header {
padding: 3.875rem 0 0
}
} .external-css .tutorial__logo {
display: block
} @media (max-width:1023px) {
.external-css .tutorial__logo {
width: 10rem;
margin: 0 0 3rem
}
} @media (min-width:1024px) {
.external-css .tutorial__logo {
width: 11.25rem;
margin: 0 0 4rem
}
} .external-css .tutorial__title {
font-weight: 700;
text-align: left
} @media (max-width:1023px) {
.external-css .tutorial__title {
margin: 0 0 2rem
}
} @media (min-width:1024px) {
.external-css .tutorial__title {
margin: 0 0 3rem
}
} .external-css .tutorial__content {
color: #1f1f1f
} .external-css .tutorial__content p {
margin-bottom: 1rem
} .external-css .tutorial__more-info {
display: block;
width: max-content
} @media (max-width:1023px) {
.external-css .tutorial__more-info {
margin: 0
}
} @media (min-width:1024px) {
.external-css .tutorial__more-info {
margin: 1.5rem 0 0
}
} .external-css .tutorial .tutorial-modal-list-head {
margin: 0 0 8px;
font-size: 16px
} @media (min-width:1024px) {
.external-css .tutorial .tutorial-modal-list-head {
font-size: 18px
}
} .external-css .tutorial .tutorial-modal-list-text {
margin: 0 0 12px
} @media (min-width:1024px) {
.external-css .tutorial .tutorial-modal-list-text {
margin: 0 0 8px
}
} .external-css .tutorial--playnow .tutorial__content {
margin-bottom: 2rem
} .external-css .tutorial--amazon .tutorial__header {
padding-top: 4.75rem
} .external-css .tutorial--amazon .tutorial__logo--amazon {
width: 292px;
margin-bottom: 4.75rem
} .external-css .tutorial--ochrona .tutorial__header {
padding-top: 4.75rem
} @media (min-width:1024px) {
.external-css .tutorial--ochrona .tutorial__title {
font-size: 3rem
}
} .external-css .tutorial--ochrona .tutorial__subtitle {
font-weight: 700;
text-align: left
} @media (max-width:1023px) {
.external-css .tutorial--ochrona .tutorial__subtitle {
margin: 0 0 2rem
}
} @media (min-width:1024px) {
.external-css .tutorial--ochrona .tutorial__subtitle {
margin: 0 0 2rem
}
} .external-css .tutorial--ochrona .tutorial__logo--amazon {
width: 292px;
margin-bottom: 4.75rem
} .external-css .tutorial--tvbox-canalplus>img,
.external-css .tutorial--tvbox-viaplay>img {
display: block;
margin: 0 auto
} @media (min-width:1024px) { .external-css .tutorial--tvbox-canalplus .tutorial__header,
.external-css .tutorial--tvbox-viaplay .tutorial__header {
padding: 2.875rem 0 0
}
} .external-css .tutorial--tvbox-viaplay>img {
width: 186px
} .external-css .tutorial--tvbox-canalplus>img {
width: 106px
} .external-css .tutorial__legal {
color: #707070
} .external-css .swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
} .external-css .swiper-wrapper {
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-transform: translateZ(0);
transform: translateZ(0)
} .external-css .swiper-slide,
.external-css .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform
} .external-css .swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
} .external-css .swiper-invisible-blank-slide {
visibility: hidden
} .external-css .swiper-container-autoheight,
.external-css .swiper-container-autoheight .swiper-slide {
height: auto
} .external-css .swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform
} .external-css .swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px
} .external-css .swiper-container-3d .swiper-cube-shadow,
.external-css .swiper-container-3d .swiper-slide,
.external-css .swiper-container-3d .swiper-slide-shadow-bottom,
.external-css .swiper-container-3d .swiper-slide-shadow-left,
.external-css .swiper-container-3d .swiper-slide-shadow-right,
.external-css .swiper-container-3d .swiper-slide-shadow-top,
.external-css .swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d
} .external-css .swiper-container-3d .swiper-slide-shadow-bottom,
.external-css .swiper-container-3d .swiper-slide-shadow-left,
.external-css .swiper-container-3d .swiper-slide-shadow-right,
.external-css .swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
} .external-css .swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
} .external-css .swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
} .external-css .swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
} .external-css .swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
} .external-css .swiper-container-wp8-horizontal,
.external-css .swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
} .external-css .swiper-container-wp8-vertical,
.external-css .swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
} .external-css .swiper-button-next,
.external-css .swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: 50%;
background-repeat: no-repeat
} .external-css .swiper-button-next.swiper-button-disabled,
.external-css .swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
} .external-css .swiper-button-prev,
.external-css .swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
left: 10px;
right: auto
} .external-css .swiper-button-next,
.external-css .swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
right: 10px;
left: auto
} .external-css .swiper-button-prev.swiper-button-white,
.external-css .swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
} .external-css .swiper-button-next.swiper-button-white,
.external-css .swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
} .external-css .swiper-button-prev.swiper-button-black,
.external-css .swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
} .external-css .swiper-button-next.swiper-button-black,
.external-css .swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
} .external-css .swiper-button-lock {
display: none
} .external-css .swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: opacity .3s;
-o-transition: .3s opacity;
transition: opacity .3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 10
} .external-css .swiper-pagination.swiper-pagination-hidden {
opacity: 0
} .external-css .swiper-container-horizontal>.swiper-pagination-bullets,
.external-css .swiper-pagination-custom,
.external-css .swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
} .external-css .swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33);
position: relative
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(.66);
-ms-transform: scale(.66);
transform: scale(.66)
} .external-css .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(.33);
-ms-transform: scale(.33);
transform: scale(.33)
} .external-css .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
} .external-css .swiper-pagination button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
} .external-css .swiper-pagination.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
} .external-css .swiper-pagination .swiper-pagination-bullet-active {
opacity: 1;
background: #007aff
} .external-css .swiper-pagination.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
} .external-css .swiper-container-vertical .swiper-wrapper {
flex-direction: column
} .external-css .swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0)
} .external-css .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
} .external-css .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px
} .external-css .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: top .2s, -webkit-transform .2s;
transition: top .2s, -webkit-transform .2s;
-o-transition: .2s transform, .2s top;
transition: transform .2s, top .2s;
transition: transform .2s, top .2s, -webkit-transform .2s
} .external-css .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap
} .external-css .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: left .2s, -webkit-transform .2s;
transition: left .2s, -webkit-transform .2s;
-o-transition: .2s transform, .2s left;
transition: transform .2s, left .2s;
transition: transform .2s, left .2s, -webkit-transform .2s
} .external-css .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: right .2s, -webkit-transform .2s;
transition: right .2s, -webkit-transform .2s;
-o-transition: .2s transform, .2s right;
transition: transform .2s, right .2s;
transition: transform .2s, right .2s, -webkit-transform .2s
} .external-css .swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
} .external-css .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top
} .external-css .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top
} .external-css .swiper-container-horizontal>.swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0
} .external-css .swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
} .external-css .swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
} .external-css .swiper-pagination-progressbar.swiper-pagination-white {
background: hsla(0, 0%, 100%, .25)
} .external-css .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
} .external-css .swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
} .external-css .swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
} .external-css .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
} .external-css .swiper-pagination-lock {
display: none
} .external-css .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
} .external-css .swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
} .external-css .swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
} .external-css .swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
} .external-css .swiper-scrollbar-cursor-drag {
cursor: move
} .external-css .swiper-scrollbar-lock {
display: none
} .external-css .swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center
} .external-css .swiper-zoom-container>canvas,
.external-css .swiper-zoom-container>img,
.external-css .swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain
} .external-css .swiper-slide-zoomed {
cursor: move
} .external-css .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
animation: swiper-preloader-spin 1s steps(12) infinite
} .external-css .swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
} .external-css .swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
} @-webkit-keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
} @keyframes swiper-preloader-spin {
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
} .external-css .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
} .external-css .swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out
} .external-css .swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity
} .external-css .swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
} .external-css .swiper-container-fade .swiper-slide-active,
.external-css .swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
} .external-css .swiper-container-cube {
overflow: visible
} .external-css .swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%
} .external-css .swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
} .external-css .swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0
} .external-css .swiper-container-cube .swiper-slide-active,
.external-css .swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
} .external-css .swiper-container-cube .swiper-slide-active,
.external-css .swiper-container-cube .swiper-slide-next,
.external-css .swiper-container-cube .swiper-slide-next+.swiper-slide,
.external-css .swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
} .external-css .swiper-container-cube .swiper-slide-shadow-bottom,
.external-css .swiper-container-cube .swiper-slide-shadow-left,
.external-css .swiper-container-cube .swiper-slide-shadow-right,
.external-css .swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
} .external-css .swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0
} .external-css .swiper-container-flip {
overflow: visible
} .external-css .swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
} .external-css .swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
} .external-css .swiper-container-flip .swiper-slide-active,
.external-css .swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
} .external-css .swiper-container-flip .swiper-slide-shadow-bottom,
.external-css .swiper-container-flip .swiper-slide-shadow-left,
.external-css .swiper-container-flip .swiper-slide-shadow-right,
.external-css .swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
} .external-css .swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
} .external-css a:not(.p20-button):hover,
.external-css button:not(.p20-button):hover {
text-decoration: underline
} .external-css button.p20-text-button:hover {
text-decoration: none
} .external-css .offer__header {
font-weight: 700
} @media (max-width:767px) {
.external-css .offer__header {
margin-bottom: 1rem
}
} @media (min-width:768px) {
.external-css .offer__header {
margin-bottom: 1.25rem
}
} .external-css .offer__caption {
color: #1f1f1f
} @media (min-width:768px) {
.external-css .offer__caption {
text-align: center
}
} @media (max-width:767px) {
.external-css .offer__caption--legal {
margin: 1.5rem 0
}
} @media (min-width:768px) {
.external-css .offer__caption--legal {
margin: 1.5rem 0 0;
font-size: .8125rem
}
} .external-css .offer__footer {
justify-content: flex-end
} .external-css .offer-swiper {
margin: 0 auto;
overflow: visible !important
} @media (max-width:1280px) {
.external-css .offer-swiper {
padding: 0 .75rem
}
} .external-css .swiper-slide {
height: auto
} .external-css .storeMobileButton[href^="https://play.google.com/"] img {
width: 162px
} .external-css .storeMobileButton[href^="https://itunes.apple.com/"] img {
width: 140px
} .external-css .offer-legal {
margin: 0 auto 2.75rem
} .external-css .offer-legal__container {
min-height: 4rem
} .external-css .offer-legal__intro {
display: block;
min-height: 64px
} @media (max-width:767px) {
.external-css br.desktop-break {
display: none
}
} .external-css [class^=icon-] {
display: inline-block;
width: 22px;
height: 22px;
line-height: 22px;
font-family: icomoon;
font-size: 10px;
text-align: center;
vertical-align: middle
} .external-css .icon-chevron-right:before {
content: ""
} .external-css [data-whatinput=keyboard] .sim-selector .sim-change-button:focus {
outline: 2px solid #266dd9;
outline-offset: 2px
} @media (min-width:1024px) {
.external-css .tab-content .offer-swiper__pagination {
display: none
}
} @media (min-width:768px) {
.external-css .tab-content--with-internet .offer-swiper__pagination {
display: none
}
} @media (max-width:767px) {
.external-css .p20-text-buttons__items {
overflow-x: auto
}
} .external-css .p20-text-buttons__item .check-ico {
z-index: 1
} .external-css .p20-text-buttons__item .disabled {
opacity: 1;
pointer-events: none;
cursor: not-allowed
} .external-css .p20-text-buttons__item .disabled .p20-text-button {
border-color: #d6d6d6;
background-color: #ebebeb;
color: #707070;
width: 100%
} .external-css .p20-text-buttons__item .disabled .offer__label {
background-color: #707070
} .external-css .p20-text-buttons__item .disabled .check-ico img {
display: none
} .external-css .p20-text-buttons__item .offer__label {
color: #000;
background-color: #fdf151;
padding: .25rem .5rem;
border-radius: .25rem;
display: inline-block;
font-weight: 600
} .external-css .p20-text-buttons__item .p20-text-button__text {
text-align: left;
justify-self: flex-start
} .external-css .p20-text-buttons__item .p20-text-button__text strong {
font-weight: 600;
line-height: 1.5;
color: #1f1f1f
} @media (max-width:767px) {
.external-css .p20-text-buttons__item .p20-text-button__text strong {
font-size: .875rem
}
} @media (min-width:768px) {
.external-css .p20-text-buttons__item .p20-text-button__text strong {
font-size: 1rem
}
} .external-css .p20-text-buttons__item .p20-text-button__text span {
margin-top: .25rem;
font-weight: 500;
line-height: 1.3;
color: #707070
} @media (max-width:767px) {
.external-css .p20-text-buttons__item .p20-text-button__text span {
font-size: .75rem
}
} @media (min-width:768px) {
.external-css .p20-text-buttons__item .p20-text-button__text span {
font-size: .875rem
}
} .external-css .p20-text-buttons__item .p20-text-button__text .offer__label {
margin: 0 0 0 .5rem;
padding: .125rem .5rem;
font-size: .75rem;
font-weight: 600;
line-height: 1.3;
color: #000
} .external-css .p20-text-buttons__item strong {
display: block
} .external-css .p20-text-buttons__item .tabs-title {
display: flex
} @media (max-width:767px) {
.external-css .p20-text-buttons__item {
width: 100%;
max-width: 400px;
margin: 0
}
} @media (min-width:768px) {
.external-css .p20-text-buttons__item {
width: calc(50% - .75rem);
max-width: calc(50% - .75rem)
}
} .external-css .tabs-controls {
display: flex
} @media (max-width:767px) {
.external-css .tabs-controls {
justify-content: flex-start;
align-items: center;
flex-direction: column;
gap: .75rem
}
} @media (min-width:768px) {
.external-css .tabs-controls {
flex-wrap: wrap;
gap: 1.5rem
}
} .external-css .tabs-controls .p20-text-button {
margin: 0
} .external-css .properties__list {
margin-bottom: 24px
} .external-css a.p20-text-button:hover {
text-decoration: none
} .external-css .offer-info__period {
margin-bottom: 2.5rem;
font-weight: 700;
text-align: center
} .external-css .property .logo {
height: 36px
} @media (max-width:1023px) {
.external-css .know {
margin-bottom: 2.5rem
}
} @media (min-width:1024px) {
.external-css .know {
margin-bottom: 5rem
}
} @media (max-width:1023px) {
.external-css .know__header {
margin-bottom: 2rem
}
} @media (min-width:1024px) {
.external-css .know__header {
margin-bottom: 2.5rem
}
} .external-css .know__item {
background-color: #f5f5f5;
text-align: center
} @media (max-width:1023px) {
.external-css .know__item {
border-radius: 8px;
padding: 3rem .75rem
}
} @media (min-width:1024px) {
.external-css .know__item {
border-radius: 16px;
padding: 3rem 1.5rem
}
} .external-css .know__item-header {
font-weight: 700
} @media (max-width:1023px) {
.external-css .know__item-header {
margin-bottom: .5rem
}
} @media (min-width:1024px) {
.external-css .know__item-header {
margin-bottom: 1rem
}
} .external-css .know__item-description {
margin-bottom: 1rem
} @media (max-width:1023px) {
.external-css .know__item-icon {
width: 40px;
height: 40px;
margin-bottom: 1rem
}
} @media (min-width:1024px) {
.external-css .know__item-icon {
width: 64px;
height: 64px;
margin-bottom: 1.5rem
}
} .external-css .offer .offer__content .pagination {
display: flex;
justify-content: center
} @media (max-width:767px) {
.external-css .offer .offer__content .pagination {
margin: 1.5rem 0 0
}
} @media (min-width:768px) {
.external-css .offer .offer__content .pagination {
margin: 1.5rem 0 0;
display: flex
}
} .external-css .offer .offer__content .pagination .swiper-pagination-bullet {
display: flex;
justify-content: center;
width: .5rem;
height: .5rem;
margin: 0;
opacity: 1;
background-color: #c2c2c2;
border-radius: 50%
} .external-css .offer .offer__content .pagination .swiper-pagination-bullet:not(:last-child) {
margin-right: .5rem
} .external-css .offer .offer__content .pagination .swiper-pagination-bullet-active {
width: 1rem;
border-radius: .25rem;
background-color: #6c43bf;
pointer-events: none
} @media (max-width:1023px) {
.external-css .packages__header {
margin-bottom: 1.5rem
}
} @media (min-width:1024px) {
.external-css .packages__header {
margin-bottom: 2rem
}
} .external-css .packages .swiper-wrapper {
display: flex;
flex-wrap: wrap
} .external-css .tutorial__title {
text-align: center
} @media (max-width:767px) {
.external-css .channels__title {
margin-bottom: .5rem
}
} @media (min-width:768px) {
.external-css .channels__title {
margin-bottom: 1rem;
text-align: center
}
} .external-css .channels__info {
color: #707070
} @media (min-width:768px) {
.external-css .channels__info {
font-size: 1.25rem;
text-align: center
}
} .external-css .channels__legal {
font-size: .75rem;
color: #707070
} @media (max-width:767px) {
.external-css .channels__legal {
margin: .5rem 0 2rem
}
} @media (min-width:768px) {
.external-css .channels__legal {
margin: 1rem 0 2.5rem;
text-align: center
}
} .external-css .channels__list {
display: flex;
flex-wrap: wrap
} @media (max-width:767px) {
.external-css .channels__list {
margin: 1.5rem -.5rem 0
}
} @media (min-width:768px) {
.external-css .channels__list {
margin: 2.5rem -.5rem 0
}
} .external-css .channels__item {
padding: 0 .5rem 1rem
} @media (max-width:767px) {
.external-css .channels__item {
flex-basis: 25%
}
} @media (min-width:768px) {
.external-css .channels__item {
flex-basis: 12.5%
}
} @media (min-width:1023px) {
.external-css .channels__item {
flex-basis: 10%
}
} .external-css .channels__item--unactive .logo__image {
filter: grayscale(1);
opacity: .5
} @media (min-width:1024px) {
.external-css .channels--terrestrial .channels__item:first-child {
margin-left: 10%
}
} .external-css .logo {
width: 100%
} .external-css .logo__box {
position: relative;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ebebeb;
border-radius: 2px;
padding: .25rem
} @media (max-width:767px) {
.external-css .logo__box {
height: 4.75rem
}
} @media (min-width:768px) {
.external-css .logo__box {
height: 5rem
}
} .external-css .logo__image {
max-width: 100%
} .external-css .logo__text {
font-weight: 700;
text-align: center
} @media (max-width:767px) {
.external-css .logo__text {
font-size: .75rem
}
} @media (min-width:768px) {
.external-css .logo__text {
font-szie: .875rem
}
} .external-css .logo__info {
position: absolute;
bottom: -1px;
right: -1px;
width: 1rem;
height: 1rem;
border: 1px solid #ebebeb;
border-radius: 2px;
font-size: .625rem;
line-height: 1.4;
text-align: center;
color: #999
} .external-css .logo__info--first {
right: calc(1rem - 2px);
border-top-right-radius: 0;
border-bottom-right-radius: 0
} .external-css .logo__info--second {
border-top-left-radius: 0;
border-bottom-left-radius: 0
} .external-css .offer__caption--bg {
background-color: #fff;
padding: 1rem;
border-radius: .5rem;
font-weight: 500
} @media (max-width:767px) {
.external-css .offer__caption--bg {
margin: 1.5rem -.75rem 0
}
} @media (min-width:768px) {
.external-css .offer__caption--bg {
margin: 1.5rem auto 0
}
} @media (max-width:767px) {
.external-css .offer__caption--bg .offer__caption--legal-big {
font-size: .75rem;
line-height: 1.3
}
} @media (min-width:768px) {
.external-css .offer__caption--bg .offer__caption--legal-big {
line-height: 1.5;
font-size: .875rem
}
} .external-css .offer__caption--bg .link {
text-decoration: underline
} @media (max-width:767px) {
.external-css .offer__caption--bg .link {
display: block
}
} .external-css .custom-modal--channel .custom-modal__header {
font-weight: 700
} @media (max-width:767px) {
.external-css .custom-modal--channel .custom-modal__header {
margin: 1rem 0
}
} @media (min-width:768px) {
.external-css .custom-modal--channel .custom-modal__header {
margin: 2rem 0;
text-align: center
}
} .external-css .custom-modal--channel .tabs-controls .tabs-title {
display: flex;
padding: 0 4px
} .external-css .custom-modal--channel .tabs-controls .tabs-title .tab-trigger {
text-decoration: none
} .external-css .custom-modal--channel .tabs-controls .tabs-title .tab-trigger:before {
top: auto
} .external-css .language-switch {
width: 100%;
position: relative
} .external-css .language-switch__container {
position: absolute;
top: .25rem;
right: 0;
width: max-content
} .external-css .language-switch__list {
display: none
} .external-css .language-switch__flag {
vertical-align: middle;
margin-right: 9px
} .external-css .language-switch__item-btn {
display: block;
width: max-content;
margin-left: auto;
padding: 14px 22px;
border: 1px solid #f5f5f5;
border-radius: 8px;
font-size: .875rem;
color: #707070;
background-color: #fff;
text-align: right;
line-height: 1
} .external-css .language-switch__item-btn:hover {
text-decoration: none !important
} .external-css .language-switch__btn {
position: relative;
display: block;
width: 100%;
padding: 14px 22px 14px 24px;
font-size: .875rem;
color: #fff;
text-align: right;
line-height: 1
} .external-css .language-switch__btn:hover {
text-decoration: none !important
} .external-css .language-switch__btn .language-switch__ico {
position: absolute;
right: -2pcx;
top: calc(50% - 12px);
transition: all .3s
} .external-css .language-switch__btn[aria-expanded=true] .language-switch__ico {
transform: rotate(180deg)
} .external-css .language-switch__btn[aria-expanded=true]+.language-switch__list {
display: block
} .external-css .p20-text-button__container.labeled {
position: relative
} .external-css .p20-text-button__container.labeled:before {
position: absolute;
display: block;
content: "Pierwszy miesiąc za 0 zł";
top: -10px;
left: 50%;
transform: translateX(-50%);
background-color: #e6144b;
color: #fff;
border-radius: 4px;
padding: 4px 8px;
white-space: nowrap;
font-size: 12px;
font-weight: 600;
line-height: 1.25
} @media (min-width:768px) {
.external-css .custom-modal__header {
margin-top: 40px;
text-align: center
}
} @media (max-width:767px) {
.external-css .custom-modal--nco .cta-modal-button {
padding: 1.5rem 1rem 2.5rem !important;
display: flex;
align-content: center;
justify-content: center;
border-top: 1px solid #d6d6d6;
position: absolute;
bottom: 0;
width: 100%;
left: 0
}
} .external-css .custom-modal--nco .custom-modal__inner .internet-offer {
flex-direction: row;
flex-wrap: wrap
} .external-css .custom-modal--nco .custom-modal__inner .internet-offer .list-item {
max-width: 100%;
flex-basis: 100%
} .external-css .custom-modal--nco .custom-modal__inner .item-description .price {
color: #6c43bf;
font-weight: 700
} .external-css .custom-modal--nco .trigger-content__title {
display: flex;
align-items: center
} .external-css .custom-modal--nco .trigger-content__title img {
margin-right: 6px;
width: 40px
} @media (max-width:767px) {
.external-css .external-css .custom-modal.custom-modal--nco .custom-modal__content {
position: static
}
} .external-css .html-banner {
color: #fff
} @media (max-width:1024px) {
.external-css .html-banner {
border-radius: .5rem;
padding: 0 12px;
height: 460px;
background-color: #342761;
background-image: url(/binaries/content/gallery/play/portal/html/images/offer/swiatlowod.png), linear-gradient(90deg, #613a8b 12.86%, #342761 81.77%);
background-position: 50% 50%, 50%;
background-size: 336px auto, 100%;
background-repeat: no-repeat
}
} @media (min-width:1024px) {
.external-css .html-banner {
margin-top: 2rem;
border-radius: 2rem;
padding: 0 40px;
height: 479px;
background-color: #342761;
background-image: url(/binaries/content/gallery/play/portal/html/images/offer/swiatlowod.png), linear-gradient(90deg, #613a8b 12.86%, #342761 81.77%);
background-position: 100% 80%, 50%;
background-size: 720px auto, 100%;
background-repeat: no-repeat
}
} .external-css .html-banner--label {
line-height: 1.5;
font-weight: 500
} @media (max-width:1024px) {
.external-css .html-banner--label {
margin-top: 24px;
margin-bottom: 12px;
font-size: .875rem
}
} @media (min-width:1024px) {
.external-css .html-banner--label {
margin-top: 80px;
margin-bottom: 16px;
font-size: 1rem
}
} .external-css .html-banner--title {
font-weight: 700;
line-height: 1.5;
margin-bottom: 8px
} @media (max-width:1024px) {
.external-css .html-banner--title {
max-width: 200px;
font-size: 20px
}
} @media (min-width:1024px) {
.external-css .html-banner--title {
max-width: 280px;
font-size: 28px
}
} .external-css .html-banner--lead {
margin-bottom: 32px;
line-height: 1.5;
font-size: 1rem;
font-weight: 500
} @media (max-width:1024px) {
.external-css .html-banner--lead {
max-width: 280px;
font-size: .875rem
}
} @media (min-width:1024px) {
.external-css .html-banner--lead {
font-size: 1rem;
max-width: 320px
}
} @media (max-width:1024px) {
.external-css .html-banner--link {
margin: auto 0 24px auto;
max-width: fit-content
}
} .external-css .html-banner--image {
height: 479px;
max-width: 100%
} @media (max-width:1024px) {
.external-css .html-banner--content {
height: 460px;
width: 100%;
display: flex;
flex-direction: column
}
} .external-css .offer__caption--legal.banner-legal {
text-align: left;
margin-top: 12px
} .external-css .offer__caption--legal.banner-legal p {
margin: 0 0 1.5em
} .external-css .offer-list .offer__header .price .price__condition--legal,
.external-css .offer-list .offer__header .price .price__description {
margin-top: 0
} @media (max-width:767px) {
.external-css .offer-list .offer__header .price.with-tooltip .price__description {
margin-top: .25rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__header .price.with-tooltip .price__description {
margin-top: .5rem
}
} .external-css .offer-list .offer__header .price.with-tooltip .price__description .custom-tooltip {
margin-left: .25rem
} .external-css .offer-list .red-netflix {
color: #e50914;
font-weight: 700
} @media (max-width:767px) {
.external-css .offer-list .swiper-slide {
opacity: 1
}
} @media (min-width:768px) {
.external-css .offer-list .swiper-slide {
opacity: .4
} .external-css .offer-list .swiper-slide-active,
.external-css .offer-list .swiper-slide-active+.swiper-slide,
.external-css .offer-list .swiper-slide-active+.swiper-slide+.swiper-slide {
opacity: 1
}
} .external-css .offer-list .price__name {
margin-bottom: 1rem;
display: block;
line-height: normal
} .external-css .offer-list .price__name--first {
display: block;
font-size: 2.5rem;
font-weight: 700;
color: #6c43bf
} .external-css .offer-list .price__name--next {
display: block;
font-size: 1rem;
font-weight: 500;
color: #1f1f1f
} .external-css .offer-list .price__name--next>b {
font-weight: 700
} .external-css .offer-list .offer__price-group {
margin: .75rem 0 1.75rem
} .external-css .offer-list .offer.highlighted {
border-color: #6c43bf;
border-width: .25rem 1px 1px
} .external-css .offer-list .offer__name-ico {
width: 41px;
height: 41px
} .external-css .offer-list .offer__footer {
padding: 1.5rem 0;
background-color: #fff;
text-align: center;
border-radius: 0 0 8px 8px
} .external-css .offer-list .offer__property .link {
font-size: .875rem
} .external-css .offer-list .offer .footer__cta-group {
align-items: center
} .external-css .offer-list .offer .footer__cta-group .cta-group__button {
width: fit-content
} .external-css .offer-list .offer .properties__group:last-child .offer__property:last-child .property__container {
border-bottom: 1px solid #ebebeb
} .external-css .offer-list .offer.new-price .price__value {
display: inline-flex;
align-items: last baseline
} .external-css .offer-list .offer.new-price .price__value .price__part {
display: flex;
flex-direction: column;
align-items: flex-start
} .external-css .offer-list .offer.new-price .price__value .price__dec {
font-size: 1rem;
line-height: 1
} .external-css .offer-list .offer.new-price .price__value .price__postfix {
font-size: .875rem
} .external-css .offer-list .offer__header {
flex-direction: column;
align-items: stretch;
justify-content: center;
border-bottom: none;
margin-bottom: 1rem;
text-align: center
} .external-css .offer-list .offer__header a.p20-button {
font-weight: 500
} @media (max-width:767px) {
.external-css .offer-list .offer__header {
min-height: 8.125rem;
padding: 1rem .75rem 0
}
} @media (min-width:768px) {
.external-css .offer-list .offer__header {
min-height: 10.5rem;
padding: 1.75rem 1.5rem 0
}
} .external-css .offer-list .offer__header .label-wrapper {
font-size: 16px;
line-height: 16px
} .external-css .offer-list .offer__header .label-wrapper .price {
color: #6c43bf;
font-weight: 700
} .external-css .offer-list .offer__header .price__condition--legal {
margin-top: .5rem
} .external-css .offer-list .offer__header .offer__name {
margin-bottom: 26px
} .external-css .offer-list .offer__header .price__postfix {
font-size: 1rem;
font-weight: 700
} @media (min-width:768px) {
.external-css .offer-list .offer__header .promo .price__value .price__postfix {
font-size: 1.5rem
}
} .external-css .offer-list .offer__header .price__value {
font-size: 2rem;
line-height: 1.3
} @media (min-width:768px) {
.external-css .offer-list .offer__header .price__value {
font-size: 2.5rem;
line-height: 1.5
}
} .external-css .offer-list .offer__header .price__value .price__postfix {
margin-left: .25rem
} .external-css .offer-list .offer__header .price__value--old {
font-weight: 400;
margin-right: .25rem
} @media (max-width:767px) {
.external-css .offer-list .offer__header .price__value--old {
font-size: 1rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__header .price__value--old {
font-size: 1.25rem
}
} .external-css .offer-list .offer__header .price-label-wrapper {
margin: 0 auto .5rem;
display: block
} .external-css .offer-list .offer__header .price-label-wrapper .custom-tooltip {
margin-left: .25rem
} .external-css .offer-list .offer__label {
left: 50%;
transform: translateX(-50%);
background-color: #fdf151;
color: #000;
font-size: .75rem
} .external-css .offer-list .offer__properties {
margin-bottom: 0
} @media (max-width:767px) {
.external-css .offer-list .offer__price-group {
margin-bottom: 1.25rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__price-group {
margin-bottom: 1.5rem
}
} .external-css .offer-list .offer__name {
font-weight: 500;
font-size: .875rem;
color: #707070;
background-image: none;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial
} .external-css .offer-list .offer__name .value {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
gap: 8px;
font-weight: 700;
color: #000
} @media (max-width:767px) {
.external-css .offer-list .offer__name .value {
font-size: 1.25rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__name .value {
font-size: 1.5rem
}
} .external-css .offer-list .offer__name .value:first-of-type {
margin-top: 1rem
} .external-css .offer-list .offer__name .value:not(:last-of-type) {
margin-bottom: .5rem
} .external-css .offer-list .offer__name .properties__group:not(:first-of-type) {
padding-top: 1.5rem
} .external-css .offer-list .offer__name-prefix {
color: #707070;
margin-bottom: .5rem
} .external-css .offer-list .offer__more-info {
margin: 0 1.5rem;
padding: 1rem 0;
font-size: .875rem;
line-height: 24px;
font-weight: 500;
border-top: 1px solid #ebebeb;
display: flex;
align-items: center
} @media (max-width:767px) {
.external-css .offer-list .offer__more-info {
justify-content: space-between
}
} .external-css .offer-list .offer__description {
font-weight: 500;
background-image: none;
-webkit-background-clip: initial;
-webkit-text-fill-color: initial
} @media (max-width:767px) {
.external-css .offer-list .offer__description {
font-size: .75rem
}
} @media (min-width:768px) {
.external-css .offer-list .offer__description {
font-size: .875rem
}
} .external-css .offer-list .property {
padding: 0
} .external-css .offer-list .property__content {
display: flex;
flex-direction: row
} .external-css .offer-list .property .logo {
width: 16px;
height: 16px
} .external-css .offer-list .property__name--logo {
width: 24px;
margin-right: 1rem
} .external-css .offer-list .property__desc small {
margin-top: .25rem
} .external-css .offer-list .property__desc .strong {
font-weight: 700;
font-size: 1rem
} .external-css .offer-list .property__desc .price {
font-weight: 700
} .external-css .offer-list .property__desc .link {
display: block;
width: max-content
} .external-css .offer-list .property__desc .price {
color: #6c43bf
} .external-css .offer-list .property__desc .price--old {
color: inherit
} .external-css .offer-list .property__desc .netflix-badge {
margin-bottom: 4px;
padding: 2px 8px;
display: block;
width: max-content;
font-weight: 600;
font-size: .75rem;
line-height: 130%;
border-radius: .25rem;
background-color: transparent;
color: #000;
border: 1px solid #ebebeb
} .external-css .offer-list .property__desc .netflix-highlighted {
font-weight: 700;
color: #e6144b
} .external-css .offer-list .property--long-desc .property__content {
align-items: center
} .external-css .offer-list .property__container {
display: flex;
flex-direction: revert;
align-items: center
} @media (max-width:767px) {
.external-css .offer-list .property__container {
padding: .75rem 0
}
} @media (min-width:768px) {
.external-css .offer-list .property__container {
padding: 1rem 0 .75
}
} .external-css .offer-list .property--packages .property__container {
flex-direction: column;
border-top: none
} @media (max-width:767px) {
.external-css .offer-list .property--packages .property__container {
padding: .5rem 0
}
} @media (min-width:768px) {
.external-css .offer-list .property--packages .property__container {
padding: 1rem 0 .75
}
} .external-css .offer-list .price__comment {
margin-bottom: .75rem;
font-size: .75rem
} .external-css .offer-list .price__comment strong {
color: #6c43bf
} .external-css .swiatlowod-offer-list .offer-banner__inner {
background-color: #000
} @media (max-width:767px) {
.external-css .swiatlowod-offer-list .offer-banner__inner {
padding: 1rem;
font-size: .75rem;
margin-bottom: 2rem
}
} @media (min-width:768px) {
.external-css .swiatlowod-offer-list .offer-banner__inner {
padding: 1.125rem;
font-size: .875rem;
margin-bottom: 2.5rem
}
} .external-css .swiatlowod-offer-list .offer-banner__inner .offer-banner__text {
color: #fff;
font-size: .75rem;
padding: 0
} .external-css .swiatlowod-offer-list .offer-banner__inner .offer-banner__text .offer-banner__ico {
font-size: 34px
} .external-css .swiatlowod-offer-list .offer-banner__inner .offer-banner__text strong {
color: #e50914
} .external-css .properties {
margin-bottom: 1.5rem
} @media (max-width:767px) {
.external-css .properties__group {
margin: 0 .875rem
}
} @media (min-width:768px) {
.external-css .properties__group {
margin: 0 1.5rem
}
} .external-css .properties__group:not(:first-child) {
padding-top: .5rem;
border-top: 1px solid #ebebeb
} .external-css .properties__list {
margin-bottom: 0
} .external-css .properties__list:first-of-type .property:first-child .property__container {
border-top: none
} .external-css .properties .group__title {
font-size: .875rem;
color: #707070
} .external-css .group-packages .offer__more-info {
margin: 0 1.5rem;
padding: 1rem 0
} .external-css .offer__price-group {
padding-bottom: 0
} .external-css .packages-list {
width: 100%;
margin-top: 8px
} .external-css .packages-list__item {
display: flex;
height: 38px;
align-items: center
} .external-css .packages-list__name {
min-width: 100px
} .external-css .packages-list__more {
display: inline-block;
height: 24px;
padding: 2px 4px;
line-height: 20px;
border-radius: 4px;
font-size: .75rem;
font-weight: 700;
color: #707070;
background-color: #f5f5f5
} .external-css .packages-list__info {
flex-basis: 50px;
min-width: 50px;
text-align: right
} .external-css .property {
padding: 0
} .external-css .property--with-tick .property__container {
padding-left: 1.5rem
} @media (max-width:767px) {
.external-css .property--with-tick .property__container {
background: transparent url(/binaries/content/gallery/play/portal/html/images/icons/tick.svg) .25rem 1.25rem/.625rem auto no-repeat
}
} @media (min-width:768px) {
.external-css .property--with-tick .property__container {
background: transparent url(/binaries/content/gallery/play/portal/html/images/icons/tick.svg) .25rem 1.5rem/.625rem auto no-repeat
}
} .external-css .price-promo__info {
width: max-content;
margin: 1.25rem auto .5rem;
padding: .125rem .5rem;
border-radius: .25rem;
font-weight: 700;
color: #000;
background-color: #fdf151
} .external-css .swiatlowod-offer-list .logo--viaplay {
width: auto
} .external-css .tabs-controls {
margin: 0
} @media (max-width:767px) {
.external-css .tab__items {
margin-bottom: 1.5rem
}
} @media (min-width:768px) {
.external-css .tab__items {
margin-bottom: 2rem
}
} .external-css .v-section-generic__title {
line-height: 1.5
} @media (max-width:767px) {
.external-css .v-section-generic__title {
margin-bottom: 1.5rem;
font-size: 1.25rem
}
} @media (min-width:768px) {
.external-css .v-section-generic__title {
margin-bottom: 2rem;
font-size: 1.5rem
}
} @media (min-width:768px) {
.external-css .custom-modal .cta-modal-button {
padding: 2.5rem 0
}
} .external-css .custom-modal .internet-offer {
display: flex;
flex-direction: column;
align-items: flex-start
} .external-css .custom-modal .custom-modal__content {
position: relative;
max-height: 80vh;
overflow-y: scroll
} .external-css .custom-modal .custom-modal__content .accordion__panel .accordion__trigger .trigger-content__title {
display: flex;
align-items: center;
line-height: 1.5
} @media (max-width:767px) {
.external-css .custom-modal .custom-modal__content .accordion__panel .accordion__trigger .trigger-content__title {
font-size: 1.25rem
}
} @media (min-width:768px) {
.external-css .custom-modal .custom-modal__content .accordion__panel .accordion__trigger .trigger-content__title {
font-size: 1.5rem
}
} .external-css .custom-modal .item-description {
font-weight: 600
} .external-css .custom-modal .item-description .price {
color: #6c43bf
} .external-css .custom-modal .nco-modal-content.border-top {
border-top: 1px solid #d6d6d6
} @media (min-width:768px) {
.external-css .custom-modal .nco-modal-content.border-top {
padding-top: 1.5rem
}
} .external-css .offer-list .offer__header .offer__name {
margin-bottom: 0
} .external-css .offer-list .offer__header .p20-button {
font-weight: 500
} .external-css .offer-list .price__condition--legal.period {
font-size: 1rem;
line-height: 1.5rem;
color: #1f1f1f
} .external-css .offer__caption--legal-big {
font-size: .85rem
}