您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Xotic website is more suitable for wide screens.
当前为
/* ==UserStyle== @name Xotic responsive + customizations @version 1.0.0 @description Xotic website is more suitable for wide screens. @author BreatFR (https://breat.fr) @namespace https://gitlab.com/breatfr @homepageURL https://gitlab.com/breatfr/xotic @supportURL https://discord.gg/fSgDHmekfG @license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt @preprocessor stylus @var text avatarcorner "Avatar corner" 1em @var text avatarposition "Avatar position" calc(64px + 1em) @var text avatarsize "Avatar size" 150px @var text avatarsizebig "Avatar size big (require for 'Avatar styles: Square big')" 730px @var select avatarstyles "Avatar styles (require 'Avatar URL')" { "Default": "avatarstylesdefault", "Rectangle big": "avatarstylesrectanglebig", "Square big": "avatarstylessquarebig" } @var text avatarurl "Avatar URL" ""https://cloudflare-worker.tech-xoticai.workers.dev/models%2FWendy%20Zhang%2Fcover11.webp"" @var checkbox blurcontent "Blur content" 0 @var text fontsize "Custom font size" 1.2rem @var checkbox hideaiavatar "Hide AI avatar" 0 @var checkbox hideouravatar "Hide our avatar" 0 @var checkbox hidecompany "Hide compagny" 0 @var checkbox hidediscord "Hide discord" 0 @var checkbox hideguide "Hide guide" 0 @var checkbox hideinfobottom "Hide info bottom" 1 @var checkbox hidemenu "Hide menu" 0 @var checkbox hidemessagesleft "Hide messages left today" 0 @var checkbox hidetheme "Hide theme" 0 @var checkbox hideultimate "Hide ultimate" 1 @var checkbox widemode "Wide mode" 1 ==/UserStyle== */ /* === Credits === Website https://breat.fr facebook https://www.facebook.com/breatfroff mastodon https://mastodon.social/@breat_fr telegram https://t.me/breatfr vk https://vk.com/breatfroff X (twitter) https://x.com/breatfroff === Credits === */ @-moz-document domain("xotic.ai") { /* Whole website */ /* Versions */ :root { --themeversion: 'Theme v1.0.0 by BreatFR (https://breat.fr)'; --install1: ' usercssjs.breat.fr '; --install2: ' gitlab.com/breatfr/xotic '; --space: '\00a0\00a0\00a0\00a0\00a0'; --support1: ' ko-fi.com/breatfr '; --support2: ' paypal.me/breat'; --avatarposition: avatarposition; --avatarsize: avatarsize; } @media screen and (min-width: 900px) { body::before { color: hsl(345.3, 82.7%, 40.8%); content: var(--themeversion) '\A''Install: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAAK/INwWK6QAAAAlwSFlzAAAOwgAADsIBFShKgAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAARxSURBVDhPvZR5TJNnGMAfBIUFzLSctqWUlqPcCBlQjhpdkGvNWCY2rQfKBihImMc4VgUhoIM4mG5z7MicCROZbBBxICAUHEeG6IRF2nKUwteDclhbbkq/7gO+ZRoy+W+/5P3n+Z7n9z7fm+d94X/DALDF0PC7v7alJVlVW1sir668qaiqKFf8cufG+G+1l2eaW+PQm02WePrrUd6uYg+WlTUKs8+phfHv6QdimLqhUM/FIZb74lC496IolqV/lnp0pb+0QDhaXs7ByzZi6OnZ+qiwuPhx8lH9ANNxQUUHZMEZBlZ2gkhvASJ0OwhRJxDqyCCaMYEhCflNbRf3gK4vvygWV7xKY3o6vzuGaVC7whjqDv3YEi8zYHiFZCTWO2BSexAvEWEYJWByG2y5Qr+UbKJ9wIsVoFcHTHHNOoLMy9R7rEBE4wZy1AdEiJ+16s9w5mQHlzvax96NoG4gHN1PHG2L440P+Lso9V4gxroVrZBhpJXpMdKUVULDVet8eTg+spNmrUEdYLg9xHPqAfdQzdOkU5zmD1J5ze5UGeoCIx0hNElXYub7dfG87yTMHeN4p5KW3TTJT8nnnXHVOmU8nle1K1VVz3CYv8s5xEcj09Z+ITc0NLbDbrsatYexGh/HHjAYjK6FR+3rtCdMoX4gXvABeSXTtVOQ8rPFmugfsDExqotmp/0aw87GQ2vkOzsX9TuaaGYtYfw6zbFyNZbFYKR07TLTYkLhE5KZ5ovAwItryZthyBWYXCJZNmqdQPXMHKay7IgXIgFM+XZWLZP0LRMaF0CuUym9d48kUfCS15PkyWR8bWOGoCQY7qMTFDnRUcIcdkx3vRdRPesMkm/td4xVRLHfwdM350MqPbHBynQOJYJwwnvrqJxhp5Z5kTQ62rZhhGwuLwgJkOeG7Q3G0zengE69I7cxfq61haEffN2U9TTKOGIHMpSCDbitkXjQ1/ZFiYeH7IJfqD9e8t9c2sN2qmBQEJQM0j8YhIkq9oFT7UeOcW7v3dfZ7USa1lOwOcQGu9/RYqk00KdGgJ03XvoqD9MKras+LY24cSzxVh9jp3re3hi5HxrcZgCD0ep3NPczQg2X+03/W+RxbDPRCg2ktX60sR8T+fQ1wcs0JSVRqnmcnvbDB/VP3g1aWLKEwTEGSXU/k9/bfKU0obeo1HU1byrjKrljD0u0bAVSFDuOR0EMpC670HtN8jIPCwvffuzrMjdnDlI9dq2wWyOeJ8KgOIym7uZEox2pJya6CvLauj6/0vQ0LEC5QoUB7KEY7ePu/6uv8JYtrvkXyfflDlJunFhnY6yYY1EV8pTjz1+wgyb0WBfLAOLpbSCTEm00w57kGS02Nqg5CKeD3WaHMrKu4YqNIB9nn1acOalEzmc0SE6e4Uj5OV+pTiTL5yNY03oXogwlvCFFbUylugCqQpMQPSPL/6RVkXDWAS/fyOpLLT543GfMPYiAh0CSks6S5+UVT/Kz702d/ah16txpgTKHX4PkXMyWhkXswtMwAP4GEl0BMY+jC7gAAAAASUVORK5CYII=") var(--install1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAvRJREFUOE+dU0lrU1EUfqhbK4rixiHvvptW+gu0TZqkrQWHhVJpKyoI4lRx3ghdOCwFrS24cwCbmKYtVelCqIorf0NBrGkSWqJkWmgb7Hvv+J37brSxg9UPDuGcb8h5Jy/Gn5hsEv3TodrNul0VZgJyC/t0uxjptvpNX1r8xUxENOvRqpAK+Vuz8JUCOzbqUTVSYauTDtZTOmL16dGqkAnLfvalIlaHHlUDgcP2vl2UDlufKRRap8crgnXwJT2fHNLj3yi0ig0gSl9b/FRoraXpsGjU1IpIhUSA9ezLRGRxEjma8pAJySPf2uqYpDl8Yuv7mloR0PWynn3KH5btmvIAYrASnMcGMHwiw1ij6SWB514L3WQO+gXBcU0bxkdD1qSDspBt9lM6JJmkXHMtJRvlbi1ZEskGa08eOtazj/2ZoMxPGHXrlaD8QBy2r0maPSlo9pRXzlmLih1iKhmQH3D7RcXzYqeYYl3Fw37OKfdah1Swk/DFKG6Rc8n06opJ7lWTqBvheMwS194FhZ7nzLOO9RWvyhn2RQ33ubnVjpozNIpvu2eSfQ510SvnsknZ/Ralm3Ae3LBS3GcPIAB8Rat88HPO/IA5bSB01I0hJApiEHVHiyDmbUpdglLB6mDuS0eF4n+Fsg9+znGQh2DfW0oIoiFsjIGqG6jz3sblMya/+FXB/GPxXG0MndJrL+dwnrqxHdvZ5SREnl5JcuIQPEWx6YJnVufgtwWh6tdHr0LB27gv69mn/AmRw7KdKpjhPtthYviGxiTRCLZ/CEM3zgHjwnOoM6DnOfOsYz374B+fQ46OrIYdN3sgcGnMIvsuNoG5fFqfg9/Xyhk4FDzrWI8z9OiI5fFjwAw6Q2KCXktybyMEd+THnwroM6DnOfNKFxMBbf07cn2yxhk2n9BLi+imoGK7oGSDVJ90C4W5MyIeu4/0v+xfYb/wnXCjokD4R6URTNexJXp71DyuJf8P9/026faJ8e/H5LyDT/fddktTy8AwfgLHRHNkJDm7EgAAAABJRU5ErkJggg==") var(--install2) var(--space) 'Support me: ' url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAA2FJREFUSEu1lktIVGEYhqfIXW5ctUkDF250q4jLILLUvBSjzjh285pahoxIK3Fop0iRiWbiNRMUzcvIpI1dNkVGYBckIzTRAkVHCbOyt/f7/Y81alOgvvBw5nzf+b/3/Nc5Jq0I4iKPdpg7xEy2VCSZJtglfpBRkkm85CQoKSlBT0/PjtDf34+BgQG0trYiOzsbAQEBxkvcI/uJ0gMCt9uN3dLs7CzMZrNhPkD2ENOgBHp7e/Vj29P4+DhCQ0MRGBiIkJAQZGRkYH5+XuVSUlIM8ywxlkUAp9Opkl76+BlwjwDPXgPLKzpIjfDe+ZAuEzrwWzLEuvgH8kp+ywssLi7C4/EYw/6S/MW43QXEFwFH84BjF4CCq8CT50DZdSDmHGPpwImzwN0u3WBNg4ODhnGhFKdKCex2u8pbrVbJeSSx2XhqhqYXgcRLQPJljhGviTmMZfB6HkjNBixZgPkMYynAu/e6oZexXYprTYSFhal8ZWWl5FYkuNn4xSgQm0nDAsIep+YSGqcyZqG5hT220tR6Gog7AQwN6YZexsVSXOtpUFCQyjc0NEjuuwQfkw09ngZO0SSZvbJsNOMQW9OANCuvqUASjd++0Q29jAukOHWIeKKiolS+rKxMcl8l4Sbo6+tTiXWVcy6Pn6QB51HM0rRZmgWwaeJjAEcpsLqqGwEul8swvkVsZEzuOzo6VD4iIkJyn4jpviRk43tpaQmwF7M4e2QYGaTzBaSn+ZyCuTndYE3Dw8OGscLPzw8Oh0PlxFzHm8jaydXd3a2SXlrg/isqBBLi1swM46R4IJfTMMMp2aDl5WXU1NSgoqICTU1NmJqaUnGZAn9/fzH9QoLFuEuMOzs71QObJJtfzONjdU9pmsN5n95supXGxsaQn59v9PQbiSVKbQTt7e360S3EjY8rJcCRw0Aeh9eH6eTkJKKjoxEZGYng4GDDUBghUWRdt4k60H2KQ4iaag4v97gPyVqRemSByAnVSJLIXuKlawSNjY266fYk8yv1SLoU96UEog7w7WqV2yo8PFxMf5KDUvxfUn+NNpsNzc3NaGtrU9eWlpZ15F5OHaG+vh51dXWora1FdXU1qqqqUF5eDjkkpA65IUX/RweIfPrIUl/1gXxN/IkcfYKsVmGO3CT7iA+ZTL8ANy582NV4RdEAAAAASUVORK5CYII=") var(--support1) url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAUCAYAAABroNZJAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwwAADsMBx2+oZAAAAslJREFUOE+Nk0tIVFEYx6WNEC1attA7znXmnHNvpjH3js7GRQ+dKDKTMgx6UOnMvaNZaRAoGD0WRTQPH6Nii6CgRa1yUUGEjo+0mTSkB7UIF0G0aFlUxNd37jmOjo7QH/6cgXu+3/leU7BSxLSvaVXnvhDTWmNqRhap2TqmVbZf1PXDm2RIrjyetkJiWJ9Z5Vmgpr2+/ZFfeOcd8YUaZeiyvKalUtP6y/yt+YNXGLNFnwfiC++U4UII2a1Vta8KiKxjG/RAB2D5T2S4ENZt8w85EMMCYoTXmKJ5NtQXfiPDhZCayEL8EbwcghLWAC5av8Yl9CCoWiOUVoU+GGnYKBEO5KmOdXII74t3+ylQvPvBReryurhoF3iabgAdmX8mET0bsJxPmpwMh3jKj0vIgbxWlCB4O+4BG54DB6H77S1Y/4+lyfBTLTu6DqQelOIacFdjb/qmgcYnBYT5wgGxH6LzvCduvRFcqyHeOlCKasClHwJy5THQgRmgsZSAYD+O6YELAsCNUylx73NeVJRaPLkxWN0L7h2tQK6OAku+QsAEkFjqj4AY1vXl8eJkfCFQgx2g1neDWtcFakMPlJ6MgrfrIdB+fJ07Og7a0ByQ6PiChNiPsplUNAMNdgMdSgMbygAb5Kf47aQfn3AArO8lbL3zFlgi1eBAqGG/zm7rttNAj9wCOjjr1Ltk1jcDrH8WtGTGCdaSaSC3xy45AN1oUbCcr8zfJiBlCGkZzoGwxBS+nvqGk1ikiekMwgZIbNLvALiYYTdhJj+zkyk/A7TzQbbz/GUSTaVd0RebPfGPhTIsV7hk90VD0TgVx5dHxQ4gRB9Z4Fn0y+v5heP9Lv7aaLMNWHUn0JvPgSYmlyGxVLu8nl/MZxnMiNTgWcsqmmvJid4I6+WbiFPg5fAxxsf3yOv/J3r3fVAfnncAvKG4TL898YlS+TmPCgr+AaBy8VrppmCMAAAAAElFTkSuQmCC") var(--support2); display: inline-block; font-family: inherit; font-size: 1.2rem; height: 64px; left: 0; pointer-events: none; position: fixed; text-align: center; top: 0; transform: translateY(5%); width: 100vw; white-space: pre-line; z-index: 50; } } if hidecompany { .min-h-screen.overflow-hidden > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(5) { display: none; } } if hidediscord { .min-h-screen.overflow-hidden > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(2) { display: none; } } if hideguide { .min-h-screen.overflow-hidden > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(6) { display: none; } } if hidemenu { .min-h-screen.overflow-hidden > div:nth-of-type(1) { display: none; } .min-h-screen.overflow-hidden > div:nth-of-type(2) { left: 0 !important; } .min-h-screen.overflow-hidden > div:nth-of-type(3) > div { padding-left: 0 !important; } } if hidemessagesleft { [class="absolute bottom-0 z-30 flex w-full flex-col p-4 px-4 md:px-8 "] > div:nth-of-type(2) > div:nth-of-type(1) { display: none; } } if hidetheme { .min-h-screen.overflow-hidden > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(4) { display: none; } } if hideultimate { .min-h-screen.overflow-hidden > div:nth-of-type(2) > div:nth-of-type(2) > div:nth-of-type(3) { display: none; } } /* Rounded corners */ .rounded-lg, [class="z-25 absolute right-[1px] top-[1px] flex cursor-pointer bg-primary p-1 text-primary-foreground"], [src*="https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/"] { border-radius: 1em; } [src*="https://cdn.jsdelivr.net/gh/lipis/flag-icons/flags/"] { height: auto !important; width: 36px !important; } } @-moz-document url-prefix("https://www.xotic.ai/chat/") { /* Chat */ /* Custom font size */ .leading-relaxed, input[placeholder="Type a message.../Use *italics* for describing actions"], input[placeholder="Type a message.../Use *italics* for describing actions"]::placeholder { font-size: fontsize !important; line-height: 1.5 !important; } /* Avatar */ if (avatarstyles == avatarstylesdefault) { .relative.flex.w-full.justify-start > div:nth-of-type(1) { margin-left: calc(var(--avatarsize) + 1em); } .relative.flex.w-full.justify-start > div:nth-of-type(2) { top: unset; } .relative.flex.w-full.justify-start > div:nth-of-type(2), .relative.flex.w-full.justify-start > div:nth-of-type(2) > div, .relative.flex.w-full.justify-start > div:nth-of-type(2) > div > div > img { aspect-ratio: 2 / 3; border-radius: avatarcorner; height: auto; min-width: avatarsize; width: avatarsize; } } if (avatarstyles == avatarstylesrectanglebig) || (avatarstyles == avatarstylessquarebig) { div[style="min-width: 100%; display: table;"] { padding-left: 1em; } .relative.flex.w-full.justify-start > div:nth-of-type(1) { margin-left: 0 !important; } .relative.flex.w-full.justify-start > div:nth-of-type(2) { display: none !important; } /* Stars */ [class="mt-1 text-xs text-muted-foreground ml-7 flex flex-wrap items-center justify-between"] { margin-left: 0 !important; } /* Hide avatar video on right */ .mb-4.flex-shrink-0 { display: none; } /* Set emotions on bottom right */ body:has([class="hidden md:block flex-shrink-0 border-l border-l-border"]) { .relative.z-10.flex-1.overflow-hidden.mb-40 > div:nth-of-type(1) { bottom: 1em; left: auto; position: fixed; right: 1em; top: auto; width: 288px; } } } if (avatarstyles == avatarstylesrectanglebig) && avatarurl { div[style="min-width: 100%; display: table;"] > div:nth-of-type(1)::before { aspect-ratio: 2 / 3; background: url(avatarurl) center center / cover no-repeat; box-shadow: hsla(345.3, 82.7%, 40.8%, .4) -2px -2px 2px 2px, hsla(345.3, 82.7%, 45%, .4) -2px 2px 2px 2px, hsla(345.3, 82.7%, 50%, .4) 2px -2px 2px 2px, hsla(345.3, 82.7%, 55%, .4) 2px 2px 2px 2px; border-radius: avatarcorner; content: ""; display: block; height: calc(100vh - 64px - 152px + 1em); pointer-events: none; position: fixed; top: avatarposition; width: auto !important; } div[style="min-width: 100%; display: table;"] > div:nth-of-type(1) > div { margin-left: calc((100vh - 64px - 152px) * 2 / 3 + .5em); } } if (avatarstyles == avatarstylessquarebig) && avatarurl { div[style="min-width: 100%; display: table;"] > div:nth-of-type(1)::before { aspect-ratio: 1 / 1 !important; background: url(avatarurl) center center / cover no-repeat; box-shadow: hsla(345.3, 82.7%, 40.8%, .4) -2px -2px 2px 2px, hsla(345.3, 82.7%, 45%, .4) -2px 2px 2px 2px, hsla(345.3, 82.7%, 50%, .4) 2px -2px 2px 2px, hsla(345.3, 82.7%, 55%, .4) 2px 2px 2px 2px; border-radius: avatarcorner; content: ""; display: block; height: auto; pointer-events: none; position: fixed; top: avatarposition; width: avatarsizebig !important; } div[style="min-width: 100%; display: table;"] > div:nth-of-type(1) > div { margin-left: avatarsizebig; } } if hideaiavatar { .relative.flex.w-full.justify-start > div:nth-of-type(1) { margin-left: 0; } .relative.flex.w-full.justify-start > div:nth-of-type(2) { display: none; } } if hideouravatar { .relative.flex.w-full.justify-end > div:nth-of-type(1) { margin-right: 0; } .relative.flex.w-full.justify-end > div:nth-of-type(2) { display: none; } } if hideinfobottom { .mb-2.px-4.text-center { display: none; } } if blurcontent { .leading-relaxed span { color: transparent; } .leading-relaxed::before { content: " Hidden text"; font-size: 2em; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); white-space: nowrap; } } if widemode { /* Bubbles */ div[style="min-width: 100%; display: table;"] > div > div > div { padding-right: .5em; } div[style="min-width: 100%; display: table;"] > div > div > div > div > div:nth-of-type(1) { align-items: center; } .relative.flex.w-full.justify-end, .relative.flex.w-full.justify-start { max-width: 80%; } .relative.flex.w-full.justify-end { margin-left: auto; } .relative.flex.w-full.justify-end > div:nth-of-type(1), .relative.flex.w-full.justify-start > div:nth-of-type(1) { max-width: 100%; } [class="mt-1 text-xs text-muted-foreground ml-7 flex flex-wrap items-center justify-between"] { margin-left: calc(var(--avatarsize) + 1.5em); } /* Textarea */ [class="absolute bottom-0 z-30 flex w-full flex-col p-4 px-4 md:px-8 "] { padding-left: 1em; padding-right: 1em !important; } /* Tools */ [class="scrollbar-hide overflow-x-auto overflow-y-visible"], [class="scrollbar-hide overflow-x-auto overflow-y-visible"] > div { align-items: center; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding-left: 0 !important; padding-right: 0 !important; } /* Emotions */ @media (min-resolution: 1dppx) and (min-height: 2160px) { body:has([class="hidden md:block flex-shrink-0 border-l border-l-border"]) { .relative.z-10.flex-1.overflow-hidden.mb-40 > div:nth-of-type(1) { bottom: 1em; left: auto; position: fixed; right: 1em; top: auto; width: 288px; } } } } } @-moz-document url-prefix("https://www.xotic.ai/create-videos") { /* Create video */ if widemode { [class="container mx-auto px-4 py-8 pl-4 pt-20 md:pl-24"] { margin-left: calc(95px + 1em); margin-top: calc(64px + 1em); max-width: calc(100vw - 95px - 2em); padding: 0; } } } @-moz-document url-prefix("https://www.xotic.ai/feed") { /* Feed */ /* Rounded corner on videos */ .relative.h-full.w-full.overflow-hidden.rounded-lg { border-radius: 1em !important; } .max-w-lg { max-width: unset !important; } body > div:nth-of-type(1) > div:nth-of-type(3) > div > div:nth-of-type(2) > div { height: calc(100vh - 64px) !important; margin-top: 64px !important; } body > div:nth-of-type(1) > div:nth-of-type(3) > div > div:nth-of-type(2) > div > div, video { aspect-ratio: 2 / 3 !important; box-sizing: border-box !important; max-width: unset !important; width: auto !important; } body > div:nth-of-type(1) > div:nth-of-type(3) > div > div:nth-of-type(2) > div > div { height: calc(100vh - 64px) !important; margin: 1em auto !important; } video { height: auto !important; width: 100% !important; } .flex.items-center.space-x-2 { justify-content: space-evenly; width: 574px; } } @-moz-document url-prefix("https://www.xotic.ai/getting-started") { /* Getting started */ main { font-size: fontsize !important; line-height: 1.5 !important; } if widemode { main > div { max-width: 100% !important; } } } @-moz-document url-prefix("https://www.xotic.ai/help-center") { /* Help center */ main { font-size: fontsize !important; line-height: 1.5 !important; } if widemode { main > div { padding: 1em !important; } main > div > div { max-width: 100% !important; } } }