{"version":3,"sources":["variables/_dashicons.scss","admin/the-paste.scss","admin/the-paste.css"],"names":[],"mappings":"AAAA,6BAAA;AACA,gGAAA;ACCA;EAGC,QAAA;EACA,SAAA;EACA,gBAAA;EACA,eAAA;EACA,UAAA;EACA,MAAA;EACA,WAAA;EACA;;;;;;;;;;;;;;;;;;;;KAAA;ACmBD;;ADSC;EACC,aAAA;ACNF;ADUE;EACC,qBAAA;ACRH;ADKC;EAKC,mBAAA;ACPF;ADQE;EACC,aAAA;ACNH;ADSC;EACC,aAAA;ACPF;ADSC;EACC,kBAAA;EACA,WAAA;EACA,MAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;ACPF;;ADWA;EACC,yBAAA;EACA,YAAA;ACRD;ADSC;EACC,OAAA;EACA,sBAAA;ACPF;ADSC;EACC,kBAAA;EACA,OAAA;EACA,SAAA;EACA,aAAA;EACA,QAAA;EACA,aAAA;EACA,2DAAA;EACA,yDAAA;EAAA,iDAAA;EACA,aAAA;EACA,yBAAA;EAEA,cAAA;ACRF;ADUC;EACC,SAAA;EACA,QAAA;EACA,OAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,sBAAA;EACA,iBAAA;ACRF;ADSE;EACC,iBAAA;ACPH;ADUC;EACC,gBAAA;EACA,kBAAA;ACRF;ADSE;EACC,cAAA;EACA,YAAA;ACPH;;ADWA;EACC,qBAAA;EACA,2BAAA;EACA,4BAAA;EACA,aAAA;EACA,oCAAA;EAGA,8EAAA;EACA,iBAAA;EACA,YAAA;EACA,sBAAA;EACA,YAAA;EACA,iBAAA;EACA,gBAAA;EACA,sBAAA;ACVD;ADYE;EAEC,iBAAA;EACA,YAAA;EACA,eAAA;ACXH;ADYG;EALD;IAME,2BAAA;ECTF;AACF;ADEE;EAQC,gBAAA;EACA,WAAA;EACA,YAAA;ACPH;ADJC;EAaC,uCAAA;EACA,0OACC;EAID,0BAAA,EAAA,qBAAA;EACA,8DAAA,EAAA,2CAAA;ACVF;ADYC;EACC,eAAA;EACA,cAAA;EACA,aAAA;EACA,mEAAA;EAAA,mDAAA;EACA,4BAAA;EACA,iBAAA;EACA,SAAA;EACA,2BAAA;ACVF;ADWE;EATD;IAWE,WAAA;ECTD;AACF;ADWE;EACC,qBAAA;ACTH;ADWE;EACC,aAAA;EACA,sBAAA;EACA,aAAA;ACTH;ADUG;EACC,aAAA;EACA,mBAAA;ACRJ;ADWE;EACC,aAAA;EACA,aAAA;EACA,mBAAA;ACTH;ADUG;EACC,0BAAA;EAAA,kBAAA;EACA,iBAAA;ACRJ;ADUG;EACC,cAAA;EACA,gBAAA;ACRJ;ADUG;EACC,UAAA;ACRJ;ADYE;EACC,cAAA;EACA,kBAAA;EACA,qBAAA;ACVH;ADWG;EAGC,0BAAA;ACXJ;ADaG;EACC,kCAAA;ACXJ;ADeE;EACC,cAAA;EACA,WAAA;EACA,gBAAA;ACbH;ADgBC;EACC,cAAA;ACdF","file":"the-paste.css","sourcesContent":["/* WordPress Dashicons Vars */\n/* generated from https://raw.githubusercontent.com/WordPress/dashicons/master/codepoints.json */\n\n$dashicon-menu: '\\f333';\n$dashicon-admin-site: '\\f319';\n$dashicon-dashboard: '\\f226';\n$dashicon-admin-media: '\\f104';\n$dashicon-admin-page: '\\f105';\n$dashicon-admin-comments: '\\f101';\n$dashicon-admin-appearance: '\\f100';\n$dashicon-admin-plugins: '\\f106';\n$dashicon-admin-users: '\\f110';\n$dashicon-admin-tools: '\\f107';\n$dashicon-admin-settings: '\\f108';\n$dashicon-admin-network: '\\f112';\n$dashicon-admin-generic: '\\f111';\n$dashicon-admin-home: '\\f102';\n$dashicon-admin-collapse: '\\f148';\n$dashicon-filter: '\\f536';\n$dashicon-admin-customizer: '\\f540';\n$dashicon-admin-multisite: '\\f541';\n$dashicon-admin-links: '\\f103';\n$dashicon-admin-post: '\\f109';\n$dashicon-format-image: '\\f128';\n$dashicon-format-gallery: '\\f161';\n$dashicon-format-audio: '\\f127';\n$dashicon-format-video: '\\f126';\n$dashicon-format-chat: '\\f125';\n$dashicon-format-status: '\\f130';\n$dashicon-format-aside: '\\f123';\n$dashicon-format-quote: '\\f122';\n$dashicon-welcome-write-blog: '\\f119';\n$dashicon-welcome-add-page: '\\f133';\n$dashicon-welcome-view-site: '\\f115';\n$dashicon-welcome-widgets-menus: '\\f116';\n$dashicon-welcome-comments: '\\f117';\n$dashicon-welcome-learn-more: '\\f118';\n$dashicon-image-crop: '\\f165';\n$dashicon-image-rotate: '\\f531';\n$dashicon-image-rotate-left: '\\f166';\n$dashicon-image-rotate-right: '\\f167';\n$dashicon-image-flip-vertical: '\\f168';\n$dashicon-image-flip-horizontal: '\\f169';\n$dashicon-image-filter: '\\f533';\n$dashicon-undo: '\\f171';\n$dashicon-redo: '\\f172';\n$dashicon-editor-bold: '\\f200';\n$dashicon-editor-italic: '\\f201';\n$dashicon-editor-ul: '\\f203';\n$dashicon-editor-ol: '\\f204';\n$dashicon-editor-quote: '\\f205';\n$dashicon-editor-alignleft: '\\f206';\n$dashicon-editor-aligncenter: '\\f207';\n$dashicon-editor-alignright: '\\f208';\n$dashicon-editor-insertmore: '\\f209';\n$dashicon-editor-spellcheck: '\\f210';\n$dashicon-editor-expand: '\\f211';\n$dashicon-editor-contract: '\\f506';\n$dashicon-editor-kitchensink: '\\f212';\n$dashicon-editor-underline: '\\f213';\n$dashicon-editor-justify: '\\f214';\n$dashicon-editor-textcolor: '\\f215';\n$dashicon-editor-paste-word: '\\f216';\n$dashicon-editor-paste-text: '\\f217';\n$dashicon-editor-removeformatting: '\\f218';\n$dashicon-editor-video: '\\f219';\n$dashicon-editor-customchar: '\\f220';\n$dashicon-editor-outdent: '\\f221';\n$dashicon-editor-indent: '\\f222';\n$dashicon-editor-help: '\\f223';\n$dashicon-editor-strikethrough: '\\f224';\n$dashicon-editor-unlink: '\\f225';\n$dashicon-editor-rtl: '\\f320';\n$dashicon-editor-break: '\\f474';\n$dashicon-editor-code: '\\f475';\n$dashicon-editor-code-duplicate: '\\f494';\n$dashicon-editor-paragraph: '\\f476';\n$dashicon-editor-table: '\\f535';\n$dashicon-align-left: '\\f135';\n$dashicon-align-right: '\\f136';\n$dashicon-align-center: '\\f134';\n$dashicon-align-none: '\\f138';\n$dashicon-lock: '\\f160';\n$dashicon-lock-duplicate: '\\f315';\n$dashicon-unlock: '\\f528';\n$dashicon-calendar: '\\f145';\n$dashicon-calendar-alt: '\\f508';\n$dashicon-visibility: '\\f177';\n$dashicon-hidden: '\\f530';\n$dashicon-post-status: '\\f173';\n$dashicon-edit: '\\f464';\n$dashicon-edit-large: '\\f327';\n$dashicon-sticky: '\\f537';\n$dashicon-external: '\\f504';\n$dashicon-arrow-up: '\\f142';\n$dashicon-arrow-up-duplicate: '\\f143';\n$dashicon-arrow-down: '\\f140';\n$dashicon-arrow-left: '\\f141';\n$dashicon-arrow-right: '\\f139';\n$dashicon-arrow-up-alt: '\\f342';\n$dashicon-arrow-down-alt: '\\f346';\n$dashicon-arrow-left-alt: '\\f340';\n$dashicon-arrow-right-alt: '\\f344';\n$dashicon-arrow-up-alt2: '\\f343';\n$dashicon-arrow-down-alt2: '\\f347';\n$dashicon-arrow-left-alt2: '\\f341';\n$dashicon-arrow-right-alt2: '\\f345';\n$dashicon-leftright: '\\f229';\n$dashicon-sort: '\\f156';\n$dashicon-randomize: '\\f503';\n$dashicon-list-view: '\\f163';\n$dashicon-excerpt-view: '\\f164';\n$dashicon-grid-view: '\\f509';\n$dashicon-move: '\\f545';\n$dashicon-hammer: '\\f308';\n$dashicon-art: '\\f309';\n$dashicon-migrate: '\\f310';\n$dashicon-performance: '\\f311';\n$dashicon-universal-access: '\\f483';\n$dashicon-universal-access-alt: '\\f507';\n$dashicon-tickets: '\\f486';\n$dashicon-nametag: '\\f484';\n$dashicon-clipboard: '\\f481';\n$dashicon-heart: '\\f487';\n$dashicon-megaphone: '\\f488';\n$dashicon-schedule: '\\f489';\n$dashicon-wordpress: '\\f120';\n$dashicon-wordpress-alt: '\\f324';\n$dashicon-pressthis: '\\f157';\n$dashicon-update: '\\f463';\n$dashicon-screenoptions: '\\f180';\n$dashicon-cart: '\\f174';\n$dashicon-feedback: '\\f175';\n$dashicon-translation: '\\f326';\n$dashicon-tag: '\\f323';\n$dashicon-category: '\\f318';\n$dashicon-archive: '\\f480';\n$dashicon-tagcloud: '\\f479';\n$dashicon-text: '\\f478';\n$dashicon-media-archive: '\\f501';\n$dashicon-media-audio: '\\f500';\n$dashicon-media-code: '\\f499';\n$dashicon-media-default: '\\f498';\n$dashicon-media-document: '\\f497';\n$dashicon-media-interactive: '\\f496';\n$dashicon-media-spreadsheet: '\\f495';\n$dashicon-media-text: '\\f491';\n$dashicon-media-video: '\\f490';\n$dashicon-playlist-audio: '\\f492';\n$dashicon-playlist-video: '\\f493';\n$dashicon-controls-play: '\\f522';\n$dashicon-controls-pause: '\\f523';\n$dashicon-controls-forward: '\\f519';\n$dashicon-controls-skipforward: '\\f517';\n$dashicon-controls-back: '\\f518';\n$dashicon-controls-skipback: '\\f516';\n$dashicon-controls-repeat: '\\f515';\n$dashicon-controls-volumeon: '\\f521';\n$dashicon-controls-volumeoff: '\\f520';\n$dashicon-yes: '\\f147';\n$dashicon-no: '\\f158';\n$dashicon-no-alt: '\\f335';\n$dashicon-plus: '\\f132';\n$dashicon-plus-alt: '\\f502';\n$dashicon-plus-alt2: '\\f543';\n$dashicon-minus: '\\f460';\n$dashicon-dismiss: '\\f153';\n$dashicon-marker: '\\f159';\n$dashicon-star-filled: '\\f155';\n$dashicon-star-half: '\\f459';\n$dashicon-star-empty: '\\f154';\n$dashicon-flag: '\\f227';\n$dashicon-info: '\\f348';\n$dashicon-warning: '\\f534';\n$dashicon-share: '\\f237';\n$dashicon-share1: '\\f237';\n$dashicon-share-alt: '\\f240';\n$dashicon-share-alt2: '\\f242';\n$dashicon-twitter: '\\f301';\n$dashicon-rss: '\\f303';\n$dashicon-email: '\\f465';\n$dashicon-email-alt: '\\f466';\n$dashicon-facebook: '\\f304';\n$dashicon-facebook-alt: '\\f305';\n$dashicon-networking: '\\f325';\n$dashicon-googleplus: '\\f462';\n$dashicon-location: '\\f230';\n$dashicon-location-alt: '\\f231';\n$dashicon-camera: '\\f306';\n$dashicon-images-alt: '\\f232';\n$dashicon-images-alt2: '\\f233';\n$dashicon-video-alt: '\\f234';\n$dashicon-video-alt2: '\\f235';\n$dashicon-video-alt3: '\\f236';\n$dashicon-vault: '\\f178';\n$dashicon-shield: '\\f332';\n$dashicon-shield-alt: '\\f334';\n$dashicon-sos: '\\f468';\n$dashicon-search: '\\f179';\n$dashicon-slides: '\\f181';\n$dashicon-analytics: '\\f183';\n$dashicon-chart-pie: '\\f184';\n$dashicon-chart-bar: '\\f185';\n$dashicon-chart-line: '\\f238';\n$dashicon-chart-area: '\\f239';\n$dashicon-groups: '\\f307';\n$dashicon-businessman: '\\f338';\n$dashicon-id: '\\f336';\n$dashicon-id-alt: '\\f337';\n$dashicon-products: '\\f312';\n$dashicon-awards: '\\f313';\n$dashicon-forms: '\\f314';\n$dashicon-testimonial: '\\f473';\n$dashicon-portfolio: '\\f322';\n$dashicon-book: '\\f330';\n$dashicon-book-alt: '\\f331';\n$dashicon-download: '\\f316';\n$dashicon-upload: '\\f317';\n$dashicon-backup: '\\f321';\n$dashicon-clock: '\\f469';\n$dashicon-lightbulb: '\\f339';\n$dashicon-microphone: '\\f482';\n$dashicon-desktop: '\\f472';\n$dashicon-laptop: '\\f547';\n$dashicon-tablet: '\\f471';\n$dashicon-smartphone: '\\f470';\n$dashicon-phone: '\\f525';\n$dashicon-smiley: '\\f328';\n$dashicon-index-card: '\\f510';\n$dashicon-carrot: '\\f511';\n$dashicon-building: '\\f512';\n$dashicon-store: '\\f513';\n$dashicon-album: '\\f514';\n$dashicon-palmtree: '\\f527';\n$dashicon-tickets-alt: '\\f524';\n$dashicon-money: '\\f526';\n$dashicon-thumbs-up: '\\f529';\n$dashicon-thumbs-down: '\\f542';\n$dashicon-layout: '\\f538';\n$dashicon-paperclip: '\\f546';\n$dashicon-email-alt2: '\\f467';\n$dashicon-menu-alt: '\\f228';\n$dashicon-trash: '\\f182';\n$dashicon-heading: '\\f10e';\n$dashicon-insert: '\\f10f';\n$dashicon-align-full-width: '\\f114';\n$dashicon-button: '\\f11a';\n$dashicon-align-wide: '\\f11b';\n$dashicon-ellipsis: '\\f11c';\n$dashicon-buddicons-activity: '\\f452';\n$dashicon-buddicons-buddypress-logo: '\\f448';\n$dashicon-buddicons-community: '\\f453';\n$dashicon-buddicons-forums: '\\f449';\n$dashicon-buddicons-friends: '\\f454';\n$dashicon-buddicons-groups: '\\f456';\n$dashicon-buddicons-pm: '\\f457';\n$dashicon-buddicons-replies: '\\f451';\n$dashicon-buddicons-topics: '\\f450';\n$dashicon-buddicons-tracking: '\\f455';\n$dashicon-admin-site-alt: '\\f11d';\n$dashicon-admin-site-alt2: '\\f11e';\n$dashicon-admin-site-alt3: '\\f11f';\n$dashicon-rest-api: '\\f124';\n$dashicon-yes-alt: '\\f12a';\n$dashicon-buddicons-bbpress-logo: '\\f477';\n$dashicon-tide: '\\f10d';\n$dashicon-editor-ol-rtl: '\\f12c';\n$dashicon-instagram: '\\f12d';\n$dashicon-businessperson: '\\f12e';\n$dashicon-businesswoman: '\\f12f';\n$dashicon-color-picker: '\\f131';\n$dashicon-camera-alt: '\\f129';\n$dashicon-editor-ltr: '\\f10c';\n$dashicon-cloud: '\\f176';\n$dashicon-twitter-alt: '\\f302';\n$dashicon-menu-alt2: '\\f329';\n$dashicon-menu-alt3: '\\f349';\n$dashicon-plugins-checked: '\\f485';\n$dashicon-text-page: '\\f121';\n$dashicon-update-alt: '\\f113';\n$dashicon-code-standards: '\\f13a';\n$dashicon-align-pull-left: '\\f10a';\n$dashicon-align-pull-right: '\\f10b';\n$dashicon-block-default: '\\f12b';\n$dashicon-cloud-saved: '\\f137';\n$dashicon-cloud-upload: '\\f13b';\n$dashicon-columns: '\\f13c';\n$dashicon-cover-image: '\\f13d';\n$dashicon-embed-audio: '\\f13e';\n$dashicon-embed-generic: '\\f13f';\n$dashicon-embed-photo: '\\f144';\n$dashicon-embed-post: '\\f146';\n$dashicon-embed-video: '\\f149';\n$dashicon-exit: '\\f14a';\n$dashicon-html: '\\f14b';\n$dashicon-info-outline: '\\f14c';\n$dashicon-insert-after: '\\f14d';\n$dashicon-insert-before: '\\f14e';\n$dashicon-remove: '\\f14f';\n$dashicon-shortcode: '\\f150';\n$dashicon-table-col-after: '\\f151';\n$dashicon-table-col-before: '\\f152';\n$dashicon-table-col-delete: '\\f15a';\n$dashicon-table-row-after: '\\f15b';\n$dashicon-table-row-before: '\\f15c';\n$dashicon-table-row-delete: '\\f15d';\n$dashicon-saved: '\\f15e';\n$dashicon-airplane: '\\f15f';\n$dashicon-amazon: '\\f162';\n$dashicon-bank: '\\f16a';\n$dashicon-beer: '\\f16c';\n$dashicon-bell: '\\f16d';\n$dashicon-calculator: '\\f16e';\n$dashicon-coffee: '\\f16f';\n$dashicon-database-add: '\\f170';\n$dashicon-database-export: '\\f17a';\n$dashicon-database-import: '\\f17b';\n$dashicon-database-remove: '\\f17c';\n$dashicon-database-view: '\\f17d';\n$dashicon-database: '\\f17e';\n$dashicon-drumstick: '\\f17f';\n$dashicon-edit-page: '\\f186';\n$dashicon-food: '\\f187';\n$dashicon-fullscreen-alt: '\\f188';\n$dashicon-fullscreen-exit-alt: '\\f189';\n$dashicon-games: '\\f18a';\n$dashicon-google: '\\f18b';\n$dashicon-hourglass: '\\f18c';\n$dashicon-linkedin: '\\f18d';\n$dashicon-money-alt: '\\f18e';\n$dashicon-open-folder: '\\f18f';\n$dashicon-pdf: '\\f190';\n$dashicon-pets: '\\f191';\n$dashicon-pinterest: '\\f192';\n$dashicon-printer: '\\f193';\n$dashicon-privacy: '\\f194';\n$dashicon-reddit: '\\f195';\n$dashicon-spotify: '\\f196';\n$dashicon-superhero-alt: '\\f197';\n$dashicon-superhero: '\\f198';\n$dashicon-twitch: '\\f199';\n$dashicon-whatsapp: '\\f19a';\n$dashicon-youtube: '\\f19b';\n$dashicon-car: '\\f16b';\n$dashicon-podio: '\\f19c';\n$dashicon-xing: '\\f19d';\n","@use \"../variables/index\" as *;\n\n#the-paste {\n\t//*\n\t// Prod mode\n\twidth: 0;\n\theight: 0;\n\toverflow:hidden;\n\tposition: fixed;\n\tleft: 100%;\n\ttop:0;\n\tz-index: -1;\n\t/*/\n\t// Testing mode\n\twidth: 0;\n\theight: 0;\n\tposition: fixed;\n\tleft: -9999px;\n\tbackground-color: #fff;\n\tborder: 1px solid currentColor;\n\tbox-sizing: border-box;\n\tz-index: -1;\n\t&:focus,\n\t&:focus-within {\n\t\tleft: 30px;\n\t\ttop:30px;\n\t\twidth: 200px;\n\t\theight: 500px;\n\t\toutline: 3px solid currentColor;\n\t\toutline-offset: 3px;\n\t\tz-index: 9999;\n\t}\n\t//*/\n}\n\n.media-frame-title {\n\n}\n.the-paste-instructions {\n\n\tbody:not(:focus-within) {\n\t\tdisplay: none;\n\t}\n\t.media-frame-title &,\n\t.media-toolbar & {\n\t\t&:not([hidden]) {\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\twhite-space: nowrap;\n\t\t.upload-instructions {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t.media-modal-content .media-toolbar & {\n\t\tdisplay: none;\n\t}\n\t.media-frame-title > &:not([hidden]) {\n\t\tposition: absolute;\n\t\tright:56px;\n\t\ttop:0;\n\t\theight: 50px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t}\n}\n\n.the-paste-image-list {\n\tbackground-color: wp-color(gray-2);\n\theight:100%;\n\t.media-frame-title {\n\t\tleft:0;\n\t\tbackground-color: #fff;\n\t}\n\t.content {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: 50px;\n\t\tbottom: 100px;\n\t\tright: 0;\n\t\tdisplay: grid;\n\t\tgrid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n\t\tgrid-template-rows: repeat(auto-fit, min-content);\n\t\tgrid-gap: 1em;\n\t\tborder: 1em solid wp-color(gray-2);\n\t\t// padding: 2em;\n\t\toverflow: auto;\n\t}\n\t.media-frame-toolbar {\n\t\tbottom: 0;\n\t\tright: 0;\n\t\tleft: 0;\n\t\tpadding: 20px;\n\t\theight: 100px;\n\t\tdisplay: flex;\n\t\talign-items: flex-end;\n\t\tbox-sizing: border-box;\n\t\tbackground-color: #fff;\n\t\ttext-align: right;\n\t\tbutton {\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\tbutton[type=\"button\"] {\n\t\tline-height: 1.5;\n\t\tpadding: 0.5em 1em;\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t\tmargin: auto;\n\t\t}\n\t}\n}\n.the-paste-image-list-item {\n\t--toolbar-size: 100px;\n\tcontainer-type: inline-size;\n\tcontainer-name: thePasteItem;\n\tdisplay: grid;\n\tgrid-template-areas: 'canvas'\n\t\t'name';\n\t// grid-template-columns: auto min-content;\n\tgrid-template-rows: calc(100% - 2em - var(--toolbar-size)) var(--toolbar-size);\n\tgrid-gap: 1em 2em;\n\tpadding: 1em;\n\tbackground-color: #fff;\n\theight: 100%;\n\tmin-height: 450px;\n\toverflow: hidden;\n\tbox-sizing: border-box;\n\tcanvas {\n\t\t&,\n\t\t& + img {\n\t\t\tgrid-area: canvas;\n\t\t\tmargin: auto;\n\t\t\tmax-width: 100%;\n\t\t\t@container (width > 700px) {\n\t\t\t\tmax-width: calc(100% - 2em);\n\t\t\t}\n\t\t\tmax-height: 100%;\n\t\t\twidth: auto;\n\t\t\theight: auto;\n\t\t}\n\t\tbox-shadow: 0 0 10px rgba(0,0,0,0.1);\n\t\tbackground-image:\n\t\t\tlinear-gradient(45deg, wp-color(gray-10) 25%, transparent 25%),\n\t\t\tlinear-gradient(135deg, wp-color(gray-10) 25%, transparent 25%),\n\t\t\tlinear-gradient(45deg, transparent 75%, wp-color(gray-10) 75%),\n\t\t\tlinear-gradient(135deg, transparent 75%, wp-color(gray-10) 75%);\n\t\tbackground-size: 25px 25px; /* Must be a square */\n\t\tbackground-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */\n\t}\n\t.the-paste-toolbar {\n\t\tgrid-area: name;\n\t\tcolor: wp-color(gray-50);\n\t\tdisplay: grid;\n\t\tgrid-template-columns: min-content auto min-content;\n\t\tgrid-template-rows: auto 3em;\n\t\tgrid-gap: 1em 3em;\n\t\tmargin: 0;\n\t\theight: var(--toolbar-size);\n\t\t@container (width > 700px) {\n\t\t\t// display: none;\n\t\t\tmargin: 1em;\n\t\t}\n\n\t\t.the-paste-filename {\n\t\t\tgrid-column: 1 /span 2;\n\t\t}\n\t\t.the-paste-format {\n\t\t\tdisplay: grid;\n\t\t\tgrid-auto-flow: column;\n\t\t\tgrid-gap: 1em;\n\t\t\tlabel {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t}\n\t\t}\n\t\t.the-paste-quality {\n\t\t\tdisplay: flex;\n\t\t\tgrid-gap: 1em;\n\t\t\talign-items: center;\n\t\t\t:first-child {\n\t\t\t\twidth: max-content;\n\t\t\t\tmargin-left: auto;\n\t\t\t}\n\t\t\t[type=\"range\"] {\n\t\t\t\tflex:1 1 auto;\n\t\t\t\tmax-width: 300px;\n\t\t\t}\n\t\t\t[type=\"number\"] {\n\t\t\t\twidth: 5em;\n\t\t\t}\n\t\t}\n\n\t\t[name=\"discard\"] {\n\t\t\tgrid-column: 3;\n\t\t\tgrid-row: 1 / span 2;\n\t\t\tmargin: 18px 0 auto 0;\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tborder-color: currentColor;\n\t\t\t}\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0 0 0 1px currentColor;\n\t\t\t}\n\t\t}\n\n\t\t[type=\"text\"] {\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tfont-size: 1.3em;\n\t\t}\n\t}\n\t.the-paste-format {\n\t\tmargin: auto 0;\n\t}\n\n}\n","/* WordPress Dashicons Vars */\n/* generated from https://raw.githubusercontent.com/WordPress/dashicons/master/codepoints.json */\n#the-paste {\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  position: fixed;\n  left: 100%;\n  top: 0;\n  z-index: -1;\n  /*/\n  // Testing mode\n  width: 0;\n  height: 0;\n  position: fixed;\n  left: -9999px;\n  background-color: #fff;\n  border: 1px solid currentColor;\n  box-sizing: border-box;\n  z-index: -1;\n  &:focus,\n  &:focus-within {\n  \tleft: 30px;\n  \ttop:30px;\n  \twidth: 200px;\n  \theight: 500px;\n  \toutline: 3px solid currentColor;\n  \toutline-offset: 3px;\n  \tz-index: 9999;\n  }\n  //*/\n}\n\n.the-paste-instructions body:not(:focus-within) {\n  display: none;\n}\n.media-frame-title .the-paste-instructions:not([hidden]), .media-toolbar .the-paste-instructions:not([hidden]) {\n  display: inline-block;\n}\n.media-frame-title .the-paste-instructions, .media-toolbar .the-paste-instructions {\n  white-space: nowrap;\n}\n.media-frame-title .the-paste-instructions .upload-instructions, .media-toolbar .the-paste-instructions .upload-instructions {\n  display: none;\n}\n.media-modal-content .media-toolbar .the-paste-instructions {\n  display: none;\n}\n.media-frame-title > .the-paste-instructions:not([hidden]) {\n  position: absolute;\n  right: 56px;\n  top: 0;\n  height: 50px;\n  display: flex;\n  align-items: center;\n}\n\n.the-paste-image-list {\n  background-color: #f0f0f1;\n  height: 100%;\n}\n.the-paste-image-list .media-frame-title {\n  left: 0;\n  background-color: #fff;\n}\n.the-paste-image-list .content {\n  position: absolute;\n  left: 0;\n  top: 50px;\n  bottom: 100px;\n  right: 0;\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));\n  grid-template-rows: repeat(auto-fit, min-content);\n  grid-gap: 1em;\n  border: 1em solid #f0f0f1;\n  overflow: auto;\n}\n.the-paste-image-list .media-frame-toolbar {\n  bottom: 0;\n  right: 0;\n  left: 0;\n  padding: 20px;\n  height: 100px;\n  display: flex;\n  align-items: flex-end;\n  box-sizing: border-box;\n  background-color: #fff;\n  text-align: right;\n}\n.the-paste-image-list .media-frame-toolbar button {\n  margin-left: auto;\n}\n.the-paste-image-list button[type=button] {\n  line-height: 1.5;\n  padding: 0.5em 1em;\n}\n.the-paste-image-list button[type=button] span {\n  display: block;\n  margin: auto;\n}\n\n.the-paste-image-list-item {\n  --toolbar-size: 100px;\n  container-type: inline-size;\n  container-name: thePasteItem;\n  display: grid;\n  grid-template-areas: \"canvas\" \"name\";\n  grid-template-rows: calc(100% - 2em - var(--toolbar-size)) var(--toolbar-size);\n  grid-gap: 1em 2em;\n  padding: 1em;\n  background-color: #fff;\n  height: 100%;\n  min-height: 450px;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n.the-paste-image-list-item canvas, .the-paste-image-list-item canvas + img {\n  grid-area: canvas;\n  margin: auto;\n  max-width: 100%;\n}\n@container (width > 700px) {\n  .the-paste-image-list-item canvas, .the-paste-image-list-item canvas + img {\n    max-width: calc(100% - 2em);\n  }\n}\n.the-paste-image-list-item canvas, .the-paste-image-list-item canvas + img {\n  max-height: 100%;\n  width: auto;\n  height: auto;\n}\n.the-paste-image-list-item canvas {\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  background-image: linear-gradient(45deg, #c3c4c7 25%, transparent 25%), linear-gradient(135deg, #c3c4c7 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #c3c4c7 75%), linear-gradient(135deg, transparent 75%, #c3c4c7 75%);\n  background-size: 25px 25px; /* Must be a square */\n  background-position: 0 0, 12.5px 0, 12.5px -12.5px, 0px 12.5px; /* Must be half of one side of the square */\n}\n.the-paste-image-list-item .the-paste-toolbar {\n  grid-area: name;\n  color: #646970;\n  display: grid;\n  grid-template-columns: min-content auto min-content;\n  grid-template-rows: auto 3em;\n  grid-gap: 1em 3em;\n  margin: 0;\n  height: var(--toolbar-size);\n}\n@container (width > 700px) {\n  .the-paste-image-list-item .the-paste-toolbar {\n    margin: 1em;\n  }\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-filename {\n  grid-column: 1/span 2;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-format {\n  display: grid;\n  grid-auto-flow: column;\n  grid-gap: 1em;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-format label {\n  display: flex;\n  align-items: center;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-quality {\n  display: flex;\n  grid-gap: 1em;\n  align-items: center;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-quality :first-child {\n  width: max-content;\n  margin-left: auto;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-quality [type=range] {\n  flex: 1 1 auto;\n  max-width: 300px;\n}\n.the-paste-image-list-item .the-paste-toolbar .the-paste-quality [type=number] {\n  width: 5em;\n}\n.the-paste-image-list-item .the-paste-toolbar [name=discard] {\n  grid-column: 3;\n  grid-row: 1/span 2;\n  margin: 18px 0 auto 0;\n}\n.the-paste-image-list-item .the-paste-toolbar [name=discard], .the-paste-image-list-item .the-paste-toolbar [name=discard]:hover, .the-paste-image-list-item .the-paste-toolbar [name=discard]:focus {\n  border-color: currentColor;\n}\n.the-paste-image-list-item .the-paste-toolbar [name=discard]:focus {\n  box-shadow: 0 0 0 1px currentColor;\n}\n.the-paste-image-list-item .the-paste-toolbar [type=text] {\n  display: block;\n  width: 100%;\n  font-size: 1.3em;\n}\n.the-paste-image-list-item .the-paste-format {\n  margin: auto 0;\n}"]}