body.details-modal-open{position:fixed;width:100%;overflow:hidden;}
.details-modal{padding:0;margin:auto;width:min(1000px,calc(100% - 48px));height:min(900px,90dvh);max-width:none;max-height:94dvh;overflow:hidden;color:#fff;background:#0c0b0e;border:1px solid rgba(185,28,38,.65);border-radius:24px;box-shadow:0 36px 110px #000b,0 0 50px #800c1633,inset 0 1px 0 #ffffff14;}
.details-modal[open]{display:flex;flex-direction:column;animation:netflix-modal-enter .32s cubic-bezier(.2,.8,.2,1) both;}
.details-modal::backdrop{background:rgba(3,4,7,.8);backdrop-filter:blur(9px);}
.details-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:14px 20px;background:linear-gradient(110deg,#300a10,#111014 75%);border-bottom:1px solid #ffffff12;}
.details-modal-heading{display:flex;align-items:center;gap:12px;}
.details-modal-heading img{width:32px;height:32px;object-fit:contain;border-radius:8px;}
.details-modal-heading h2{font-size:17px;line-height:1.3;letter-spacing:.06em;margin:0;}
.details-modal-heading p{color:#c9bec1;font-size:12px;margin:2px 0 0;}
.details-modal-close{display:grid;place-items:center;width:40px;height:40px;flex:none;border:1px solid #ffffff26;border-radius:50%;background:#ffffff08;color:white;cursor:pointer;}
.details-modal-close:hover{background:#7d1623;}
.details-modal-close:focus-visible{outline:2px solid white;outline-offset:3px;}
.details-modal-close svg{width:20px;height:20px;}
.details-modal iframe{display:block;width:100%;flex:1;min-height:0;border:0;background:#09090c;}
@keyframes netflix-modal-enter{from{opacity:0;transform:perspective(1200px) translateY(30px) rotateX(5deg) scale(.95);}to{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0) scale(1);}}
@media(max-width:640px){.details-modal{width:calc(100% - 16px);height:94dvh;max-height:94dvh;border-radius:18px;}.details-modal-header{padding:10px 12px;}.details-modal-heading h2{font-size:15px;}}
@media(prefers-reduced-motion:reduce){.details-modal[open]{animation:none;}}

.disney-details-modal{border-color:#167a9d;box-shadow:0 36px 110px #000b,0 0 50px #008bb433,inset 0 1px 0 #ffffff14;}
.disney-details-modal .details-modal-header{background:linear-gradient(110deg,#07384e,#111014 75%);}
.disney-details-modal .details-modal-close:hover{background:#105771;}

.hbo-details-modal{border-color:#717680;box-shadow:0 36px 110px #000b,0 0 50px #80848f33,inset 0 1px 0 #ffffff14;}
.hbo-details-modal .details-modal-header{background:linear-gradient(110deg,#363940,#111014 75%);}
.hbo-details-modal .details-modal-close:hover{background:#50545d;}

.crunchy-details-modal{border-color:#ba5a25;box-shadow:0 36px 110px #000b,0 0 50px #f4752133,inset 0 1px 0 #ffffff14;}
.crunchy-details-modal .details-modal-header{background:linear-gradient(110deg,#54270f,#111014 75%);}
.crunchy-details-modal .details-modal-close:hover{background:#87431c;}

.paramount-details-modal{border-color:#315fb1;box-shadow:0 36px 110px #000b,0 0 50px #155ae033,inset 0 1px 0 #ffffff14;}
.paramount-details-modal .details-modal-header{background:linear-gradient(110deg,#102e61,#111014 75%);}
.paramount-details-modal .details-modal-close:hover{background:#214a88;}

.prime-details-modal{border-color:#217ca4;box-shadow:0 36px 110px #000b,0 0 50px #00a8e133,inset 0 1px 0 #ffffff14;}
.prime-details-modal .details-modal-header{background:linear-gradient(110deg,#083c56,#111014 75%);}
.prime-details-modal .details-modal-close:hover{background:#176181;}

.viki-details-modal{border-color:#2292aa;box-shadow:0 36px 110px #000b,0 0 50px #00a0c033,inset 0 1px 0 #ffffff14;}
.viki-details-modal .details-modal-header{background:linear-gradient(110deg,#064b5c,#111014 75%);}
.viki-details-modal .details-modal-close:hover{background:#146578;}

.youtube-details-modal{border-color:#a52836;box-shadow:0 36px 110px #000b,0 0 50px #c2122233,inset 0 1px 0 #ffffff14;}
.youtube-details-modal .details-modal-header{background:linear-gradient(110deg,#500b14,#111014 75%);}
.youtube-details-modal .details-modal-close:hover{background:#85202c;}

.apple-details-modal{border-color:#777a85;box-shadow:0 36px 110px #000b,0 0 50px #82859133,inset 0 1px 0 #ffffff14;}
.apple-details-modal .details-modal-header{background:linear-gradient(110deg,#35363e,#111014 75%);}
.apple-details-modal .details-modal-close:hover{background:#50525d;}

.dgo-details-modal{border-color:#287ea4;box-shadow:0 36px 110px #000b,0 0 50px #008ec533,inset 0 1px 0 #ffffff14;}
.dgo-details-modal .details-modal-header{background:linear-gradient(110deg,#093b54,#111014 75%);}
.dgo-details-modal .details-modal-close:hover{background:#195e7e;}

.vix-details-modal{border-color:#ac6427;box-shadow:0 36px 110px #000b,0 0 50px #e87d2033,inset 0 1px 0 #ffffff14;}
.vix-details-modal .details-modal-header{background:linear-gradient(110deg,#4b280d,#111014 75%);}
.vix-details-modal .details-modal-close:hover{background:#835020;}

.movistar-details-modal{border-color:#237eab;box-shadow:0 36px 110px #000b,0 0 50px #009de033,inset 0 1px 0 #ffffff14;}
.movistar-details-modal .details-modal-header{background:linear-gradient(110deg,#063d61,#111014 75%);}
.movistar-details-modal .details-modal-close:hover{background:#17648c;}

.universal-details-modal{border-color:#998027;box-shadow:0 36px 110px #000b,0 0 50px #b98e0033,inset 0 1px 0 #ffffff14;}
.universal-details-modal .details-modal-header{background:linear-gradient(110deg,#42340a,#111014 75%);}
.universal-details-modal .details-modal-close:hover{background:#706021;}

.digital-details-modal{border-color:#3264ae;box-shadow:0 36px 110px #000b,0 0 50px #1a58ca33,inset 0 1px 0 #ffffff14;}
.digital-details-modal .details-modal-header{background:linear-gradient(110deg,#0e255a,#111014 75%);}
.digital-details-modal .details-modal-close:hover{background:#24518b;}
.flujo-details-modal{border-color:#b35e24;box-shadow:0 36px 110px #000b,0 0 50px #eb570033,inset 0 1px 0 #ffffff14;}
.flujo-details-modal .details-modal-header{background:linear-gradient(110deg,#602407,#111014 75%);}
.flujo-details-modal .details-modal-close:hover{background:#924716;}

.spotify-details-modal{border-color:#25844a;box-shadow:0 36px 110px #000b,0 0 50px #1db95433,inset 0 1px 0 #ffffff14;}
.spotify-details-modal .details-modal-header{background:linear-gradient(110deg,#073e20,#111014 75%);}
.spotify-details-modal .details-modal-close:hover{background:#1b6336;}

.chatgpt-details-modal{background:#f4f4f4;color:#111;border-color:#111;box-shadow:0 36px 110px #000b}.chatgpt-details-modal .details-modal-header{background:linear-gradient(110deg,#fafffc,#bcebd4);border-bottom:1px solid #111;color:#111}.chatgpt-details-modal .details-modal-heading h2{color:#111}.chatgpt-details-modal .details-modal-heading p{color:#444}.chatgpt-details-modal .details-modal-close{background:#111;color:white;border-color:#111}.chatgpt-details-modal .details-modal-close:hover{background:#444}.chatgpt-details-modal .details-modal-close:focus-visible{outline-color:#111}.chatgpt-details-modal iframe{background:#f2f2f2}

/* Canva uses the same 3D detail dialog as the other products. */
.canva-details-modal{border-color:#7652f1;box-shadow:0 36px 110px #000b,0 0 50px #554fff55,inset 0 1px 0 #ffffff14;}
.canva-details-modal .details-modal-header{background:linear-gradient(110deg,#073f69 0%,#312070 50%,#111014 100%);}
.canva-details-modal .details-modal-close:hover{background:#5637af;}

.capcut-details-modal{border-color:#ffffff85;box-shadow:0 36px 110px #000c,0 0 30px #ffffff12}.capcut-details-modal .details-modal-header{background:linear-gradient(110deg,#28282c,#111113);border-bottom:1px solid #ffffff40}.capcut-details-modal .details-modal-close:hover{background:#38383e}

.office-details-modal{border-color:#b96731}.office-details-modal .details-modal-header{background:linear-gradient(110deg,#54260f,#15110e)}
