.cms-page-view .row div[data-content-type=text] h1, .cms-page-view .row div[data-content-type=text] h2 { margin-bottom: 16px } .cms-page-view .row div[data-content-type=text] h3, .cms-page-view .row div[data-content-type=text] h4 { margin-bottom: 12px } .cms-page-view .row div[data-content-type=text] h5, .cms-page-view .row div[data-content-type=text] h6 { margin-bottom: 8px } .cms-page-view .columns h1, .cms-index-index .columns h1, .cms-home .columns h1, .cms-page-view .columns .styleguide h1, .cms-page-view .columns .pagebuilder h1, .cms-page-view .columns h2, .cms-index-index .columns h2, .cms-home .columns h2, .cms-page-view .columns .styleguide h2, .cms-page-view .columns .pagebuilder h2, .cms-page-view .columns h3, .cms-index-index .columns h3, .cms-home .columns h3, .cms-page-view .columns .styleguide h3, .cms-page-view .columns .pagebuilder h3, .cms-page-view .columns h4, .cms-index-index .columns h4, .cms-home .columns h4, .cms-page-view .columns .styleguide h4, .cms-page-view .columns .pagebuilder h4, .cms-page-view .columns h5, .cms-index-index .columns h5, .cms-home .columns h5, .cms-page-view .columns .styleguide h5, .cms-page-view .columns .pagebuilder h5, .cms-page-view .columns h6, .cms-index-index .columns h6, .cms-home .columns h6, .cms-page-view .columns .styleguide h6, .cms-page-view .columns .pagebuilder h6, .cms-page-view .columns p, .cms-index-index .columns p, .cms-home .columns p, .cms-page-view .columns .styleguide p, .cms-page-view .columns .pagebuilder p { padding: 0; margin: 0 } .cms-page-view .columns div ul, .cms-index-index .columns div ul, .cms-home .columns div ul, .cms-page-view .columns .styleguide div ul, .cms-page-view .columns .pagebuilder div ul { list-style-type: none; margin: 0; padding: 0 } .cms-page-view .columns div[data-content-type=text] ul, .cms-index-index .columns div[data-content-type=text] ul, .cms-home .columns div[data-content-type=text] ul, .cms-page-view .columns .styleguide div[data-content-type=text] ul, .cms-page-view .columns .pagebuilder div[data-content-type=text] ul { list-style: inside } .cms-page-view .columns div[data-element=text] ul, .cms-index-index .columns div[data-element=text] ul, .cms-home .columns div[data-element=text] ul, .cms-page-view .columns .styleguide div[data-element=text] ul, .cms-page-view .columns .pagebuilder div[data-element=text] ul, .cms-page-view .columns div[data-element=answer] ul, .cms-index-index .columns div[data-element=answer] ul, .cms-home .columns div[data-element=answer] ul, .cms-page-view .columns .styleguide div[data-element=answer] ul, .cms-page-view .columns .pagebuilder div[data-element=answer] ul, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul, .cms-page-view .columns div[data-element=description] ul, .cms-index-index .columns div[data-element=description] ul, .cms-home .columns div[data-element=description] ul, .cms-page-view .columns .styleguide div[data-element=description] ul, .cms-page-view .columns .pagebuilder div[data-element=description] ul, .cms-page-view .columns div[data-element=text] ol, .cms-index-index .columns div[data-element=text] ol, .cms-home .columns div[data-element=text] ol, .cms-page-view .columns .styleguide div[data-element=text] ol, .cms-page-view .columns .pagebuilder div[data-element=text] ol, .cms-page-view .columns div[data-element=answer] ol, .cms-index-index .columns div[data-element=answer] ol, .cms-home .columns div[data-element=answer] ol, .cms-page-view .columns .styleguide div[data-element=answer] ol, .cms-page-view .columns .pagebuilder div[data-element=answer] ol, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns div[data-element=description] ol, .cms-index-index .columns div[data-element=description] ol, .cms-home .columns div[data-element=description] ol, .cms-page-view .columns .styleguide div[data-element=description] ol, .cms-page-view .columns .pagebuilder div[data-element=description] ol { list-style: none !important; margin: 0; padding: 0 } .cms-page-view .columns div[data-element=text] ul li, .cms-index-index .columns div[data-element=text] ul li, .cms-home .columns div[data-element=text] ul li, .cms-page-view .columns .styleguide div[data-element=text] ul li, .cms-page-view .columns .pagebuilder div[data-element=text] ul li, .cms-page-view .columns div[data-element=answer] ul li, .cms-index-index .columns div[data-element=answer] ul li, .cms-home .columns div[data-element=answer] ul li, .cms-page-view .columns .styleguide div[data-element=answer] ul li, .cms-page-view .columns .pagebuilder div[data-element=answer] ul li, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul li, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul li, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul li, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul li, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul li, .cms-page-view .columns div[data-element=description] ul li, .cms-index-index .columns div[data-element=description] ul li, .cms-home .columns div[data-element=description] ul li, .cms-page-view .columns .styleguide div[data-element=description] ul li, .cms-page-view .columns .pagebuilder div[data-element=description] ul li, .cms-page-view .columns div[data-element=text] ol li, .cms-index-index .columns div[data-element=text] ol li, .cms-home .columns div[data-element=text] ol li, .cms-page-view .columns .styleguide div[data-element=text] ol li, .cms-page-view .columns .pagebuilder div[data-element=text] ol li, .cms-page-view .columns div[data-element=answer] ol li, .cms-index-index .columns div[data-element=answer] ol li, .cms-home .columns div[data-element=answer] ol li, .cms-page-view .columns .styleguide div[data-element=answer] ol li, .cms-page-view .columns .pagebuilder div[data-element=answer] ol li, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns div[data-element=description] ol li, .cms-index-index .columns div[data-element=description] ol li, .cms-home .columns div[data-element=description] ol li, .cms-page-view .columns .styleguide div[data-element=description] ol li, .cms-page-view .columns .pagebuilder div[data-element=description] ol li { position: relative; padding-left: 1.6rem; margin: 0; line-height: inherit } .cms-page-view .columns div[data-element=text] ul li:before, .cms-index-index .columns div[data-element=text] ul li:before, .cms-home .columns div[data-element=text] ul li:before, .cms-page-view .columns .styleguide div[data-element=text] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul li:before, .cms-page-view .columns div[data-element=answer] ul li:before, .cms-index-index .columns div[data-element=answer] ul li:before, .cms-home .columns div[data-element=answer] ul li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns div[data-element=description] ul li:before, .cms-index-index .columns div[data-element=description] ul li:before, .cms-home .columns div[data-element=description] ul li:before, .cms-page-view .columns .styleguide div[data-element=description] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul li:before, .cms-page-view .columns div[data-element=text] ol li:before, .cms-index-index .columns div[data-element=text] ol li:before, .cms-home .columns div[data-element=text] ol li:before, .cms-page-view .columns .styleguide div[data-element=text] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol li:before, .cms-page-view .columns div[data-element=answer] ol li:before, .cms-index-index .columns div[data-element=answer] ol li:before, .cms-home .columns div[data-element=answer] ol li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns div[data-element=description] ol li:before, .cms-index-index .columns div[data-element=description] ol li:before, .cms-home .columns div[data-element=description] ol li:before, .cms-page-view .columns .styleguide div[data-element=description] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol li:before { position: absolute; left: 0; top: 0; font-size: 1.53em; line-height: 1 } .cms-page-view .columns div[data-element=text] ul:not(:last-of-type), .cms-index-index .columns div[data-element=text] ul:not(:last-of-type), .cms-home .columns div[data-element=text] ul:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=text] ul:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=text] ul:not(:last-of-type), .cms-page-view .columns div[data-element=answer] ul:not(:last-of-type), .cms-index-index .columns div[data-element=answer] ul:not(:last-of-type), .cms-home .columns div[data-element=answer] ul:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=answer] ul:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=answer] ul:not(:last-of-type), .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul:not(:last-of-type), .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul:not(:last-of-type), .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul:not(:last-of-type), .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul:not(:last-of-type), .cms-page-view .columns div[data-element=description] ul:not(:last-of-type), .cms-index-index .columns div[data-element=description] ul:not(:last-of-type), .cms-home .columns div[data-element=description] ul:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=description] ul:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=description] ul:not(:last-of-type), .cms-page-view .columns div[data-element=text] ol:not(:last-of-type), .cms-index-index .columns div[data-element=text] ol:not(:last-of-type), .cms-home .columns div[data-element=text] ol:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=text] ol:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=text] ol:not(:last-of-type), .cms-page-view .columns div[data-element=answer] ol:not(:last-of-type), .cms-index-index .columns div[data-element=answer] ol:not(:last-of-type), .cms-home .columns div[data-element=answer] ol:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=answer] ol:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=answer] ol:not(:last-of-type), .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol:not(:last-of-type), .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol:not(:last-of-type), .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol:not(:last-of-type), .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol:not(:last-of-type), .cms-page-view .columns div[data-element=description] ol:not(:last-of-type), .cms-index-index .columns div[data-element=description] ol:not(:last-of-type), .cms-home .columns div[data-element=description] ol:not(:last-of-type), .cms-page-view .columns .styleguide div[data-element=description] ol:not(:last-of-type), .cms-page-view .columns .pagebuilder div[data-element=description] ol:not(:last-of-type) { margin-bottom: 1em } .cms-page-view .columns div[data-element=text] ul li:before, .cms-index-index .columns div[data-element=text] ul li:before, .cms-home .columns div[data-element=text] ul li:before, .cms-page-view .columns .styleguide div[data-element=text] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul li:before, .cms-page-view .columns div[data-element=answer] ul li:before, .cms-index-index .columns div[data-element=answer] ul li:before, .cms-home .columns div[data-element=answer] ul li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul li:before, .cms-page-view .columns div[data-element=description] ul li:before, .cms-index-index .columns div[data-element=description] ul li:before, .cms-home .columns div[data-element=description] ul li:before, .cms-page-view .columns .styleguide div[data-element=description] ul li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul li:before { content: "•" } .cms-page-view .columns div[data-element=text] ul[style*="list-style-type: circle"] li:before, .cms-index-index .columns div[data-element=text] ul[style*="list-style-type: circle"] li:before, .cms-home .columns div[data-element=text] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns div[data-element=answer] ul[style*="list-style-type: circle"] li:before, .cms-index-index .columns div[data-element=answer] ul[style*="list-style-type: circle"] li:before, .cms-home .columns div[data-element=answer] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: circle"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: circle"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns div[data-element=description] ul[style*="list-style-type: circle"] li:before, .cms-index-index .columns div[data-element=description] ul[style*="list-style-type: circle"] li:before, .cms-home .columns div[data-element=description] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul[style*="list-style-type: circle"] li:before, .cms-page-view .columns div[data-element=text] ul[type=circle] li:before, .cms-index-index .columns div[data-element=text] ul[type=circle] li:before, .cms-home .columns div[data-element=text] ul[type=circle] li:before, .cms-page-view .columns .styleguide div[data-element=text] ul[type=circle] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul[type=circle] li:before, .cms-page-view .columns div[data-element=answer] ul[type=circle] li:before, .cms-index-index .columns div[data-element=answer] ul[type=circle] li:before, .cms-home .columns div[data-element=answer] ul[type=circle] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul[type=circle] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul[type=circle] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul[type=circle] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul[type=circle] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul[type=circle] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul[type=circle] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul[type=circle] li:before, .cms-page-view .columns div[data-element=description] ul[type=circle] li:before, .cms-index-index .columns div[data-element=description] ul[type=circle] li:before, .cms-home .columns div[data-element=description] ul[type=circle] li:before, .cms-page-view .columns .styleguide div[data-element=description] ul[type=circle] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul[type=circle] li:before { content: "◦" } .cms-page-view .columns div[data-element=text] ul[style*="list-style-type: square"] li:before, .cms-index-index .columns div[data-element=text] ul[style*="list-style-type: square"] li:before, .cms-home .columns div[data-element=text] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns div[data-element=answer] ul[style*="list-style-type: square"] li:before, .cms-index-index .columns div[data-element=answer] ul[style*="list-style-type: square"] li:before, .cms-home .columns div[data-element=answer] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: square"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: square"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul[style*="list-style-type: square"] li:before, .cms-page-view .columns div[data-element=description] ul[style*="list-style-type: square"] li:before, .cms-index-index .columns div[data-element=description] ul[style*="list-style-type: square"] li:before, .cms-home .columns div[data-element=description] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul[style*="list-style-type: square"] li:before, .cms-page-view .columns div[data-element=text] ul[type=square] li:before, .cms-index-index .columns div[data-element=text] ul[type=square] li:before, .cms-home .columns div[data-element=text] ul[type=square] li:before, .cms-page-view .columns .styleguide div[data-element=text] ul[type=square] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ul[type=square] li:before, .cms-page-view .columns div[data-element=answer] ul[type=square] li:before, .cms-index-index .columns div[data-element=answer] ul[type=square] li:before, .cms-home .columns div[data-element=answer] ul[type=square] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ul[type=square] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ul[type=square] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ul[type=square] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ul[type=square] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ul[type=square] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ul[type=square] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ul[type=square] li:before, .cms-page-view .columns div[data-element=description] ul[type=square] li:before, .cms-index-index .columns div[data-element=description] ul[type=square] li:before, .cms-home .columns div[data-element=description] ul[type=square] li:before, .cms-page-view .columns .styleguide div[data-element=description] ul[type=square] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ul[type=square] li:before { content: "▪" } .cms-page-view .columns div[data-element=text] ol, .cms-index-index .columns div[data-element=text] ol, .cms-home .columns div[data-element=text] ol, .cms-page-view .columns .styleguide div[data-element=text] ol, .cms-page-view .columns .pagebuilder div[data-element=text] ol, .cms-page-view .columns div[data-element=answer] ol, .cms-index-index .columns div[data-element=answer] ol, .cms-home .columns div[data-element=answer] ol, .cms-page-view .columns .styleguide div[data-element=answer] ol, .cms-page-view .columns .pagebuilder div[data-element=answer] ol, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol, .cms-page-view .columns div[data-element=description] ol, .cms-index-index .columns div[data-element=description] ol, .cms-home .columns div[data-element=description] ol, .cms-page-view .columns .styleguide div[data-element=description] ol, .cms-page-view .columns .pagebuilder div[data-element=description] ol { counter-reset: list-counter } .cms-page-view .columns div[data-element=text] ol li, .cms-index-index .columns div[data-element=text] ol li, .cms-home .columns div[data-element=text] ol li, .cms-page-view .columns .styleguide div[data-element=text] ol li, .cms-page-view .columns .pagebuilder div[data-element=text] ol li, .cms-page-view .columns div[data-element=answer] ol li, .cms-index-index .columns div[data-element=answer] ol li, .cms-home .columns div[data-element=answer] ol li, .cms-page-view .columns .styleguide div[data-element=answer] ol li, .cms-page-view .columns .pagebuilder div[data-element=answer] ol li, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol li, .cms-page-view .columns div[data-element=description] ol li, .cms-index-index .columns div[data-element=description] ol li, .cms-home .columns div[data-element=description] ol li, .cms-page-view .columns .styleguide div[data-element=description] ol li, .cms-page-view .columns .pagebuilder div[data-element=description] ol li { counter-increment: list-counter } .cms-page-view .columns div[data-element=text] ol li:before, .cms-index-index .columns div[data-element=text] ol li:before, .cms-home .columns div[data-element=text] ol li:before, .cms-page-view .columns .styleguide div[data-element=text] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol li:before, .cms-page-view .columns div[data-element=answer] ol li:before, .cms-index-index .columns div[data-element=answer] ol li:before, .cms-home .columns div[data-element=answer] ol li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol li:before, .cms-page-view .columns div[data-element=description] ol li:before, .cms-index-index .columns div[data-element=description] ol li:before, .cms-home .columns div[data-element=description] ol li:before, .cms-page-view .columns .styleguide div[data-element=description] ol li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol li:before { content: counter(list-counter, decimal) "." } .cms-page-view .columns div[data-element=text] ol[style*=lower-alpha] li:before, .cms-index-index .columns div[data-element=text] ol[style*=lower-alpha] li:before, .cms-home .columns div[data-element=text] ol[style*=lower-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[style*=lower-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[style*=lower-alpha] li:before, .cms-page-view .columns div[data-element=answer] ol[style*=lower-alpha] li:before, .cms-index-index .columns div[data-element=answer] ol[style*=lower-alpha] li:before, .cms-home .columns div[data-element=answer] ol[style*=lower-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[style*=lower-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[style*=lower-alpha] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-alpha] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-alpha] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-alpha] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-alpha] li:before, .cms-page-view .columns div[data-element=description] ol[style*=lower-alpha] li:before, .cms-index-index .columns div[data-element=description] ol[style*=lower-alpha] li:before, .cms-home .columns div[data-element=description] ol[style*=lower-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[style*=lower-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[style*=lower-alpha] li:before, .cms-page-view .columns div[data-element=text] ol[type="a"] li:before, .cms-index-index .columns div[data-element=text] ol[type="a"] li:before, .cms-home .columns div[data-element=text] ol[type="a"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[type="a"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[type="a"] li:before, .cms-page-view .columns div[data-element=answer] ol[type="a"] li:before, .cms-index-index .columns div[data-element=answer] ol[type="a"] li:before, .cms-home .columns div[data-element=answer] ol[type="a"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[type="a"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[type="a"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[type="a"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[type="a"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[type="a"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[type="a"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[type="a"] li:before, .cms-page-view .columns div[data-element=description] ol[type="a"] li:before, .cms-index-index .columns div[data-element=description] ol[type="a"] li:before, .cms-home .columns div[data-element=description] ol[type="a"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[type="a"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[type="a"] li:before { content: counter(list-counter, lower-alpha) "." } .cms-page-view .columns div[data-element=text] ol[style*=upper-alpha] li:before, .cms-index-index .columns div[data-element=text] ol[style*=upper-alpha] li:before, .cms-home .columns div[data-element=text] ol[style*=upper-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[style*=upper-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[style*=upper-alpha] li:before, .cms-page-view .columns div[data-element=answer] ol[style*=upper-alpha] li:before, .cms-index-index .columns div[data-element=answer] ol[style*=upper-alpha] li:before, .cms-home .columns div[data-element=answer] ol[style*=upper-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[style*=upper-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[style*=upper-alpha] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-alpha] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-alpha] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-alpha] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-alpha] li:before, .cms-page-view .columns div[data-element=description] ol[style*=upper-alpha] li:before, .cms-index-index .columns div[data-element=description] ol[style*=upper-alpha] li:before, .cms-home .columns div[data-element=description] ol[style*=upper-alpha] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[style*=upper-alpha] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[style*=upper-alpha] li:before, .cms-page-view .columns div[data-element=text] ol[type="A"] li:before, .cms-index-index .columns div[data-element=text] ol[type="A"] li:before, .cms-home .columns div[data-element=text] ol[type="A"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[type="A"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[type="A"] li:before, .cms-page-view .columns div[data-element=answer] ol[type="A"] li:before, .cms-index-index .columns div[data-element=answer] ol[type="A"] li:before, .cms-home .columns div[data-element=answer] ol[type="A"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[type="A"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[type="A"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[type="A"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[type="A"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[type="A"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[type="A"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[type="A"] li:before, .cms-page-view .columns div[data-element=description] ol[type="A"] li:before, .cms-index-index .columns div[data-element=description] ol[type="A"] li:before, .cms-home .columns div[data-element=description] ol[type="A"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[type="A"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[type="A"] li:before { content: counter(list-counter, upper-alpha) "." } .cms-page-view .columns div[data-element=text] ol[style*=lower-roman] li:before, .cms-index-index .columns div[data-element=text] ol[style*=lower-roman] li:before, .cms-home .columns div[data-element=text] ol[style*=lower-roman] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[style*=lower-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[style*=lower-roman] li:before, .cms-page-view .columns div[data-element=answer] ol[style*=lower-roman] li:before, .cms-index-index .columns div[data-element=answer] ol[style*=lower-roman] li:before, .cms-home .columns div[data-element=answer] ol[style*=lower-roman] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[style*=lower-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[style*=lower-roman] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-roman] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-roman] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-roman] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-roman] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[style*=lower-roman] li:before, .cms-page-view .columns div[data-element=description] ol[style*=lower-roman] li:before, .cms-index-index .columns div[data-element=description] ol[style*=lower-roman] li:before, .cms-home .columns div[data-element=description] ol[style*=lower-roman] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[style*=lower-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[style*=lower-roman] li:before, .cms-page-view .columns div[data-element=text] ol[type="i"] li:before, .cms-index-index .columns div[data-element=text] ol[type="i"] li:before, .cms-home .columns div[data-element=text] ol[type="i"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[type="i"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[type="i"] li:before, .cms-page-view .columns div[data-element=answer] ol[type="i"] li:before, .cms-index-index .columns div[data-element=answer] ol[type="i"] li:before, .cms-home .columns div[data-element=answer] ol[type="i"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[type="i"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[type="i"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[type="i"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[type="i"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[type="i"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[type="i"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[type="i"] li:before, .cms-page-view .columns div[data-element=description] ol[type="i"] li:before, .cms-index-index .columns div[data-element=description] ol[type="i"] li:before, .cms-home .columns div[data-element=description] ol[type="i"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[type="i"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[type="i"] li:before { content: counter(list-counter, lower-roman) "." } .cms-page-view .columns div[data-element=text] ol[style*=upper-roman] li:before, .cms-index-index .columns div[data-element=text] ol[style*=upper-roman] li:before, .cms-home .columns div[data-element=text] ol[style*=upper-roman] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[style*=upper-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[style*=upper-roman] li:before, .cms-page-view .columns div[data-element=answer] ol[style*=upper-roman] li:before, .cms-index-index .columns div[data-element=answer] ol[style*=upper-roman] li:before, .cms-home .columns div[data-element=answer] ol[style*=upper-roman] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[style*=upper-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[style*=upper-roman] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-roman] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-roman] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-roman] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-roman] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[style*=upper-roman] li:before, .cms-page-view .columns div[data-element=description] ol[style*=upper-roman] li:before, .cms-index-index .columns div[data-element=description] ol[style*=upper-roman] li:before, .cms-home .columns div[data-element=description] ol[style*=upper-roman] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[style*=upper-roman] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[style*=upper-roman] li:before, .cms-page-view .columns div[data-element=text] ol[type="I"] li:before, .cms-index-index .columns div[data-element=text] ol[type="I"] li:before, .cms-home .columns div[data-element=text] ol[type="I"] li:before, .cms-page-view .columns .styleguide div[data-element=text] ol[type="I"] li:before, .cms-page-view .columns .pagebuilder div[data-element=text] ol[type="I"] li:before, .cms-page-view .columns div[data-element=answer] ol[type="I"] li:before, .cms-index-index .columns div[data-element=answer] ol[type="I"] li:before, .cms-home .columns div[data-element=answer] ol[type="I"] li:before, .cms-page-view .columns .styleguide div[data-element=answer] ol[type="I"] li:before, .cms-page-view .columns .pagebuilder div[data-element=answer] ol[type="I"] li:before, .cms-page-view .columns div[data-content-type=text]:not(:has(#etva)) ol[type="I"] li:before, .cms-index-index .columns div[data-content-type=text]:not(:has(#etva)) ol[type="I"] li:before, .cms-home .columns div[data-content-type=text]:not(:has(#etva)) ol[type="I"] li:before, .cms-page-view .columns .styleguide div[data-content-type=text]:not(:has(#etva)) ol[type="I"] li:before, .cms-page-view .columns .pagebuilder div[data-content-type=text]:not(:has(#etva)) ol[type="I"] li:before, .cms-page-view .columns div[data-element=description] ol[type="I"] li:before, .cms-index-index .columns div[data-element=description] ol[type="I"] li:before, .cms-home .columns div[data-element=description] ol[type="I"] li:before, .cms-page-view .columns .styleguide div[data-element=description] ol[type="I"] li:before, .cms-page-view .columns .pagebuilder div[data-element=description] ol[type="I"] li:before { content: counter(list-counter, upper-roman) "." } .cms-page-view .columns div, .cms-index-index .columns div, .cms-home .columns div, .cms-page-view .columns .styleguide div, .cms-page-view .columns .pagebuilder div { box-sizing: border-box } a:active, a:hover { color: initial; text-decoration: none } .page-main.product__main--handset { margin: 0 auto; padding: 0; width: calc(100% - 48px) } @media only screen and (min-width:768px) { .page-main.product__main--handset { width: calc(100% - 96px) } } .page-main.product__main--handset:has(+.page-main.page-main-details) { margin-bottom: 64px } @media only screen and (min-width:1024px) { .page-main.product__main--handset:has(+.page-main.page-main-details) { margin-bottom: 0 } } .page-main.page-main-details:has([data-appearance=contained-narrow]) { padding-left: 0; padding-right: 0; max-width: none } .message.error { margin: 12px 0; border-radius: 8px; font-size: inherit } .message.error>*:first-child:before { left: 12px; width: 25px; top: 50%; transform: translateY(-50%); margin: 0 } @media only screen and (max-width:1023px) { h1, .h1 { font-weight: 700; font-size: 34px; line-height: 40.8px; letter-spacing: 0 } h2, .h2 { font-weight: 700; font-size: 26px; line-height: 33.8px; letter-spacing: 0 } } @media only screen and (max-width:767px) { .modal-popup .modal-inner-wrap { width: calc(100% - 48px); border-radius: 12px } .modal-popup .modal-header { padding: 64px 24px 0 } .modal-popup .modal-content { padding: 0 24px; padding-bottom: 40px } } @media all and (min-width:376px) { [data-theme=cortana] [data-content-type=products] .swiper-initialized { width: auto } [data-theme=cortana] [data-content-type=products] .swiper .scrollbar-container { visibility: visible } } @media all and (min-width:768px), print { .modal-popup .modal-inner-wrap { width: calc(100% - 96px); border-radius: 16px } .modal-popup .modal-header { padding: 48px 48px 0 } .modal-popup .modal-content { padding: 0 48px; padding-bottom: 48px } } @media all and (min-width:1024px), print { h1, .h1 { font-weight: 700; font-size: 42px; line-height: 50.4px; letter-spacing: 0 } h2, .h2 { font-weight: 700; font-size: 32px; line-height: 41.6px; letter-spacing: 0 } .modal-popup .modal-inner-wrap { width: 818px } } @media all and (min-width:1336px), print { [data-theme=cortana] [data-content-type=products] .swiper-initialized { width: -webkit-fill-available } [data-theme=cortana] [data-content-type=products] .swiper .scrollbar-container { visibility: visible } [data-theme=cortana] [data-content-type=products] .swiper .product-items:has(>:last-child:nth-child(1))+.scrollbar-container, [data-theme=cortana] [data-content-type=products] .swiper .product-items:has(>:last-child:nth-child(2))+.scrollbar-container, [data-theme=cortana] [data-content-type=products] .swiper .product-items:has(>:last-child:nth-child(3))+.scrollbar-container, [data-theme=cortana] [data-content-type=products] .swiper .product-items:has(>:last-child:nth-child(4))+.scrollbar-container { visibility: hidden } } .btn-settings { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px } .btn-settings-lg { max-height: 40px; font-size: 17px; line-height: 20.4px; letter-spacing: .17px; padding: 9px 24px 10px } .tm-lib-navigation-desktop { display: flex; align-items: center; justify-items: center; gap: 8px; transition: background-color .3s ease; text-wrap: nowrap; background-color: #5f2167; color: #fff; height: 100%; border: none; border-radius: 10px; max-height: 44px; font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 12px 20px } .tm-lib-navigation-desktop:hover { background-color: #7f4d85; color: #fff } .tm-lib-navigation-desktop:active { background-color: #4c1a52 } .tm-lib-navigation-desktop:focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } .tm-lib-navigation-desktop:focus-visible:hover { background-color: #7f4d85; color: #fff } .tm-lib-navigation-desktop:focus-visible:active { background-color: #4c1a52 } .tm-lib-navigation-desktop:before { content: url('../images/redesign/icons/user.svg'); display: inline-block; width: 18px; height: 18px; vertical-align: middle } .tm-lib-navigation-mobile { display: flex; align-items: center; background-color: #5f2167; color: #fff; font-weight: 700; padding: 5px; border-radius: 60px } .tm-lib-navigation-mobile span { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px } .tm-lib-navigation-mobile span.profile:before { content: url('../images/redesign/icons/user.svg'); display: inline-block; width: 18px; height: 18px; vertical-align: middle } .tm-lib-navigation-mobile:hover { background-color: #7f4d85; color: #fff } .tm-lib-navigation-mobile:active { background-color: #4c1a52 } .tm-lib-navigation-mobile:focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } .tm-lib-navigation-mobile:focus-visible:hover { background-color: #7f4d85; color: #fff } .tm-lib-navigation-mobile:focus-visible:active { background-color: #4c1a52 } .link-settings { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px } .link-settings span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } .link-settings-lg { max-height: 32px; font-size: 17px; line-height: 20.4px; letter-spacing: .17px } .tm-lib-nav-link { display: inline-table; transition: color .3s ease; width: fit-content; text-decoration: none; box-sizing: border-box; position: relative; max-height: 24px; height: 19px; font-weight: 500; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px } .tm-lib-nav-link span { display: inline; position: relative; transition: border-color .3s ease; border-bottom: 3px solid #fff; color: #323438 } .tm-lib-nav-link span:before, .tm-lib-nav-link span:after { content: ''; border-bottom: 3px solid #fff; border-radius: 2px; display: inline-block; position: absolute; height: 0; width: 0; transform: translate(-50%, -50%); bottom: -6px; scale: .5; transition: border-color .3s ease } .tm-lib-nav-link span:before { left: -1px } .tm-lib-nav-link span:after { right: -4px } .tm-lib-nav-link.active span { color: #5f2167; border-bottom: 3px solid #5f2167; transition: border-color .3s ease } .tm-lib-nav-link.active span:before, .tm-lib-nav-link.active span:after { transition: border-color .3s ease; content: ''; border: 3px solid #5f2167 } .tm-lib-nav-link:hover { color: #7f4d85 } .tm-lib-nav-link:hover span { color: #7f4d85; border-bottom: 3px solid #bfa6c2; transition: border-color .3s ease } .tm-lib-nav-link:hover span:before, .tm-lib-nav-link:hover span:after { transition: border-color .3s ease; border-color: #bfa6c2 } .tm-lib-nav-link:active { color: #4c1a52 } .tm-lib-nav-link:active span { color: #4c1a52; border-bottom: 3px solid #7f4d85; transition: border-color .3s ease } .tm-lib-nav-link:active span:before, .tm-lib-nav-link:active span:after { transition: border-color .3s ease; border-color: #7f4d85 } .tm-lib-nav-link:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } .tm-lib-nav-link:focus-visible span { color: #5f2167 } .tm-lib-nav-link:focus-visible:hover { color: #7f4d85 } .tm-lib-nav-link:focus-visible:hover span { color: #7f4d85; border-bottom: 3px solid #bfa6c2; transition: border-color .3s ease } .tm-lib-nav-link:focus-visible:hover span:before, .tm-lib-nav-link:focus-visible:hover span:after { transition: border-color .3s ease; border-color: #bfa6c2 } .tm-lib-nav-link:focus-visible:active { color: #4c1a52 } .tm-lib-nav-link:focus-visible:active span { color: #7f4d85; border-bottom: 3px solid #bfa6c2 } [data-theme=cortana].cms-page-view .page-main { padding-left: 0; padding-right: 0 } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary), [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary), [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary), [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary) { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #5f2167; color: #fff; max-height: 40px; font-size: 17px; line-height: 20.4px; letter-spacing: .17px; padding: 9px 24px 10px; min-width: inherit } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button:hover, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary:hover, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):hover, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):hover, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):hover, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):hover { background-color: #7f4d85; color: #fff } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button:active, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary:active, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):active, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):active, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):active, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):active { background-color: #4c1a52 } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button:focus-visible, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary:focus-visible, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button:focus-visible:hover, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary:focus-visible:hover, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible:hover, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible:hover, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible:hover, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible:hover { background-color: #7f4d85; color: #fff } .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace)#confirm-button:focus-visible:active, .confirmation-page__continue-wrapper [data-theme=cortana]:not(.product-replace).action.primary:focus-visible:active, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible:active, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace)#confirm-button.action--send-summary):focus-visible:active, [data-theme=cortana]:not(.product-replace)#confirm-button:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible:active, [data-theme=cortana]:not(.product-replace).action.primary:not([data-theme=cortana]:not(.product-replace).action.primary.action--send-summary):focus-visible:active { background-color: #4c1a52 } button a.link:not(.link--logout), button a.checkout-agreement--link:not(.link--logout) { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; line-height: inherit } button a.link:not(.link--logout) span, button a.checkout-agreement--link:not(.link--logout) span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } button a.link:not(.link--logout):not(:has(span)), button a.checkout-agreement--link:not(.link--logout):not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } button a.link:not(.link--logout) span, button a.checkout-agreement--link:not(.link--logout) span { border-bottom: 2px solid #5f2167; display: inline } button a.link:not(.link--logout):hover, button a.checkout-agreement--link:not(.link--logout):hover { color: #7f4d85 } button a.link:not(.link--logout):hover span, button a.checkout-agreement--link:not(.link--logout):hover span { border-bottom: 2px solid #7f4d85; display: inline } button a.link:not(.link--logout):active, button a.checkout-agreement--link:not(.link--logout):active { color: #4c1a52 } button a.link:not(.link--logout):focus-visible, button a.checkout-agreement--link:not(.link--logout):focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } button a.link:not(.link--logout):focus-visible:hover, button a.checkout-agreement--link:not(.link--logout):focus-visible:hover { color: #7f4d85 } button a.link:not(.link--logout):focus-visible:hover span, button a.checkout-agreement--link:not(.link--logout):focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } button a.link:not(.link--logout):focus-visible:active, button a.checkout-agreement--link:not(.link--logout):focus-visible:active { color: #4c1a52 } h1, .h1 { font-weight: 700; font-size: 34px; line-height: 40.8px; letter-spacing: 0 } h2, .h2 { font-weight: 700; font-size: 26px; line-height: 33.8px; letter-spacing: 0 } h3, .h3 { font-weight: 700; font-size: 24px; line-height: 31.2px; letter-spacing: .24px } h4, .h4 { font-weight: 700; font-size: 20px; line-height: 26px; letter-spacing: .2px } h5, .h5 { font-weight: 500; font-size: 18px; line-height: 25.2px; letter-spacing: 0 } h6, .h6 { font-weight: 500; font-size: 16px; line-height: 22.4px; letter-spacing: 0 } .subtitle-lg { font-weight: 500; font-size: 20px; line-height: 23.2px; letter-spacing: 0 } .subtitle-md { font-weight: 500; font-size: 18px; line-height: 25.2px; letter-spacing: 0 } p, .text-md { font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: 0 } .text-lg { font-weight: 400; font-size: 16px; line-height: 25.6px; letter-spacing: 0 } .text-sm { font-weight: 400; font-size: 14px; line-height: 22.4px; letter-spacing: 0 } .spacing-2 { width: 2px; height: 2px } .spacing-4 { width: 4px; height: 4px } .spacing-8 { width: 8px; height: 8px } .spacing-12 { width: 12px; height: 12px } .spacing-16 { width: 16px; height: 16px } .spacing-20 { width: 20px; height: 20px } .spacing-24 { width: 24px; height: 24px } .spacing-32 { width: 32px; height: 32px } .spacing-40 { width: 40px; height: 40px } .spacing-48 { width: 48px; height: 48px } .spacing-56 { width: 56px; height: 56px } .spacing-64 { width: 64px; height: 64px } .spacing-72 { width: 72px; height: 72px } .spacing-80 { width: 80px; height: 80px } .size-xxs { width: 2px; height: 2px } .size-xs { width: 20px; height: 20px } .size-sm { width: 24px; height: 24px } .size-md { width: 32px; height: 32px } .size-lg { width: 40px; height: 40px } .size-xl { width: 56px; height: 56px } .button { justify-content: center } .button.action.primary { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #5f2167; color: #fff } .button.action.primary:hover { background-color: #7f4d85; color: #fff } .button.action.primary:active { background-color: #4c1a52 } .button.action.primary:focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } .button.action.primary:focus-visible:hover { background-color: #7f4d85; color: #fff } .button.action.primary:focus-visible:active { background-color: #4c1a52 } .button.action.secondary { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #e17909; color: #050506 } .button.action.secondary:hover { background-color: #e7943a; color: #050506 } .button.action.secondary:active { background-color: #edaf6b } .button.action.secondary:focus-visible { background-color: #e17909; outline: 2px solid #e17909; outline-offset: 2px; box-shadow: none } .button.action.secondary:focus-visible:hover { background-color: #e7943a; color: #050506 } .button.action.secondary:focus-visible:active { background-color: #edaf6b } .modal-popup { display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, .8); left: -99999px; top: 99999px } .modal-popup._show { left: 0; top: 0 } .modal-popup [data-content-type=row], .modal-popup .block-static-block { margin: 0 } .modal-popup .pagebuilder-plan-features { padding: 0 } .modal-popup .modal-inner-wrap { transform: translate(0, 0) } .modal-popup .modal-slide .modal-inner-wrap[class] { background-color: #fff } .modal-popup .modal-title { border-bottom: 0 } .modal-popup [data-content-type=heading] { margin-bottom: 32px } .modal-popup .action-close:hover { color: #7f4d85 } .modal-popup .action-close:hover:after { content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%237F4D85'/%3E%3Cpath d='M17 7L7 17' stroke='white' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L17 17' stroke='white' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") } .modal-popup .action-close:hover>span { color: #7f4d85 } .modal-popup .action-close:active { color: #4c1a52 } .modal-popup .action-close:active>span { color: #4c1a52 } ._keyfocus .modal-popup .action-close:focus-visible { outline: 2px solid #5f2167; border-radius: 14px; outline-offset: -10px } .modal-popup .action-close:before { display: none } .modal-popup .action-close:after { content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%235F2167'/%3E%3Cpath d='M17 7L7 17' stroke='white' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 7L17 17' stroke='white' stroke-width='2.08333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); display: inline-block; width: 24px; height: 24px } .modal-popup .action-close>span { position: relative; visibility: visible; overflow: visible; font-size: 15px; font-weight: 700; letter-spacing: .15px; color: #5f2167; margin-top: 0; padding-right: 8px } .modal-popup .action-close>span, .modal-popup .action-close:after { vertical-align: middle } .modal-popup.page-agent-modal .modal-footer, .modal-popup.ecare-modal .modal-footer { display: block; border-top: none; padding: 0 4.8rem 3rem } .modal-popup.page-agent-modal .modal-footer button, .modal-popup.ecare-modal .modal-footer button { display: block !important } .modal-popup .modal-footer { display: none } .modal-popup .modal-footer button { display: none !important } .tabs__list { display: flex; gap: 6px; list-style: none; padding: 0; margin: 0 } .tabs__list-item { margin: 0; display: flex; align-items: flex-end } .tabs__tab { background: unset; margin: 0; border-radius: 8px 8px 0 0; border-bottom: 0; text-align: center; font-weight: 700; line-height: 120%; padding: 6px 12px !important; transition: color .3s ease } .tabs__tab[aria-expanded=false] { background: #f8eeff; border: 2px solid #f8eeff; color: #323438; font-size: 14px; letter-spacing: .14px; height: 28px } .tabs__tab[aria-expanded=false]:hover { color: #7f4d85 } .tabs__tab[aria-expanded=true] { border: 2px solid #bfa6c2; background: unset; background-color: unset; color: #5f2167; font-size: 15px; letter-spacing: .15px; position: relative; height: 32px; top: 2px } .tabs__tab[aria-expanded=true]:hover { color: #7f4d85 } .tabs__tab[aria-expanded=true]:focus-visible:before { height: 2px; background: #7f4d85; margin-bottom: -2px } .tabs__tab[aria-expanded=true]:before { content: ''; border-bottom: 2px solid #fff; position: absolute; bottom: -2px; left: 0; width: 100% } .tabs__tab:focus { box-shadow: none } .tabs__tab:focus-visible { outline: 2px solid #7f4d85; border: 2px solid transparent; box-shadow: none; outline-offset: -2px } .tabs__panels { border: 2px solid #bfa6c2; border-radius: 16px; border-top-left-radius: 0; box-shadow: none } .tabs__panel { padding: 40px 24px 32px; display: none } @media only screen and (min-width:768px) { .tabs__panel { padding: 48px 40px 40px } } .tabs__panel[aria-hidden=false] { display: block } [data-theme=cortana] [data-content-type=products] .products-card, [data-theme=cortana] .product-details__phone-plan .products-card, [data-theme=cortana] .product-recommended .products-card { border-radius: 12px; box-sizing: border-box; background-color: #fff; height: 100%; overflow: hidden; position: relative } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating, [data-theme=cortana] .product-recommended .products-card__energy-rating { position: absolute; width: calc(100% - 16px); height: 64px; bottom: 0; right: 16px; z-index: 0 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating .icon-energy-rating, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating .icon-energy-rating, [data-theme=cortana] .product-recommended .products-card__energy-rating .icon-energy-rating { position: absolute; top: 0; right: 0 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__label-image, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__label-image, [data-theme=cortana] .product-recommended .products-card__energy-rating__label-image { display: none } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; position: absolute; right: 0; top: 30px; font-size: 12px; font-weight: 500; font-style: normal; padding: 6px 0 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche span, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche span, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:not(:has(span)), [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:not(:has(span)), [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche span, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche span, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche span { border-bottom: 2px solid #5f2167; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:hover, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:hover, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:hover { color: #7f4d85 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:hover span, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:hover span, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:active, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:active, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:active { color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:focus-visible, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:focus-visible:hover { color: #7f4d85 } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:focus-visible:hover span, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:focus-visible:hover span, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__energy-rating__product-fiche:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card__energy-rating__product-fiche:focus-visible:active, [data-theme=cortana] .product-recommended .products-card__energy-rating__product-fiche:focus-visible:active { color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .products-card--default, [data-theme=cortana] .product-details__phone-plan .products-card--default, [data-theme=cortana] .product-recommended .products-card--default { border: 2px solid #dfd3e1 } [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option.selected { outline: 2px solid #5f2167 } [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:not(.selected) { outline: 2px solid #dfd3e1 } [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option[data-option-label=White].selected:after { outline: 2px solid #dfd3e1 } [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option:focus, [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-recommended .products-card--default .products-card__swatch .swatch-option[data-option-label=White]:focus-visible { outline: 2px solid #5f2167 } [data-theme=cortana] [data-content-type=products] .products-card--offer, [data-theme=cortana] .product-details__phone-plan .products-card--offer, [data-theme=cortana] .product-recommended .products-card--offer { border: 2px solid #f6d7b5 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__image-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__image-wrapper, [data-theme=cortana] .product-recommended .products-card--offer .products-card__image-wrapper { background-color: #fff0e2 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__offer-label, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__offer-label, [data-theme=cortana] .product-recommended .products-card--offer .products-card__offer-label { background-color: #e7943a; outline: 2px solid #e7943a } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__offer-label:before, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__offer-label:before, [data-theme=cortana] .product-recommended .products-card--offer .products-card__offer-label:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23050506' fill-rule='evenodd' d='M4.107 8.748 1.119 5.761a.833.833 0 0 1 0-1.175l3.58-3.58h4.166v4.168l-3.58 3.574a.833.833 0 0 1-1.178 0Zm2.695-7.541a1.767 1.767 0 0 1 0 3.534h-.006a1.767 1.767 0 1 1 0-3.534h.006Z' clip-rule='evenodd'/%3E%3Cpath fill='%23050506' d='m1.12 5.761-.37.367.001.001.368-.368Zm2.987 2.987.368-.368-.368.368ZM1.119 4.587l-.368-.368H.75l.37.368Zm3.58-3.58v-.52a.52.52 0 0 0-.369.153l.368.368Zm4.166 0h.52a.52.52 0 0 0-.52-.52v.52Zm0 4.168.368.368a.52.52 0 0 0 .153-.369h-.52Zm-3.58 3.574-.367-.368.368.368Zm-.27.181-.199-.48.2.48ZM.751 6.13l2.988 2.988.736-.737-2.987-2.987-.737.736Zm-.395-.955c0 .357.142.7.394.954l.739-.734a.313.313 0 0 1-.091-.22H.356Zm.394-.955a1.354 1.354 0 0 0-.394.954h1.042c0-.082.032-.161.09-.22L.75 4.22ZM4.33.639.751 4.218l.737.736 3.579-3.579L4.33.64ZM8.865.486H4.698v1.042h4.167V.486Zm.52 4.688V1.006h-1.04v4.167h1.04ZM5.655 9.117l3.58-3.575-.737-.737-3.58 3.575.737.737Zm-.44.294c.165-.069.315-.169.44-.294l-.737-.737a.313.313 0 0 1-.101.068l.399.963Zm-.518.103c.178 0 .355-.035.519-.103l-.399-.963a.313.313 0 0 1-.12.024v1.042Zm-.518-.103c.164.068.34.103.518.103V8.472a.313.313 0 0 1-.12-.024l-.398.963Zm-.44-.294c.126.125.275.225.44.294l.399-.963a.313.313 0 0 1-.102-.068l-.737.737ZM9.09 2.974A2.288 2.288 0 0 0 6.802.686v1.041c.689 0 1.247.558 1.247 1.247H9.09ZM6.802 5.262A2.288 2.288 0 0 0 9.09 2.974H8.05c0 .688-.558 1.246-1.247 1.246v1.042Zm-.006 0h.006V4.22h-.006v1.042ZM4.508 2.974a2.288 2.288 0 0 0 2.288 2.288V4.22A1.246 1.246 0 0 1 5.55 2.974H4.508ZM6.796.686a2.288 2.288 0 0 0-2.288 2.288H5.55c0-.689.558-1.247 1.246-1.247V.686Zm.006 0h-.006v1.041h.006V.686Z'/%3E%3C/svg%3E%0A") } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option.selected { outline: 2px solid #e17909 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:not(.selected) { outline: 2px solid #f6d7b5 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option[data-option-label=White].selected:after { outline: 2px solid #f6d7b5 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option:focus, [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-recommended .products-card--offer .products-card__swatch .swatch-option[data-option-label=White]:focus-visible { outline: 2px solid #e17909 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #e17909; color: #050506 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta:hover { background-color: #e7943a; color: #050506 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta:active { background-color: #edaf6b } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta:focus-visible { background-color: #e17909; outline: 2px solid #e17909; outline-offset: 2px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta:focus-visible:hover { background-color: #e7943a; color: #050506 } [data-theme=cortana] [data-content-type=products] .products-card--offer .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card--offer .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-recommended .products-card--offer .products-card__actions button.products-card__cta:focus-visible:active { background-color: #edaf6b } [data-theme=cortana] [data-content-type=products] .products-card--black-friday, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday, [data-theme=cortana] .product-recommended .products-card--black-friday { border: 2px solid #d6d6d7 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__image-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__image-wrapper, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__image-wrapper { background-color: #f6f5f9 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__offer-label, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__offer-label, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__offer-label { background-color: #141516; outline: 2px solid #141516; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__offer-label:before, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__offer-label:before, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__offer-label:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23050506' fill-rule='evenodd' d='M4.107 8.748 1.119 5.761a.833.833 0 0 1 0-1.175l3.58-3.58h4.166v4.168l-3.58 3.574a.833.833 0 0 1-1.178 0Zm2.695-7.541a1.767 1.767 0 0 1 0 3.534h-.006a1.767 1.767 0 1 1 0-3.534h.006Z' clip-rule='evenodd'/%3E%3Cpath fill='%23050506' d='m1.12 5.761-.37.367.001.001.368-.368Zm2.987 2.987.368-.368-.368.368ZM1.119 4.587l-.368-.368H.75l.37.368Zm3.58-3.58v-.52a.52.52 0 0 0-.369.153l.368.368Zm4.166 0h.52a.52.52 0 0 0-.52-.52v.52Zm0 4.168.368.368a.52.52 0 0 0 .153-.369h-.52Zm-3.58 3.574-.367-.368.368.368Zm-.27.181-.199-.48.2.48ZM.751 6.13l2.988 2.988.736-.737-2.987-2.987-.737.736Zm-.395-.955c0 .357.142.7.394.954l.739-.734a.313.313 0 0 1-.091-.22H.356Zm.394-.955a1.354 1.354 0 0 0-.394.954h1.042c0-.082.032-.161.09-.22L.75 4.22ZM4.33.639.751 4.218l.737.736 3.579-3.579L4.33.64ZM8.865.486H4.698v1.042h4.167V.486Zm.52 4.688V1.006h-1.04v4.167h1.04ZM5.655 9.117l3.58-3.575-.737-.737-3.58 3.575.737.737Zm-.44.294c.165-.069.315-.169.44-.294l-.737-.737a.313.313 0 0 1-.101.068l.399.963Zm-.518.103c.178 0 .355-.035.519-.103l-.399-.963a.313.313 0 0 1-.12.024v1.042Zm-.518-.103c.164.068.34.103.518.103V8.472a.313.313 0 0 1-.12-.024l-.398.963Zm-.44-.294c.126.125.275.225.44.294l.399-.963a.313.313 0 0 1-.102-.068l-.737.737ZM9.09 2.974A2.288 2.288 0 0 0 6.802.686v1.041c.689 0 1.247.558 1.247 1.247H9.09ZM6.802 5.262A2.288 2.288 0 0 0 9.09 2.974H8.05c0 .688-.558 1.246-1.247 1.246v1.042Zm-.006 0h.006V4.22h-.006v1.042ZM4.508 2.974a2.288 2.288 0 0 0 2.288 2.288V4.22A1.246 1.246 0 0 1 5.55 2.974H4.508ZM6.796.686a2.288 2.288 0 0 0-2.288 2.288H5.55c0-.689.558-1.247 1.246-1.247V.686Zm.006 0h-.006v1.041h.006V.686Z'/%3E%3C/svg%3E%0A"); filter: invert(1) } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option.selected { outline: 2px solid #5b5d60 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:not(.selected) { outline: 2px solid #d6d6d7 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White].selected:after { outline: 2px solid #d6d6d7 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option:focus, [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__swatch .swatch-option[data-option-label=White]:focus-visible { outline: 2px solid #5b5d60 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #e17909; color: #050506; background-color: #141516; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:hover { background-color: #e7943a; color: #050506 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:active { background-color: #edaf6b } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible { background-color: #e17909; outline: 2px solid #e17909; outline-offset: 2px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover { background-color: #e7943a; color: #050506 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active { background-color: #edaf6b } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:hover { background-color: #282a2d; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:active { background-color: #323438 } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible { background-color: #141516; outline: 2px solid #141516; outline-offset: 2px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:hover { background-color: #282a2d; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-recommended .products-card--black-friday .products-card__actions button.products-card__cta:focus-visible:active { background-color: #323438 } [data-theme=cortana] [data-content-type=products] .products-card__wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__wrapper, [data-theme=cortana] .product-recommended .products-card__wrapper { height: 100%; display: flex; margin: initial } [data-theme=cortana] [data-content-type=products] .products-card__offer-label, [data-theme=cortana] .product-details__phone-plan .products-card__offer-label, [data-theme=cortana] .product-recommended .products-card__offer-label { display: inline-flex; align-items: baseline; gap: 5px; height: 24px; padding: 5px 10px; align-items: center; position: absolute; border-radius: 12px 0; background-color: #dbbff3; outline: 2px solid #dbbff3; outline-offset: -1px; color: #050506; font-size: 13px; font-weight: 700; line-height: 15.6px; letter-spacing: .39px; z-index: 1; box-sizing: border-box } [data-theme=cortana] [data-content-type=products] .products-card__offer-label:before, [data-theme=cortana] .product-details__phone-plan .products-card__offer-label:before, [data-theme=cortana] .product-recommended .products-card__offer-label:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none'%3E%3Cpath fill='%23260D29' stroke='%23260D29' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.042' d='m5.417.834-4.167 5H5l-.417 3.333 4.167-5H5L5.417.834Z'/%3E%3C/svg%3E%0A"); background-size: 10px; width: 10px; height: 10px; display: block } [data-theme=cortana] [data-content-type=products] .products-card__image-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__image-wrapper, [data-theme=cortana] .product-recommended .products-card__image-wrapper { background-color: #f8eeff; height: 212px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden } [data-theme=cortana] [data-content-type=products] .products-card__image-wrapper.product-item-info, [data-theme=cortana] .product-details__phone-plan .products-card__image-wrapper.product-item-info, [data-theme=cortana] .product-recommended .products-card__image-wrapper.product-item-info { box-shadow: none; padding: 0; border: none; border-radius: 0 } [data-theme=cortana] [data-content-type=products] .products-card__image-wrapper .products-card__container, [data-theme=cortana] .product-details__phone-plan .products-card__image-wrapper .products-card__container, [data-theme=cortana] .product-recommended .products-card__image-wrapper .products-card__container { max-width: 194px; width: 100%; max-height: 132px; height: 100%; position: relative } [data-theme=cortana] [data-content-type=products] .products-card__image-wrapper .products-card__container.sim-only img, [data-theme=cortana] .product-details__phone-plan .products-card__image-wrapper .products-card__container.sim-only img, [data-theme=cortana] .product-recommended .products-card__image-wrapper .products-card__container.sim-only img { max-height: 119px } [data-theme=cortana] [data-content-type=products] .products-card__image-wrapper img, [data-theme=cortana] .product-details__phone-plan .products-card__image-wrapper img, [data-theme=cortana] .product-recommended .products-card__image-wrapper img { width: auto; height: auto; object-fit: contain; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-height: 119px } [data-theme=cortana] [data-content-type=products] .products-card__link-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__link-wrapper, [data-theme=cortana] .product-recommended .products-card__link-wrapper { position: absolute; left: 50%; top: 50%; width: 128px; height: 128px; transform: translate(-50%, -50%) } [data-theme=cortana] [data-content-type=products] .products-card__link-wrapper:focus, [data-theme=cortana] .product-details__phone-plan .products-card__link-wrapper:focus, [data-theme=cortana] .product-recommended .products-card__link-wrapper:focus { border: none; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card__swatch, [data-theme=cortana] .product-details__phone-plan .products-card__swatch, [data-theme=cortana] .product-recommended .products-card__swatch { position: absolute; left: 0; bottom: 0; z-index: 1 } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-attribute-options, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-attribute-options, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-attribute-options { display: block; padding: 16px; margin: 0 } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option { height: 8px; width: 8px; border: none; margin-right: 16px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option.selected, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option.selected { outline-offset: 2px; box-shadow: none; overflow: unset } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option.selected[disabled], [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option.selected[disabled], [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option.selected[disabled] { opacity: 1 } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option[data-option-label=White]:not(.selected), [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option[data-option-label=White]:not(.selected) { outline-offset: 0 } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option[data-option-label=White].selected:after, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option[data-option-label=White].selected:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 8px; width: 8px; display: inline-block; border-radius: 15px } [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option:focus, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option:focus, [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option.selected:focus, [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option[data-option-label=White]:focus, [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option.selected:focus-visible, [data-theme=cortana] [data-content-type=products] .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__swatch .swatch-option[data-option-label=White]:focus-visible, [data-theme=cortana] .product-recommended .products-card__swatch .swatch-option[data-option-label=White]:focus-visible { outline-offset: 4px } [data-theme=cortana] [data-content-type=products] .products-card__title-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__title-wrapper, [data-theme=cortana] .product-recommended .products-card__title-wrapper { display: flex; flex-direction: column; gap: 10px } [data-theme=cortana] [data-content-type=products] .products-card__data-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__data-wrapper, [data-theme=cortana] .product-recommended .products-card__data-wrapper { display: flex; flex-direction: column; padding: 24px 16px; margin-top: auto; gap: 20px } [data-theme=cortana] [data-content-type=products] .products-card__data, [data-theme=cortana] .product-details__phone-plan .products-card__data, [data-theme=cortana] .product-recommended .products-card__data { height: 124px; display: flex; flex-direction: column; justify-content: space-between } [data-theme=cortana] [data-content-type=products] .products-card__card__data-type, [data-theme=cortana] .product-details__phone-plan .products-card__card__data-type, [data-theme=cortana] .product-recommended .products-card__card__data-type { color: #323438; font-size: 14px } [data-theme=cortana] [data-content-type=products] .products-card__data-title, [data-theme=cortana] .product-details__phone-plan .products-card__data-title, [data-theme=cortana] .product-recommended .products-card__data-title { display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 4px; flex-direction: column; color: #050506; font-size: 22px; font-style: normal; font-weight: 700; line-height: 25.52px; letter-spacing: .44px } [data-theme=cortana] [data-content-type=products] .products-card__attributes, [data-theme=cortana] .product-details__phone-plan .products-card__attributes, [data-theme=cortana] .product-recommended .products-card__attributes { color: #282a2d; font-size: 14px; font-style: normal; display: flex; flex-direction: column; gap: 2px } [data-theme=cortana] [data-content-type=products] .products-card__card__data-type, [data-theme=cortana] .product-details__phone-plan .products-card__card__data-type, [data-theme=cortana] .product-recommended .products-card__card__data-type, [data-theme=cortana] [data-content-type=products] .products-card__card__attributes, [data-theme=cortana] .product-details__phone-plan .products-card__card__attributes, [data-theme=cortana] .product-recommended .products-card__card__attributes { font-weight: 400; line-height: 16.8px; letter-spacing: .42px } [data-theme=cortana] [data-content-type=products] .products-card__attribute-highlight, [data-theme=cortana] .product-details__phone-plan .products-card__attribute-highlight, [data-theme=cortana] .product-recommended .products-card__attribute-highlight { font-weight: 700 } [data-theme=cortana] [data-content-type=products] .products-card__price-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__price-wrapper, [data-theme=cortana] .product-recommended .products-card__price-wrapper { display: flex; flex-direction: column; height: 44px; position: relative; gap: 4px } [data-theme=cortana] [data-content-type=products] .products-card__price, [data-theme=cortana] .product-details__phone-plan .products-card__price, [data-theme=cortana] .product-recommended .products-card__price { color: #050506; font-style: normal; font-size: 22px; font-weight: 700; letter-spacing: .44px; line-height: 22px } [data-theme=cortana] [data-content-type=products] .products-card__price span, [data-theme=cortana] .product-details__phone-plan .products-card__price span, [data-theme=cortana] .product-recommended .products-card__price span { font-size: 14px; font-weight: 500; letter-spacing: .56px } [data-theme=cortana] [data-content-type=products] .products-card__price-offer-label, [data-theme=cortana] .product-details__phone-plan .products-card__price-offer-label, [data-theme=cortana] .product-recommended .products-card__price-offer-label { color: #7f4d85; font-size: 13px; font-style: normal; font-weight: 400; line-height: 15.6px; letter-spacing: .39px } [data-theme=cortana] [data-content-type=products] .products-card__actions-wrapper, [data-theme=cortana] .product-details__phone-plan .products-card__actions-wrapper, [data-theme=cortana] .product-recommended .products-card__actions-wrapper { display: flex; flex-direction: column; gap: 24px } [data-theme=cortana] [data-content-type=products] .products-card__actions, [data-theme=cortana] .product-details__phone-plan .products-card__actions, [data-theme=cortana] .product-recommended .products-card__actions { display: flex; align-items: center; gap: 12px } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #5f2167; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta:hover, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta:hover { background-color: #7f4d85; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta:active, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta:active { background-color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta:focus-visible, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta:focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta:focus-visible:hover { background-color: #7f4d85; color: #fff } [data-theme=cortana] [data-content-type=products] .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card__actions button.products-card__cta:focus-visible:active, [data-theme=cortana] .product-recommended .products-card__actions button.products-card__cta:focus-visible:active { background-color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; font-weight: 500; font-size: 14px } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link span, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link span, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:not(:has(span)), [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:not(:has(span)), [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link span, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link span, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link span { border-bottom: 2px solid #5f2167; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:hover, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:hover, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:hover { color: #7f4d85 } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:hover span, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:hover span, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:active, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:active, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:active { color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:focus-visible, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:focus-visible, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:focus-visible:hover, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:focus-visible:hover, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:focus-visible:hover { color: #7f4d85 } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:focus-visible:hover span, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:focus-visible:hover span, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] [data-content-type=products] .products-card__actions a.products-card__link:focus-visible:active, [data-theme=cortana] .product-details__phone-plan .products-card__actions a.products-card__link:focus-visible:active, [data-theme=cortana] .product-recommended .products-card__actions a.products-card__link:focus-visible:active { color: #4c1a52 } [data-theme=cortana] [data-content-type=products] .swiper-slide, [data-theme=cortana] .product-details__phone-plan .swiper-slide, [data-theme=cortana] .product-recommended .swiper-slide { height: auto; width: auto; flex: none } [data-theme=cortana] [data-content-type=products] .swiper-wrapper, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper, [data-theme=cortana] .product-recommended .swiper-wrapper { gap: 20px } [data-theme=cortana] [data-content-type=products] .swiper-wrapper .swiper-slide:first-child, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper .swiper-slide:first-child, [data-theme=cortana] .product-recommended .swiper-wrapper .swiper-slide:first-child { margin-left: 24px } [data-theme=cortana] [data-content-type=products] .swiper-wrapper .swiper-slide:last-child, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper .swiper-slide:last-child, [data-theme=cortana] .product-recommended .swiper-wrapper .swiper-slide:last-child { margin-right: 24px } @media only screen and (min-width:768px) { [data-theme=cortana] [data-content-type=products] .swiper-wrapper .swiper-slide:first-child, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper .swiper-slide:first-child, [data-theme=cortana] .product-recommended .swiper-wrapper .swiper-slide:first-child { margin-left: 48px } [data-theme=cortana] [data-content-type=products] .swiper-wrapper .swiper-slide:last-child, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper .swiper-slide:last-child, [data-theme=cortana] .product-recommended .swiper-wrapper .swiper-slide:last-child { margin-right: 48px } } @media only screen and (min-width:1336px) { [data-theme=cortana] [data-content-type=products] .swiper-wrapper, [data-theme=cortana] .product-details__phone-plan .swiper-wrapper, [data-theme=cortana] .product-recommended .swiper-wrapper { justify-content: center } } [data-theme=cortana] [data-content-type=products] .swiper .scrollbar-container, [data-theme=cortana] .product-details__phone-plan .swiper .scrollbar-container, [data-theme=cortana] .product-recommended .swiper .scrollbar-container { position: relative; margin-top: 28px } @media only screen and (min-width:768px) { [data-theme=cortana] [data-content-type=products] .swiper .scrollbar-container, [data-theme=cortana] .product-details__phone-plan .swiper .scrollbar-container, [data-theme=cortana] .product-recommended .swiper .scrollbar-container { margin-top: 36px } } [data-theme=cortana] [data-content-type=products] .swiper .swiper-scrollbar--black-friday .swiper-scrollbar-drag, [data-theme=cortana] .product-details__phone-plan .swiper .swiper-scrollbar--black-friday .swiper-scrollbar-drag, [data-theme=cortana] .product-recommended .swiper .swiper-scrollbar--black-friday .swiper-scrollbar-drag { background-color: #5f2167 } [data-theme=cortana] [data-content-type=products][data-appearance=carousel] .products-card, [data-theme=cortana] .product-details__phone-plan[data-appearance=carousel] .products-card, [data-theme=cortana] .product-recommended[data-appearance=carousel] .products-card { width: min(293px, max(258px, calc(14vw + 153px))) } [data-theme=cortana] [data-content-type=products][data-appearance=grid] .products-cards__section .products-cards, [data-theme=cortana] .product-details__phone-plan[data-appearance=grid] .products-cards__section .products-cards, [data-theme=cortana] .product-recommended[data-appearance=grid] .products-cards__section .products-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); gap: 24px } [data-theme=cortana] [data-content-type=products][data-appearance=grid] .products-cards__section .products-cards__grid-cell, [data-theme=cortana] .product-details__phone-plan[data-appearance=grid] .products-cards__section .products-cards__grid-cell, [data-theme=cortana] .product-recommended[data-appearance=grid] .products-cards__section .products-cards__grid-cell { display: flex; justify-content: center } [data-theme=cortana] [data-content-type=products][data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card, [data-theme=cortana] .product-details__phone-plan[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card, [data-theme=cortana] .product-recommended[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card { max-width: 400px; flex-basis: 100% } [data-theme=cortana] [data-content-type=products][data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data, [data-theme=cortana] .product-details__phone-plan[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data, [data-theme=cortana] .product-recommended[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data { height: 97px } [data-theme=cortana] [data-content-type=products][data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data-wrapper, [data-theme=cortana] .product-details__phone-plan[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data-wrapper, [data-theme=cortana] .product-recommended[data-appearance=grid] .products-cards__section .products-cards__grid-cell .products-card__data-wrapper { height: 264px } [data-theme=cortana] .product-details-info { display: flex; flex-direction: column; justify-content: space-between; margin-top: 64px; margin-bottom: 88px; gap: 24px } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details-info { margin-top: 0; flex-direction: row } } [data-theme=cortana] .product-details-info .product-media { width: auto; margin-bottom: 32px } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details-info .product-media { width: 292px; margin-right: 24px; margin-bottom: 0 } } [data-theme=cortana] .product-details-info .product.media { float: none; margin-bottom: 0; flex: none; width: 100%; min-width: 160px; max-width: 100% } [data-theme=cortana] .product-details-info .product.media .fotorama__img { width: auto; height: 200px; object-fit: cover } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details-info .product.media { max-width: 220px } } [data-theme=cortana] .product-details-container { display: flex; flex-direction: column; width: 100%; min-width: 250px; max-width: 100% } [data-theme=cortana] .product-details-container.recommended-and-energy-rating-col { flex: 1; flex-direction: column; gap: 16px } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details-container { flex-direction: row } [data-theme=cortana] .product-details-container.details-col { max-width: 713px; flex: 2 } [data-theme=cortana] .product-details-container.recommended-and-energy-rating-col { max-width: 292px; min-width: auto } } [data-theme=cortana] .product-details-container .product-replace { margin-top: 16px } [data-theme=cortana] .product-details-container .product-replace button { display: flex; align-items: center; justify-items: center; transition: background-color .3s ease; text-wrap: nowrap; height: 100%; border: none; border-radius: 60px; max-height: 32px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 20px 7px; background-color: #5f2167; color: #fff } [data-theme=cortana] .product-details-container .product-replace button:hover { background-color: #7f4d85; color: #fff } [data-theme=cortana] .product-details-container .product-replace button:active { background-color: #4c1a52 } [data-theme=cortana] .product-details-container .product-replace button:focus-visible { background-color: #5f2167; outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none } [data-theme=cortana] .product-details-container .product-replace button:focus-visible:hover { background-color: #7f4d85; color: #fff } [data-theme=cortana] .product-details-container .product-replace button:focus-visible:active { background-color: #4c1a52 } [data-theme=cortana] .product-details__phone-plan .products-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(258px, 1fr)); row-gap: 32px; column-gap: 24px } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details__phone-plan .products-cards:has(>:last-child:nth-child(1)), [data-theme=cortana] .product-details__phone-plan .products-cards:has(>:last-child:nth-child(2)) { grid-template-columns: repeat(3, minmax(258px, 327px)) } } @media only screen and (min-width:1024px) { [data-theme=cortana] .product-details__phone-plan .products-cards:has(>:last-child:nth-child(1)) { grid-template-columns: repeat(2, minmax(258px, 327px)) } [data-theme=cortana] .product-details__phone-plan .products-cards:has(>:last-child:nth-child(2)) { grid-template-columns: repeat(3, minmax(258px, 327px)) } } @media only screen and (min-width:1240px) { [data-theme=cortana] .product-details__phone-plan .products-cards { grid-template-columns: repeat(4, minmax(258px, 1fr)) } } [data-theme=cortana] .product-details__phone-specifications { columns: 1 } [data-theme=cortana] .product-details__phone-specifications p { font-size: 20px !important; letter-spacing: .2px; line-height: 26px !important; margin-bottom: 8px } [data-theme=cortana] .product-details__phone-specifications ul { margin-bottom: 32px } [data-theme=cortana] .product-details__phone-specifications ul li { font-size: 15px !important; line-height: 24px !important } @media only screen and (min-width:475px) { [data-theme=cortana] .product-details__phone-specifications p { max-width: 400px } } @media only screen and (min-width:768px) { [data-theme=cortana] .product-details__phone-specifications { columns: 2; column-gap: 96px; padding-right: calc(25%) } } [data-theme=cortana] .product-info__title { color: #141516; font-size: 26px; line-height: 33.8px; font-weight: 700; margin-bottom: 16px } @media only screen and (min-width:768px) { [data-theme=cortana] .product-info__title { font-size: 32px; line-height: 41.6px } } [data-theme=cortana] .product-info__selector, [data-theme=cortana] .product-info__promo { margin-bottom: 24px } [data-theme=cortana] .product-info__promo .product-card { background-color: initial; border-radius: 0; box-shadow: unset; box-sizing: border-box; display: block; padding: initial; width: 100% } [data-theme=cortana] .product-info__promo .product-card p { color: #323438; font-size: 15px; font-weight: 400; line-height: 24px } [data-theme=cortana] .product-info__features p { color: #141516; font-size: 16px; font-weight: 500; line-height: 22.4px; margin-bottom: 12px } [data-theme=cortana] .product-info__features ul { list-style: disc; padding-left: 20px } [data-theme=cortana] .product-info__features li { color: #323438; font-size: 15px; font-weight: 400; line-height: 24px } [data-theme=cortana] .product-info__features li::marker { font-size: 12px } [data-theme=cortana] .product-info__variants { display: flex; flex-direction: column; gap: 12px; margin-bottom: 24px } [data-theme=cortana] .product-info__variants .product-variant { display: flex; flex-direction: row; align-items: center; gap: 8px } [data-theme=cortana] .product-info__variants .product-variant--single, [data-theme=cortana] .product-info__variants .product-variant__select, [data-theme=cortana] .product-info__variants .product-variant__type { color: #323438; font-size: 15px; font-weight: 500; line-height: 18px; letter-spacing: .15px } [data-theme=cortana] .product-info__variants .product-variant__container { position: relative } [data-theme=cortana] .product-info__variants .product-variant__color { width: 10px; height: 10px; border-radius: 60px } [data-theme=cortana] .product-info__variants .product-variant__color.white { outline: 2px solid #5f2167; outline-offset: -1px } [data-theme=cortana] .product-info__variants .product-variant--single { display: flex; align-items: center; gap: 4px; font-weight: 700 } [data-theme=cortana] .product-info__variants .product-variant--multiple .product-variant__select { padding-left: 30px; width: 159px; background-image: none; background: 0 0; display: flex; position: relative; text-wrap: nowrap; text-overflow: ellipsis; border: 2px solid #5f2167; color: #5f2167; border-radius: 40px; font-weight: 700; padding-top: 0; padding-bottom: 0; resize: none; outline: none; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; z-index: 1; background-image: url('../../default/images/icons/caret-down.html'); background-position: calc(90%); background-repeat: no-repeat; background-size: 20px; transition: all .3s ease } [data-theme=cortana] .product-info__variants .product-variant--multiple .product-variant__select:focus { outline: 2px solid #5f2167; outline-offset: 2px; box-shadow: none; transition: none } [data-theme=cortana] .product-info__variants .product-variant--multiple .product-variant__select:hover { background-image: url('../../default/images/icons/caret-down-hover.html'); background-size: 20px; border-color: #7f4d85; color: #7f4d85 } [data-theme=cortana] .product-info__variants .product-variant--multiple .product-variant__select:active { border-color: #4c1a52; color: #4c1a52 } [data-theme=cortana] .product-info__variants .product-variant--multiple .product-variant__color { position: absolute; left: 16px; top: 50%; transform: translate(0, -50%) } [data-theme=cortana] .product-recommended { display: flex; flex-direction: column; flex: 1; gap: 16px } [data-theme=cortana] .product-recommended .products-card { width: 100% } [data-theme=cortana] .product-recommended__link { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167 } [data-theme=cortana] .product-recommended__link span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } [data-theme=cortana] .product-recommended__link:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } [data-theme=cortana] .product-recommended__link span { border-bottom: 2px solid #5f2167; display: inline } [data-theme=cortana] .product-recommended__link:hover { color: #7f4d85 } [data-theme=cortana] .product-recommended__link:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .product-recommended__link:active { color: #4c1a52 } [data-theme=cortana] .product-recommended__link:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } [data-theme=cortana] .product-recommended__link:focus-visible:hover { color: #7f4d85 } [data-theme=cortana] .product-recommended__link:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .product-recommended__link:focus-visible:active { color: #4c1a52 } [data-theme=cortana] .product-energy-rating { display: flex; flex-direction: column; flex: 1; margin-bottom: 20px } [data-theme=cortana] .product-energy-rating__product-fiche { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; font-size: 12px; font-weight: 500; font-style: normal } [data-theme=cortana] .product-energy-rating__product-fiche span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } [data-theme=cortana] .product-energy-rating__product-fiche:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } [data-theme=cortana] .product-energy-rating__product-fiche span { border-bottom: 2px solid #5f2167; display: inline } [data-theme=cortana] .product-energy-rating__product-fiche:hover { color: #7f4d85 } [data-theme=cortana] .product-energy-rating__product-fiche:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .product-energy-rating__product-fiche:active { color: #4c1a52 } [data-theme=cortana] .product-energy-rating__product-fiche:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } [data-theme=cortana] .product-energy-rating__product-fiche:focus-visible:hover { color: #7f4d85 } [data-theme=cortana] .product-energy-rating__product-fiche:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .product-energy-rating__product-fiche:focus-visible:active { color: #4c1a52 } [data-theme=cortana] .product-energy-rating__label-image { display: none } [data-theme=cortana] .fotorama--fullscreen .fotorama__arr--prev .fotorama__arr__arr, [data-theme=cortana] .fotorama--fullscreen .fotorama__arr--next .fotorama__arr__arr, [data-theme=cortana] .fotorama--fullscreen .fotorama__fullscreen-icon, [data-theme=cortana] .fotorama--fullscreen .fotorama__zoom-in.zoom-in-loaded, [data-theme=cortana] .fotorama--fullscreen .fotorama__zoom-out.zoom-out-loaded { background-size: 32px; background-position: center !important; background-repeat: no-repeat } [data-theme=cortana] .fotorama--fullscreen .fotorama__zoom-in.zoom-in-loaded { background-image: url('../../default/images/icons/plus.html') } [data-theme=cortana] .fotorama--fullscreen .fotorama__zoom-out.zoom-out-loaded { background-image: url('../../default/images/icons/minus.html') } [data-theme=cortana] .fotorama--fullscreen .fotorama__fullscreen-icon { background-image: url('../../default/images/icons/close.html') } [data-theme=cortana] .fotorama--fullscreen .fotorama__arr--next .fotorama__arr__arr { background-image: url('../../default/images/icons/chevron-right.html'); background-size: 40px } [data-theme=cortana] .fotorama--fullscreen .fotorama__arr--prev .fotorama__arr__arr { background-image: url('../../default/images/icons/chevron-left.html'); background-size: 40px } [data-theme=cortana] .fotorama .fotorama__active .fotorama__dot { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 56px } [data-theme=cortana] .fotorama .fotorama__nav--dots .fotorama__nav__frame { width: 22px; height: 28px; cursor: pointer } [data-theme=cortana] .fotorama .fotorama__nav--dots .fotorama__dot { width: 5px; height: 5px } [data-theme=cortana] .product-details-info .products-card, [data-theme=cortana] .product-details-tabs .products-card { display: flex; flex-direction: column; gap: 24px } [data-theme=cortana] .product-details-info .products-card__data, [data-theme=cortana] .product-details-tabs .products-card__data { height: fit-content } [data-theme=cortana] .product-details-info .products-card__data-title, [data-theme=cortana] .product-details-tabs .products-card__data-title { display: flex; flex-direction: column; height: 54px } [data-theme=cortana] .product-details-info .products-card__attribute.upfront-cost, [data-theme=cortana] .product-details-tabs .products-card__attribute.upfront-cost { margin-top: 16px } [data-theme=cortana] .notification-banner { background-color: #f8eeff; color: #141516; font-size: 14px; font-weight: 400; line-height: 22.4px } [data-theme=cortana] .notification-banner__content { align-items: flex-start; box-sizing: border-box; display: flex; margin: 0 auto; max-width: 1240px; padding: 12px 24px } [data-theme=cortana] .notification-banner__content:before { content: url('../images/icons/gift.svg'); margin-right: 12px; height: 24px } [data-theme=cortana] .notification-banner__link { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; padding: 0; font-size: inherit } [data-theme=cortana] .notification-banner__link span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } [data-theme=cortana] .notification-banner__link:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } [data-theme=cortana] .notification-banner__link span { border-bottom: 2px solid #5f2167; display: inline } [data-theme=cortana] .notification-banner__link:hover { color: #7f4d85 } [data-theme=cortana] .notification-banner__link:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .notification-banner__link:active { color: #4c1a52 } [data-theme=cortana] .notification-banner__link:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } [data-theme=cortana] .notification-banner__link:focus-visible:hover { color: #7f4d85 } [data-theme=cortana] .notification-banner__link:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } [data-theme=cortana] .notification-banner__link:focus-visible:active { color: #4c1a52 } @media only screen and (min-width:768px) { [data-theme=cortana] .notification-banner { font-size: 15px; line-height: 24px; margin-bottom: 16px } [data-theme=cortana] .notification-banner__content { align-items: center; justify-content: center; padding: 16px 48px } } .terms-and-conditions { margin-top: 32px } @media only screen and (min-width:376px) { .terms-and-conditions { margin-top: 40px } } .terms-and-conditions p { color: #5b5d60; font-size: 14px; font-weight: 400; line-height: 22.4px } .terms-and-conditions a { display: inline-table; transition: color .3s ease; width: fit-content; max-height: 24px; height: 19px; font-weight: 700; font-size: 15px; line-height: 18px; letter-spacing: .15px; padding: 6px 2px; color: #5f2167; font-size: inherit; display: inline } .terms-and-conditions a span { transition: border-color .3s ease; border-bottom: 2px solid #fff; display: inline } .terms-and-conditions a:not(:has(span)) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px } .terms-and-conditions a span { border-bottom: 2px solid #5f2167; display: inline } .terms-and-conditions a:hover { color: #7f4d85 } .terms-and-conditions a:hover span { border-bottom: 2px solid #7f4d85; display: inline } .terms-and-conditions a:active { color: #4c1a52 } .terms-and-conditions a:focus-visible { outline: 2px solid #5f2167; outline-offset: 2px; border-radius: 4px; box-shadow: none } .terms-and-conditions a:focus-visible:hover { color: #7f4d85 } .terms-and-conditions a:focus-visible:hover span { border-bottom: 2px solid #7f4d85; display: inline } .terms-and-conditions a:focus-visible:active { color: #4c1a52 } .page-print .logo { display: block; float: none; text-align: left } @media print { * { -webkit-filter: none !important; background: 0 0 !important; color: #000 !important; filter: none !important; text-shadow: none !important } a, a:visited { text-decoration: underline !important } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } .table-wrapper table { width: 100%; table-layout: fixed } .table-wrapper table td { width: auto } .table-wrapper table>tfoot>tr:first-child { border-top: 1px solid #999 } .box, tr, img { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: 1cm } .block-content, p, h2, h3 { orphans: 3; widows: 3 } .block-content { page-break-before: avoid } .block-title, h2, h3 { page-break-after: avoid } .nav-toggle { display: none !important } .sidebar, .nav-sections, .header.content>*[class], .panel.wrapper>*[class], .footer.content>*[class] { display: none } .logo, .footer .copyright { display: block !important; margin: 10px 0 } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: auto; visibility: visible } .column.main { float: none !important; width: 100% !important } .breadcrumbs { margin: 0 auto; text-align: right } .footer.content { padding: 0 } .hidden-print { display: none !important } }