.icon-down-arrow{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 342.832 342.832' style='enable-background:new 0 0 342.832 342.832' xml:space='preserve'%3E%3Cpath d='M276.326 232.386a7.836 7.836 0 0 0-5.645-2.509h-52.245v-125.91c0-4.702-1.045-9.927-5.224-9.927H129.62a12.016 12.016 0 0 0-10.449 9.927v125.91h-47.02a7.836 7.836 0 0 0-5.224 13.584l99.265 97.176a7.314 7.314 0 0 0 10.449 0l99.265-97.176a7.837 7.837 0 0 0 .42-11.075zM129.62 78.367h83.592a7.837 7.837 0 0 0 0-15.674H129.62a7.837 7.837 0 0 0 0 15.674zM129.62 47.02h83.592a7.837 7.837 0 0 0 0-15.674H129.62a7.837 7.837 0 0 0 0 15.674zM129.62 15.673h83.592a7.837 7.837 0 0 0 0-15.674H129.62a7.837 7.837 0 0 0 0 15.674z'/%3E%3C/svg%3E")}.icon-print{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E")}.icon-clipboard-list{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M192 0c-41.8 0-77.4 26.7-90.5 64H64C28.7 64 0 92.7 0 128V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V128c0-35.3-28.7-64-64-64H282.5C269.4 26.7 233.8 0 192 0zm0 64a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM72 272a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm104-16H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16s7.2-16 16-16zM72 368a24 24 0 1 1 48 0 24 24 0 1 1 -48 0zm88 0c0-8.8 7.2-16 16-16H304c8.8 0 16 7.2 16 16s-7.2 16-16 16H176c-8.8 0-16-7.2-16-16z'/%3E%3C/svg%3E")}.icon-kitchen-set{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M240 144A96 96 0 1 0 48 144a96 96 0 1 0 192 0zm44.4 32C269.9 240.1 212.5 288 144 288C64.5 288 0 223.5 0 144S64.5 0 144 0c68.5 0 125.9 47.9 140.4 112h71.8c8.8-9.8 21.6-16 35.8-16H496c26.5 0 48 21.5 48 48s-21.5 48-48 48H392c-14.2 0-27-6.2-35.8-16H284.4zM144 80a64 64 0 1 1 0 128 64 64 0 1 1 0-128zM400 240c13.3 0 24 10.7 24 24v8h96c13.3 0 24 10.7 24 24s-10.7 24-24 24H280c-13.3 0-24-10.7-24-24s10.7-24 24-24h96v-8c0-13.3 10.7-24 24-24zM288 464V352H512V464c0 26.5-21.5 48-48 48H336c-26.5 0-48-21.5-48-48zM48 320h80 16 32c26.5 0 48 21.5 48 48s-21.5 48-48 48H160c0 17.7-14.3 32-32 32H64c-17.7 0-32-14.3-32-32V336c0-8.8 7.2-16 16-16zm128 64c8.8 0 16-7.2 16-16s-7.2-16-16-16H160v32h16zM24 464H200c13.3 0 24 10.7 24 24s-10.7 24-24 24H24c-13.3 0-24-10.7-24-24s10.7-24 24-24z'/%3E%3C/svg%3E")}.icon-grocery-basket{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M4 2.736V2H3V0h9v2h-1v.736c0 .698.143 1.377.425 2.017l.896 2.033c.174.395.305.802.413 1.214H2.267c.108-.412.238-.819.413-1.214l.896-2.033a4.97 4.97 0 0 0 .425-2.017ZM23.879 10l-1.763 11.456A2.983 2.983 0 0 1 19.151 24H4.849a2.983 2.983 0 0 1-2.965-2.545L.121 10H23.88ZM8 14H6v6h2v-6Zm5 0h-2v6h2v-6Zm5 0h-2v6h2v-6Zm3.981-6c.978-2.591 1.28-4.916.758-6.332C22.413.781 21.842.377 21.42.194c-1.635-.71-3.595.535-5.34 2.553L19.001 4.5l-1.029 1.715-3.117-1.871a23.272 23.272 0 0 0-1.513 2.517l-.077.148c-.12.232-.304.586-.508.99h9.226Z'/%3E%3C/svg%3E")}.icon-calculator{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M64 0C28.7 0 0 28.7 0 64V448c0 35.3 28.7 64 64 64H320c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64zM96 64H288c17.7 0 32 14.3 32 32v32c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96c0-17.7 14.3-32 32-32zm32 160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM96 352a32 32 0 1 1 0-64 32 32 0 1 1 0 64zM64 416c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32zM192 256a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm32 64a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm64-64a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm32 64a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM288 448a32 32 0 1 1 0-64 32 32 0 1 1 0 64z'/%3E%3C/svg%3E")}.icon-journal{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M16 2.172V1a1 1 0 1 0-2 0v1h-2V1a1 1 0 1 0-2 0v1H8V1a1 1 0 1 0-2 0v1H4V1a1 1 0 1 0-2 0v1.172A3.004 3.004 0 0 0 0 5v14c0 2.757 2.243 5 5 5h8c2.757 0 5-2.243 5-5V5a3.004 3.004 0 0 0-2-2.828ZM10 17H5a1 1 0 1 1 0-2h5a1 1 0 1 1 0 2Zm3-4H5a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm0-4H5a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm9 15-1.121-1.121A3 3 0 0 1 20 20.758V2a2 2 0 1 1 4 0v18.757c0 .796-.316 1.559-.879 2.121L22 23.999'/%3E%3C/svg%3E")}.icon-cart-arrow-down{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M24 0C10.7 0 0 10.7 0 24S10.7 48 24 48H69.5c3.8 0 7.1 2.7 7.9 6.5l51.6 271c6.5 34 36.2 58.5 70.7 58.5H488c13.3 0 24-10.7 24-24s-10.7-24-24-24H199.7c-11.5 0-21.4-8.2-23.6-19.5L170.7 288H459.2c32.6 0 61.1-21.8 69.5-53.3l41-152.3C576.6 57 557.4 32 531.1 32H360V134.1l23-23c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-64 64c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l23 23V32H120.1C111 12.8 91.6 0 69.5 0H24zM176 512a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm336-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0z'/%3E%3C/svg%3E")}.icon-face-smile{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E")}.icon-circle-user{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M399 384.2C376.9 345.8 335.4 320 288 320H224c-47.4 0-88.9 25.8-111 64.2c35.2 39.2 86.2 63.8 143 63.8s107.8-24.7 143-63.8zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm256 16a72 72 0 1 0 0-144 72 72 0 1 0 0 144z'/%3E%3C/svg%3E")}.icon-envelope{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4L236.8 313.6c11.4 8.5 27 8.5 38.4 0L492.8 150.4c12.1-9.1 19.2-23.3 19.2-38.4c0-26.5-21.5-48-48-48H48zM0 176V384c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V176L294.4 339.2c-22.8 17.1-54 17.1-76.8 0L0 176z'/%3E%3C/svg%3E")}.icon-circle-exclamation-outline{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 512 512' xml:space='preserve' width='512' height='512'%3E%3Cpath d='M256 0C114.615 0 0 114.615 0 256s114.615 256 256 256 256-114.615 256-256C511.847 114.678 397.322.153 256 0zm0 448c-106.039 0-192-85.961-192-192S149.961 64 256 64s192 85.961 192 192c-.118 105.99-86.01 191.882-192 192z'/%3E%3Cpath d='M256 321.941c17.673 0 32-14.327 32-32V140.608c0-17.673-14.327-32-32-32s-32 14.327-32 32v149.333c0 17.673 14.327 32 32 32z'/%3E%3Ccircle cx='256.107' cy='373.333' r='32'/%3E%3C/svg%3E")}.icon-triangle-exclamation{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")}html{--star-rating-icon-off:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z'/%3E%3C/svg%3E");--star-rating-icon-half:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M309.5 13.5C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5L197.7 154.8 44.5 177.5c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5L142.2 328.4 116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2 137 73.2c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5L433.6 328.4 544.8 218.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3L378.1 154.8 309.5 13.5zM288 384.7V79.1l52.5 108.1c3.5 7.1 10.2 12.1 18.1 13.3l118.3 17.5L391 303c-5.5 5.5-8.1 13.3-6.8 21l20.2 119.6L299.2 387.5c-3.5-1.9-7.4-2.8-11.2-2.8z'/%3E%3C/svg%3E");--star-rating-icon-on:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'/%3E%3C/svg%3E")}.icon-feedback-hand{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24'%3E%3Cpath d='M13 16.462 22 20v4H5.538l-1.821-1.628a2.29 2.29 0 0 1-.098-3.23 2.292 2.292 0 0 1 3.235-.109c.034.032 1.069.898 2.145 1.784V12a2.002 2.002 0 0 1 2.336-1.973c.983.16 1.664 1.083 1.664 2.08v4.355ZM21 0H3C1.346 0 0 1.346 0 3v9h7a4.001 4.001 0 0 1 3.112-3.901l.548-1.714L9 5.461v-.462h2.175l.588-2.251h.486l.588 2.251H15v.458l-1.648.955.663 2.015-.572.405A3.992 3.992 0 0 1 15 11.999h9V3c0-1.654-1.346-3-3-3ZM8 5.458l-1.648.955.663 2.015-.378.262-1.63-1.261-1.638 1.266-.36-.272.652-2.039-1.66-.924v-.462h2.175l.588-2.251h.486l.588 2.251h2.163v.458Zm14 0-1.648.955.663 2.015-.378.262-1.63-1.261-1.638 1.266-.36-.272.652-2.039-1.66-.924v-.462h2.175l.588-2.251h.486l.588 2.251h2.163v.458Z'/%3E%3C/svg%3E")}.icon-spinner{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M304 48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zm0 416a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM48 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zm464-48a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM142.9 437A48 48 0 1 0 75 369.1 48 48 0 1 0 142.9 437zm0-294.2A48 48 0 1 0 75 75a48 48 0 1 0 67.9 67.9zM369.1 437A48 48 0 1 0 437 369.1 48 48 0 1 0 369.1 437z'/%3E%3C/svg%3E")}.icon-kitchen-timer{--icon-img:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 0c6.627 0 12 4.373 12 11 0 8.406-5.354 13-5.354 13H5.354S0 19.406 0 11C0 4.373 5.373 0 12 0Zm0 2C6.206 2 2 5.785 2 11c0 5.956 2.962 9.716 4.168 11h11.664C19.032 20.724 22 16.962 22 11c0-5.215-4.206-9-10-9Zm3.418 15.798a1 1 0 0 1 .116 1.994l-.117.006H8.582a1 1 0 0 1-.116-1.993l.117-.007h6.835ZM12 4.254a5.746 5.746 0 1 1 0 11.492 5.746 5.746 0 0 1 0-11.492ZM11 6.39A3.753 3.753 0 0 0 8.254 10 3.75 3.75 0 0 0 12 13.745 3.75 3.75 0 0 0 15.746 10a3.753 3.753 0 0 0-2.745-3.61L13 9.296a1 1 0 0 1-1.993.117L11 9.296Z' fill='%23FFFFFF' fill-rule='evenodd'/%3E%3C/svg%3E")}.icon-recipe-class{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24' width='512' height='512' fill='%23ffffff'%3E%3Cpath d='M23.836 4.705c-.763-3.113-5.05-4.759-7.676-3.084a6.16 6.16 0 0 0-8.32 0C1.409-1.658-3.587 7.73 3.326 10.713a.934.934 0 0 1 .674.851V19.5A4.5 4.5 0 0 0 8.5 24h7a4.5 4.5 0 0 0 4.5-4.5v-7.936a.934.934 0 0 1 .674-.851 5.017 5.017 0 0 0 3.162-6.008ZM18 19.5a2.5 2.5 0 0 1-2.5 2.5h-7A2.588 2.588 0 0 1 6 19h12Zm2-10.672a2.912 2.912 0 0 0-2 2.736V17H6v-5.436a2.912 2.912 0 0 0-2-2.736A3.027 3.027 0 0 1 2.1 5.2c.586-2.1 3.729-2.979 5.183-1.5a1.006 1.006 0 0 0 1.543-.14c1.247-2.08 5.095-2.08 6.342 0a1.007 1.007 0 0 0 1.543.14 3.168 3.168 0 0 1 2.9-.641A3.013 3.013 0 0 1 20 8.828Z'/%3E%3C/svg%3E")}.icon-recipe-size{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' data-name='Layer 1' viewBox='0 0 24 24' width='512' height='512' fill='%23FFFFFF'%3E%3Cpath d='M1.333 7.238C.484 5.522-1.2 1.269 1.2.15a1.949 1.949 0 0 1 2.129.423l4.96 5.3A1 1 0 1 1 6.887 7.3L2 2.08c.119 3.777 2.343 6.6 4.841 9.439a1 1 0 0 1-1.39 1.446 24.522 24.522 0 0 1-4.118-5.727ZM18.005 16.2a1.259 1.259 0 0 0-1.09-.4 8.055 8.055 0 0 1-3.458-.29.985.985 0 0 0-.981.254c-1.494 2.256 3.274 2.113 4.312 2.08l5.483 5.839a1 1 0 0 0 1.458-1.371ZM15 14a4.99 4.99 0 0 0 3.536-1.462l5.171-5.172a1 1 0 1 0-1.414-1.416l-5.171 5.172a3 3 0 0 1-3.406.576l6.991-6.991a1 1 0 1 0-1.414-1.414L12.3 10.284a3 3 0 0 1 .576-3.406l5.174-5.171A1 1 0 0 0 16.636.293l-5.172 5.171a5.01 5.01 0 0 0-.635 6.293L.293 22.293a1 1 0 0 0 1.414 1.414l10.536-10.536A5 5 0 0 0 15 14Z'/%3E%3C/svg%3E")}.star-rating_container{margin-bottom:10px;display:flex;& span{border-left:1px solid var(--neutral-300);margin-top:auto;margin-bottom:auto;margin-left:5px;padding-left:5px}}.star-rating__stars{background:var(--star-rating-icon-off);filter:brightness(0)saturate()invert(68%)sepia(59%)saturate(4598%)hue-rotate(3deg)brightness(103%)contrast(107%);background-size:30px 30px;width:150px;height:30px;position:relative}.star-rating__label{background-size:30px 30px;height:100%;position:absolute}.star-rating__input{clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.star-rating__stars .star-rating__label:first-of-type{z-index:5;width:20%}.star-rating__stars .star-rating__label:nth-of-type(2){z-index:4;width:40%}.star-rating__stars .star-rating__label:nth-of-type(3){z-index:3;width:60%}.star-rating__stars .star-rating__label:nth-of-type(4){z-index:2;width:80%}.star-rating__stars .star-rating__label:nth-of-type(5){z-index:1;width:100%}.star-rating__input:checked+.star-rating__label,.star-rating__input:focus+.star-rating__label,.star-rating__label:hover{background-image:var(--star-rating-icon-on)}.star-rating__label:hover~.star-rating__label{background-image:var(--star-rating-icon-off)}.star-rating__input:focus~.star-rating__focus{outline:2px solid var(--primary-400);position:absolute;inset:-2px}.baseForm{--color-error:light-dark(#a80000,#ff8a8a);& input:not([type=submit]){border:1px solid var(--primary-700);background-color:var(--neutral-100);width:100%;height:2.5em;color:var(--primary-800);border-radius:7px;padding-left:3.5ch}& textarea{border:1px solid var(--primary-700);background-color:var(--neutral-100);width:100%;max-width:100%;color:var(--primary-800);border-radius:7px}& input.error,& .changedField:invalid{border-color:var(--color-error)}& input:user-invalid{border-color:var(--color-error)}& select:user-invalid{border-color:var(--color-error)}& textarea:user-invalid{border-color:var(--color-error)}& .fieldErrorMessage{color:var(--color-error);min-height:1.5em;font-size:var(--fs-400);--filter-link-icon:light-dark(brightness(0) saturate(100%) invert(13%) sepia(100%) saturate(5321%) hue-rotate(22deg) brightness(73%) contrast(138%),brightness(0) saturate(100%) invert(77%) sepia(26%) saturate(6129%) hue-rotate(312deg) brightness(109%) contrast(104%));opacity:0;margin-left:.5ch;transition:opacity .2s}& .turnstile-container{min-height:71px;margin:0;padding:0}& input.hx-disabled-item:disabled,& textarea.hx-disabled-item:disabled,& select.hx-disabled-item:disabled{background-color:var(--neutral-300);cursor:not-allowed}& button.hx-disabled-item:disabled,& button.hx-disabled-item:disabled:hover{--filter-link-icon:var(--filter-primary-700);background-color:var(--neutral-300);color:var(--primary-700);cursor:not-allowed}& .htmxFormSubmit{transition:background-color .2s}& .htmxFormSubmit.error{pointer-events:none;--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E");animation:.2s ease-in-out 2 forwards vibrate;color:#000!important;--filter-link-icon:var(--filter-primary-900)!important;background-color:red!important}& .spin-indicator{margin-left:1ch;display:none}& .htmx-request.spin-indicator{animation:2s linear infinite spin;display:inline-block}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(2px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-2px,2px)}80%{transform:translate(-2px,-2px)}to{transform:translate(0)}}.htmxFormSection{position:relative}.formSubmitError{backdrop-filter:saturate(180%)blur(20px);text-align:center;z-index:5000;background-color:#ff000053;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;& i{filter:var(--filter-yellow)}}.recipesButtonBar{text-align:center;margin-block:1em;& a:not(:last-child){margin-right:1ch}& a.accentButtonColor{border-radius:3px;padding-inline:1ch}}.keyIngredients{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2em;display:grid;@media screen and (width<=730px){grid-template-columns:repeat(2,1fr)}@media screen and (width<=500px){grid-template-columns:1fr;gap:1rem}& img{filter:drop-shadow(5px 5px 10px #000);margin-top:.2em;display:inline-block;@media screen and (prefers-color-scheme:dark){filter:drop-shadow(0 3px 10px #fff)}}& li{text-align:center;background-color:var(--neutral-200);border-radius:7px;padding-block:.5em;padding-inline:1.5ch}& h3{margin-top:.5em;margin-bottom:.3em}& p{text-align:left}}.keyIngredientsFlexStyle{flex-wrap:wrap;justify-content:space-between;display:flex;& li{flex:30%;min-width:20ch}}.recipeCard{--recipe-background-color:light-dark(#f4f4f6,#353535);background-color:var(--recipe-background-color);border-radius:7px;margin-block:clamp(70px,20px + 18vw,145px) 1em;box-shadow:0 4px 8px -2px #091e4240,0 0 0 1px #091e4214;& .recipeHeader{position:relative}& .recipeImage{aspect-ratio:auto 16/9;border:5px solid var(--neutral-100);border-radius:30px;width:80%;max-width:500px;height:auto;display:inline-block;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}& .instructionList{& .ingredient,& .temperature{color:var(--primary-900);font-weight:var(--font-weight-semi-bold)}}& .ingredientsGroupHeader{margin-left:2ch}& .recipeHeaderContent{color:#fff;text-align:center;background-color:light-dark(#000,#555);border-top-left-radius:7px;border-top-right-radius:7px;width:100%;padding-block:clamp(70px,20px + 18vw,145px) 1em;padding-inline:2ch;& h2{color:#fff;font-size:var(--fs-650);margin-top:0;margin-bottom:8px}}& .recipeDetailsSection{padding-top:1em;padding-inline:1ch;& h3{text-transform:uppercase;font-size:var(--fs-400);font-weight:var(--font-weight-light-bold);margin-bottom:.3em}& p{padding-left:2ch}}& .itemizedList{font-size:var(--fs-400);padding-inline:2ch}& ul.itemizedList{list-style:inside;& li::marker{color:red}}& ol.itemizedList{list-style:inside decimal;& li::marker{color:red}}& .nutritionSection{& p{font-size:var(--fs-300);margin-inline:2ch;padding-top:1em;padding-left:0}}& .header-decoration-line{background:linear-gradient(#0000 calc(50% - 1px),silver 50%,#0000 calc(50% + 1px));& span{background-color:var(--recipe-background-color);padding-right:1ch}& .sub-headline{color:var(--primary-700);font-size:var(--fs-300);padding-left:1ch}}& .ingredientsShopLink{margin-top:1em}& .nutritionList{grid-template-columns:repeat(6,1fr);gap:1rem;margin-inline:2ch;display:grid;& li{display:block;& .nutritionValue{color:light-dark(#04c,#80acff);font-size:var(--fs-500);font-weight:var(--font-weight-semi-bold)}& .nutritionLabel{color:var(--primary-800);font-weight:var(--font-weight-semi-bold);font-size:var(--fs-400);text-transform:uppercase}}@media screen and (width<=500px){grid-template-columns:repeat(3,1fr)}}& .recipeReviewSection{border-top:1px solid var(--neutral-400);background-color:light-dark(#fff2e3,#2b2826);border-radius:0 0 7px 7px;padding-bottom:.3em;transition:height .5s;position:relative;& .reviewIcon{width:120px;height:120px}& .initialReviewCTA{justify-content:center;align-items:center;gap:1ch;transition:opacity .5s;display:flex;& .reviewHeader,& .reviewCTA{text-transform:capitalize;margin:0;line-height:1.2}& .reviewHeader{font-weight:var(--font-weight-semi-bold);color:var(--primary-900);font-size:var(--fs-600)}& .reviewCTA{color:var(--primary-800);font-size:1.2rem}& .rateRecipeButton{border:0;margin-top:.2em}}}& .recipeRatingPill{color:#000;vertical-align:middle;background-color:#ff0;background-image:var(--star-rating-icon-on);font-size:var(--fs-300);background-position:4px;background-repeat:no-repeat;background-size:1em 1em;border-radius:7px;margin-bottom:8px;padding:2px 4px 2px calc(1em + 8px);display:inline-block}& .recipeAttributes{font-size:var(--fs-300);& .sectionIcon{filter:none;background-color:light-dark(#000,#555);width:25px;height:25px;padding-inline:20px}& .recipeAttributeLabel{font-weight:var(--font-weight-semi-bold);text-transform:uppercase;text-wrap:nowrap}& .recipeAttributesTimeItems{flex-wrap:wrap;gap:1ch;display:flex;& div{flex:24%}}& .recipeDualAttributes{flex-wrap:wrap;gap:1ch;margin-top:8px;display:flex;& div{flex:48%}}}}.recipeReview{opacity:0;padding:10px;transition:opacity .3s;position:absolute;top:0;left:0;& label,& .formLabel{color:var(--primary-900);font-weight:var(--font-weight-semi-bold);display:block;& .noteText{color:var(--primary-700);font-size:var(--fs-200)}}& .disclosureText{font-weight:var(--font-weight-regular);color:var(--primary-800);font-size:var(--fs-200)}& .field-icon{--image-size:1.2em;margin:0;padding:0;position:relative;&:before{content:"";padding:var(--image-size);background-image:var(--icon-img);background-size:var(--image-size) var(--image-size);padding-top:var(--image-size);padding-right:var(--image-size);filter:var(--filter-neutral-400);z-index:2010;pointer-events:none;background-position:50%;background-repeat:no-repeat;margin:0;position:absolute;top:-.6em;left:0}}& button{cursor:pointer;border:none;border-radius:7px;display:inline-block}& .fieldErrorMessage{margin-bottom:5px}}