/* Product integration and the shared service palette. */
.external-cashier-note{display:none;margin:23px 0;padding:18px 20px;background:#edf3fa;border:1px solid #b7c9df;border-radius:8px;color:#214975}
.external-cashier-note p{margin:7px 0 0;font-size:13px;line-height:1.7}
.external-cashier .external-cashier-note{display:block}
.external-cashier .purchase-fields,.external-cashier .eligibility-notice{display:none}
.sandbox-order-entry{display:none;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid #d5deea;color:#465e7a;font-size:13px}
.local-payment-preview .sandbox-order-entry{display:flex}
.sandbox-order-entry a{color:#164b91}
body .phone-product .phone-cover{display:block;position:relative;background:#142d49;isolation:isolate;text-decoration:none;color:#fff;padding:20px;overflow:hidden}
.phone-cover:before{content:'';position:absolute;width:100%;height:100%;border:1px solid #ffffff1a;border-radius:50%;right:-38%;bottom:-44%;z-index:-1;box-shadow:0 0 0 30px #ffffff06,0 0 0 60px #ffffff04}
body .phone-product .phone-violet{background:linear-gradient(145deg,#24304d,#434775)}
body .phone-product .phone-green{background:linear-gradient(145deg,#173e42,#2d615d)}
body .phone-product .phone-blue{background:linear-gradient(145deg,#142d49,#2b5681)}
.phone-cover-brand{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600}
body .phone-product .phone-cover-brand img{width:18px;height:18px;object-fit:contain;border-radius:3px}
.phone-cover-brand small{font-size:7px;letter-spacing:1px;margin-left:auto;color:#dce4ef}
.phone-cover-copy{display:flex;flex-direction:column;position:relative;margin-top:34px;z-index:2;align-items:flex-start}
.phone-cover-copy>small{font-size:11px;color:#d6e5f3}
.phone-cover-copy>strong{font-size:34px;font-weight:750;letter-spacing:-1px;margin:10px 0 12px;line-height:1.25}
.phone-cover-copy>span{font-size:10px;color:#f1d8b0;padding:5px 8px;border:1px solid #a6b2bc7a;background:#12243b8c;border-radius:4px}
.phone-device{position:absolute;right:21px;bottom:28px;display:flex;align-items:center;flex-direction:column;width:79px;height:134px;border:3px solid #6e8da5;border-radius:14px;background:#102138;transform:rotate(8deg);box-shadow:8px 8px 0 #0a19294d;z-index:1;color:white;padding:9px}
.phone-device i{width:24px;height:4px;border-radius:4px;background:#728fa7;margin-bottom:24px}
.phone-device small{font-size:9px;color:#b7d3e7}
.phone-device b{font-size:18px;letter-spacing:1px;white-space:nowrap;margin:5px 0 17px}
.phone-device em{font-size:9px;font-style:normal;color:#c5d7e8}
.phone-cover-bottom{position:absolute;bottom:17px;left:20px;right:20px;font-size:9px;letter-spacing:.4px;display:flex;align-items:center;justify-content:space-between;color:#dae6f2}
.phone-cover-bottom b{font-size:15px;color:#f0d1a7}
body .phone-product .tile-title h3{font-size:16px}
body .phone-product .tile-price strong{font-size:27px}
body .phone-product .tile-description{font-size:12px}
@media(max-width:1150px){.phone-cover-copy>strong{font-size:28px}.phone-cover-copy{margin-top:25px}.phone-device{right:14px;width:62px;height:109px;bottom:30px}.phone-device i{margin-bottom:14px}.phone-device b{font-size:14px;margin-bottom:10px}.phone-cover-brand small{display:none}}
@media(max-width:800px){.phone-cover-copy>strong{font-size:32px}.phone-cover-copy{margin-top:34px}}
@media(max-width:600px){body .phone-product .phone-cover{padding:12px}.phone-cover-brand{font-size:9px}.phone-cover-copy{margin-top:16px}.phone-cover-copy>small{font-size:8px}.phone-cover-copy>strong{font-size:22px;margin:7px 0}.phone-cover-copy>span{font-size:8px;padding:3px 4px}.phone-device{width:45px;height:71px;right:10px;bottom:17px;border-width:2px;border-radius:9px;padding:5px}.phone-device i{width:15px;height:2px;margin-bottom:12px}.phone-device small{font-size:6px}.phone-device b{font-size:9px;margin:3px 0}.phone-device em{font-size:6px}.phone-cover-bottom{font-size:6px;left:12px;right:12px;bottom:7px}.phone-cover-bottom b{font-size:10px}body .phone-product .tile-title h3{font-size:13px}body .phone-product .tile-description{font-size:11px}body .phone-product .tile-price strong{font-size:24px}.sandbox-order-entry{flex-direction:column}}
@media(max-width:360px){.phone-cover-copy>strong{font-size:19px}.phone-cover-copy{margin-top:8px}.phone-cover-copy>span{max-width:100px;font-size:7px}.phone-device{opacity:.5}.phone-cover-bottom{font-size:6px}}
