tef-modal div[slot=body] {
container-type: inline-size;
}
@container (min-width: 899px) {
tef-modal div[slot=body] .channel-html.u5F03E6 {
margin-right: 0 !important;
}
}
@container (min-width: 780px) and (max-width: 899px) {
tef-modal .channel-html.u5F03E6 {
margin-right: -24px;
}
tef-modal .section.n00DBA6 .section-content {
width: 100% !important;
}
tef-modal .section.n00DBA6 .section-content .compare-table {
max-width: 100% !important;
}
tef-modal .section.n00DBA6 .section-content .row.zB7708A {
max-width: 100% !important;
}
tef-modal .row.m67E9DB > .column > .row {
text-align: center;
}
tef-modal .row.m67E9DB > .column > .row > .column:first-child {
flex: 1 1 0;
max-width: 100% !important;
}
tef-modal .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-header-row,
tef-modal .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-row {
padding: 0 22px !important;
--column-gap: 17px !important;
}
}
@container (max-width: 734px) {
tef-modal .channel-html.u5F03E6 {
margin-right: -24px;
}
tef-modal .section.n00DBA6 .section-content {
width: 100% !important;
max-width: unset;
}
tef-modal .section.n00DBA6 .section-content .compare-table {
max-width: 100% !important;
}
tef-modal .section.n00DBA6 .section-content .row.zB7708A {
max-width: 100% !important;
}
tef-modal .section.s8C5F72 {
padding: 0 16px !important;
}
tef-modal .section.s8C5F72 .section-content {
width: unset !important;
max-width: 100% !important;
}
@media only screen and (min-width: 734px) {
tef-modal .section.s8C5F72 {
padding: 0 8px !important;
}
}
tef-modal .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-header-row,
tef-modal .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-row {
padding: 0 22px !important;
--column-gap: 17px !important;
}
}
.channel-html.u5F03E6 .row {
margin-left: unset !important;
margin-right: unset !important;
width: auto !important;
}
.channel-html.u5F03E6 .section.n00DBA6 .section-content .row .m67E9DB {
width: 100% !important;
}
.channel-html.u5F03E6 .section.n00DBA6 .section-content .row .m67E9DB > .column > .row {
justify-content: center;
}
.channel-html .channel-compare-legacy .compare-header-row,
.channel-html .channel-compare-legacy .compare-row {
grid-template-columns: auto !important;
justify-items: center !important;
}
.channel-html .button-container span {
font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 12.8px 24px;
padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
display: flex;
align-items: center;
font-size: 14px;
}
.channel-html .button-container.discontinued {
display: flex;
align-items: center;
}