@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";:root{--np-red: #E50914;--np-green: #46d369;--np-bg: #ffffff;--np-surface: #f7f7f7;--np-border: #e0e0e0;--np-text: #1a1a1a;--np-muted: #888888;--np-poster-bg:#141414}.np-wrapper{padding:40px 40px 80px;max-width:1200px;margin:0 auto}.np-product-title{font-family:DM Sans,sans-serif;font-size:28px;font-weight:500;color:var(--np-text);margin-bottom:32px;letter-spacing:-.01em}.np-workspace{display:grid;grid-template-columns:440px 1fr;gap:0;align-items:start}.np-controls{background:var(--np-bg);padding-right:48px;display:flex;flex-direction:column}.np-field{margin-bottom:14px}.np-field label{display:block;font-size:11px;color:var(--np-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-family:DM Sans,sans-serif}.np-field input,.np-field textarea{width:100%;background:var(--np-surface);border:1px solid var(--np-border);border-radius:6px;color:var(--np-text);font-family:DM Sans,sans-serif;font-size:14px;padding:10px 14px;outline:none;transition:border-color .2s;resize:none}.np-field input:focus,.np-field textarea:focus{border-color:var(--np-red)}.np-field textarea{height:76px;line-height:1.5}.np-required{color:#e53e3e;margin-left:3px;font-size:11px}.np-field input.np-field--error,.np-field textarea.np-field--error{border-color:#e53e3e;background:#fff8f8}.np-field input.np-field--error:focus,.np-field textarea.np-field--error:focus{border-color:#e53e3e}.np-upload-zone{border:2px dashed var(--np-border);border-radius:8px;padding:24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--np-surface);position:relative}.np-upload-zone:hover,.np-upload-zone.drag-over{border-color:var(--np-red);background:#e509140a}.np-upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.np-upload-icon{font-size:26px;margin-bottom:8px}.np-upload-text{font-size:13px;color:var(--np-muted);font-family:DM Sans,sans-serif}.np-upload-text strong{color:var(--np-red)}.np-upload-hint{font-size:11px;color:#aaa;margin-top:4px;font-family:DM Sans,sans-serif}.np-thumb{width:100%;height:90px;object-fit:cover;border-radius:6px;margin-top:10px;display:none}.np-match-row{display:flex;align-items:center;gap:12px}.np-match-row input[type=range]{flex:1;accent-color:var(--np-green);cursor:pointer;height:4px}.np-match-display{font-size:13px;font-weight:500;color:var(--np-green);min-width:42px;text-align:right;font-family:DM Sans,sans-serif}.np-rating-grid{display:flex;gap:8px;flex-wrap:wrap}.np-rating-btn{background:var(--np-surface);border:1px solid var(--np-border);border-radius:4px;color:var(--np-muted);font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 14px;cursor:pointer;transition:all .18s}.np-rating-btn:hover{border-color:#bbb;color:var(--np-text)}.np-rating-btn.active{border-color:var(--np-red);color:var(--np-red);background:#e509140f}.np-variant-block{margin-top:28px;padding-top:28px;border-top:1px solid var(--np-border)}.np-variant-title{font-size:10px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--np-red);margin-bottom:14px;font-family:DM Sans,sans-serif}.np-variant-label{font-size:11px;color:var(--np-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;margin-top:16px;font-family:DM Sans,sans-serif;display:block}.np-variant-label:first-of-type{margin-top:0}.np-variant-pills{display:flex;flex-wrap:wrap;gap:8px}.np-pill{background:var(--np-surface);border:1px solid var(--np-border);border-radius:6px;color:var(--np-text);font-family:DM Sans,sans-serif;font-size:13px;padding:8px 16px;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.np-pill:hover{border-color:#bbb}.np-pill.active{border-color:var(--np-red);background:#e509140f;color:var(--np-red);font-weight:500}.np-pill.unavailable{opacity:.35;cursor:not-allowed;text-decoration:line-through}.np-price-display{margin-top:20px;font-family:DM Sans,sans-serif}.np-price-row{display:flex;align-items:baseline;gap:10px}.np-price-current{font-size:24px;font-weight:500;color:var(--np-text)}.np-price-compare{font-size:14px;color:var(--np-muted);text-decoration:line-through;font-family:DM Sans,sans-serif}.np-price-note{font-size:12px;color:var(--np-muted);margin-top:4px}.np-atc-btn{width:100%;background:var(--np-red);color:#fff;border:none;border-radius:6px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;padding:16px;cursor:pointer;margin-top:20px;transition:background .2s,transform .1s;letter-spacing:.02em}.np-atc-btn:hover{background:#c8000f}.np-atc-btn:active{transform:scale(.99)}.np-atc-btn:disabled{background:#ccc;cursor:not-allowed}.np-error{display:none;background:#fff3f3;border:1px solid #fcc;border-radius:6px;color:#c00;font-size:13px;padding:10px 14px;margin-top:12px;font-family:DM Sans,sans-serif}.np-error.visible{display:block}.np-badges{display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid var(--np-border);flex-wrap:wrap}.np-badge{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--np-muted);font-family:DM Sans,sans-serif}.np-badge-icon{font-size:16px}.np-preview-side{padding-left:50px;position:sticky;top:100px;display:flex;flex-direction:column;align-items:center}.np-preview-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--np-muted);margin-bottom:20px;align-self:flex-start;font-family:DM Sans,sans-serif}.np-poster-shell{filter:drop-shadow(0 20px 40px rgba(0,0,0,.18)) drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease;width:100%;max-width:360px}.np-poster-shell:hover{transform:translateY(-4px)}#np-poster{width:100%;background:var(--np-poster-bg);border-radius:4px;overflow:hidden;position:relative;aspect-ratio:2 / 3;user-select:none;-webkit-user-select:none}#np-poster.ratio-2-3{aspect-ratio:2 / 3}#np-poster.ratio-3-4{aspect-ratio:3 / 4}#np-poster.ratio-4-5{aspect-ratio:4 / 5}#np-poster.ratio-5-7{aspect-ratio:5 / 7}.np-poster-photo{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a1a;overflow:hidden}.np-poster-photo img{width:100%;height:100%;object-fit:cover;display:block}.np-poster-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#333}.np-poster-placeholder .ph-icon{font-size:42px;opacity:.4}.np-poster-placeholder .ph-text{font-size:12px;color:#444;font-family:DM Sans,sans-serif}.np-poster-logo{position:absolute;top:14px;left:16px;z-index:10;display:flex;align-items:center;gap:6px}.np-series-tag{font-size:8px;letter-spacing:.2em;color:#ffffff8c;text-transform:uppercase;font-family:DM Sans,sans-serif;font-weight:300}.np-poster-content{position:absolute;bottom:0;left:0;right:0;padding:0 16px 16px;z-index:10}.np-poster-title{font-family:Bebas Neue,sans-serif;font-size:clamp(28px,6vw,40px);line-height:1;color:#fff;letter-spacing:.03em;margin-bottom:8px;word-break:break-word}.np-poster-actions{display:flex;gap:7px;margin-bottom:9px}.np-btn-play{display:flex;align-items:center;gap:5px;background:#fff;color:#000;border-radius:3px;font-size:11px;font-weight:700;padding:5px 13px;font-family:DM Sans,sans-serif}.np-btn-list{display:flex;align-items:center;gap:5px;background:#6d6d6eb3;color:#fff;border-radius:3px;font-size:11px;font-weight:500;padding:5px 11px;font-family:DM Sans,sans-serif}.np-poster-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap;line-height:1}.np-p-match{font-size:12px;font-weight:700;color:var(--np-green);font-family:DM Sans,sans-serif;line-height:1}.np-p-year{font-size:12px;color:#ffffffb3;font-family:DM Sans,sans-serif;line-height:1}.np-p-hd{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.4);border-radius:2px;font-size:8px;color:#ffffffb3;padding:2px 4px;font-family:DM Sans,sans-serif;line-height:1}.np-p-rating{display:inline-flex;align-items:center;background:var(--np-red);border-radius:2px;font-size:8px;color:#fff;padding:2px 5px;font-weight:700;font-family:DM Sans,sans-serif;line-height:1}.np-poster-top1{display:flex;align-items:center;gap:5px;margin-bottom:7px;line-height:1}.np-top1-badge{width:18px;height:18px;background:var(--np-red);border-radius:2px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;color:#fff;font-family:DM Sans,sans-serif;flex-shrink:0}.np-top1-text{font-size:10px;color:#fffc;font-family:DM Sans,sans-serif;font-weight:500;line-height:1}.np-poster-desc{font-size:10px;color:#ffffffbf;line-height:1.5;font-weight:300;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-family:DM Sans,sans-serif}.np-poster-cast{font-size:9px;color:#fff6;line-height:1.6;font-family:DM Sans,sans-serif}.np-poster-cast span{color:#ffffffa6}.np-adjust-btn{width:100%;background:var(--np-surface);border:1px solid var(--np-border);border-radius:6px;color:var(--np-text);font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:9px 14px;cursor:pointer;transition:border-color .18s}.np-adjust-btn:hover{border-color:var(--np-red);color:var(--np-red)}.np-adjust-inner{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:12px}.np-adjust-header{width:100%;display:flex;justify-content:space-between;align-items:center;font-family:DM Sans,sans-serif;font-size:15px;font-weight:500;color:var(--np-text)}.np-adjust-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--np-muted);line-height:1;padding:4px}.np-adjust-preview-wrap{width:100%;border-radius:8px;overflow:hidden;background:#000;cursor:grab;box-sizing:border-box}.np-adjust-preview-wrap:active{cursor:grabbing}#np-adjust-canvas{display:block;touch-action:none;max-width:100%}.np-adjust-hint{font-family:DM Sans,sans-serif;font-size:11px;color:var(--np-muted)}.np-adjust-arrows{display:flex;flex-direction:column;align-items:center;gap:6px}.np-arrow-mid{display:flex;gap:6px;align-items:center}.np-arrow-btn{width:40px;height:40px;background:var(--np-surface);border:1px solid var(--np-border);border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.np-arrow-btn:hover{background:#eee}.np-stepper-header{margin-bottom:24px}.np-progress-bar{height:4px;background:var(--np-border);border-radius:2px;overflow:hidden;margin-bottom:10px}.np-progress-fill{height:100%;background:var(--np-red);border-radius:2px;transition:width .35s ease;width:20%}.np-step-labels{display:flex;justify-content:space-between}.np-step-labels span{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--np-muted);transition:color .2s;cursor:default}.np-step-labels span.active{color:var(--np-red);font-weight:500}.np-step-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;color:var(--np-text);margin-bottom:20px}.np-step-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--np-border)}.np-nav-btn{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;border-radius:6px;cursor:pointer;transition:all .18s;border:1px solid var(--np-border);background:var(--np-surface);color:var(--np-text)}.np-nav-btn:hover{border-color:var(--np-red);color:var(--np-red)}.np-nav-next{background:var(--np-red);color:#fff;border-color:var(--np-red)}.np-nav-next:hover{background:#c8000f;border-color:#c8000f;color:#fff}.np-review-summary{background:var(--np-surface);border:1px solid var(--np-border);border-radius:8px;padding:14px 16px;margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:13px;line-height:1.9;color:var(--np-text)}.np-review-summary strong{color:var(--np-muted);font-weight:400;margin-right:6px}.np-section-label{font-size:10px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--np-red);margin-bottom:14px;margin-top:28px;padding-top:28px;border-top:1px solid var(--np-border);font-family:DM Sans,sans-serif}.np-section-label:first-child{margin-top:0;padding-top:0;border-top:none}@media(max-width:860px){.np-wrapper{padding:24px 16px 60px}.np-product-title{font-size:22px;margin-bottom:24px}.np-workspace{grid-template-columns:1fr}.np-preview-side{order:-1;padding-left:0;padding-bottom:36px;position:static;width:100%}.np-poster-shell{max-width:100%}.np-controls{padding-right:0;order:1}.np-step-nav{position:sticky;bottom:0;background:#fff;padding:12px 0 4px;z-index:10}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/Netflix-poster.css.map */