tef-modal div[slot=body] {
container-type: inline-size;
}
@container (min-width: 780px) and (max-width: 899px) {
tef-modal [proxy-replacement-root-id=iphone-compare-tool] .section.gC95F56 .section-content {
width: 100% !important;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool] .section.gC95F56 .section-content .compare-table {
max-width: 100% !important;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool] .section.gC95F56 .section-content .row.b3B742A {
max-width: 100% !important;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool] .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-header-row,
tef-modal [proxy-replacement-root-id=iphone-compare-tool] .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 [proxy-replacement-root-id=iphone-compare-tool-2] .section.gC95F56 .section-content {
width: 100% !important;
max-width: unset;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool-2] .section.gC95F56 .section-content .compare-table {
max-width: 100% !important;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool-2] .section.gC95F56 .section-content .row.b3B742A {
max-width: 100% !important;
}
tef-modal [proxy-replacement-root-id=iphone-compare-tool-2] .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-header-row,
tef-modal [proxy-replacement-root-id=iphone-compare-tool-2] .channel-html .channel-compare .compare.compare-column-range-medium-3 .compare-row {
padding: 0 22px !important;
--column-gap: 17px !important;
}
}
.channel-html.x8E865A .row {
margin-left: unset !important;
margin-right: unset !important;
width: auto !important;
}
.channel-html.x8E865A .section.j3235AB .section-content {
width: unset !important;
max-width: 100% !important;
}
@media only screen and (min-width: 734px) {
.channel-html.x8E865A .section.j3235AB {
padding: 0 16px !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;
}