CINXE.COM
Sign in • Letterboxd
<!DOCTYPE html> <html id="html" lang="en" class="no-mobile no-js"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="description" content="Sign in or create an account to begin your film diary." /> <meta property="og:url" content="https://letterboxd.com/import/" /> <meta property="og:title" content="Sign in" /> <meta property="og:image" content="https://s.ltrbxd.com/static/img/default-share-7md9L34t.png" /> <meta property="fb:app_id" content="173683136069040" /> <meta name="application-name" content="Letterboxd" /> <meta name="theme-color" content="#14181C" /> <meta name="msapplication-TileColor" content="#445566" /> <meta name="apple-itunes-app" content="app-id=1054271011, affiliate-data=11l5KW" /> <meta name="mobile-web-app-capable" content="yes" /> <title>‎Sign in • Letterboxd</title> <script> ((r, n) => { r.dataset.useragent = n.userAgent r.dataset.platform = n.platform })(document.documentElement, navigator) var isMobile = false, isMobileOptimised = false, renderMobile = false, useStaticFonts = false, disableFrameProtection = false, baseURL = "", successMessages = [], errorMessages = [], stickyMessages = [], globals = { autoAddFilm: false , spinners: { ajax_242d35: 'https://s.ltrbxd.com/static/img/spinner-dark-2x-BA9SNVrD.gif', spinner_12_2C3641: 'https://s.ltrbxd.com/static/img/spinner-dark-2x-BA9SNVrD.gif', spinner_14_20272f: 'https://s.ltrbxd.com/static/img/spinner-dark-2x-BA9SNVrD.gif', spinner_16_161B21: 'https://s.ltrbxd.com/static/img/spinner-dark-2x-BA9SNVrD.gif' } }, supermodelCSRF = "", gRecaptchaKey = '6Le3mMIUAAAAAEXbwZ7M1R5jEv0V5xbvj7bgXq2g', geolocation = { country: "" }, person = { username: "" , loggedIn: false , showAds: true , role: "guest" , hasExtendedServiceFilters: false , canBulkAddToLists: false , canFilterOwned: false , hasHqRole: false , canHaveHqDashboard: false , hasMemberStatistics: false , blockedMembers: [] , showAdultContent: false , validated: null , trusted: false , hasBlocked : function(member) { for (var i = 0; i !== person.blockedMembers.length; i++) {if (person.blockedMembers[i] === member) return true;} return false; } , viewingTags: [] , hasMoreTags: true , getCustomPoster : function(uid) { return null; } , getCustomBackdrop : function(uid) { return null; } }, disableAds = true, analytic_params = {}; supermodelCSRF = '0b413b65db79c78dd7e3'; geolocation.country = 'SG'; analytic_params['user_type'] = 'Visitor'; </script> <script> window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { dataLayer.push(arguments); }; function ga() {} </script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-D3ECBB4D7L"></script> <script> window.dataLayer = window.dataLayer || []; window.gtag = window.gtag || function () { dataLayer.push(arguments); }; gtag('js', new Date()); analytic_params['template'] = '/main/sign-in'; if (analytic_params.member_type) { gtag('set', 'user_properties', { member_type: analytic_params.member_type, }); delete analytic_params.member_type; } var config = { ...analytic_params, 'cookie_domain': 'letterboxd.com', 'optimize_id': 'GTM-TB8HSDN', }; gtag('config', 'G-D3ECBB4D7L', config); </script> <script> function ASAP(callback) { if (window.__ASAPPED) { callback() return } if (!window.__ASAP) { window.__ASAP = [] } window.__ASAP.push(callback) } </script> <script> </script> <link rel="manifest" href="/manifest.json" /> <link rel="author" type="text/plain" href="/humans.txt" /> <link rel="mask-icon" href="https://s.ltrbxd.com/static/img/letterboxd-decal-l-16px-DorUFlWn.svg" color="#445566" /> <link rel="shortcut icon" sizes="196x196" href="https://s.ltrbxd.com/static/img/touch-icon-192x192-lO1g3Ot4.png" /> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="search" type="application/opensearchdescription+xml" title="Letterboxd" href="/static/opensearch.xml" /> <script type="module" crossorigin src="https://s.ltrbxd.com/static/js/es/main-DyfLaS0X.js"></script> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B5Qt9EMX.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BCTBTwm7.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BosuxZz1.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Ddq65NKx.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CO8FgyIp.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/03U_i1H8.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BnYMSV_K.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Dp7EpKt6.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CXXs2kXn.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DZbpYUsz.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D00a-Ts7.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B_qApqQ6.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CXZooSEu.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CUcMfv5U.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CbXmRM-a.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Dxj-PiPC.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D7CbHvcP.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CyPYzIsz.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/C3e4t58V.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Dtdj54rt.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/nxVCY_kZ.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DbkyL-rk.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CNJCn1L1.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CCPv9W2X.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DOHxIiFh.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DPeCBLXW.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/avz1yegn.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CMMPhZm8.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BNJFf79Z.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/0FcU2bTW.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DcZ-q2nA.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B0bByq0p.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/AxRaG6ks.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/JpiB-byr.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Ch5u5_gz.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/82Oz_Frd.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/wdngpc7v.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CnLYH8eu.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/JlwcKcEW.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BTEnm7ee.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/GeJVNegq.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B9fb8Bne.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BpjbagQL.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/IUIWJa1Z.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BhibFcxs.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CKOYssgy.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/RTvrqW77.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D9YeJ-1b.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DPvmpprp.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DQLSi8IT.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Cqatax0_.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D80r1iO4.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D3phq4LA.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DPQR6HIl.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CraPaTSw.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Duz0x7wZ.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BmMBI0RZ.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D0CRiLCf.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BnElP6sD.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BUuBzXGE.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/COF81Ss-.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Cs5aHkC4.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B8XGFczX.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/iq6l9D7b.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BcP4NaTb.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CbJX5Her.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B5FZj00I.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CkEEJX_R.js"> <link rel="stylesheet" crossorigin href="https://s.ltrbxd.com/static/css/main-BCV_jZsP.css"> <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script> <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script> <script type="module" crossorigin src="https://s.ltrbxd.com/static/js/es/standalone-flow/sign-in-DNnSZKuo.js"></script> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/B5Qt9EMX.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BTEnm7ee.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CKHjvjI_.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CbXmRM-a.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CMMPhZm8.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BnYMSV_K.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/C3e4t58V.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Dtdj54rt.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Ch5u5_gz.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DcZ-q2nA.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/CnLYH8eu.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/BCTBTwm7.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/Dp7EpKt6.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/82Oz_Frd.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/avz1yegn.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/JpiB-byr.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/D9YeJ-1b.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DPvmpprp.js"> <link rel="modulepreload" crossorigin href="https://s.ltrbxd.com/static/js/es/chunks/DQLSi8IT.js"> <link rel="stylesheet" crossorigin href="https://s.ltrbxd.com/static/css/sign-in-C19lddQq.css"> <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script> <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script> <script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script> <script nomodule crossorigin id="vite-legacy-polyfill" src="https://s.ltrbxd.com/static/js/iife/polyfills-legacy-C9YC75W_.js"></script> <script nomodule crossorigin id="vite-legacy-entry" data-src="https://s.ltrbxd.com/static/js/system/standalone-flow/sign-in-legacy-BYXVRnT5.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script> <script async type="module" crossorigin src="https://s.ltrbxd.com/static/js/es/desktop-Byh6mayP.js"></script> <link rel="stylesheet" crossorigin href="https://s.ltrbxd.com/static/css/desktop-cL-s-OoN.css"> <script type="module">import.meta.url;import("_").catch(()=>1);(async function*(){})().next();if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script> <script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script> <script> ASAP(function() { if ( $.cookie("letterboxd.admin.signed.in") === person.username ) { successMessages.push("You are signed in as " + person.username); $(function(){$("#header, #content, body").css("background","#543");}); } }) </script> </head> <body class="screen-standalone-flow screen-standalone-flow-sign-in standalone-flow-docbody"> <script> ((person) => { if (person && person.loggedIn) { window.location.replace('/loggedin/'); } })(window.person) </script> <div class="standalone-flow standalone-flow-sign-in -pending js-standalone-flow"> <div class="standalone-flow-panel"> <noscript class="standalone-flow-overlay -translucent"> <div class="standalone-flow-overlay -translucent"> <div class="standalone-flow-js-required"> <h1 class="standalone-flow-title heading">JavaScript required</h1> <div class="standalone-flow-text-block body"> <p>To use Letterboxd, JavaScript needs to be enabled in your browser.</p> </div> </div> </div> </noscript> <header class="standalone-flow-header"> <svg class="logo" role="presentation" width="57" height="21" viewBox="0 0 57 21" xmlns="http://www.w3.org/2000/svg"><circle cx="10.5" cy="10.5" r="10.5" fill="#FF8000"/><circle cx="46.5" cy="10.5" r="10.5" fill="#40BCF4"/><circle cx="28.5" cy="10.5" r="10.5" fill="#00E054"/><path fill="#FFF" d="M37.5 5.09c.952 1.58 1.5 3.43 1.5 5.41 0 1.979-.547 3.83-1.5 5.41A10.437 10.437 0 0 1 36 10.5c0-1.901.505-3.685 1.39-5.223ZM19.5 5.09c.952 1.58 1.5 3.43 1.5 5.41 0 1.979-.547 3.83-1.5 5.41A10.437 10.437 0 0 1 18 10.5c0-1.901.505-3.685 1.39-5.223Z"/></svg> <h1 class="heading standalone-flow-title">Sign in to Letterboxd</h1> </header> <div class="standalone-flow-description"> </div> <form method="post" action="/user/login.do" class="standalone-flow-body standalone-flow-form js-sign-in-form" data-recaptcha-action="signin" novalidate='true' data-recaptcha-site-key='6Le3mMIUAAAAAEXbwZ7M1R5jEv0V5xbvj7bgXq2g'><input type="hidden" name="__csrf" value="0b413b65db79c78dd7e3" /> <input type="hidden" name="authenticationCode" value="" /> <div class="formbody -va-top"> <div class="formrow"> <label class="label standalone-flow-field-label" for="field-username">Username</label> <input type="text" name="username" id="field-username" class="standalone-flow-form-control" disabled="disabled" autofocus required autocorrect='off' autocapitalize='off' autocomplete='username' value="" /> </div> <div class="formrow"> <label class="label standalone-flow-field-label" for="field-password">Password</label> <input type="password" name="password" id="field-password" class="standalone-flow-form-control" disabled="disabled" autocomplete='current-password' value="" /> </div> <div class="formrow -actions"> <label class="standalone-flow-form-check"> <input class="js-remember" type="checkbox" name="remember" disabled="disabled" value="true" /> <span class="label">Remember me</span> </label> <button class="standalone-flow-button -inline -action -activity-indicator" type="submit" disabled> <span class="label">Sign In</span> </button> </div> </div> </form> <div class="standalone-flow-panel-footer -divider"> <a class="linktrigger" href="/user/request-password-reset"><span class="label">Reset your password or retrieve a forgotten username.</span></a> </div> <div class="standalone-flow-overlay standalone-flow-body-overlay js-body-message-overlay" hidden> <div class="standalone-flow-message js-message-frameinvalidrequest" hidden> <div class="body standalone-flow-text-block"> <p>We do not support POST requests in the iframe auth flow. Try again with a GET request.</p> </div> </div> <div class="standalone-flow-message js-message-revealpopupprompt" hidden> <div class="body standalone-flow-text-block"> <p>We鈥檝e opened a new browser window for you to sign in.<br/><br/>No window? <a href="/sign-in-popup" target="bxdSignInFrame" data-js-trigger="popup">Open window and continue</a>.</p> </div> </div> </div> </div> <footer class="standalone-flow-footer"> <nav class="standalone-flow-site-nav"> <div class="navitem"> <a href="https://letterboxd.com/legal/terms-of-use/" target="_blank"> <span class="label">Terms</span> </a> </div> <div class="navitem"> <a href="https://letterboxd.com/legal/privacy-policy/" target="_blank"> <span class="label">Privacy Policy</span> </a> </div> <div class="navitem"> <a href="https://letterboxd.com/contact/" target="_blank"> <span class="label">Contact</span> </a> </div> </nav> </footer> </div> <script> ASAP(() => { const isInIframe = () => { try { return window.self !== window.top; } catch (e) { return true; } }; const dispatchCustomEvent = (eventName, detail, element) => { if (typeof detail === 'undefined') detail = {}; if (typeof element === 'undefined') element = document; element.dispatchEvent(new CustomEvent(eventName, { bubbles: true, cancelable: false, detail: detail })); }; if (!person.loggedIn) { if (isInIframe()) { try { const frame = window.parent.document.getElementById('partner-iframe'); if (frame && frame.src !== window.location.href) { window.parent.postMessage({ type: 'sign-in.changeiframesrc' }, '*'); } else { dispatchCustomEvent('sign-in.revealpopupprompt', { url: '/sign-in-popup', target: 'bxdSignInFrame', windowContext: window.parent }); } } catch (error) { console.error(error) } return } dispatchCustomEvent('sign-in.formready'); } }) </script> <div id="poster-picker-modal" class="modal fade content-media-picker-modal poster-picker-modal" tabindex="-1" role="dialog" aria-labelledby="poster-picker-modal-title" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-lg modal-fullscreen-sm-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="poster-picker-modal-title">Select your preferred <span class="js-image-type">poster</span></h5> <button type="button" class="modal-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="poster-picker-29130efe-d280-4414-a3ce-44729128c944" method="post" action="" novalidate="novalidate" data-poster-picker-options='{"id": "29130efe-d280-4414-a3ce-44729128c944"}' data-js-target="poster-picker"></form> </div> <div class="modal-footer"> <div class="content-media-picker-note" hidden></div> <div class="content-media-picker-controls poster-picker-controls" data-poster-picker-controls-for="poster-picker-29130efe-d280-4414-a3ce-44729128c944"> <div class="modal-action-group -center"> <button form="poster-picker-29130efe-d280-4414-a3ce-44729128c944" class="button -destructive" type="button" data-js-trigger="reset" disabled> <span class="label" data-js-label-for="film" >Reset <span class="js-image-type">poster</span></span> <span class="label" data-js-label-for="object" hidden>Reset for <span class="js-object-name">item</span></span> </button> <button form="poster-picker-29130efe-d280-4414-a3ce-44729128c944" class="button -action" type="submit" data-js-trigger="submit" disabled> <span class="label" data-js-label-for="film" >Save<span class="mob-hide"> changes</span></span> <span class="label" data-js-label-for="object" hidden>Save<span class="mob-hide"> for <span class="js-object-name">item</span></span></span> </button> </div> <div class="objectonly js-objectonly" aria-hidden="true" hidden> <label for="poster-picker-frm-object-only" class="option-label -checkbox -medium -reversed"> <input type="checkbox" value="true" class="checkbox" id="poster-picker-frm-object-only" data-js-trigger="object-only" disabled /><i class="substitute"></i>This <span class="js-object-name">item</span> only </label> </div> </div> </div> </div> </div> </div> <div id="backdrop-picker-modal" class="modal fade content-media-picker-modal backdrop-picker-modal" tabindex="-1" role="dialog" aria-labelledby="backdrop-picker-modal-title" aria-hidden="true" data-bs-backdrop="static"> <div class="modal-dialog modal-lg modal-fullscreen-sm-down modal-dialog-centered modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="backdrop-picker-modal-title">Select your preferred backdrop</a></h5> <button type="button" class="modal-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <form id="backdrop-picker-c3d59765-4e9a-472f-bfec-a512f76ca9a7" method="post" action="" novalidate="novalidate" data-backdrop-picker-options='{"id": "c3d59765-4e9a-472f-bfec-a512f76ca9a7"}' data-js-target="backdrop-picker"></form> </div> <div class="modal-footer"> <div class="content-media-picker-note" hidden></div> <div class="content-media-picker-controls backdrop-picker-controls" data-backdrop-picker-controls-for="backdrop-picker-c3d59765-4e9a-472f-bfec-a512f76ca9a7"> <div class="modal-action-group -center"> <button form="backdrop-picker-c3d59765-4e9a-472f-bfec-a512f76ca9a7" class="button -destructive" type="button" data-js-trigger="reset" disabled> <span class="label" data-js-label-for="film" >Reset <span class="js-image-type">poster</span></span> <span class="label" data-js-label-for="object" hidden>Reset for <span class="js-object-name">item</span></span> </button> <button form="backdrop-picker-c3d59765-4e9a-472f-bfec-a512f76ca9a7" class="button -action" type="submit" data-js-trigger="submit" disabled> <span class="label" data-js-label-for="film" >Save<span class="mob-hide"> changes</span></span> <span class="label" data-js-label-for="object" hidden>Save<span class="mob-hide"> for <span class="js-object-name">item</span></span></span> </button> </div> <div class="objectonly js-objectonly" aria-hidden="true" hidden> <label for="backdrop-picker-frm-object-only" class="option-label -checkbox -medium -reversed"> <input type="checkbox" value="true" class="checkbox" id="backdrop-picker-frm-object-only" data-js-trigger="object-only" disabled /><i class="substitute"></i>This <span class="js-object-name">item</span> only </label> </div> </div> </div> </div> </div> </div> </body> </html>