@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:local("Nunito Sans Extra Light"),local("NunitoSans-ExtraLight"),url(../assets/fonts/4dd5f017fedc64c8b802.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:200;font-stretch:100%;font-display:swap;src:local("Nunito Sans Extra Light"),local("NunitoSans-ExtraLight"),url(../assets/fonts/3c613aa1b64d11dbf7d6.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:300;font-display:swap;src:local("Nunito Sans Light"),local("NunitoSans-Light"),url(../assets/fonts/19bc07638ed2c93f8c3f.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:300;font-display:swap;src:local("Nunito Sans Light"),local("NunitoSans-Light"),url(../assets/fonts/6ff3f27a0b5ea6eee35a.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Nunito Sans Regular"),local("NunitoSans-Regular"),url(../assets/fonts/7b3dcde89d922ccc0997.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:400;font-display:swap;src:local("Nunito Sans Regular"),local("NunitoSans-Regular"),url(../assets/fonts/0d4c40ade358c08c4ead.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:600;font-display:swap;src:local("Nunito Sans SemiBold"),local("NunitoSans-SemiBold"),url(../assets/fonts/09598545b071a1e5834b.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:600;font-display:swap;src:local("Nunito Sans SemiBold"),local("NunitoSans-SemiBold"),url(../assets/fonts/68ce720014e3a9355da8.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Nunito Sans Bold"),local("NunitoSans-Bold"),url(../assets/fonts/198e5ad5331509caef11.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:700;font-display:swap;src:local("Nunito Sans Bold"),local("NunitoSans-Bold"),url(../assets/fonts/c04dce0cebce073d13ef.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:900;src:local("Nunito Sans Black"),local("NunitoSans-Black"),url(../assets/fonts/fe53fa8accf3e719b1be.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Nunito Sans";font-style:normal;font-weight:900;src:local("Nunito Sans Black"),local("NunitoSans-Black"),url(../assets/fonts/85ae62c1d9e72b6be89a.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face { font-family: 'fontello'; src: url(../assets/fonts/3f2b4e73523294132a02.eot?35516281); src: url(../assets/fonts/3f2b4e73523294132a02.eot?35516281#iefix) format('embedded-opentype'), url(../assets/fonts/e80927ace05fcd45bf36.woff2?35516281) format('woff2'), url(../assets/fonts/4aac51f4a0d7f340546f.woff?35516281) format('woff'), url(../assets/fonts/ebdfa5f00f49c143c6b3.ttf?35516281) format('truetype'), url(../assets/images/3cbe8948d76f8b98722b.svg?35516281#fontello) format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'fontello'; src: url('../font/fontello.svg?35516281#fontello') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-star:before { content: '\e800'; } /* '' */ .icon-star-empty:before { content: '\e801'; } /* '' */ .icon-info-circled:before { content: '\e802'; } /* '' */ .icon-folder:before { content: '\e803'; } /* '' */ .icon-folder-open:before { content: '\e804'; } /* '' */ .icon-plus:before { content: '\e805'; } /* '' */ .icon-plus-circled:before { content: '\e806'; } /* '' */ .icon-help-circled:before { content: '\e807'; } /* '' */ .icon-book:before { content: '\e808'; } /* '' */ .icon-right-open:before { content: '\e809'; } /* '' */ .icon-floppy:before { content: '\e80a'; } /* '' */ .icon-up-open-1:before { content: '\e80b'; } /* '' */ .icon-publish:before { content: '\e80c'; } /* '' */ .icon-mail:before { content: '\e80d'; } /* '' */ .icon-down-open-1:before { content: '\e80e'; } /* '' */ .icon-play:before { content: '\e80f'; } /* '' */ .icon-ccw:before { content: '\e810'; } /* '' */ .icon-play-circled2:before { content: '\e811'; } /* '' */ .icon-cw:before { content: '\e812'; } /* '' */ .icon-doc:before { content: '\e813'; } /* '' */ .icon-zoom-in:before { content: '\e814'; } /* '' */ .icon-zoom-out:before { content: '\e815'; } /* '' */ .icon-scissors:before { content: '\e816'; } /* '' */ .icon-print:before { content: '\e817'; } /* '' */ .icon-info-book:before { content: '\e818'; } /* '' */ .icon-trash-empty:before { content: '\e819'; } /* '' */ .icon-grid:before { content: '\e81a'; } /* '' */ .icon-cancel:before { content: '\e81b'; } /* '' */ .icon-plus-squared-1:before { content: '\e81c'; } /* '' */ .icon-left-open-1:before { content: '\e81d'; } /* '' */ .icon-folder-empty-1:before { content: '\e81e'; } /* '' */ .icon-folder-open-empty-1:before { content: '\e81f'; } /* '' */ .icon-plus-squared-alt-1:before { content: '\e820'; } /* '' */ .icon-lock-open:before { content: '\e821'; } /* '' */ .icon-down-open:before { content: '\e822'; } /* '' */ .icon-up-open:before { content: '\e823'; } /* '' */ .icon-attention-circled:before { content: '\e824'; } /* '' */ .icon-edit:before { content: '\e825'; } /* '' */ .icon-compress-1:before { content: '\e826'; } /* '' */ .icon-lock:before { content: '\e827'; } /* '' */ .icon-garden-planner-1:before { content: '\e828'; } /* '' */ .icon-heart:before { content: '\e829'; } /* '' */ .icon-arrows-cw:before { content: '\e82a'; } /* '' */ .icon-heart-double:before { content: '\e82b'; } /* '' */ .icon-down-dir:before { content: '\e82c'; } /* '' */ .icon-previous:before { content: '\e82d'; } /* '' */ .icon-left:before { content: '\e82e'; } /* '' */ .icon-next:before { content: '\e82f'; } /* '' */ .icon-partly-cloudy-day:before { content: '\e830'; } /* '' */ .icon-partly-cloudy-night:before { content: '\e831'; } /* '' */ .icon-sleet:before { content: '\e832'; } /* '' */ .icon-snow:before { content: '\e833'; } /* '' */ .icon-wind:before { content: '\e834'; } /* '' */ .icon-rain:before { content: '\e835'; } /* '' */ .icon-clear-day:before { content: '\e836'; } /* '' */ .icon-fog:before { content: '\e837'; } /* '' */ .icon-cloudy:before { content: '\e838'; } /* '' */ .icon-up-dir:before { content: '\e839'; } /* '' */ .icon-right-dir:before { content: '\e83a'; } /* '' */ .icon-left-dir:before { content: '\e83b'; } /* '' */ .icon-picture:before { content: '\e83c'; } /* '' */ .icon-list:before { content: '\e83d'; } /* '' */ .icon-share-1:before { content: '\e83e'; } /* '' */ .icon-play-1:before { content: '\e83f'; } /* '' */ .icon-trash:before { content: '\e840'; } /* '' */ .icon-moon-waxing-crescent:before { content: '\e841'; } /* '' */ .icon-warning:before { content: '\e842'; } /* '' */ .icon-ok:before { content: '\e843'; } /* '' */ .icon-moon-first-quarter:before { content: '\e844'; } /* '' */ .icon-stop:before { content: '\e845'; } /* '' */ .icon-pause:before { content: '\e846'; } /* '' */ .icon-record:before { content: '\e847'; } /* '' */ .icon-to-end:before { content: '\e848'; } /* '' */ .icon-to-start:before { content: '\e849'; } /* '' */ .icon-moon-full:before { content: '\e84a'; } /* '' */ .icon-moon-last-quarter:before { content: '\e84b'; } /* '' */ .icon-fast-forward:before { content: '\e84c'; } /* '' */ .icon-moon-waning-gibbous:before { content: '\e84d'; } /* '' */ .icon-moon-waning-crescent:before { content: '\e84e'; } /* '' */ .icon-moon-waxing-gibbous:before { content: '\e84f'; } /* '' */ .icon-moon-new:before { content: '\e850'; } /* '' */ .icon-fast-backward:before { content: '\e851'; } /* '' */ .icon-bookmark:before { content: '\e852'; } /* '' */ .icon-pause-1:before { content: '\e853'; } /* '' */ .icon-stop-1:before { content: '\e854'; } /* '' */ .icon-search:before { content: '\e855'; } /* '' */ .icon-clear-night:before { content: '\e856'; } /* '' */ .icon-settings:before { content: '\e857'; } /* '' */ .icon-planting:before { content: '\e858'; } /* '' */ .icon-watering:before { content: '\e859'; } /* '' */ .icon-care:before { content: '\e85a'; } /* '' */ .icon-pests:before { content: '\e85b'; } /* '' */ .icon-harvesting:before { content: '\e85c'; } /* '' */ .icon-camera:before { content: '\e85d'; } /* '' */ .icon-volume-off:before { content: '\e85e'; } /* '' */ .icon-volume-up:before { content: '\e85f'; } /* '' */ .icon-spinner:before { content: '\e863'; } /* '' */ .icon-seedling:before { content: '\e864'; } /* '' */ .icon-expand:before { content: '\e865'; } /* '' */ .icon-menu:before { content: '\e866'; } /* '' */ .icon-cog:before { content: '\e867'; } /* '' */ .icon-dots-1:before { content: '\e86d'; } /* '' */ .icon-dots:before { content: '\e86e'; } /* '' */ .icon-compress:before { content: '\e86f'; } /* '' */ .icon-1_11_plants:before { content: '\e870'; } /* '' */ .icon-user-circle-o:before { content: '\e871'; } /* '' */ .icon-overview:before { content: '\e872'; } /* '' */ .icon-garden-planner:before { content: '\e873'; } /* '' */ .icon-journal:before { content: '\e874'; } /* '' */ .icon-text-black:before { content: '\e875'; } /* '' */ .icon-shapes-black:before { content: '\e876'; } /* '' */ .icon-garden-objects-black:before { content: '\e877'; } /* '' */ .icon-plants-black:before { content: '\e878'; } /* '' */ .icon-selection-box:before { content: '\e879'; } /* '' */ .icon-guru:before { content: '\e87b'; } /* '' */ .icon-order-back:before { content: '\e886'; } /* '' */ .icon-order-front:before { content: '\e887'; } /* '' */ .icon-order-reset:before { content: '\e888'; } /* '' */ .icon-chain-unlink:before { content: '\e889'; } /* '' */ .icon-chain-link:before { content: '\e88a'; } /* '' */ .icon-heart-left:before { content: '\e891'; } /* '' */ .icon-heart-right:before { content: '\e892'; } /* '' */ .icon-award:before { content: '\e8fe'; } /* '' */ .icon-checklist:before { content: '\e8ff'; } /* '' */ .icon-edit-notes-1:before { content: '\e901'; } /* '' */ .icon-intercom:before { content: '\e902'; } /* '' */ .icon-chat-bubble:before { content: '\e903'; } /* '' */ .icon-mortar-board:before { content: '\e906'; } /* '' */ .icon-shopping-cart:before { content: '\e907'; } /* '' */ .icon-edit-notes:before { content: '\e908'; } /* '' */ .icon-ruler:before { content: '\f044'; } /* '' */ .icon-bookmark-empty:before { content: '\f097'; } /* '' */ .icon-filter:before { content: '\f0b0'; } /* '' */ .icon-docs:before { content: '\f0c5'; } /* '' */ .icon-columns:before { content: '\f0db'; } /* '' */ .icon-sort:before { content: '\f0dc'; } /* '' */ .icon-sort-down:before { content: '\f0dd'; } /* '' */ .icon-sort-up:before { content: '\f0de'; } /* '' */ .icon-paste:before { content: '\f0ea'; } /* '' */ .icon-download-cloud:before { content: '\f0ed'; } /* '' */ .icon-plus-squared:before { content: '\f0fe'; } /* '' */ .icon-angle-double-left:before { content: '\f100'; } /* '' */ .icon-angle-double-right:before { content: '\f101'; } /* '' */ .icon-angle-double-up:before { content: '\f102'; } /* '' */ .icon-angle-double-down:before { content: '\f103'; } /* '' */ .icon-angle-left:before { content: '\f104'; } /* '' */ .icon-angle-right:before { content: '\f105'; } /* '' */ .icon-angle-up:before { content: '\f106'; } /* '' */ .icon-angle-down:before { content: '\f107'; } /* '' */ .icon-folder-empty:before { content: '\f114'; } /* '' */ .icon-folder-open-empty:before { content: '\f115'; } /* '' */ .icon-attention-alt:before { content: '\f12a'; } /* '' */ .icon-play-circled:before { content: '\f144'; } /* '' */ .icon-sort-alt-up:before { content: '\f160'; } /* '' */ .icon-sort-alt-down:before { content: '\f161'; } /* '' */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ .icon-down:before { content: '\f175'; } /* '' */ .icon-up:before { content: '\f176'; } /* '' */ .icon-left-1:before { content: '\f177'; } /* '' */ .icon-right:before { content: '\f178'; } /* '' */ .icon-plus-squared-alt:before { content: '\f196'; } /* '' */ .icon-file-pdf:before { content: '\f1c1'; } /* '' */ .icon-share:before { content: '\f1e0'; } /* '' */ .icon-trash-1:before { content: '\f1f8'; } /* '' */ /* Animation example, for spinners */ .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } :root { --help-color: #3f51b5; --help-color-light: #5768c5; --help-color-dark: #3748a5; --help-color-foreground: #fff; /** Media Breakpoints **/ --small-media-breakpoint: 740px; --medium-media-breakpoint: 1000px; --large-media-breakpoint: 1600px; --favourite-color: #ffce03; --favourite-color-outline: #daa206; --bookmark-color: #c91414; --bookmark-color-outline: #990303; --success-foreground: #fff; --success-color: #56b965; --success-color-dark: #388143; --error-color: #c91414; --error-color-dark: #990303; } html{--scrollbarBG: #efefef;--thumbBG: #adb2b5;--baseFontFamily: "Nunito Sans", "Verdana", sans-serif}*::-webkit-scrollbar{width:10px;height:10px}*{scrollbar-width:thin;scrollbar-color:#adb2b5 #efefef;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}*::-webkit-scrollbar-track{background:#efefef;background:var(--scrollbarBG)}*::-webkit-scrollbar-thumb{background-color:#adb2b5;background-color:var(--thumbBG);border-radius:6px;border:1px solid #efefef;border:1px solid var(--scrollbarBG)}body{font-family:"Nunito Sans","Verdana",sans-serif;font-size:16px;line-height:24px;color:#333;background-color:#f9f9f9}h1,h2,h3,h4,h5,h6{font-family:"Nunito Sans","sans-serif"}h1{line-height:32px;font-size:32px;margin:40px 0 12px 0}h2{line-height:32px;font-size:22px;margin:32px 0 12px 0}h3{font-size:20px}h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}a{color:#1f75a9;-webkit-text-decoration:none;text-decoration:none}a:hover{color:#0bacc7;-webkit-text-decoration:underline;text-decoration:underline}a:active{color:#0bacc7;-webkit-text-decoration:underline;text-decoration:underline}fieldset{border-radius:3px}.animate-pulse{animation:spin 1s infinite steps(8);display:inline-block}table.print-friendly tr,table.print-friendly tr td,table.print-friendly tr th{page-break-inside:avoid}@media print{.no-print{display:none !important}}.outer-content{display:flex;justify-content:center}.main-content{max-width:960px;padding-left:16px;padding-right:16px}.medium-content{max-width:820px;padding-left:16px;padding-right:16px}.small-content{max-width:680px;padding-left:16px;padding-right:16px}input[type=text],input[type=search],input[type=tel],input[type=url],input[type=email],input[type=password],input[type=date],input[type=month],input[type=week],input[type=time],input[type=number],input[type=color],select{padding:0 8px;border:1px solid #ccc;border-radius:3px;line-height:1;min-height:32px;box-sizing:border-box}input[type=text].inline,input[type=search].inline,input[type=tel].inline,input[type=url].inline,input[type=email].inline,input[type=password].inline,input[type=date].inline,input[type=month].inline,input[type=week].inline,input[type=time].inline,input[type=number].inline,input[type=color].inline,select.inline{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,.0666666667);--input-border-colour: #00000011}input[type=text].invalid,input[type=search].invalid,input[type=tel].invalid,input[type=url].invalid,input[type=email].invalid,input[type=password].invalid,input[type=date].invalid,input[type=month].invalid,input[type=week].invalid,input[type=time].invalid,input[type=number].invalid,input[type=color].invalid,select.invalid{border:1px solid #d05e5e;--input-border-colour: #d05e5e;outline-color:#d05e5e}textarea{padding:4px 8px;border:1px solid #ccc;border-radius:3px;line-height:1.5;min-height:32px}.form{font-size:14px}.form .form-subtitle{margin:0;padding:0}.form .form-section{margin-top:36px;margin-bottom:36px}.form .form-group{margin-top:12px;margin-bottom:24px;padding:24px;background-color:#eaeaea}.form .form-group fieldset{border:1px solid #ccc;border-radius:2px;margin-top:4px;margin-bottom:4px}.form .button-form-group{margin-top:12px;margin-bottom:12px}.form .form-row input[type=text],.form .form-row input[type=number],.form .form-row input[type=email],.form .textarea-form-row input[type=text],.form .textarea-form-row input[type=number],.form .textarea-form-row input[type=email]{width:320px}.form .form-row>label,.form .textarea-form-row>label{width:100%;display:flex}.form .form-row>label .label-text,.form .textarea-form-row>label .label-text{flex:0 1 120px;min-width:120px;display:inline-flex;flex-direction:row-reverse;align-items:center;text-align:right;margin-right:12px}.form .form-row>label .label-text-long,.form .textarea-form-row>label .label-text-long{flex:0 1 240px}.form .form-row>label .label-input,.form .textarea-form-row>label .label-input{flex:1 1 auto;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}.form .form-row>label .label-input .label-input-row,.form .textarea-form-row>label .label-input .label-input-row{flex:1 1 auto;display:flex}.form .form-row>label .label-input .label-input-row>*,.form .textarea-form-row>label .label-input .label-input-row>*{flex:1 1 auto}.form .form-row>label .label-input .label-input-help-text,.form .textarea-form-row>label .label-input .label-input-help-text{font-size:12px}.form .form-row>label .label-input .label-input-help-text>p,.form .textarea-form-row>label .label-input .label-input-help-text>p{margin:0;padding:0}.form .form-row>label label-input-short,.form .textarea-form-row>label label-input-short{max-width:240px}.form .form-row>label .label-checkbox-input,.form .textarea-form-row>label .label-checkbox-input{flex:0 1 auto;align-items:center;justify-content:center;display:flex}.form .form-row>label .label-checkbox-input>*,.form .textarea-form-row>label .label-checkbox-input>*{flex:1 1 auto}.form .form-row>.checkbox-label,.form .textarea-form-row>.checkbox-label{width:auto}.form .validation-form-row{font-size:12px;padding-left:126px;color:#d05e5e}.form .validation-form-row p{margin:0}.form .textarea-form-row>label .label-text{display:inline-flex;flex-direction:row-reverse;align-items:flex-start}.form .textarea-form-row textarea{flex:1 1 auto;min-height:80px}.form .invalid-form-row input[type=text],.form .invalid-form-row input[type=number],.form .invalid-form-row input[type=email]{border:1px solid #d05e5e}.form .invalid-form-row .select-input>div{border:1px solid #d05e5e}.form .form-button-row{display:flex;margin-top:12px;margin-bottom:12px}.form .form-button-row .secondary-buttons{flex:0 1 auto}.form .form-button-row .primary-buttons{flex:1 1 auto;text-align:right}.form .split-form{display:flex}.form .split-form .split-form-half{flex:1 1 auto}.form-row-content-split-left{flex:1 1 auto;text-align:left}.form-row-content-split-right{flex:1 1 auto;text-align:right}.form-row,.textarea-form-row{padding:4px;display:flex}.form-row .form-component,.textarea-form-row .form-component{flex:1 1 auto}.form-row.full-width-form-row textarea,.textarea-form-row.full-width-form-row textarea{width:100%}.form-row p,.textarea-form-row p{margin:0;padding:0}textarea.medium-text-area{min-height:200px}textarea.large-text-area{min-height:400px}label .label-content{padding-right:4px}fieldset{border:1px solid #e2e2e2;padding:8px 16px;margin:0}fieldset legend{padding:4px}button,input[type=button],input[type=submit],input[type=reset],.button{cursor:pointer;line-height:1}button [class^=icon-]:before,button [class*=" icon-"]:before,input[type=button] [class^=icon-]:before,input[type=button] [class*=" icon-"]:before,input[type=submit] [class^=icon-]:before,input[type=submit] [class*=" icon-"]:before,input[type=reset] [class^=icon-]:before,input[type=reset] [class*=" icon-"]:before,.button [class^=icon-]:before,.button [class*=" icon-"]:before{margin:0;width:auto}.button{padding:8px 32px;border-radius:5px;overflow:hidden;position:relative;box-shadow:1px 2px #ddd;margin-top:0;margin-bottom:1px;text-shadow:none;background-color:#ddd;border:1px solid #ddd;color:#333;display:inline-block;text-align:center;--altColorFG: #8b5bb1;--altColorBG: #fff}.button:hover{background-color:#fff;border:1px solid #fff;color:#333;text-decoration:none}.button:active{box-shadow:1px 1px #ddd;margin-top:1px;margin-bottom:0;background-color:#fff;border:1px solid #fff;color:#333;text-decoration:none}.button.button-primary{background-color:var(--button-primary-background);border:1px solid var(--button-primary-border);color:var(--button-primary-color);text-shadow:var(--button-primary-text-shadow)}.button.button-primary:hover{background-color:var(--button-primary-background-hover);border:1px solid var(--button-primary-border-hover);color:var(--button-primary-color-hover)}.button.button-primary:active{background-color:var(--button-primary-background-active);border:1px solid var(--button-primary-border-active);color:var(--button-primary-color-active)}.button.button-primary-light{background-color:var(--button-primary-light-background);border:1px solid var(--button-primary-light-border);color:var(--button-primary-light-color);text-shadow:var(--button-primary-light-text-shadow)}.button.button-primary-light:hover{background-color:var(--button-primary-light-background-hover);border:1px solid var(--button-primary-light-border-hover);color:var(--button-primary-light-color-hover)}.button.button-primary-light:active{background-color:var(--button-primary-light-background-active);border:1px solid var(--button-primary-light-border-active);color:var(--button-primary-light-color-active)}.button.button-primary-alt{background-color:var(--altColorBG);border:1px solid var(--altColorFG);color:var(--altColorFG);text-shadow:none}.button.button-primary-alt:hover{background-color:var(--altColorFG);border:1px solid var(--altColorFG);color:var(--altColorBG)}.button.button-primary-alt:active{background-color:var(--altColorFG);border:1px solid var(--altColorFG);color:var(--altColorBG)}.button.button-warning{background-color:var(--button-warning-background);border:1px solid var(--button-warning-border);color:var(--button-warning-color);text-shadow:var(--button-warning-text-shadow)}.button.button-warning:hover{background-color:var(--button-warning-background-hover);border:1px solid var(--button-warning-border-hover);color:var(--button-warning-color-hover)}.button.button-warning:active{background-color:var(--button-warning-background-active);border:1px solid var(--button-warning-border-active);color:var(--button-warning-color-active)}.button.button-secondary{background-color:var(--button-secondary-background);border:1px solid var(--button-secondary-border);color:var(--button-secondary-color);text-shadow:var(--button-secondary-text-shadow)}.button.button-secondary:hover{background-color:var(--button-secondary-background-hover);border:1px solid var(--button-secondary-border-hover);color:var(--button-secondary-color-hover)}.button.button-secondary:active{background-color:var(--button-secondary-background-active);border:1px solid var(--button-secondary-border-active);color:var(--button-secondary-color-active)}.button.button-flat{background-color:var(--button-secondary-background);border:1px solid var(--button-secondary-border);color:var(--button-secondary-color);text-shadow:none;box-shadow:none;margin:0;margin-top:1px}.button.button-flat:hover{background-color:var(--button-secondary-background-hover);border:1px solid var(--button-secondary-border-hover);color:var(--button-secondary-color-hover);margin:0;margin-top:1px}.button.button-flat:active{background-color:var(--button-secondary-background-active);border:1px solid var(--button-secondary-border-active);color:var(--button-secondary-color-active);margin:0;margin-top:1px}.button.button-intercom{background-color:var(--color-intercom, #3f51b5);border-color:var(--color-intercom, #3f51b5);color:#fff}.button.button-intercom:hover{background-color:var(--color-intercom-hover, #5768c5);border-color:var(--color-intercom-hover, #5768c5)}.button.button-intercom:active{background-color:var(--color-intercom-hover, #5768c5);border-color:var(--color-intercom-hover, #5768c5)}.button.button-intercom:disabled{background-color:var(--color-intercom-disabled, #b5bcd8);border-color:var(--color-intercom-disabled, #b5bcd8)}.button.button-borderless,.button.button-inline{border:0;padding:0;margin:0;background-color:rgba(0,0,0,0);display:inline;box-shadow:none;color:var(--button-inline-color)}.button.button-borderless:hover,.button.button-inline:hover{color:var(--button-inline-hover);border:0;padding:0;margin:0;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-borderless:active,.button.button-inline:active{color:var(--button-inline-active);border:0;padding:0;margin:0;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-borderless:disabled,.button.button-inline:disabled{border:0;padding:0;margin:0;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-borderless:disabled:hover,.button.button-inline:disabled:hover{border:0;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-borderless:disabled:active,.button.button-inline:disabled:active{border:0;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-tutorial{font-size:18px;border:1px solid #fff;color:#fff;background-color:rgba(0,0,0,0);box-shadow:none}.button.button-tutorial>.icon{font-size:18px}.button.button-tutorial:hover,.button.button-tutorial:active{color:var(--color-primary);border-color:var(--color-primary);background-color:#fff;box-shadow:none}.button:disabled{cursor:auto;background-color:var(--button-disabled-background);border:1px solid var(--button-disabled-border);color:var(--button-disabled-color)}.button:disabled:hover{background-color:var(--button-disabled-background-hover);border:1px solid var(--button-disabled-border-hover);color:var(--button-disabled-color-hover)}.button:disabled:active{box-shadow:1px 2px #ddd;margin-top:0;margin-bottom:1px;background-color:var(--button-disabled-background-active);border:1px solid var(--button-disabled-border-active);color:var(--button-disabled-color-active)}.button .button-content{display:inline-block;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1)}.button .button-icon{position:absolute;font-size:18px;left:20px;-webkit-transform:translate3d(-40px, 2.5em, 0);transform:translate3d(-40px, 2.5em, 0);-webkit-transition:-webkit-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function:cubic-bezier(0.75, 0, 0.125, 1)}.button.has-icon:hover .button-content{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}.button.has-icon:hover .button-icon{-webkit-transform:translate3d(-9px, -2px, 0);transform:translate3d(-9px, -2px, 0)}.button.has-icon:hover{text-transform:none}.button.has-icon:hover .button-content{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}.button.has-icon:hover .button-icon{-webkit-transform:translate3d(-9px, -2px, 0);transform:translate3d(-9px, -2px, 0)}.button.button-small{font-size:14px;padding:6px 24px;padding-top:9px}.button.button-link{padding:0;margin:0;border:0;color:var(--color-link);background-color:rgba(0,0,0,0);box-shadow:none;outline:none}.button.button-link:hover{padding:0;margin:0;border:0;color:var(--color-link-hover);background-color:rgba(0,0,0,0);text-decoration:underline;box-shadow:none}.button.button-link:active{padding:0;margin:0;border:0;color:var(--color-link-active);background-color:rgba(0,0,0,0);text-decoration:underline;box-shadow:none}.button.button-mobile{margin:0;padding:8px 16px;background:#f2f2f2;color:#000;border:none;border-radius:3px;box-shadow:none}@media(hover: hover){.button.button-mobile:hover{background:#e0e0e0}}.button.button-mobile:active{background:#e0e0e0}.button.button-mobile.active{border:2px solid var(--button-inline-color);color:var(--button-inline-active);background:#fff}@media(hover: hover){.button.button-mobile.active:hover{background:#f5f5f5}}a.link-button{background-color:#fff;color:#1dc089;border:1px solid #1dc089;padding:6px 12px;border-radius:3px;text-shadow:none;transition:background-color .25s ease;transition:color .25s ease}a.link-button:hover{text-decoration:none;background-color:#1dc089;border:1px solid #1dc089;color:#fff}.icon-help-circled{color:#acacac;padding:4px}.icon-help-circled:hover{color:#888;padding:4px}.button-inline.intercom-button{color:#3f51b5}.button-inline.intercom-button:hover{color:#5768c5}.button-inline.intercom-button:active{color:#5768c5}.new-button{padding:9px;border-radius:3px;cursor:pointer;border:1px solid var(--button-default-border);background-color:var(--button-default-background);color:var(--button-default-color)}.new-button:hover{background-color:var(--button-default-background-hover)}.new-button.new-button-primary{border-color:var(--color-primary-dark);background-color:var(--color-primary);color:var(--color-primary-content)}.new-button.new-button-primary:hover{background-color:var(--color-primary-dark)}.content-page{flex:1 1 auto}.content-page .content-page-scroll-pane{position:absolute;top:0;left:0;bottom:0;right:0;overflow-y:auto;display:flex;flex-direction:column}.content-page .content-page-title{flex:0 1 auto;min-height:140px;display:flex;align-items:center;justify-content:center}.content-page .content-page-title h1{margin:0;padding:0;text-shadow:1px 1px 2px #000;color:#fff}.content-page .content-page-inner{background-color:#f8f8f8}.content-page .content-page-content{max-width:780px}.content-page .page-title{text-align:center} input[type=checkbox].toggle-input{height:0;width:0;display:none}span.toggle{cursor:pointer;width:30px;height:15px;background:gray;display:inline-block;border-radius:10px;position:relative}span.toggle:after{content:"";position:absolute;top:1px;left:1px;width:13px;height:13px;background:#fff;border-radius:90px;transition:.2s}input:checked+span.toggle{background:var(--color-secondary)}input:checked+span.toggle:after{left:calc(100% - 1px);transform:translateX(-100%)}span.toggle:active:after{width:18px} .ph-item{direction:ltr;position:relative;display:flex;flex-wrap:wrap;padding:30px 15px 15px 15px;overflow:hidden;margin-bottom:30px;background-color:#fff;border:1px solid #e6e6e6;border-radius:2px}.ph-item,.ph-item *,.ph-item ::after,.ph-item ::before{box-sizing:border-box}.ph-item::before{content:" ";position:absolute;top:0;right:0;bottom:0;left:50%;z-index:1;width:500%;margin-left:-250%;animation:phAnimation 1.2s linear infinite;background:linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%}.ph-item>*{flex:1 1 auto;display:flex;flex-flow:column;padding-right:15px;padding-left:15px}.ph-row{display:flex;flex-wrap:wrap;margin-bottom:7.5px}.ph-row div{height:10px;margin-bottom:7.5px;background-color:#ced4da;position:relative;overflow:hidden;border-radius:5px}.ph-row div::before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;margin-left:0;animation:phAnimation 1.2s linear infinite;background:linear-gradient(to right, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%}.ph-row .big,.ph-row.big div{height:20px;margin-bottom:15px}.ph-row .empty{background-color:rgba(255,255,255,0)}.ph-col-2{flex:0 0 16.6666666667%}.ph-col-4{flex:0 0 33.3333333333%}.ph-col-6{flex:0 0 50%}.ph-col-8{flex:0 0 66.6666666667%}.ph-col-10{flex:0 0 83.3333333333%}.ph-col-12{flex:0 0 100%}.ph-avatar{position:relative;width:100%;min-width:60px;background-color:#ced4da;margin-bottom:15px;border-radius:50%;overflow:hidden}.ph-avatar::before{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:500%;margin-left:-250%;animation:phAnimation 1.2s linear infinite;background:linear-gradient(to right, rgba(255, 255, 255, 0) 12%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%}.ph-picture{width:100%;height:120px;background-color:#ced4da;margin-bottom:15px}@keyframes phAnimation{0%{transform:translate3d(-50%, 0, 0)}100%{transform:translate3d(50%, 0, 0)}} .vertical-nav{padding:18px;padding-top:40px;padding-right:0}.vertical-nav *{box-sizing:border-box}.vertical-nav .vertical-nav-mobile-control{display:none}.vertical-nav .vertical-nav-content{display:flex;flex-flow:column nowrap;gap:3px}@media(max-width: 739px){.vertical-nav{padding:18px;padding-bottom:0}.vertical-nav .vertical-nav-content{display:none}.vertical-nav .vertical-nav-mobile-control{width:100%;text-align:left;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:12px 18px}.vertical-nav .vertical-nav-mobile-control>span{flex:1}}.vertical-nav-drawer{--drawer-container-width: min(500px, calc(100% - 40px));--drawer-width: 100%;--drawer-border-radius: 0}.vertical-nav-content-mobile{padding:9px;background:#fff;width:100%;min-height:100%;display:block;box-sizing:border-box}.vertical-nav-content-mobile>div{display:flex;flex-flow:column nowrap;gap:3px}.vertical-nav-mobile-header{display:flex;flex-flow:row nowrap;border-bottom:1px solid #f2f2f2;padding-bottom:3px;margin-bottom:6px}.vertical-nav-mobile-header>p{flex:1;margin:0;padding-top:9px;font-size:18px}.vertical-nav-close{background:none;color:var(--color-text);font-size:26px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:9px;border:none}.vertical-nav-close:hover{background:#f2f2f2} @keyframes fadeBackgroundIn{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.5)}}@keyframes flyContentInBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes flyContentInTop{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes flyContentInLeft{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes flyContentInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-background{position:fixed;top:0;left:0;bottom:0;right:0;pointer-events:none;background-color:rgba(0,0,0,0);transition:background-color 200ms ease-out;overflow:hidden;z-index:500}.drawer-background.inline{position:absolute}.drawer-background.open{animation:200ms ease-out 0s 1 fadeBackgroundIn;background-color:rgba(0,0,0,.5);pointer-events:all}.drawer-background .drawer-container{position:absolute;width:auto;height:auto;width:var(--drawer-container-width, auto);height:var(--drawer-container-height, auto);max-width:100%;max-height:100%;display:flex;flex-flow:column nowrap}.drawer-background .drawer-container .drawer{position:relative;display:flex;flex-flow:column nowrap;overflow:hidden;background:#fff;border-radius:var(--drawer-border-radius);width:var(--drawer-width);height:var(--drawer-height);max-width:100%;max-height:100%;box-sizing:border-box;transition:transform 200ms cubic-bezier(0.17, 0.67, 0.68, 0.98)}.drawer-background.anchor-bottom .drawer-container{bottom:0;left:0;right:0}.drawer-background.anchor-bottom .drawer-container .drawer{transform:translateY(100%);border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:auto;margin-right:auto}.drawer-background.anchor-bottom.open .drawer-container .drawer{transform:translateY(0);animation:200ms cubic-bezier(0.17, 0.67, 0.68, 0.98) 0s 1 flyContentInBottom}.drawer-background.anchor-top .drawer-container{top:0;left:0;right:0}.drawer-background.anchor-top .drawer-container .drawer{transform:translateY(-100%);border-top-left-radius:0;border-top-right-radius:0;margin-left:auto;margin-right:auto}.drawer-background.anchor-top.open .drawer-container .drawer{transform:translateY(0);animation:200ms cubic-bezier(0.17, 0.67, 0.68, 0.98) 0s 1 flyContentInTop}.drawer-background.anchor-left .drawer-container{bottom:0;top:0;left:0}.drawer-background.anchor-left .drawer-container .drawer{transform:translateX(-100%);border-top-left-radius:0;border-bottom-left-radius:0;height:100%}.drawer-background.anchor-left.open .drawer-container .drawer{transform:translateX(0);animation:200ms cubic-bezier(0.17, 0.67, 0.68, 0.98) 0s 1 flyContentInLeft}.drawer-background.anchor-right .drawer-container{bottom:0;top:0;right:0}.drawer-background.anchor-right .drawer-container .drawer{transform:translateX(100%);border-top-right-radius:0;border-bottom-right-radius:0;height:100%}.drawer-background.anchor-right.open .drawer-container .drawer{transform:translateX(0);animation:200ms cubic-bezier(0.17, 0.67, 0.68, 0.98) 0s 1 flyContentInRight} .vertical-nav-item{--text-colour: var(--color-text-accent);display:flex;flex-flow:row nowrap;padding:6px 12px;padding-right:6px;color:var(--color-text-accent);color:var(--text-colour);background:none;border:none;width:100%;margin:0;font-size:inherit;text-align:left;line-height:1em;-webkit-text-decoration:none;text-decoration:none;border-radius:3px;font-weight:inherit}.vertical-nav-item.topmost{padding:12px}.vertical-nav-item.active{font-weight:bold;background-color:#f2f2f2;--text-colour: $color-text}.vertical-nav-item.active:hover{color:var(--color-text);-webkit-text-decoration:none;text-decoration:none}.vertical-nav-item.active::before{content:"";font-family:"fontello";font-size:14px;color:var(--color-text-accent);padding-right:5px}.vertical-nav-item .item-icon{width:30px;display:flex;align-items:center;justify-content:center;font-family:"fontello"}.vertical-nav-item .item-content{flex:1}button.vertical-nav-item:hover,a.vertical-nav-item:hover{color:var(--text-colour);-webkit-text-decoration:none;text-decoration:none;background-color:#f2f2f2} .loading-button.animate-icon.loading .button-content{transform:translate3d(10px, 0, 0)}.loading-button.animate-icon.loading .button-icon{transform:translate3d(-9px, -2px, 0)}.loading-button.animate-icon.has-icon.loading .button-content{transform:translate3d(10px, 0, 0)}.loading-button.always-show-icon{align-items:center;display:flex;gap:6px} .rforms-section{padding:24px;padding:var(--padding, 24px);margin-bottom:var(--margin);display:flex;flex-flow:column nowrap;gap:var(--gap)}.rforms-section .rforms-section-header{text-overflow:ellipsis;overflow:hidden;display:block;margin:0;padding:0;margin-bottom:3px;font-size:16px;font-weight:600}.rforms-section .rforms-section-subheader{margin-top:0;font-size:14px}.rforms-section>*{margin:0}.rforms-section .form-danger{background:#fffbfb;border:1px solid var(--color-error-alt);border-radius:3px}.form-section-background{background:#f2f2f2;border-radius:3px} .rforms-field.rforms-field-required>.rforms-field-label-text::after,.rforms-field.rforms-field-required>legend::after{content:"*";margin-left:6px;color:var(--required-label-color)}.rforms-field.rforms-field-invalid{--input-container-border-colour: var(--color-error)}.rforms-field.rforms-field-disabled{opacity:.5;--input-container-border-colour: #00000011}.rforms-field.rforms-field-no-label-padding>.rforms-field-label-text{padding:0}@media(min-width: 740px){.rforms-field{--label-size: var(--desktop-label-size);--input-size: var(--desktop-input-size)}.rforms-field.desktop-layout-column{display:grid;grid-template-areas:"label helpbutton" "inputs inputs" "helptext helptext" "warningtext warningtext" "errortext errortext";grid-template-columns:auto minmax(auto, 1fr);grid-template-rows:repeat(4, auto) minmax(0, 1fr)}.rforms-field.desktop-layout-row{display:grid;grid-template-areas:"label inputs helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--label-size)) minmax(auto, var(--input-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.desktop-layout-row>.rforms-field-label-text{justify-content:flex-end;text-align:right}.rforms-field.desktop-layout-row>.rforms-field-label-text{margin-right:6px}.rforms-field.desktop-layout-row-reverse{display:grid;grid-template-areas:"inputs label helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--input-size)) minmax(auto, var(--label-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.desktop-layout-blank{display:grid;grid-template-areas:"inputs" "helptext" "warningtext" "errortext";grid-template-columns:minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.desktop-layout-blank>.rforms-field-label-text{display:none}.rforms-field.desktop-label-align-top>.rforms-field-label-text{align-items:flex-start}.rforms-field.desktop-label-align-center>.rforms-field-label-text{align-items:center}.rforms-field.desktop-label-align-bottom>.rforms-field-label-text{align-items:flex-end}.rforms-field.desktop-label-justify-left>.rforms-field-label-text{justify-content:flex-start;text-align:left}.rforms-field.desktop-label-justify-center>.rforms-field-label-text{justify-content:center;text-align:center}.rforms-field.desktop-label-justify-right>.rforms-field-label-text{justify-content:flex-end;text-align:right}.rforms-field.desktop-label-size-auto>.rforms-field-label-text{width:auto}.rforms-field.desktop-label-size-grow>.rforms-field-label-text{width:-moz-max-content;width:max-content}.rforms-field.desktop-label-size-default>.rforms-field-label-text{width:180px}}@media(max-width: 739px){.rforms-field{--label-size: var(--mobile-label-size);--input-size: var(--mobile-input-size)}.rforms-field.mobile-layout-column{display:grid;grid-template-areas:"label helpbutton" "inputs inputs" "helptext helptext" "warningtext warningtext" "errortext errortext";grid-template-columns:auto minmax(auto, 1fr);grid-template-rows:repeat(4, auto) minmax(0, 1fr)}.rforms-field.mobile-layout-row{display:grid;grid-template-areas:"label inputs helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--label-size)) minmax(auto, var(--input-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.mobile-layout-row>.rforms-field-label-text{justify-content:flex-end;text-align:right}.rforms-field.mobile-layout-row>.rforms-field-label-text{margin-right:6px}.rforms-field.mobile-layout-row-reverse{display:grid;grid-template-areas:"inputs label helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--input-size)) minmax(auto, var(--label-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.mobile-layout-blank{display:grid;grid-template-areas:"inputs" "helptext" "warningtext" "errortext";grid-template-columns:minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.rforms-field.mobile-layout-blank>.rforms-field-label-text{display:none}.rforms-field.mobile-label-align-top>.rforms-field-label-text{align-items:flex-start}.rforms-field.mobile-label-align-center>.rforms-field-label-text{align-items:center}.rforms-field.mobile-label-align-bottom>.rforms-field-label-text{align-items:flex-end}.rforms-field.mobile-label-justify-left>.rforms-field-label-text{justify-content:flex-start;text-align:left}.rforms-field.mobile-label-justify-center>.rforms-field-label-text{justify-content:center;text-align:center}.rforms-field.mobile-label-justify-right>.rforms-field-label-text{justify-content:flex-end;text-align:right}.rforms-field.mobile-label-size-auto>.rforms-field-label-text{width:auto}.rforms-field.mobile-label-size-grow>.rforms-field-label-text{width:-moz-max-content;width:max-content}.rforms-field.mobile-label-size-default>.rforms-field-label-text{width:180px}}.force-desktop .rforms-field{--label-size: var(--desktop-label-size);--input-size: var(--desktop-input-size)}.force-desktop .rforms-field.desktop-layout-column{display:grid;grid-template-areas:"label helpbutton" "inputs inputs" "helptext helptext" "warningtext warningtext" "errortext errortext";grid-template-columns:auto minmax(auto, 1fr);grid-template-rows:repeat(4, auto) minmax(0, 1fr)}.force-desktop .rforms-field.desktop-layout-row{display:grid;grid-template-areas:"label inputs helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--label-size)) minmax(auto, var(--input-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-desktop .rforms-field.desktop-layout-row>.rforms-field-label-text{justify-content:flex-end;text-align:right}.force-desktop .rforms-field.desktop-layout-row>.rforms-field-label-text{margin-right:6px}.force-desktop .rforms-field.desktop-layout-row-reverse{display:grid;grid-template-areas:"inputs label helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--input-size)) minmax(auto, var(--label-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-desktop .rforms-field.desktop-layout-blank{display:grid;grid-template-areas:"inputs" "helptext" "warningtext" "errortext";grid-template-columns:minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-desktop .rforms-field.desktop-layout-blank>.rforms-field-label-text{display:none}.force-desktop .rforms-field.desktop-label-align-top>.rforms-field-label-text{align-items:flex-start}.force-desktop .rforms-field.desktop-label-align-center>.rforms-field-label-text{align-items:center}.force-desktop .rforms-field.desktop-label-align-bottom>.rforms-field-label-text{align-items:flex-end}.force-desktop .rforms-field.desktop-label-justify-left>.rforms-field-label-text{justify-content:flex-start;text-align:left}.force-desktop .rforms-field.desktop-label-justify-center>.rforms-field-label-text{justify-content:center;text-align:center}.force-desktop .rforms-field.desktop-label-justify-right>.rforms-field-label-text{justify-content:flex-end;text-align:right}.force-desktop .rforms-field.desktop-label-size-auto>.rforms-field-label-text{width:auto}.force-desktop .rforms-field.desktop-label-size-grow>.rforms-field-label-text{width:-moz-max-content;width:max-content}.force-desktop .rforms-field.desktop-label-size-default>.rforms-field-label-text{width:180px}.force-mobile .rforms-field{--label-size: var(--mobile-label-size);--input-size: var(--mobile-input-size)}.force-mobile .rforms-field.mobile-layout-column{display:grid;grid-template-areas:"label helpbutton" "inputs inputs" "helptext helptext" "warningtext warningtext" "errortext errortext";grid-template-columns:auto minmax(auto, 1fr);grid-template-rows:repeat(4, auto) minmax(0, 1fr)}.force-mobile .rforms-field.mobile-layout-row{display:grid;grid-template-areas:"label inputs helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--label-size)) minmax(auto, var(--input-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-mobile .rforms-field.mobile-layout-row>.rforms-field-label-text{justify-content:flex-end;text-align:right}.force-mobile .rforms-field.mobile-layout-row>.rforms-field-label-text{margin-right:6px}.force-mobile .rforms-field.mobile-layout-row-reverse{display:grid;grid-template-areas:"inputs label helpbutton" "blank helptext helptext" "blank warningtext warningtext" "blank errortext errortext";grid-template-columns:minmax(auto, var(--input-size)) minmax(auto, var(--label-size)) minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-mobile .rforms-field.mobile-layout-blank{display:grid;grid-template-areas:"inputs" "helptext" "warningtext" "errortext";grid-template-columns:minmax(auto, 1fr);grid-template-rows:repeat(3, auto) minmax(0, 1fr)}.force-mobile .rforms-field.mobile-layout-blank>.rforms-field-label-text{display:none}.force-mobile .rforms-field.mobile-label-align-top>.rforms-field-label-text{align-items:flex-start}.force-mobile .rforms-field.mobile-label-align-center>.rforms-field-label-text{align-items:center}.force-mobile .rforms-field.mobile-label-align-bottom>.rforms-field-label-text{align-items:flex-end}.force-mobile .rforms-field.mobile-label-justify-left>.rforms-field-label-text{justify-content:flex-start;text-align:left}.force-mobile .rforms-field.mobile-label-justify-center>.rforms-field-label-text{justify-content:center;text-align:center}.force-mobile .rforms-field.mobile-label-justify-right>.rforms-field-label-text{justify-content:flex-end;text-align:right}.force-mobile .rforms-field.mobile-label-size-auto>.rforms-field-label-text{width:auto}.force-mobile .rforms-field.mobile-label-size-grow>.rforms-field-label-text{width:-moz-max-content;width:max-content}.force-mobile .rforms-field.mobile-label-size-default>.rforms-field-label-text{width:180px}.rforms-field-label-text{grid-area:label;display:flex;flex-flow:row nowrap;padding:5px 0;box-sizing:border-box;width:var(--label-size)}.rforms-field-inputs{grid-area:inputs}.rforms-field-errortext{grid-area:errortext}.rforms-field-warningtext{grid-area:warningtext}.rforms-field-helptext{grid-area:helptext}.rforms-field-helpbutton{grid-area:helpbutton;padding:5px 0}.rforms-field input:focus-visible{outline:#2684ff auto 2px}.rforms-field input[type=radio]{margin:10px 10px 10px 10px}.rforms-field input[type=checkbox]{margin:10px 10px 10px 0} .rforms-layout.rforms-layout-disabled{opacity:.5;--input-container-border-colour: #00000011}@media(min-width: 740px){.rforms-layout{gap:var(--desktop-gap)}.rforms-layout.desktop-layout-column{display:flex;flex-flow:column nowrap}.rforms-layout.desktop-layout-row{display:flex;flex-flow:row nowrap}.rforms-layout.desktop-layout-row-wrap{display:flex;flex-flow:row wrap}.rforms-layout.desktop-layout-row-reverse{display:flex;flex-flow:row-reverse nowrap}.rforms-layout.desktop-layout-left-right{display:flex;flex-flow:row nowrap;justify-content:space-between}.rforms-layout.desktop-align-start{align-items:flex-start}.rforms-layout.desktop-align-center{align-items:center}.rforms-layout.desktop-align-end{align-items:flex-end}.rforms-layout.desktop-align-stretch{align-items:stretch}.rforms-layout.desktop-justify-start{justify-content:flex-start}.rforms-layout.desktop-justify-center{justify-content:center}.rforms-layout.desktop-justify-end{justify-content:flex-end}.rforms-layout.desktop-justify-stretch{justify-content:stretch}.rforms-layout.desktop-justify-stretch>*{flex:1 1 auto}.rforms-layout.desktop-size-full{flex:1 1 auto;width:100%}}@media(max-width: 739px){.rforms-layout{gap:var(--mobile-gap)}.rforms-layout.mobile-layout-column{display:flex;flex-flow:column nowrap}.rforms-layout.mobile-layout-row{display:flex;flex-flow:row nowrap}.rforms-layout.mobile-layout-row-wrap{display:flex;flex-flow:row wrap}.rforms-layout.mobile-layout-row-reverse{display:flex;flex-flow:row-reverse nowrap}.rforms-layout.mobile-layout-left-right{display:flex;flex-flow:row nowrap;justify-content:space-between}.rforms-layout.mobile-align-start{align-items:flex-start}.rforms-layout.mobile-align-center{align-items:center}.rforms-layout.mobile-align-end{align-items:flex-end}.rforms-layout.mobile-align-stretch{align-items:stretch}.rforms-layout.mobile-justify-start{justify-content:flex-start}.rforms-layout.mobile-justify-center{justify-content:center}.rforms-layout.mobile-justify-end{justify-content:flex-end}.rforms-layout.mobile-justify-stretch{justify-content:stretch}.rforms-layout.mobile-justify-stretch>*{flex:1 1 auto}.rforms-layout.mobile-size-full{flex:1 1 auto;width:100%}}.force-desktop .rforms-layout{gap:var(--desktop-gap)}.force-desktop .rforms-layout.desktop-layout-column{display:flex;flex-flow:column nowrap}.force-desktop .rforms-layout.desktop-layout-row{display:flex;flex-flow:row nowrap}.force-desktop .rforms-layout.desktop-layout-row-wrap{display:flex;flex-flow:row wrap}.force-desktop .rforms-layout.desktop-layout-row-reverse{display:flex;flex-flow:row-reverse nowrap}.force-desktop .rforms-layout.desktop-layout-left-right{display:flex;flex-flow:row nowrap;justify-content:space-between}.force-desktop .rforms-layout.desktop-align-start{align-items:flex-start}.force-desktop .rforms-layout.desktop-align-center{align-items:center}.force-desktop .rforms-layout.desktop-align-end{align-items:flex-end}.force-desktop .rforms-layout.desktop-align-stretch{align-items:stretch}.force-desktop .rforms-layout.desktop-justify-start{justify-content:flex-start}.force-desktop .rforms-layout.desktop-justify-center{justify-content:center}.force-desktop .rforms-layout.desktop-justify-end{justify-content:flex-end}.force-desktop .rforms-layout.desktop-justify-stretch{justify-content:stretch}.force-desktop .rforms-layout.desktop-justify-stretch>*{flex:1 1 auto}.force-desktop .rforms-layout.desktop-size-full{flex:1 1 auto;width:100%}.force-mobile .rforms-layout{gap:var(--mobile-gap)}.force-mobile .rforms-layout.mobile-layout-column{display:flex;flex-flow:column nowrap}.force-mobile .rforms-layout.mobile-layout-row{display:flex;flex-flow:row nowrap}.force-mobile .rforms-layout.mobile-layout-row-wrap{display:flex;flex-flow:row wrap}.force-mobile .rforms-layout.mobile-layout-row-reverse{display:flex;flex-flow:row-reverse nowrap}.force-mobile .rforms-layout.mobile-layout-left-right{display:flex;flex-flow:row nowrap;justify-content:space-between}.force-mobile .rforms-layout.mobile-align-start{align-items:flex-start}.force-mobile .rforms-layout.mobile-align-center{align-items:center}.force-mobile .rforms-layout.mobile-align-end{align-items:flex-end}.force-mobile .rforms-layout.mobile-align-stretch{align-items:stretch}.force-mobile .rforms-layout.mobile-justify-start{justify-content:flex-start}.force-mobile .rforms-layout.mobile-justify-center{justify-content:center}.force-mobile .rforms-layout.mobile-justify-end{justify-content:flex-end}.force-mobile .rforms-layout.mobile-justify-stretch{justify-content:stretch}.force-mobile .rforms-layout.mobile-justify-stretch>*{flex:1 1 auto}.force-mobile .rforms-layout.mobile-size-full{flex:1 1 auto;width:100%} .rforms-errortext{font-size:12px;line-height:normal;margin-top:3px;margin-bottom:3px}.rforms-errortext{color:var(--color-error)}.rforms-helptext{color:#555}.rforms-warningtext{color:#cfb03b} .subscription-label{width:180px;display:inline-block} .info-banner{--icon-colour: var(--color-secondary);display:flex;flex-flow:row nowrap;border-radius:3px}.info-banner.warning{--icon-colour: var(--color-error);color:var(--color-error);color:var(--icon-colour)}.info-banner.success,.info-banner.fail{border-left:3px solid var(--icon-colour);background:#e9e9e9}.info-banner.success .info-banner-icon-wrapper,.info-banner.fail .info-banner-icon-wrapper{border:none;background:none}.info-banner.success{--icon-colour: var(--color-secondary)}.info-banner.fail{--icon-colour: var(--color-error)}.info-banner-icon{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding:10px}.info-banner-icon-wrapper{width:30px;height:30px;border-radius:30px;background:#fff;color:var(--icon-colour);border:2px solid var(--icon-colour);display:flex;align-items:center;justify-content:center}.info-banner-content{display:flex;flex-flow:column nowrap;justify-content:center;padding-top:12px;padding-bottom:12px;padding-right:12px}.info-banner-content>div>:first-child{margin-top:0}.info-banner-content>div>:last-child{margin-bottom:0} .input-container{display:flex;flex-flow:row nowrap;align-items:center;max-width:--input-size;max-width:var(--input-container-size, --input-size);width:100%;--input-border-colour: var(--input-container-border-colour, #ccc)}.input-container.error{--input-border-colour: var(--input-container-border-colour, var(--color-error))}@media(min-width: 740px){.input-container{max-width:var(--desktop-input-container-size, var(--input-container-size, var(--input-size)))}}@media(max-width: 739px){.input-container{max-width:var(--mobile-input-container-size, var(--input-container-size, var(--input-size)))}}.input-container .input-container-lefttext,.input-container .input-container-righttext{padding:0 5px}.input-container .input-container-input{display:flex;flex-flow:row nowrap;align-items:stretch;max-width:--input-size;max-width:var(--input-container-size, --input-size);width:100%;border-radius:3px}.input-container .input-container-input *,.input-container .input-container-input>input,.input-container .input-container-input>textarea{outline:none !important}.input-container .input-container-input:focus-within{outline:#2684ff solid 2px}.input-container .input-container-input>input,.input-container .input-container-input>textarea{background:#fff}.input-container .input-container-input>.input-container-input-prefix,.input-container .input-container-input>input,.input-container .input-container-input>textarea,.input-container .input-container-input>.input-container-input-suffix{border-left:0;border-right:0;border-radius:0;border-color:var(--input-border-colour)}.input-container .input-container-input>.input-container-input-prefix:first-child,.input-container .input-container-input>input:first-child,.input-container .input-container-input>textarea:first-child,.input-container .input-container-input>.input-container-input-suffix:first-child{border-top:1px solid var(--input-border-colour);border-left:1px solid var(--input-border-colour);border-bottom:1px solid var(--input-border-colour);border-top-left-radius:3px;border-bottom-left-radius:3px}.input-container .input-container-input>.input-container-input-prefix:last-child,.input-container .input-container-input>input:last-child,.input-container .input-container-input>textarea:last-child,.input-container .input-container-input>.input-container-input-suffix:last-child{border-top:1px solid var(--input-border-colour);border-right:1px solid var(--input-border-colour);border-bottom:1px solid var(--input-border-colour);border-top-right-radius:3px;border-bottom-right-radius:3px}.input-container .input-container-input .input-container-input-prefix,.input-container .input-container-input .input-container-input-suffix{background:#f8f8f8;display:flex;align-items:center;background:#f8f8f8;padding:0px 3px;font-size:13px;flex:0 0 auto;width:auto;cursor:default}.input-container .input-container-input .input-container-input-prefix.inline,.input-container .input-container-input .input-container-input-suffix.inline{background-color:rgba(0,0,0,0)}.input-container .input-container-input>input,.input-container .input-container-input>textarea,.input-container .input-container-input>*{width:100%}.input-container .input-container-input>p{margin-top:6px;margin-bottom:6px;margin-left:9px;margin-right:9px;line-height:22px}.input-container.resize-vertical>.input-container-input>textarea{resize:vertical}.input-container.resize-horizontal>.input-container-input>textarea{resize:horizontal}.input-container.resize-both>.input-container-input>textarea{resize:both} .modal-header{padding:12px;background-color:var(--color-modal-header-background);color:var(--color-modal-header);font-size:18px;font-weight:600;box-shadow:0 -17px 11px 12px #333;text-shadow:var(--text-shadow-modal-header);z-index:10;display:flex;align-items:center}.modal-header-icon{flex:0 1 auto;padding-right:12px}.modal-header-content{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.modal-header-title{font-size:18px;line-height:1.4}.modal-header-subtitle{font-size:14px;font-weight:400;line-height:1.4} .modal-close-button{position:absolute;top:0;right:0;z-index:20}.modal-close-button .button{width:48px;height:48px;padding:6px;font-size:22px;color:var(--modal-close-button-color);background-color:rgba(0,0,0,0);border:0;border-radius:100%;box-shadow:none;outline:none}.modal-close-button .button:hover{color:var(--modal-close-button-hover-color);border:0;box-shadow:none;background-color:rgba(0,0,0,0)}.modal-close-button .button:active{color:var(--modal-close-button-active-color);border:0;box-shadow:none;background-color:rgba(0,0,0,0)}.modal-close-button.light .button{color:rgba(255,255,255,.26667)}.modal-close-button.light .button:hover{color:rgba(255,255,255,.4)}.modal-close-button.light .button:active{color:rgba(255,255,255,.6)}.modal-close-button.large .button{font-size:32px} .modal-pane{flex:1 0 0;display:flex;flex-direction:column;padding:6px;min-width:min(300px,100%);box-sizing:border-box;overflow:hidden}.modal-pane p{margin:0;margin-bottom:6px}.modal-pane.emphasised{background-color:rgba(0,0,0,.09412)}.modal-pane .pane-cover{display:flex;flex-direction:column;flex:1 1 auto;box-sizing:border-box;overflow:hidden}.modal-pane-header{flex:0 1 auto;font-size:16px;font-weight:600;margin-bottom:16px}.modal-pane-header.centered{text-align:center}.modal-pane-content{flex:1 1 auto}.modal-pane-content.modal-pane-content-ident{margin-left:12px}.modal-pane-content p{margin-top:3px;margin-bottom:3px}.modal-pane-footer{flex:0 1 auto}.modal-pane-section-header{margin:0;padding:0;margin-bottom:6px;padding-bottom:4px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:flex-start}.modal-pane-section-header .modal-pane-section-header-content{flex:0 1 auto}.modal-pane-section-header .modal-pane-section-header-content.end-content{justify-self:flex-end;margin-left:auto}.modal-pane-section{margin-bottom:24px}.modal-pane-section:last-child{margin-bottom:0}.modal-pane-section.modal-form-section{background-color:#f2f2f2;margin-bottom:12px;padding:12px}.modal-pane-section-group{margin-top:16px}.modal-pane-section-group:first-child{margin-top:0}.inset-modal-section{padding:12px;background-color:#fff;border:1px solid #ddd;border-radius:3px;box-shadow:rgba(0,0,0,.23137) 1px 1px 5px 0px} .outer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000;overflow:auto}.outer-modal .outer-modal-inner{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;flex-direction:column;padding:9px;box-sizing:border-box}.outer-modal.top-attached .outer-modal-inner{justify-content:flex-start}.outer-modal .inner-modal{flex:0 0 auto;margin:60px;position:relative;display:flex;flex-direction:row;border-radius:8px;overflow:hidden;background-color:#f8f8f8;min-width:min(320px,100%);max-width:100%;font-size:14px;box-shadow:0px 0px 13px -2px rgba(0,0,0,.82)}.outer-modal .modal-sidebar{width:48px;min-width:48px;flex:0 1 auto;background-position:center center;background-attachment:fixed;background-size:cover}.outer-modal .modal-pane-container{flex:1 1 auto;display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:auto;padding:6px}.outer-modal .modal-pane-container.no-padding{padding:0}.outer-modal.modal-warning .modal-header{background-color:#d05e5e;color:#fff}.outer-modal.modal-error .modal-header{background-color:#d05e5e;color:#fff}.outer-modal .modal-footer{flex:0 1 auto;padding:12px}.outer-modal .modal-footer-buttons{display:flex;flex-flow:row nowrap;gap:6px;box-sizing:border-box}.outer-modal .modal-footer-buttons button{box-sizing:border-box}.outer-modal .modal-footer-buttons .modal-footer-buttons-section{flex:0 1 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:6px;box-sizing:border-box}.outer-modal .modal-footer-buttons .modal-footer-buttons-section:first-child{justify-content:flex-start}.outer-modal .modal-footer-buttons .modal-footer-buttons-section:last-child{justify-content:flex-end;margin-left:auto}@media(max-width: 700px){.outer-modal .modal-footer-buttons button{min-width:100px;padding-left:24px;padding-right:24px}}@media(max-width: 300px){.outer-modal .modal-footer-buttons{flex-flow:column nowrap}.outer-modal .modal-footer-buttons .modal-footer-buttons-section{align-items:normal;flex-flow:column nowrap;margin-left:0 !important}}.outer-modal .modal-content{flex:1 1 auto;display:flex;flex-direction:column;min-width:min(300px,100%)} .confirm-close-modal .invalid-message{background-color:#eee;border-radius:3px;padding:12px;border:1px solid var(--color-error)} .unsaved-plan-entry{display:flex;flex-flow:row nowrap;background:#fff;padding:12px;border-radius:3px;border:none;color:var(--color-text);width:100%;margin:0;text-align:left;align-items:center;border:1px solid #eee;transition:color 150ms,background-color 150ms,border 150ms}.unsaved-plan-entry:hover:not(:disabled) .unsaved-plan-right{-webkit-text-decoration:underline;text-decoration:underline}.unsaved-plan-entry:disabled .unsaved-plan-right{color:#ccc}.unsaved-plan-entry .unsaved-plan-middle{flex:1 1 auto;display:flex;flex-flow:column nowrap;overflow:hidden}.unsaved-plan-entry .unsaved-plan-middle .unsaved-plan-name{line-height:1;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-plan-entry .unsaved-plan-middle .unsaved-plan-year{line-height:1;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unsaved-plan-entry .unsaved-plan-right{margin-left:auto;flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:center;color:var(--color-text-accent)}.unsaved-plan-entry .unsaved-plan-right .unsaved-plan-icon{width:24px;text-align:center} .unsaved-plans-warning{display:flex;flex-flow:column nowrap;margin-top:6px;margin-bottom:6px}.unsaved-plans-warning.success .unsaved-plans-warning-inner{background:#f1f1f1;border:1px solid #eee}.unsaved-plans-warning .unsaved-plans-warning-inner{max-width:400px;width:100%;box-sizing:border-box;display:flex;flex-flow:column nowrap;border-radius:3px;background:#fff9d3;border:1px solid #ffe8b5;transition:background-color 250ms,border 250ms;padding:12px;margin-left:auto;margin-right:auto}.unsaved-plans-warning .unsaved-plans-warning-inner p{margin:0}.unsaved-plans-warning .unsaved-plans-warning-inner .unsaved-plans-animator{text-align:right}.unsaved-plans-warning .unsaved-plans-warning-inner .unsaved-plan-list{margin-top:6px;margin-bottom:6px}.unsaved-plans-warning .unsaved-plans-warning-inner .unsaved-plan-list>*{margin-bottom:6px}.unsaved-plans-warning .unsaved-plans-warning-inner .unsaved-plan-list>*:last-child{margin-bottom:0} .address-lookup-button{min-width:-moz-fit-content;min-width:fit-content} .find-location-container{position:absolute;top:12px;left:12px;display:flex;flex-flow:column nowrap;background:rgba(255,255,255,.75);padding:3px;border-radius:5px}.find-location-button{padding:8px 12px}.find-location-hint{padding:8px 12px !important;display:inline-block !important}.find-location-error-text{max-width:-moz-fit-content;max-width:fit-content} .key-r0az9xPYojtUnPdzNSL6 { padding: 0 6px; background: #000; border: 1px solid #555; border-bottom-width: 3px; border-radius: 3px; display: inline-block; margin-top: -6px; margin-bottom: -6px; } .tooltip-J4xSbwq0CBynStr7CEH_ { background: #333; color: #fff; padding: 9px 12px; border-radius: 3px; pointer-events: none; white-space: pre-wrap; text-align: center; z-index: 9001; } .tooltip-J4xSbwq0CBynStr7CEH_ path { fill: #333; stroke: #333; stroke-width: 0; } .user-location-map-container{height:400px;position:relative}.user-location-map{width:100%;height:100%;overflow:hidden;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.user-location{background:#e9e9e9;padding-top:10px;border-radius:3px}.address-lookup-field{padding-left:9px;padding-right:9px} .google-map-placeholder{width:100%;height:100%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:#f2f2f2}.google-map-placeholder p{margin:0}.google-map-placeholder-icon{font-size:30px;margin-bottom:10px}.google-map-placeholder-title{font-size:20px} .icon-colour-success{color:#2e8034}.icon-colour-warn{color:var(--color-error)} .loading-screen{text-align:center;padding:24px;background:var(--loading-screen-background-color);align-items:stretch !important}.loading-screen .loading-screen-version{margin-bottom:2rem} .page{width:100%;height:100%;flex:1 1 auto;box-sizing:border-box;display:flex;flex-flow:column nowrap;position:relative;overflow-y:auto}.page *{box-sizing:border-box}.page.center-content{align-items:center}.page.center-content>:first-child{margin-top:auto}.page.center-content>:last-child{margin-bottom:auto}.page-pad-y{padding-top:40px;padding-bottom:40px}.page-pad-y>:first-child{margin-top:0}.page-pad-y>:last-child{margin-bottom:0}.page-pad-x{padding-left:18px;padding-right:18px} .page-section{margin-top:18px;margin-bottom:40px} .loading-screen-error-message{max-width:480px;padding:6px;border:1px solid var(--color-error-alt);border-radius:3px;background-color:#fff;margin-left:auto;margin-right:auto;margin-bottom:24px}.loading-screen-error-message>h1,.loading-screen-error-message>h2,.loading-screen-error-message>h3,.loading-screen-error-message>h4,.loading-screen-error-message>h5,.loading-screen-error-message>h6,.loading-screen-error-message>p{margin-top:1rem;margin-bottom:1rem} .loading-screen-async-resource{margin-bottom:9px;max-width:350px;width:100%;margin-left:auto;margin-right:auto}.loading-screen-async-resource .loading-screen-async-resource-info{width:100%;display:flex;flex-flow:row nowrap}.loading-screen-async-resource .loading-screen-async-resource-info .label{flex:0 1 auto;text-align:left;margin-right:12px}.loading-screen-async-resource .loading-screen-async-resource-info .dots{flex:1 1 auto;border-bottom:2px dotted rgba(0,0,0,.2);margin-bottom:6px}.loading-screen-async-resource .loading-screen-async-resource-info .status{flex:0 0 30px}.loading-screen-async-resource .loading-screen-async-resource-info .retry{flex:0 0 auto;margin-right:3px;margin-left:6px}.loading-screen-async-resource .loading-screen-async-resource-error{text-align:left;color:var(--color-error-alt)}.loading-screen-async-resource .loading-screen-async-resource-error::before{content:"";border-left:1px solid var(--color-error-alt);border-bottom:1px solid var(--color-error-alt);border-bottom-left-radius:3px;margin-bottom:5px;margin-left:6px;margin-right:3px;width:6px;height:9px;display:inline-block} @charset "UTF-8"; .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before { border-color: #ccc; border-style: solid; border-width: 3px 3px 0 0; content: ""; display: block; height: 9px; position: absolute; top: 6px; width: 9px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { margin-left: -4px; position: absolute; width: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; content: ""; z-index: -1; border-width: 8px; left: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after { top: 0; } .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after { bottom: 0; } .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; } .react-datepicker { font-family: "Helvetica Neue", helvetica, arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time, .react-datepicker--time-only .react-datepicker__time-box { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^=bottom] { padding-top: 10px; } .react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^=top] { padding-bottom: 10px; } .react-datepicker-popper[data-placement^=right] { padding-left: 8px; } .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^=left] { padding-right: 8px; } .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; padding: 8px 0; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__header--time:not(.react-datepicker__header--time--only) { border-top-left-radius: 0; } .react-datepicker__header:not(.react-datepicker__header--has-time-select) { border-top-right-radius: 0.3rem; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 15px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { align-items: center; background: none; display: flex; justify-content: center; text-align: center; cursor: pointer; position: absolute; top: 2px; padding: 0; border: none; z-index: 1; height: 32px; width: 32px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 2px; } .react-datepicker__navigation--next { right: 2px; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 85px; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; } .react-datepicker__navigation--years-upcoming { top: -4px; } .react-datepicker__navigation:hover *::before { border-color: #a6a6a6; } .react-datepicker__navigation-icon { position: relative; top: -1px; font-size: 20px; width: 0; } .react-datepicker__navigation-icon--next { left: -2px; } .react-datepicker__navigation-icon--next::before { transform: rotate(45deg); left: -7px; } .react-datepicker__navigation-icon--previous { right: -2px; } .react-datepicker__navigation-icon--previous::before { transform: rotate(225deg); right: -7px; } .react-datepicker__month-container { float: left; } .react-datepicker__year { margin: 0.4rem; text-align: center; } .react-datepicker__year-wrapper { display: flex; flex-wrap: wrap; max-width: 180px; } .react-datepicker__year .react-datepicker__year-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; } .react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: auto; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] { -moz-appearance: textfield; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -87px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; border-bottom-right-radius: 0.3rem; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + 1.7rem / 2); overflow-y: scroll; padding-right: 0; padding-left: 0; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected, .react-datepicker__week-number--keyboard-selected):hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__week-number--selected { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__week-number--selected:hover { background-color: #1d5d90; } .react-datepicker__week-number--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__week-number--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day-names { white-space: nowrap; margin-bottom: -8px; } .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today, .react-datepicker__year-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted, .react-datepicker__year-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 { color: green; } .react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays { position: relative; border-radius: 0.3rem; background-color: #ff6803; color: #fff; } .react-datepicker__day--holidays .holiday-overlay, .react-datepicker__month-text--holidays .holiday-overlay, .react-datepicker__quarter-text--holidays .holiday-overlay, .react-datepicker__year-text--holidays .holiday-overlay { position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: #333; color: #fff; padding: 4px; border-radius: 4px; white-space: nowrap; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s ease-in-out; } .react-datepicker__day--holidays:hover, .react-datepicker__month-text--holidays:hover, .react-datepicker__quarter-text--holidays:hover, .react-datepicker__year-text--holidays:hover { background-color: #cf5300; } .react-datepicker__day--holidays:hover .holiday-overlay, .react-datepicker__month-text--holidays:hover .holiday-overlay, .react-datepicker__quarter-text--holidays:hover .holiday-overlay, .react-datepicker__year-text--holidays:hover .holiday-overlay { visibility: visible; opacity: 1; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected { border-radius: 0.3rem; background-color: #bad9f1; color: rgb(0, 0, 0); } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--in-range) { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range, .react-datepicker__month-text--in-selecting-range, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__year-text--in-selecting-range) { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled, .react-datepicker__year-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover { background-color: transparent; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__input-container .react-datepicker__calendar-icon { position: absolute; padding: 0.5rem; box-sizing: content-box; } .react-datepicker__view-calendar-icon input { padding: 6px 10px 5px 25px; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; position: relative; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { transform: rotate(135deg); right: -16px; top: 0; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0 6px 0 0; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; } .react-datepicker__close-icon::after { cursor: pointer; background-color: #216ba5; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "×"; } .react-datepicker__close-icon--disabled { cursor: default; } .react-datepicker__close-icon--disabled::after { cursor: default; background-color: #ccc; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__children-container { width: 13.8rem; margin: 0.4rem; padding-right: 0.2rem; padding-left: 0.2rem; height: auto; } .react-datepicker__aria-live { position: absolute; clip-path: circle(0); border: 0; height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; white-space: nowrap; } .react-datepicker__calendar-icon { width: 1em; height: 1em; vertical-align: -0.125em; } .rforms-tabs{margin-bottom:-1px;display:flex;flex-flow:row nowrap} .rforms-tab-button{padding:15px 20px;border:1px solid rgba(0,0,0,0);cursor:pointer;background:rgba(0,0,0,0);color:var(--inactive-tab-color);border-top-left-radius:3px;border-top-right-radius:3px}.rforms-tab-button:hover{border:1px solid #ccc;background:#fff}.rforms-tab-button.active{color:var(--color-text);border:1px solid #ccc;background:#f9f9f9;border-bottom:1px solid #f9f9f9}.rforms-tab-button:not(:first-child){margin-left:-1px}.form-section-background .rforms-tab-button{border:1px solid rgba(0,0,0,0)}.form-section-background .rforms-tab-button:hover{border:1px solid #ccc;background:#fff}.form-section-background .rforms-tab-button.active{border:1px solid #ccc;background:#f2f2f2;border-bottom:1px solid #f2f2f2} .rforms-tab-content{background:#f9f9f9;border-top:1px solid #ccc;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.rforms-tab-content.expand-into-section{margin-left:-24px;margin-left:calc(-1*var(--padding, 24px));margin-right:-24px;margin-right:calc(-1*var(--padding, 24px));padding-left:24px;padding-left:var(--padding, 24px);padding-right:24px;padding-right:var(--padding, 24px)}.rforms-tab-content.hidden{display:none}.form-section-background .rforms-tab-content{background:#f2f2f2;border-top:1px solid #ccc} .button-inline-japTDszTu1Dp1xP2T5y6 { padding: 8px 16px !important; } .badge-fq2u01ORdaBcopjhITIi { background: var(--color-primary); color: var(--color-primary-content); padding: 1px 6px; border-radius: 3px; text-shadow: none; font-size: 0.65em; } .page-heading{text-align:center;background:var(--color-background);padding:40px 20px;display:flex;flex-flow:column nowrap;gap:10px;width:100%;flex:0 0 auto}.page-heading .page-heading-content{display:flex;flex-flow:column nowrap;gap:10px;margin:auto}.page-heading .page-heading-content>*{margin:0}.page-heading.match-navbar-height{padding:25px 20px;min-height:140px}.page-heading.no-background{background:rgba(0,0,0,0);text-shadow:1px 1px 2px #000;color:#fff} .page-heading-title{font-size:32px;font-weight:bold;word-break:break-word}.page-heading-title>*{margin:0} .page-heading-subtitle{font-size:16px;font-weight:normal;word-break:break-word}.page-heading-subtitle>*{margin:0} .page-content{background:#f9f9f9;flex:1} .page-row>.page-row-container{max-width:1000px;margin:0 auto;display:flex;flex-flow:row wrap}.page-row.center-content>.page-row-container{justify-content:center} .page-column{width:100%}.page-column.column-mobile-1{width:8.3333333333%}.page-column.column-mobile-2{width:16.6666666667%}.page-column.column-mobile-3{width:25%}.page-column.column-mobile-4{width:33.3333333333%}.page-column.column-mobile-5{width:41.6666666667%}.page-column.column-mobile-6{width:50%}.page-column.column-mobile-7{width:58.3333333333%}.page-column.column-mobile-8{width:66.6666666667%}.page-column.column-mobile-9{width:75%}.page-column.column-mobile-10{width:83.3333333333%}.page-column.column-mobile-11{width:91.6666666667%}.page-column.column-mobile-12{width:100%}@media(min-width: 740px){.page-column.column-desktop-1{width:8.3333333333%}.page-column.column-desktop-2{width:16.6666666667%}.page-column.column-desktop-3{width:25%}.page-column.column-desktop-4{width:33.3333333333%}.page-column.column-desktop-5{width:41.6666666667%}.page-column.column-desktop-6{width:50%}.page-column.column-desktop-7{width:58.3333333333%}.page-column.column-desktop-8{width:66.6666666667%}.page-column.column-desktop-9{width:75%}.page-column.column-desktop-10{width:83.3333333333%}.page-column.column-desktop-11{width:91.6666666667%}.page-column.column-desktop-12{width:100%}} .mobile-topbar-menu-button{width:44px;height:44px;flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-primary-content);border:none;border-radius:3px;font-size:20px;box-shadow:0px 2px 6px -3px rgba(0,0,0,.75);margin:3px}.mobile-topbar-menu-button:hover{background:var(--color-primary-dark)} .intercom-icon-round{--background-padding: 0.8em;width:1em;height:1em;position:relative;display:inline-block}.intercom-icon-round:not(.no-background)::before{content:"";position:absolute;top:calc(-1*var(--background-padding));left:calc(-1*var(--background-padding));bottom:calc(-1*var(--background-padding));right:calc(-1*var(--background-padding));background:var(--color-intercom, #3f51b5);border-radius:9999px;z-index:0}.intercom-icon-round>svg{width:1em;position:absolute;top:0;left:0;z-index:1} .mobile-topbar-intercom{display:flex;position:relative;margin:3px}.mobile-topbar-intercom.dismissed .mobile-topbar-intercom-button::before{display:none}.mobile-topbar-intercom.dismissed .intercom-intro-popup-container{display:none}.mobile-topbar-intercom .mobile-topbar-intercom-button{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:0;position:relative;padding:0}.mobile-topbar-intercom .mobile-topbar-intercom-button:active>div{background:var(--color-intercom-hover, #5768c5)}@media(hover: hover){.mobile-topbar-intercom .mobile-topbar-intercom-button:hover>div{background:var(--color-intercom-hover, #5768c5)}}.mobile-topbar-intercom .mobile-topbar-intercom-button>div{box-sizing:border-box;width:44px;height:44px;overflow:hidden;display:flex;flex-flow:column nowrap;border-radius:0;background:var(--color-intercom, #3f51b5);color:#fff;border-radius:3px;align-items:center;justify-content:center;padding:6px;gap:3px;box-shadow:0px 2px 6px -3px rgba(0,0,0,.75)}.mobile-topbar-intercom .mobile-topbar-intercom-button>div>span{font-size:10px}.mobile-topbar-intercom .mobile-topbar-intercom-button>div .icon-down-dir{font-size:10px;margin-left:2px}.mobile-topbar-intercom .mobile-topbar-intercom-button>div .icon-down-dir::before{transition:transform .2s ease-in-out}.mobile-topbar-intercom .mobile-topbar-intercom-button>div .icon-down-dir.open::before{transform:rotateX(180deg)}.mobile-topbar-intercom .mobile-topbar-intercom-button::before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;border-radius:3px;border:1px solid var(--color-intercom, #3f51b5);animation:intercomHighlight 1s infinite ease-out;animation-fill-mode:forwards}.mobile-topbar-intercom .intercom-intro-popup-container{position:absolute;top:calc(100% + 3px);left:-50px;right:calc(100vw - 50px);width:100vw;height:calc(100vh - 50px);padding:12px;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}.mobile-topbar-intercom .intercom-intro-popup-container .intercom-intro-popup{background:#fff;border-radius:6px;padding:12px;position:relative;box-shadow:0px 0px 13px -2px rgba(0,0,0,.82)}.mobile-topbar-intercom .intercom-intro-popup-container .intercom-intro-popup::before{content:"";position:absolute;top:-6px;left:57px;width:12px;height:12px;transform:rotate(45deg);background:#fff;border-top-left-radius:3px}.mobile-topbar-intercom .intercom-intro-popup-container .intercom-intro-popup>*{margin-top:6px;margin-bottom:6px}.mobile-topbar-intercom .intercom-intro-popup-container .intercom-intro-popup>*:first-child{margin-top:0}.mobile-topbar-intercom .intercom-intro-popup-container .intercom-intro-popup>*:last-child{margin-bottom:0}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown{position:absolute;top:calc(100% + 3px);left:-50px;right:calc(100vw - 50px);width:100vw;height:calc(100vh - 50px);padding:12px;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;z-index:10}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown.open .mobile-topbar-intercom-dropdown-inner{animation:.2s cubic-bezier(0.85, 0, 0.15, 1) 0s 1 flyDropdownInTop;opacity:1;transform:none}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner{background:#fff;border-radius:6px;position:relative;box-shadow:0px 0px 13px -2px rgba(0,0,0,.82);box-sizing:border-box;max-height:100%;display:flex;flex-flow:column nowrap;opacity:0;transform:translateY(-10px) scale(0.95);transform-origin:75px;transition:opacity .2s ease-in-out,transform .2s cubic-bezier(0.85, 0, 0.15, 1)}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll{padding:6px;display:flex;flex-flow:column nowrap;gap:6px;max-height:100%;overflow:auto}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a{padding:12px;border:none;background:none;text-align:left;display:flex;flex-flow:row nowrap;align-items:flex-start;background:var(--color-intercom, #3f51b5);color:#fff;border-radius:6px;box-shadow:0 1px 3px -1px #25283b;z-index:1;box-sizing:border-box;line-height:1;-webkit-text-decoration:none;text-decoration:none}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.left-icon,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.left-icon{flex:0 0 auto;width:24px;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;margin-right:6px;text-align:center}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.left-icon .icon-help-circled,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.left-icon .icon-help-circled{color:#fff;padding:0}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.left-icon .icon-help-circled:hover,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.left-icon .icon-help-circled:hover{color:#fff}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.content,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.content{flex:1 1 auto;display:flex;flex-flow:column nowrap}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.content>.title,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.content>.title{font-weight:bold;font-size:14px}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.content>.description,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.content>.description{margin-top:3px;font-size:12px}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button>.content>.helptext,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a>.content>.helptext{margin-top:9px;font-size:12px;font-style:italic}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button:hover,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a:hover{background:var(--color-intercom-hover, #5768c5)}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button:disabled,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a:disabled{background:var(--color-intercom-disabled, #b5bcd8);box-shadow:0 1px 3px -1px rgba(37,40,59,.2)}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>button:disabled:hover,.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner .mobile-topbar-intercom-dropdown-inner-scroll>a:disabled:hover{background:var(--color-intercom-disabled, #b5bcd8)}.mobile-topbar-intercom .mobile-topbar-intercom-dropdown .mobile-topbar-intercom-dropdown-inner::before{content:"";position:absolute;top:-6px;left:57px;width:12px;height:12px;transform:rotate(45deg);background:#fff;border-top-left-radius:3px}@keyframes intercomHighlight{from{transform:scale(0.85);opacity:1}to{transform:scale(1);opacity:0}}@keyframes flyDropdownInTop{from{opacity:0;transform:translateY(-10px) scale(0.95)}to{opacity:1;transform:none}} .container-X8P9nZyTsIYFvMafuwSt { display: flex; flex-flow: row nowrap; } .buttons-4hzVqtYLtqmBJnzSXjTY { display: flex; flex-flow: row nowrap; align-items: stretch; } .buttons-4hzVqtYLtqmBJnzSXjTY > *:not(:last-child) { margin-right: 0; } .container-pD6vHdqvOrFHJ522NNZa { display: flex; flex-flow: column nowrap; flex: 0 0 auto; background: #fff; box-shadow: rgb(0 0 0 / 50%) 0px -3px 8px 1px; z-index: 10; } .container-pD6vHdqvOrFHJ522NNZa.no-background-N7D3OV_IZ9j3xw56Kdlp { background: transparent; } .mobile-topbar-subtitle{font-size:12px;margin-top:-3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .mobile-topbar-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .content-sinnh3qUvmwb1DS4ECFt { display: flex; flex-flow: column nowrap; overflow: hidden; justify-content: center; padding: 3px 6px; line-height: normal; flex: 1 1 auto; overflow: hidden; } .iframe-container{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%} .journal-page .journal-placeholder{max-width:200px}.placeholder-page{background-position:center center;background-attachment:fixed;background-size:cover;flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center}.placeholder-page h1,.placeholder-page p{color:#fff;text-shadow:1px 1px 2px #000}.placeholder-page .placeholder-content{max-width:620px} .mobile-journal{flex:1;position:relative} .page-section-title{margin-bottom:20px}.page-section-title>*{margin:0} .yt-embed{padding-bottom:56.25%;position:relative;display:block;width:100%;border:0;background-color:rgba(0,0,0,0)}.yt-embed .yt-embed-content{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;overflow:hidden}.yt-thumbnail-button{padding-bottom:56.25%;padding-top:25px;position:relative;display:block;width:100%;border:0;background-color:rgba(0,0,0,0)}.yt-thumbnail-button .yt-button-content{position:absolute;top:0;bottom:0;left:0;right:0;display:grid;overflow:hidden}.yt-thumbnail-button .center-contents{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.yt-thumbnail-button .yt-play,.yt-thumbnail-button .yt-thumb{grid-column:1;grid-row:1;max-width:100%}.yt-thumbnail-button .yt-play{width:80px}.yt-thumbnail-button .play-button-svg{fill:rgba(0,0,0,.66667)}.yt-thumbnail-button:hover .play-button-svg{fill:#f61c0d} .update-section{margin-bottom:16px}.update-section h4{margin:0;padding:0;margin-bottom:8px;color:var(--color-text-accent)}.update-section p{margin:0;padding:0;margin-bottom:8px}.update-section .version{color:#333;font-weight:600}.update-section .date{color:#666} .vertical-nav-section{margin-bottom:12px;border-radius:3px;display:flex;flex-flow:column nowrap;gap:3px}.vertical-nav-section:last-child{margin-bottom:0}.vertical-nav-section.topmost>.vertical-nav-section-header{font-weight:bold}.vertical-nav-section.topmost>.vertical-nav-section-header>.vertical-nav-section-toggler{color:var(--color-text)}.vertical-nav-section>.vertical-nav-section-items{margin:0;list-style-type:none;padding:0;padding-left:18px;display:flex;flex-flow:column nowrap;gap:3px}.vertical-nav-section>.vertical-nav-section-header{display:flex;flex-flow:row nowrap;align-items:stretch;position:relative}.vertical-nav-section>.vertical-nav-section-header>.vertical-nav-section-toggler{position:absolute;top:0;right:0;bottom:0;background:none;border:none;padding:0 9px;color:var(--color-text-extra-light)}.vertical-nav-section>.vertical-nav-section-header>.vertical-nav-section-toggler::before{content:"";position:absolute;top:calc(50% - 14px);left:calc(50% - 14px);bottom:calc(50% - 14px);right:calc(50% - 14px);border-radius:14px;z-index:-1}.vertical-nav-section>.vertical-nav-section-header>.vertical-nav-section-toggler:hover::before{background:#f2f2f2}.vertical-nav-section>.vertical-nav-section-header>.vertical-nav-section-toggler>.icon::before{transition:transform 100ms ease-in-out}.vertical-nav-section>.vertical-nav-section-items{height:auto;overflow:hidden}.vertical-nav-section.closed>.vertical-nav-section-items{height:0}.vertical-nav-section.closed>.vertical-nav-section-header>.vertical-nav-section-toggler>.icon::before{transform:rotate(180deg)} .dashboard-logo{padding:24px 0;margin:auto;max-width:1200px;display:grid}.dashboard-logo .dashboard-logo-inner{padding:24px;border-radius:6px;background-color:var(--dashboard-logo-background-color)}.dashboard-logo .dashboard-logo-image{width:var(--dashboard-logo-width);display:block;max-width:100%}@media(min-width: 1000px){.dashboard-logo{grid-template-columns:240px 1fr 240px}.dashboard-logo .dashboard-logo-inner{grid-column-start:2;grid-column-end:2}}@media(max-width: 999px){.dashboard-logo{grid-template-columns:1fr}.dashboard-logo .dashboard-logo-inner{grid-column-start:1;grid-column-end:1}} .dashboard-item{box-sizing:border-box;width:100%;max-width:1400px;margin:auto;display:flex;grid-gap:24px;gap:24px;display:grid}.dashboard-item .dashboard-block{display:flex;flex-direction:column;gap:6px;border-radius:3px;font-size:14px;line-height:1.3}.dashboard-item .dashboard-block.padded{padding:6px}.dashboard-item .dashboard-block.background{background-color:#e8e8e8}.dashboard-item .dashboard-block p{padding:0;margin:0}.dashboard-item .dashboard-item-title{color:#fff;font-weight:900;box-sizing:border-box}.dashboard-item .dashboard-item-content{flex:1 1 auto;display:flex;padding:12px 24px;background-color:#f2f2f2;border-radius:6px;overflow:hidden;grid-column-start:2;grid-column-end:2}.dashboard-item .dashboard-item-scrollpane{flex:1 1 auto;display:flex;padding:12px 0;overflow-x:auto;gap:24px}@media(min-width: 1000px){.dashboard-item{grid-template-columns:240px 1fr 240px}.dashboard-item .dashboard-item-title{flex:1 1 auto;max-width:240px;min-width:240px;padding-top:24px;font-size:42px;line-height:1;text-align:right;border-right:4px solid var(--color-primary);padding-right:24px;grid-column-start:1;grid-column-end:1}.dashboard-item .dashboard-item-scrollpane{flex-direction:row}.dashboard-item .dashboard-item-content{grid-column-start:2;grid-column-end:2}}@media(max-width: 1400px){.dashboard-item{grid-template-columns:240px 1fr 24px}}@media(max-width: 999px){.dashboard-item{grid-template-columns:1fr;padding:0 24px;flex-direction:column}.dashboard-item .dashboard-item-title{font-size:42px;grid-column-start:1;grid-column-end:1}.dashboard-item .dashboard-item-scrollpane{flex-direction:row}.dashboard-item .dashboard-item-content{grid-column-start:1;grid-column-end:1}}@media(max-width: 700px){.dashboard-item{grid-template-columns:1fr;padding:0 24px;flex-direction:column}.dashboard-item .dashboard-item-title{font-size:42px;grid-column-start:1;grid-column-end:1}.dashboard-item .dashboard-item-scrollpane{flex-direction:column}.dashboard-item .dashboard-item-content{grid-column-start:1;grid-column-end:1}} .dashboard-item-section{flex:1 1 auto;width:100%}.dashboard-item-section .dashboard-item-section-title{font-size:18px;font-weight:600;border-bottom:1px solid var(--color-primary);margin-bottom:12px}@media(min-width: 700px){.dashboard-item-section{flex:1 1 auto;width:100%}.dashboard-item-section.col-1{max-width:100%}.dashboard-item-section.col-2{max-width:50%}.dashboard-item-section.col-3{max-width:calc(33.33% - 16px);min-width:calc(33.33% - 16px)}.dashboard-item-section.col-3.col-span-2{max-width:calc(66.66% - 12px);min-width:calc(66.66% - 12px)}.dashboard-item-section.col-4{max-width:25%}}@media(max-width: 699px){.dashboard-item-section{flex:1 1 auto;width:100%}.dashboard-item-section.col-1,.dashboard-item-section.col-2,.dashboard-item-section.col-3,.dashboard-item-section.col-4{max-width:100%}} .help-details-F3kZs62RMbjNpan4umYk { font-size: 14px; } .help-details-title-QYjxXSr6K8ZadJSEgYRS { font-weight: 600; } .recent-plans-section .recent-plans-list{display:flex;flex-direction:column;gap:6px}.recent-plans-section .recent-plans-list-item{transition:color 150ms,background-color 150ms,border 150ms;display:flex;flex-direction:column;text-align:left;gap:12px;border-radius:3px;background-color:#fff;color:#333;padding:12px;border:1px solid #eee;overflow:hidden}.recent-plans-section .recent-plans-list-item .list-item-top-row{display:flex;justify-content:space-between;align-items:center;overflow:hidden;flex:1 1 auto;width:100%}.recent-plans-section .recent-plans-list-item .list-item-mid-row{display:flex;justify-content:space-between;align-items:flex-end;font-weight:200;flex:1 1 auto;width:100%}.recent-plans-section .recent-plans-list-item .plan-name{flex:1 1 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-plans-section .recent-plans-list-item .plan-year{flex:0 1 auto;color:#666}.recent-plans-section .recent-plans-list-item .plan-last-modified{color:#aaa;font-size:13px}.recent-plans-section .recent-plans-list-item .plan-controls{color:var(--color-primary);font-size:14px;font-weight:400}.recent-plans-section .recent-plans-list-item:hover{background-color:var(--color-primary-dark);border:1px solid var(--color-primary-dark);color:var(--color-primary-content)}.recent-plans-section .recent-plans-list-item:hover .plan-name{color:var(--color-primary-content)}.recent-plans-section .recent-plans-list-item:hover .plan-year{color:var(--color-primary-content)}.recent-plans-section .recent-plans-list-item:hover .plan-last-modified{color:var(--color-primary-content)}.recent-plans-section .recent-plans-list-item:hover .plan-controls{color:var(--color-primary-content)} .updates-modal .inner-modal{max-width:580px} .get-started-section{display:flex;flex-direction:column;gap:12px;color:#555;font-weight:300}.get-started-section .start-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:12px}.get-started-section .start-button{min-width:172px;flex:1 1 calc(50% - 6px);display:flex;flex-direction:column;gap:6px} .get-started-section{display:flex;flex-direction:column;gap:24px;color:#555;font-weight:300}.get-started-section .journal-fold{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:stretch;gap:12px}.get-started-section .journal-fold .fold-column{display:flex;flex-direction:column;gap:6px;min-width:172px;flex:1 1 calc(50% - 6px)}@media(max-width: 999px){.get-started-section .journal-fold{gap:6px}} .dashboard-reminder-tile.dashboard-reminder-tile-dismissed .dashboard-reminders-container .dashboard-reminder-content{padding-bottom:14px}.dashboard-reminder-tile .dashboard-reminders-container{background-color:#fff;border:1px solid #e8e8e8;border-radius:3px;box-sizing:border-box;position:relative}.dashboard-reminder-tile .dashboard-reminder-content{width:100%;box-sizing:border-box;padding:6px}.dashboard-reminder-tile .dashboard-reminder-text{margin:0;padding:0;font-family:"Nunito Sans","Verdana",sans-serif;white-space:pre-wrap}.dashboard-reminder-tile .dashboard-reminder-controls{padding:6px;display:flex;gap:6px;box-sizing:border-box;align-self:stretch}.dashboard-reminder-tile .reminder-button{padding:3px 6px;min-width:82px;min-height:24px}.dashboard-reminder-tile .dismissed-note,.dashboard-reminder-tile .overdue-note{position:absolute;bottom:0;left:0;background-color:#e8e8e8;border-radius:0 3px 0 3px;font-size:12px;padding:3px;line-height:12px;color:#666;font-style:italic}.dashboard-reminder-tile .overdue-note{background-color:#fff0d8;color:#8f741b;font-style:italic}@media(min-width: 740px){.dashboard-reminder-tile .dashboard-reminder-controls{flex-direction:column;border-left:1px solid #e8e8e8}}@media(max-width: 739px){.dashboard-reminder-tile .dashboard-reminder-controls{flex-direction:row;width:100%;justify-content:flex-end;border-top:1px solid #e8e8e8}} .dashboard-reminder-day{font-size:14px}.dashboard-reminder-day .dashboard-reminders-list{display:flex;flex-direction:column;gap:6px} .upcoming-reminders-title-RrTiq9CHAmsDdqhPCRku { display: flex; justify-content: space-between; } .upcoming-reminders-title-RrTiq9CHAmsDdqhPCRku label { display: flex; justify-content: center; gap: 6px; font-size: 14px; font-weight: 400; } .upcoming-reminders-title-RrTiq9CHAmsDdqhPCRku label input { margin-bottom: 4px; } .reminders-scrollpane-BY2RlyPFCuFqIEFJQeaT { overflow-y: auto; max-height: 300px; } .reminders-list-Q1sADnqldzGHpsdvlufQ { display: flex; flex-direction: column; gap: 12px; } .empty-reminders-qmOUXreon2En0U0kewnM { background-color: #e8e8e8; border-radius: 3px; padding: 16px; color: #777; font-style: italic; font-size: 14px; text-align: center; } .empty-reminders-retry-QC3kKC0qwYQDOwu8VBby { margin-top: 6px; } .reminders-controls-yAwS8CeUpXjeDIeShFiQ { display: flex; gap: 12px; align-items: center; } .upcoming-reminders-title-RrTiq9CHAmsDdqhPCRku .reminders-controls-yAwS8CeUpXjeDIeShFiQ .refresh-button-wZdI7vuvbsfFihCiwMss { padding: 3px; font-size: 12px; margin-bottom: 1px; } .forecast-display{display:flex;width:100%}.forecast-display .forecast-day{flex:1 1 auto;display:inline-flex;flex-direction:column;margin-right:6px;background:#fff;border-radius:3px;overflow:hidden;min-width:110px}.forecast-display .forecast-day:last-child{margin-right:0}.forecast-display .forecast-day .forecast-details{flex:1;padding:12px 6px;padding-bottom:0}.forecast-display .forecast-day .forecast-title{font-weight:700;line-height:1;margin-bottom:6px}.forecast-display .forecast-day .forecast-date{line-height:1;color:#888}.forecast-display .forecast-day .icon-band{display:flex;gap:6px;padding:6px;justify-content:space-evenly;align-items:center}.forecast-display .forecast-day .forecast-icon{font-size:29px;min-width:42px;text-align:center}.forecast-display .forecast-day .forecast-icon img{max-width:100%}.forecast-display .forecast-day .forecast-icon .icon-spinner{color:#999}.forecast-display .forecast-day .temperature-band{color:#fff;text-shadow:1px 1px 1px rgba(51,51,51,.45098);transition-property:background-color;transition-duration:1s}.forecast-display .forecast-day .temperature-band.dark{color:#333}.forecast-display .temp-container .temp-group{display:block;line-height:1;padding:6px}.forecast-display .temp-container .temp-key-outer{display:inline-block;width:32px;text-align:right}.forecast-display .temp-container .temp-key{font-size:10px;margin-right:3px;background-color:rgba(255,255,255,.2);padding:0 3px}.forecast-display .temp-container .temp-val{font-size:14px} @media(max-width: 999px){.article-list .dashboard-item-scrollpane{gap:0}} .suggested-article{list-style-type:none;margin:0;padding:2px 5px}.suggested-article>a{padding:5px 10px;width:100%;box-sizing:border-box;display:inline-flex;flex-flow:row wrap;align-items:center;justify-content:center;row-gap:9px}.suggested-article>a:hover{background-color:rgba(255,255,255,.47);-webkit-text-decoration:none;text-decoration:none}.suggested-article>a:hover .article-image{transform:scale(1.2)}.suggested-article>a:hover .article-title{color:#0bacc7;-webkit-text-decoration:underline;text-decoration:underline}.suggested-article .article-details{flex:1 1 min(200px,100%)}.suggested-article .article-details>p{margin:0;padding:0;line-height:1.5}.suggested-article .article-details .article-title{margin:0;font-weight:normal;color:#333}.suggested-article .article-details .article-data{color:#666}.suggested-article .article-image-container{width:40px;height:40px;min-width:40px;min-height:40px;border:3px solid #fff;border-radius:100%;overflow:hidden;box-shadow:2px 2px 3px #c1c1c1;margin-right:10px}.suggested-article .article-image-container .article-image{background-position:center;background-size:cover;width:40px;height:40px;min-width:40px;min-height:40px;transition:transform .25s ease}.suggested-article-loading{display:flex;align-items:center;padding:7px 15px}.suggested-article-loading .ph-avatar{flex:0 1 auto;width:40px;height:40px;min-width:40px;min-height:40px;border:3px solid #fff;border-radius:100%;overflow:hidden;box-shadow:2px 2px 3px #c1c1c1;margin-right:10px}.suggested-article-loading .ph-row{min-width:280px} .suggested-articles{font-size:14px;margin:0;padding:0} .support-dashboard-item .dashboard-item-section{display:flex;flex-direction:column;gap:12px}.support-dashboard-item .dashboard-block.chat-support-block{display:flex;flex-direction:row}.support-dashboard-item .live-chat-block{text-align:center}.support-dashboard-item .live-chat-staff{display:flex;justify-content:space-between;padding:6px;padding-right:48px}.support-dashboard-item .live-chat-icon{flex:0 1 auto;position:relative;height:42px}.support-dashboard-item .live-chat-icon-img{box-sizing:border-box;height:42px;width:42px;border-radius:100%;border:2px solid #fff;position:absolute}.support-dashboard-item .live-chat-button{background-color:#3f51b5;background-color:var(--color-intercom, #3f51b5);border:1px solid #212f78;display:flex;color:#fff;white-space:nowrap;display:flex;align-items:center;gap:12px;padding:6px 12px;border-radius:3px}.support-dashboard-item .live-chat-button:hover{background-color:#5768c5;background-color:var(--color-intercom-hover, #5768c5)}.support-dashboard-item .intercom-icon{height:20px} .account-dashboard-item .account-label{display:inline-block;width:120px}.account-dashboard-item .account-status{font-weight:600} .dashboard{position:relative;flex:1 1 auto;background-position:center center;background-attachment:fixed;background-size:cover;overflow:hidden;transition:background-image 2s ease-in-out}.dashboard .dashboard-inner{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;background-color:rgba(0,0,0,.37647);padding-top:48px;padding-bottom:48px;display:flex;flex-direction:column;gap:48px}@media(max-width: 460px){.dashboard .dashboard-inner{padding-top:0;gap:12px}}.dashboard .dashboard-items{display:flex;flex-direction:column;gap:48px;flex:1 1 auto}.dashboard .dashboard-button{padding:9px;border:1px solid var(--color-primary-dark);border-radius:3px;background-color:var(--color-primary);color:var(--color-primary-content)}.dashboard .dashboard-button:hover{background-color:var(--color-primary-dark)}.dashboard .dashboard-logo-container{padding-top:48px;text-align:center}.dashboard .dashboard-logo-container img{width:100%;max-width:280px}.dashboard .dashboard-link-button{display:inline-block;padding:6px 12px;margin:0;font-size:14px;border-radius:3px;width:auto;color:var(--color-link);background-color:#e8e8e8;border:1px solid #e0e0e0;box-shadow:none}.dashboard .dashboard-link-button i{margin-right:6px}.dashboard .dashboard-link-button:hover{color:var(--color-link-hover)}.dashboard .dashboard-link-button:active{border:1px solid #e0e0e0;box-shadow:none;margin:0;color:var(--color-link-active)} .top-menu-button-Wr1kyQxnA1bRh30UWwn8 { padding: 0 12px; border: 1px solid #eee; border-radius: 3px; height: 34px; line-height: 34px; font-size: 16px; background-color: #fff; color: #333; box-shadow: 0px 2px 6px -5px rgba(0, 0, 0, 0.75); position: relative; white-space: nowrap; --overlay-icon-color: var(--success-color); } .top-menu-button-Wr1kyQxnA1bRh30UWwn8:hover { background-color: #ddd; } .top-menu-button-Wr1kyQxnA1bRh30UWwn8:disabled { cursor: default; } .top-menu-button-Wr1kyQxnA1bRh30UWwn8:disabled:hover { background-color: #fff; } .top-menu-button-Wr1kyQxnA1bRh30UWwn8 > span { font-size: 14px; } .tutorial-display-container-omgqJiddFbkGNSsAZ01W { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #00000044; display: flex; justify-content: center; align-items: center; padding: var(--basePadding) } .desktop-dropdown-window-s1B0CfGLNoTj_uCKKrX5 { position: relative; background-color: #f2f2f2; color: #333; border-radius: 3px; max-width: var(--desktop-menu-dropdown-width); width: var(--desktop-menu-dropdown-width); box-shadow: 0 0 12px #999; box-sizing: border-box; } .open-plan-list-y4tePChRHY8o7qpimSeU { display: flex; flex-direction: column; } .open-plan-list-y4tePChRHY8o7qpimSeU h2 { margin-top: 0; margin-bottom: 0; font-size: 16px; font-weight: 600; padding: 9px 12px; } .empty-list-message-LRzywJl7yczEsNhcwl1R { padding: 15px 18px; color: #999; text-align: center; border-top: 1px solid #eee; background-color: #fff; } .open-plan-list-item-v3tGxIsPi6KdPRPSEESR { border-top: 1px solid #eee; display: flex; flex-flow: row nowrap; align-items: stretch; gap: 0; } .error-t70v_CPCnIXkvygCuGvf { color: var(--color-error); } .active-select-button-bK6JtnX50KcrCW7MVMwW { background-color: #fff; border: 0; } /* Button to switch to a plan */ .item-select-button-aRrbkbBtX0K88zn1bfYG { flex: 1 1 auto; padding: 15px 18px; border-radius: 0px; display: flex; flex-flow: row nowrap; align-items: center; gap: 6px; border: none; background: #fff; color: #333; min-width: 0; } .item-select-button-aRrbkbBtX0K88zn1bfYG:hover { background-color: #f5f5f5; } /* Button to close a plan */ .item-close-button-otDsB2tFIgNSXybYyBHi { flex: 0 0 auto; background-color: #fff; color: #333; border: none; width: 32px; text-align: center; display: flex; justify-content: center; align-items: center; } .item-close-button-otDsB2tFIgNSXybYyBHi:hover { background-color: var(--color-error); color: var(--color-error-text); } .item-plan-name-Jd8BiHpD2LzbGPxWOH4u { text-align: left; flex: 0 1 auto; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .item-plan-year-pTRiLZBLB_cxQafnUFew { flex: 0 1 auto; font-weight: 300; color: #666; margin-left: auto; } .plan-list-controls-ywInC3p7GLsOGGhivv7_ { padding: 6px; background-color: #eee; display: flex; flex-flow: row nowrap; justify-content: flex-end; gap: 6px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /* Button to open/create new plan */ .open-plan-list-button-LmzK_t2yIzcacCSthhgg { padding: 9px 12px; border-radius: 3px; display: flex; flex-flow: row nowrap; gap: 6px; color: var(--button-primary-color); background-color: var(--button-primary-background); border: 1px solid var(--button-primary-border-hover); } .open-plan-list-button-LmzK_t2yIzcacCSthhgg:active, .open-plan-list-button-LmzK_t2yIzcacCSthhgg:hover { background: var(--button-primary-background-hover); border-color: var(--button-primary-border-hover); } .active-plan-pill-vxmYAkBDS__zL1p8N2Kl { padding: 3px; font-size: 12px; line-height: 1; background-color: var(--color-primary); color: var(--color-primary-content); border-radius: 3px; white-space: nowrap; } :root { --desktop-menu-button-width: 300px; --desktop-menu-dropdown-width: 440px; } .title-text-IyyJJDX7ff0ge6L0noNB { flex: 1 1 auto; font-size: 16px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; min-width: 0; overflow: hidden; text-align: left; } .title-year-DD5GhqianXyTiiKgahW7 { font-size: 16px; font-weight: 300; color: #666; } .title-container-JMLiY6i8XdnonOBAWmFJ { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; padding: 6px; gap: 6px; flex: 0 1 var(--desktop-menu-button-width); max-width: var(--desktop-menu-button-width); min-width: 250px; width: auto; overflow: hidden; } .title-details-gfqFcCVcP1jCVAqA_0D_ { flex: 1 1 auto; flex-direction: row; min-width: 0; overflow: hidden; text-overflow: ellipsis; align-items: center; gap: 6px; display: flex; align-items: center; } .title-icon-qiFu7K4j5m63oK3mFwQY { flex: 0 1 auto; display: flex; justify-content: center; align-items: center; height: 100%; font-size: 18px; } .error-RMw2iV4oxFK8taZsiDn5 { color: var(--color-error); } .desktop-planner-tabs-oGo9qCQ4n9g4K9RktFpv { flex: 1 1 auto; display: flex; justify-content: space-between; align-items: center; max-width: 380px; gap: 6px; padding-left: calc(var(--container-spacing) * 2); padding-right: calc(var(--container-spacing) * 2); } .desktop-planner-tab-rGJ6IuqrrdNxZvLp2FLn > button { border: 0; margin: 0; background-color: transparent; border-radius: 3px; font-weight: 600; font-size: 16px; box-shadow: none; } .desktop-planner-tab-rGJ6IuqrrdNxZvLp2FLn > button:hover { background-color: transparent; border-radius: 3px 3px 0 0; border-bottom: 3px solid var(--color-planner-header-tab-line); } .active-desktop-planner-tab-_VDW1Ntg1nrpSqmtk2Q6 > button { border-radius: 3px 3px 0 0; border-bottom: 3px solid var(--color-planner-header-tab-line-active); font-weight: 600; } .menu-button-TsFyf7tCi0FsG6ecE69M { padding: 6px; background-color: var(--button-background); border: var(--button-border); color: var(--button-color); border-radius: 3px; min-width: 32px; height: 32px; font-size: 14px; line-height: 1; margin: 0; display: inline-block; text-wrap: nowrap; box-sizing: border-box; position: relative; white-space: nowrap; } .menu-button-TsFyf7tCi0FsG6ecE69M:hover { --button-background: #ddd; --button-border: 1px solid #ddd; } .menu-button-TsFyf7tCi0FsG6ecE69M:disabled { --button-color: #aaa; --button-background: #eee; --button-border: 1px solid #eee; cursor: default; } .active-menu-button-stJtop4kHVYnQF9pFGh6 { --button-background: var(--color-primary); --button-border: 1px solid var(--color-primary-dark); --button-color: var(--color-primary-content); } .active-menu-button-stJtop4kHVYnQF9pFGh6:hover { --button-background: var(--color-primary-dark); --button-border: 1px solid var(--color-primary-dark); --button-color: var(--color-primary-content); } .help-menu-button-hD1w66Vc6tkBj448JBKe { --button-border: 1px solid var(--help-color); --button-color: var(--help-color); } .help-menu-button-hD1w66Vc6tkBj448JBKe:hover { --button-border: 1px solid var(--help-color); --button-color: var(--help-color-foreground); --button-background: var(--help-color); } .help-menu-button-hD1w66Vc6tkBj448JBKe:disabled { --button-border: 1px solid var(--help-color); } .help-menu-button-hD1w66Vc6tkBj448JBKe:disabled:hover { --button-background: #eee; --button-color: #aaa; } .select-menu-button-DRyIzxXfsPT9VTkoQJW6 { position: relative; } .select-menu-button-DRyIzxXfsPT9VTkoQJW6.active-menu-button-stJtop4kHVYnQF9pFGh6 { --button-border-width: 1px; --button-background: #fff; --button-border: var(--button-border-width) solid var(--button-inline-color); --button-color: var(--button-inline-active); margin-left: -1px; position: relative; z-index: 1; border-left-width: var(--button-border-width) !important; border-right-width: var(--button-border-width) !important; } .select-menu-button-DRyIzxXfsPT9VTkoQJW6.active-menu-button-stJtop4kHVYnQF9pFGh6:first-child { margin-left: 0; } .select-menu-button-DRyIzxXfsPT9VTkoQJW6.active-menu-button-stJtop4kHVYnQF9pFGh6:hover { --button-background: #ddd; } .save-menu-button-NM_c2nf3PafDA9vQbLiW { --overlay-icon-color: var(--success-color); --overlay-icon-text-shadow: -1px 0 0 var(--success-color-dark), 1px 0 0 var(--success-color-dark), 0 1px 0 var(--success-color-dark), 0 -1px 0 var(--success-color-dark); } .control-group-yoiCGKu8t5stLqpZp4xQ { display: flex; flex-direction: column; gap: 3px; } .control-row-am7U2f_lCJ932hW8O9Rg { display: flex; gap: 3px; } .control-button-group-S2GjcZvyj1r75rv_TgTd { display: flex; gap: 0; } .control-button-group-S2GjcZvyj1r75rv_TgTd .menu-button-TsFyf7tCi0FsG6ecE69M { border-radius: 0; border-left-width: 0; } .control-button-group-S2GjcZvyj1r75rv_TgTd .menu-button-TsFyf7tCi0FsG6ecE69M:first-child { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .control-button-group-S2GjcZvyj1r75rv_TgTd .menu-button-TsFyf7tCi0FsG6ecE69M:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .overlay-icon-MVtqwXXSORV7WbgpjZTu { position: absolute; font-size: 13px; right: -2px; bottom: -4px; color: var(--overlay-icon-color); text-shadow: none; text-shadow: var(--overlay-icon-text-shadow); } .icon-container-E72BTslIXuz2wJt4FKE6 { width: 18px; position: relative; display: inline-block; } .text-input-container-bXFS77C1dIQAXqorkH9l { --input-container-border-colour: #eee; background: #fff; height: 32px; } .text-input-container-bXFS77C1dIQAXqorkH9l input { height: 32px; box-sizing: border-box; color: var(--button-color); font-size: 14px; } .save-top-menu-button-QKCayMOatZmLVCy8a1Hs { --overlay-icon-color: var(--success-color); --overlay-icon-text-shadow: -1px 0 0 var(--success-color-dark), 1px 0 0 var(--success-color-dark), 0 1px 0 var(--success-color-dark), 0 -1px 0 var(--success-color-dark); } .container-gmhQnSO_ICYEhU6mOmwY { flex: 0 0 auto; display: flex; flex-flow: row nowrap; gap: 6px; } .menu-bar-RiCLOUw4BW6g2cK0qL4G { --button-background: #fff; --button-hover-background: #eee; --button-border: 1px solid #eee; --button-strip-bg: transparent; --button-color: #333; flex: 1 1 auto; display: flex; gap: 6px; align-content: stretch; overflow: hidden; min-width: 100%; } .menu-bar-group-ZAOVvMA230sTXNOIga5j { border-radius: 3px; padding: 6px; padding-top: 3px; display: flex; flex-direction: column; gap: 3px; } /* .menu-bar-group:first-child { border-left: 0; padding-left: 0; padding-right: var(--container-spacing); } */ .menu-bar-group-title-DCQMXXZaexUOyslCzER9 { font-size: 15px; height: 16px; color: #666; display: flex; justify-content: space-between; gap: var(--container-spacing); line-height: 1; } .menu-bar-group-button-uVF4we2bz5AtzTBfK3ts { background-color: transparent; border: 0; margin: 0; padding: 0; } .collapse-container-XBn8XnotOOur_Z0L6Jxe { text-align: center; } .month-selector-M9HFvBVd7fId2dbZsvIk { display: flex; align-items: center; font-size: 14px; } .month-selector-M9HFvBVd7fId2dbZsvIk .full-width-MFKKHaTDk6u7Qat6e54w { flex: 1; width: 100%; } .month-button-UpOlTfJIXXJYO_ujoJa_:first-child { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .month-button-UpOlTfJIXXJYO_ujoJa_:last-child { border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } input[type='text'] { min-height: 30px; } .month-selector-M9HFvBVd7fId2dbZsvIk > label { display: flex; align-items: center; cursor: pointer; } .label-text-BpQvogu7qNQkQwcz1YZ7 { margin-left: 4px; margin-right: 4px; } .month-button-UpOlTfJIXXJYO_ujoJa_ { border-radius: 3px; overflow: hidden; position: relative; margin: 0; flex: 0 1 auto; padding: 6px; font-family: 'Nunito Sans'; } .month-button-UpOlTfJIXXJYO_ujoJa_:disabled { border-color: #e6e6e6; background-color: #f2f2f2; cursor: auto; color: #999999; } .crop-rotation-input-vDpVgTB_83nN2cSbpl5Q { display: flex; align-items: center; font-size: 14px; gap: 6px; } .crop-rotation-reset-OIP4mJHiI2Fl_glvGJCL { padding: 4px; } .crop-rotation-reset-OIP4mJHiI2Fl_glvGJCL:hover { padding: 4px; } .crop-rotation-dropdown-option-m5SLFOS9kD6HFafXVQ57 { display: flex; align-items: center; } .family-indicator-bean4G4Y9JC6YcShDS_A { width: 8px; height: 8px; border-radius: 4px; } .family-name-YujZZ_nSvbxFzPwWAMxU { flex: 1 1 auto; } .family-indicator-bean4G4Y9JC6YcShDS_A { flex: 0 1 auto; min-width: 8px; max-width: 8px; } .family-auto-oQswFnLf1ywLIhwRCXKI { font-weight: 600; } .family-off-oWxqnvF5CJ3gpY8RQIfO { } .family-brassicas-cTZC85shbFyFFnTrJOFj .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-brassicas); } .family-legumes-qyWHrLLnC2XBEoDVm86s .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-legumes); } .family-solanaceae-kk9AcqnLdxWSphwFyTpm .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-solanaceae); } .family-allium-vrjAKpjwc_co_ZSx3uZG .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-allium); } .family-umbelliferae-NLwF5kq799OICQ_7SwBq .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-umbelliferae); } .family-cucurbits-VTgax9HrttNd6Z6pcAOU .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-cucurbits); } .family-chenopodiaceae-hseDNO3h4_O2sGwS2ht0 .family-indicator-bean4G4Y9JC6YcShDS_A { background-color: var(--family-color-chenopodiaceae); } .layer-selector-IWOM630I70v9KsSrLh56 { display: flex; align-items: center; font-size: 14px; } .layer-selector-IWOM630I70v9KsSrLh56 > span, .layer-selector-IWOM630I70v9KsSrLh56 > div { margin-right: 4px; } .plant-family-row{margin:0;background:var(--secondary-color);padding:3px 9px;border-radius:3px;display:flex;flex-flow:row;align-items:center}.plant-family-icon{display:inline-block;margin-right:6px;width:6px;height:6px;border-radius:3px;background:#fff;background:var(--color, #fff)} .action-c83N9Wy7NoF85dFQVRVd { background: #e9e9e9; border-radius: 3px; padding: 1px 3px; font-weight: 600; } .input-small{min-width:64px;max-width:64px}.centered-label{display:flex;align-items:center}.centered-label>.label-text{flex:0 1 auto;margin-right:6px}.centered-label>.label-input{margin-right:6px;flex:1 1 auto;display:flex;align-items:center}.form-row-new{margin-bottom:9px;margin-top:3px;position:relative}.form-row-new .form-row-label{display:inline-flex;align-items:flex-start}.form-row-new .form-row-label-text{flex:0 1 auto;width:120px;text-align:right;margin-right:6px;padding:5px 0}.form-row-new .form-row-input{flex:0 1 auto;display:flex;flex-direction:column;align-self:stretch;justify-content:center}.form-row-new .form-row-input-input{flex:0 1 auto;display:flex;align-items:center}.form-row-new .form-row-input-input>*{flex:1 1 auto}.form-row-new .form-row-input-input>input[type=text],.form-row-new .form-row-input-input>input[type=number],.form-row-new .form-row-input-input>input[type=email]{min-width:220px}.form-row-new .form-row-input-input>input[type=checkbox]{min-width:12px}.form-row-new .form-row-input-info{flex:0 1 auto}.form-row-new .warning-text{display:inline-block;font-size:12px;color:#d05e5e}.form-row-new .help-text{display:inline-block;font-size:12px;color:#555}.form-row-new.invalid-form-row input{border:1px solid #d05e5e}.form-row-new-stretch .form-row-label{display:flex}.form-row-new-stretch .form-row-input{flex:1 1 auto}.form-row-text-new{padding:6px;margin-bottom:9px;margin-top:3px;display:flex}.form-row-text-new.help-text{border:1px solid #ddd;line-height:1.4;border-radius:3px;padding:6px}.form-row-text-new.advisory-text{color:#666;line-height:1.4;margin-top:0;padding-top:0}.form-row-text-new .form-row-text-icon{flex:0 1 auto;margin-right:6px}.form-row-text-new .form-row-text-text{flex:1 1 auto}.custom-form-row-new{margin-bottom:9px;margin-top:3px;display:flex;align-items:center}.custom-form-row-new .custom-form-row-item-new{flex:1 1 0}.custom-form-row-new .auto-label:first-child{margin-left:0}.disabled-form-row{color:#bbb}.custom-multi-row-form-row{display:flex;margin-bottom:3px;margin-top:3px;padding-left:3px;padding-right:3px;border-radius:3px}.custom-multi-row-form-row .row-label{flex:0 1 auto;width:120px;display:flex;align-items:center;justify-content:flex-end}.custom-multi-row-form-row .row-label>.label-text{flex:0 1 auto;text-align:right}.custom-multi-row-form-row .rows{flex:1 1 auto;padding-left:6px}.custom-multi-row-form-row .custom-multi-row-form-row-input{margin-bottom:3px;margin-top:3px}.normal-label{display:flex;align-items:center}.normal-label .label-text{flex:0 1 auto;margin-right:6px;width:100px;min-width:100px;text-align:right}.normal-label .label-input{flex:0 1 auto;margin-right:12px}.normal-label .label-input:last-child{margin-right:0}.auto-label{display:flex;align-items:center;justify-content:flex-start}.auto-label .form-row-label-text{width:auto;flex:1 1 auto}.auto-label .label-text{flex:0 1 auto;margin-right:6px}.auto-label .label-input{flex:0 1 auto}.auto-label .label-input.radio-input{display:flex;align-items:center;justify-content:center}.auto-label .label-input.radio-input input{flex:0 1 auto}.auto-label.auto-label-reverse .label-text{margin-right:0}.auto-label.auto-label-reverse .label-input{margin-right:6px}.large-label{display:flex;align-items:center}.large-label .form-row-label-text{min-width:160px}.large-label .label-text{flex:0 1 auto;margin-right:6px;min-width:160px;text-align:right}.large-label .label-input{flex:1 1 auto}.label-strong{font-weight:600}.label-light{color:rgba(51,51,51,.47059)}.form-row-warning-text{font-size:11px;color:#c32a2a;position:absolute;bottom:-13px;right:0;line-height:1}.form-row-warning input[type=text],.form-row-warning input[type=number],.form-row-warning input[type=email]{border:1px solid #c32a2a}.invalid-text-inline{font-size:12px;color:#d05e5e;line-height:1.4}.form-row-label-spacer{display:inline-block;width:106px}.top-label .label-text{align-self:flex-start}.form-button,.form-row-button .button{padding:6px 12px;background-color:#f2f2f2;border:1px solid #ccc;color:#555;outline:0}.form-button:hover,.form-row-button .button:hover{padding:6px 12px;background-color:#fff;border:1px solid #ccc;color:#333}.form-button:active,.form-row-button .button:active{padding:6px 12px;background-color:#fff;border:1px solid #ccc;color:#333}.form-button:disabled,.form-row-button .button:disabled{background-color:#f2f2f2;color:#aaa;cursor:default}.form-row-button{margin-right:12px}.form-row-button:last-child{margin-right:0}.form-row-item{margin-right:6px}.form-row-item:last-child{margin-right:0}.centered-row-content{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.form-info{display:flex;padding:12px 0}.form-info>i{flex:0 1 auto;margin-right:12px;padding-left:6px;padding-right:6px;color:#666;font-size:16px}.form-info>p{flex:1 1 auto;margin:0}.vertical-form-row{margin-bottom:9px;margin-top:3px;position:relative}.vertical-form-row .form-row-label{display:block}.vertical-form-row .form-row-content{display:block}.vertical-form-row .form-row-content.full-width-input>input[type=text],.vertical-form-row .form-row-content.full-width-input>input[type=number],.vertical-form-row .form-row-content.full-width-input>input[type=email],.vertical-form-row .form-row-content.full-width-input>textarea{width:100%;box-sizing:border-box;display:block}.split-form-row{display:flex}.split-form-row .split-form-colum{flex:1 1 auto}.label-spacer{display:block;margin-right:6px;width:100px}.form-row-label.required .form-row-label-text:after{content:"*";color:var(--required-label-color);margin-left:6px}.form-fieldset{margin-bottom:9px;margin-top:3px} .plant-sort-option{display:flex;flex-direction:row;align-items:center}.plant-sort-option .plant-sort-option-icon{height:0;max-height:0;position:relative;width:20px}.plant-sort-option .icon-sort-down{line-height:1;top:-11px;position:absolute}.plant-sort-option .icon-sort-up{line-height:1;top:-5px;position:absolute} .dropdown-content-FokOjUkVBbWIegs50Gw3 { background: #fff; border: 1px solid #eee; min-width: 200px; margin: -1px; display: flex; flex-flow: column nowrap; box-shadow: 0 2px 5px -3px #00000033 } .section-ZXGBJNCYXBXQKtH6bth0 { display: flex; flex-flow: column nowrap; border-bottom: 1px solid #eee; padding-top: 6px; } .section-ZXGBJNCYXBXQKtH6bth0:last-child { border-bottom: none; } .section-title-dcWh22XADlwzJF7vV95K { font-size: 14px; font-weight: 400; padding: 1px 6px; cursor: default; user-select: none; } .dropdown-option-LtzbEB5m8SQ99k2hlnuV { display: flex; flex-flow: row nowrap; box-sizing: border-box; min-width: 0; } .dropdown-option-LtzbEB5m8SQ99k2hlnuV { display: flex; flex-flow: row nowrap; font-size: 14px; font-weight: 300; padding: 5px 4px; margin: 0; border: none; width: 100%; background: #fff; color: #333; } .dropdown-option-LtzbEB5m8SQ99k2hlnuV:hover { background: #ddd; } .dropdown-option-LtzbEB5m8SQ99k2hlnuV .icon-KN4p74FRUl5oORUhrOXs { width: 30px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; } .dropdown-option-LtzbEB5m8SQ99k2hlnuV .content-b7lqGzVDYF602xEAAu7n { padding: 1px 3px; } .empty-dropdown-option-xZcvMt7u8uKqKneEcC4k { display: flex; flex-flow: row nowrap; padding: 3px 6px; } .empty-dropdown-option-xZcvMt7u8uKqKneEcC4k input { font-size: 14px; min-height: 0; } .checkbox-jJXLOxq130d6RsP1ceLC { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 1px; } .radiobox-qXBtEDqdxHlCuEn5j_xB { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 12px; height: 12px; border: 1px solid #ccc; border-radius: 6px; } .planner-container-D2w5bk8vA0ZqShPF6Jud { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; position: relative; --container-spacing: 6px; --container-gap: var(--container-spacing); background-color: #f8f8f8; } .planner-control-bar-Kt2fOAmgSp0NfkbmSFKD { background-color: #fafafa; flex: 1 0 auto; display: flex; flex-direction: column; min-height: fit-content; } /* .control-bar-left { flex: 0 1 auto; display: flex; flex-direction: column; gap: var(--container-spacing); border-radius: 3px; width: 960px; } .left-bar-top { display: flex; gap: 6px; } */ .top-bar-ekrNyK1X6wlqrT6Jo_KG { display: flex; flex-flow: row nowrap; border-bottom: 1px solid #eee; } .top-bar-inner-QNt9Id2NsMzts4SfBruI { flex: 0 1 calc(100vw - 64px); min-width: 0; display: flex; flex-flow: row nowrap; padding: var(--container-spacing); padding-right: 0; gap: 6px; box-sizing: border-box; } .bottom-bar-uOdtHkVkt7_6arlH4mig { padding-top: var(--container-gap); display: flex; flex-flow: row nowrap; } .planner-content-H2eoqoLi9_GkkxMngHQ3 { flex: 1 1 auto; display: flex; overflow: hidden; } .container-odC1KJqLywaDzEMxtoFt { --fade-size: 30px; --button-size: 24px; position: absolute; pointer-events: none; z-index: 1; transition: opacity 200ms ease-in-out; } .container-odC1KJqLywaDzEMxtoFt.hidden-TdotwhyNou6_8y4FbYSk { opacity: 0; } .container-odC1KJqLywaDzEMxtoFt.hidden-TdotwhyNou6_8y4FbYSk .button-rwPGbCxgoQoeeufndDxR { pointer-events: none; } .top-5CfGc3pz0BeCDwHvAVA3 { top: 0; left: 0; right: 0; min-height: max(var(--fade-size), var(--button-size)); } .top-5CfGc3pz0BeCDwHvAVA3::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: var(--fade-size); background: linear-gradient(180deg, var(--scroll-fade-colour, #ffffff) 0%, var(--scroll-fade-transparent-colour, #ffffff00) 100%); } .bottom-gq_iWaryIDYVpHmUT27n { bottom: 0; left: 0; right: 0; min-height: max(var(--fade-size), var(--button-size)); } .bottom-gq_iWaryIDYVpHmUT27n::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: var(--fade-size); background: linear-gradient(0deg, var(--scroll-fade-colour, #ffffff) 0%, var(--scroll-fade-transparent-colour, #ffffff00) 100%); } .left-f9nnsPU4HByF58zJfKMK { left: 0; top: 0; bottom: 0; min-width: max(var(--fade-size), var(--button-size));; } .left-f9nnsPU4HByF58zJfKMK::before { content: ''; position: absolute; bottom: 0; top: 0; left: 0; width: var(--fade-size); background: linear-gradient(90deg, var(--scroll-fade-colour, #ffffff) 0%, var(--scroll-fade-transparent-colour, #ffffff00) 100%); } .right-Pu7NtExkscO0Ovc9ozJS { right: 0; top: 0; bottom: 0; min-width: max(var(--fade-size), var(--button-size));; } .right-Pu7NtExkscO0Ovc9ozJS::before { content: ''; position: absolute; bottom: 0; top: 0; right: 0; width: var(--fade-size); background: linear-gradient(270deg, var(--scroll-fade-colour, #ffffff) 0%, var(--scroll-fade-transparent-colour, #ffffff00) 100%); } /* Button placement */ .left-f9nnsPU4HByF58zJfKMK .button-rwPGbCxgoQoeeufndDxR, .right-Pu7NtExkscO0Ovc9ozJS .button-rwPGbCxgoQoeeufndDxR { width: 28px; height: 100%; } .top-5CfGc3pz0BeCDwHvAVA3 .button-rwPGbCxgoQoeeufndDxR, .bottom-gq_iWaryIDYVpHmUT27n .button-rwPGbCxgoQoeeufndDxR { height: 28px; width: 100%; } /* Button styling */ .button-rwPGbCxgoQoeeufndDxR { pointer-events: all; background: transparent; color: #888888; text-shadow: -1px -1px var(--scroll-fade-colour, #ffffff), 1px -1px var(--scroll-fade-colour, #ffffff), 1px 1px var(--scroll-fade-colour, #ffffff), -1px 1px var(--scroll-fade-colour, #ffffff); border: none; outline: none; padding: 3px 6px; box-shadow: none; font-size: 24px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; border-radius: 0; position: absolute; } .button-rwPGbCxgoQoeeufndDxR.no-click-kW9Do5wy15rC9fXFWENn { pointer-events: none; } /* Absolutely position the button to fill the full side it's attached to. */ .left-f9nnsPU4HByF58zJfKMK .button-rwPGbCxgoQoeeufndDxR { left: 0; top: 0; bottom: 0; width: var(--button-size); } .right-Pu7NtExkscO0Ovc9ozJS .button-rwPGbCxgoQoeeufndDxR { right: 0; top: 0; bottom: 0; width: var(--button-size); } .top-5CfGc3pz0BeCDwHvAVA3 .button-rwPGbCxgoQoeeufndDxR { top: 0; left: 0; right: 0; height: var(--button-size); } .bottom-gq_iWaryIDYVpHmUT27n .button-rwPGbCxgoQoeeufndDxR { bottom: 0; left: 0; right: 0; height: var(--button-size); } .faded-scroll-container{position:relative;display:flex;flex-flow:column nowrap}.faded-scroll-container .faded-scroll-container-inner{flex:1;display:flex}.faded-scroll-container:not(.horizontal){flex-flow:row nowrap}.faded-scroll-container:not(.horizontal) .faded-scroll-container-inner{overflow-x:hidden;overflow-y:auto}.faded-scroll-container.horizontal{flex-flow:column nowrap}.faded-scroll-container.horizontal .faded-scroll-container-inner{overflow-x:auto;overflow-y:hidden}.faded-scroll-container.hide-scrollbars .faded-scroll-container-inner{scrollbar-width:none;scrollbar-width:0}.faded-scroll-container.hide-scrollbars .faded-scroll-container-inner *::-webkit-scrollbar{width:0;height:0} .garden-planner-tab-content-oK2XMiKbSGj6trJ1kBj5 { flex: 1 1 auto; background-color: #f8f8f8; line-height: 1.5; display: flex; flex-direction: column; overflow: hidden; } .content-scroll-pane-zXLgjHDGx5KNhufAUNhQ { flex: 1 1 auto; padding: 0; overflow: auto; } .planner-content-LL7PLnVOF_tvY11WXBXT { position: relative; overflow: hidden; flex: 1 1 auto; display: flex; } .sidepanel-controls-Xt3le3QQBVL4OW69n091 { height: 100%; flex: 0 1 auto; } .canvas-container-_TxvqQvd7KYZyyKUjAgQ { flex: 1 1 auto; height: 100%; position: relative; } .canvas-container-inner-GgcQMgq5y1P2RkzTRGXB { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #ddd; } .canvas-container-inner-GgcQMgq5y1P2RkzTRGXB canvas { display: block; } .canvas-container-inner-GgcQMgq5y1P2RkzTRGXB:focus { border: 1px solid #242a4c; } /** Plant List **/ /** Parts List **/ /** Notes **/ .plant-list-container-fLpR7m1h7jcNMT8dqtpo, .parts-list-container-nQtt3PHkfoIq3XAzQbLh, .notes-container-If8BztuzDyykSkTZipbm { border-top: 1px solid #eee; } .planner-notes-KjFo5Zwa5gfiqUoXvGYj { line-height: 1.5; margin: auto; max-width: 1200px; width: 100%; flex: 1 1 auto; box-sizing: border-box; display: flex; flex-direction: column; padding-bottom: 18px; padding-left: 16px; padding-right: 16px; } .planner-notes-KjFo5Zwa5gfiqUoXvGYj p { flex: 0 1 auto; margin: 0; padding-top: 24px; padding-bottom: 12px; } .planner-notes-editor-NjywpYqZVxQeTczd2Msb { flex: 1 1 auto; padding: 12px; min-height: 600px; resize: vertical; } .planner-content-container-oCG_wG1TtfeaEuzyP6o7 { display: grid; grid-template-columns: minmax(0, 1fr) auto; flex: 1 1 auto; min-height: 0; } .point-target-JSj9nWoMBqUbIocdicvh { pointer-events: none; } .context-menu-jfBucpx5lgYi7Y2qWBnN { --context-menu-background: #333; --context-menu-background-hover: #555; --context-menu-foreground: #fff; --context-menu-foreground-hover: #fff; --context-menu-foreground-disabled: #6a6a6a; --context-menu-section-title: var(--context-menu-foreground); --context-menu-section-divider: #444; box-shadow: 0px 0px 6px 0px #00000033; background: var(--context-menu-background); color: var(--context-menu-foreground); border-radius: 3px; display: flex; flex-flow: column nowrap; max-width: 100%; max-height: 100%; min-height: 0; } .context-menu-jfBucpx5lgYi7Y2qWBnN .context-menu-content-LZe9pQ878AURt3wdYsA6 :first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .context-menu-jfBucpx5lgYi7Y2qWBnN .context-menu-content-LZe9pQ878AURt3wdYsA6 :last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .context-menu-content-LZe9pQ878AURt3wdYsA6 { border-radius: inherit; overflow-y: auto; overflow-x: hidden; display: flex; flex-flow: column nowrap; min-height: 0; } .context-menu-arrow-Yn_2p_cWlhmIPxEeXquk path { fill: var(--context-menu-background); stroke: var(--context-menu-background); stroke-width: 0; } .section-QWMIYNas4AOYaYHxMF1c { display: flex; flex-flow: column nowrap; padding-top: 3px; border-top: 1px solid var(--context-menu-section-divider); } .section-QWMIYNas4AOYaYHxMF1c:first-of-type { border-top: none; } .section-title-ZMRUTS639x2YF3THGqlc { flex: 0 0 auto; color: var(--context-menu-section-title); font-size: 12px; font-weight: 100; padding: 6px 6px 6px 9px; line-height: 1; } .button-NZtpiD3BNtZy9rFb45Mn { display: flex; flex-flow: row nowrap; align-items: center; text-align: left; background: var(--context-menu-background); color: var(--context-menu-foreground); border: none; outline: none; border-radius: 0; padding: 9px 12px; box-sizing: border-box; width: auto; min-width: 0; font-size: 14px; font-weight: 400; } .button-NZtpiD3BNtZy9rFb45Mn:not(:disabled):hover { background: var(--context-menu-background-hover); color: var(--context-menu-foreground-hover); } .button-NZtpiD3BNtZy9rFb45Mn:disabled { cursor: default; color: var(--context-menu-foreground-disabled); } .button-icon-Qixw4EibRyqWr7xxbw4e { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; width: 26px; flex: 0 0 auto; font-size: 14px; } .button-content-XgtBlUI1Syu0eGUhEIfX { flex: 1 1 auto; padding-left: 6px; } .buttons-zoUPDaNJwGpDXooe8_gp { width: 50px; display: flex; flex-flow: column nowrap; overflow: hidden; grid-area: buttons; } .buttons-zoUPDaNJwGpDXooe8_gp.expanded-JwQkpkiZXa_XAWDMAQyV.left-l9JtTK29YsOcZMykpcLT { border-right: 1px solid #ddd; } .buttons-zoUPDaNJwGpDXooe8_gp.expanded-JwQkpkiZXa_XAWDMAQyV.right-P3L1vbIoMXOxEGNo1njs { border-left: 1px solid #ddd; } .button-i7RGb3sCw93gbvgJ4zK8 { box-sizing: content-box; width: 50px; height: 50px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; color: var(--color-selection-list-icon); border-bottom: 1px solid #ddd; } .button-i7RGb3sCw93gbvgJ4zK8:hover { background: #fff; } .button-i7RGb3sCw93gbvgJ4zK8:focus { outline: 0; } .button-i7RGb3sCw93gbvgJ4zK8.active-GEy12q4DhtNaYcdlSifs { background: #fff; color: var(--color-selection-list-icon-active); } .button-icon-r_AINGrsYh07WjNwBfZm { font-size: 18px; } .header-gHtR7xIimzKitgLFt1L_ { height: 30px; text-align: center; border-bottom: 1px solid #ddd; position: relative; grid-area: header; position: relative; } .header-gHtR7xIimzKitgLFt1L_.expanded-JwQkpkiZXa_XAWDMAQyV { background: #fff; } .header-gHtR7xIimzKitgLFt1L_ h4 { font-size: 14px; margin: 0; line-height: 30px; } .collapse-button-O9uGfJKdLHNngOMr7a16 { color: var(--expand-button-color); position: absolute; top: 0; bottom: 0; width: 28px; background: transparent; border: none; outline: none; } .collapse-button-O9uGfJKdLHNngOMr7a16:hover { background-color: #fafafa; } .collapse-button-O9uGfJKdLHNngOMr7a16.attach-left-urzTT1yaDQgQNMArYa8V { left: 0; } .collapse-button-O9uGfJKdLHNngOMr7a16.attach-right-ImCBkxxFCck8aO7x1YDH { right: 0; } .expand-button-WZ_s29G4YUQ4pEWHp6kZ { color: var(--expand-button-color); position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent; border: none; outline: none; } .expand-button-WZ_s29G4YUQ4pEWHp6kZ:hover { background-color: #fafafa; } .content-mK53LQPj9dDtqUMlrivd { grid-area: content; box-sizing: border-box; flex: 1 1 auto; background: #fff; overflow: hidden; width: 280px; width: var(--sidebar-width); } .content-mK53LQPj9dDtqUMlrivd[hidden] { display: none !important; } .sidebar-i8X6QZZVUmWwRaws2Or2 { height: 100%; --sidebar-width: 280px; display: grid; grid-template-columns: auto minmax(auto, 1fr); grid-template-rows: auto minmax(0, 1fr); grid-template-areas: "header header" "buttons content"; } .sidebar-i8X6QZZVUmWwRaws2Or2.left-l9JtTK29YsOcZMykpcLT { grid-template-areas: "header header" "buttons content"; border-right: 1px solid #ddd; } .sidebar-i8X6QZZVUmWwRaws2Or2.right-P3L1vbIoMXOxEGNo1njs { grid-template-columns: minmax(auto, 1fr) auto; grid-template-rows: auto minmax(0, 1fr); grid-template-areas: "header header" "content buttons"; border-left: 1px solid #ddd; } .planner-icon{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important} .button-yBewVbpcUNYfsvp0hXZd { -webkit-touch-callout: none; -webkit-user-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-user-modify: none; -webkit-highlight: none; } .group-item-SEpz7DrqJoDgSOYTjZ2L { display: flex; flex-flow: row nowrap; border-bottom: 1px solid #fafafa; padding: 0; overflow-y: hidden; /* added as recommended by react-virtualized/List */ font-size: 14px; } .group-item-button-D_Vq88B42NnpYLBI4wSY { height: 100%; border: none; color: #333; background-color: transparent; border-radius: 0; display: flex; flex-flow: row nowrap; align-items: center; padding-left: 30px; flex: 1 1 auto; text-align: left; min-width: 0; outline: none; } .icon-hb2DO8c5fr0Fir0NSp0g { display: flex; flex-flow: column nowrap; flex: 0 0 auto; align-items: center; justify-content: center; margin-left: auto; padding-right: 9px; } .icon-hb2DO8c5fr0Fir0NSp0g i { transition: transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1); } .group-item-SEpz7DrqJoDgSOYTjZ2L.expanded-AEQ3lDHdMEWOzlK6v5nN .icon-hb2DO8c5fr0Fir0NSp0g i { transform: rotateX(180deg); } .filter-row{display:flex;align-items:center;flex-wrap:nowrap;padding:3px 12px;min-height:34px}.filter-row .filter-row-content{flex:1 1 auto}.filter-row.filter-row-multi .filter-row-content{display:flex;justify-content:space-between}.filter-row.filter-row-multi .filter-row-content .filter-row-multi-item{flex:1 1 auto}.filter-row.filter-row-narrow{min-height:28px}.filter-row.filter-row-pad-help{padding-right:32px}.filter-row .filter-row-help{flex:0 1 auto;display:flex;align-items:center;justify-content:center}.filter-row .filter-row-label{display:flex;align-items:center;justify-content:flex-start}.filter-row .filter-row-label.filter-row-label-small .filter-row-label-text{width:42px}.filter-row .filter-row-label .filter-row-label-text{flex:0 1 auto;margin-right:3px}.filter-row .filter-row-label .filter-row-label-content{flex:1 1 auto}.filter-row .filter-row-label.filter-row-checkbox{align-items:flex-start}.filter-row .filter-row-label.filter-row-checkbox .filter-row-label-text{flex:1 1 auto;margin-left:3px}.filter-row .filter-row-label.filter-row-checkbox .filter-row-label-help{padding:0 3px;margin-right:3px}.filter-row .filter-row-label.filter-row-checkbox .filter-row-label-help>i{padding-top:0;padding-bottom:0}.filter-row .filter-row-label.filter-row-checkbox .filter-row-label-content{flex:0 1 auto}.filter-row .filter-box{margin-top:5px} .clearable-input{display:inline;position:relative}.clearable-input>input{padding-right:18px}.clearable-input .clearable-input-clear{position:absolute;top:0;right:0;bottom:0}.clearable-input .clearable-input-clear>button{color:#333;position:absolute;top:0;right:3px;bottom:0;background-color:rgba(0,0,0,0);padding:0;margin:0;border:0;opacity:.6;width:20px;line-height:20px;outline:none;font-size:18px}.clearable-input .clearable-input-clear>button:hover{opacity:1}.clearable-input .clearable-input-clear>button>img{height:15px;width:15px} .garden-object-search-filter-view .clearable-input{width:100%}.garden-object-search-filter-view .clearable-input>input{width:100%} .scroll-paused-EqVCJf1FSfOv9bdb6hvG { overflow-y: hidden !important; margin-right: var(--scrollbar-width, 0); } .garden-object-panel{display:flex;flex-direction:column;background-color:#fafafa}.garden-object-panel .item-selection-list>div{background-color:#fff}.garden-object-panel .selection-list-title{flex:0 1 auto}.garden-object-panel .filter-options{flex:0 1 auto;min-height:min(40px,50%);box-sizing:border-box}.garden-object-panel .scrollbar-container{flex:1 1 auto}.garden-object-panel .selectable-garden-object-icon{border-radius:100%;background:#fff;height:40px;width:40px;border:3px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden}.garden-object-panel .selectable-garden-object-icon>.garden-object-icon{max-width:35px;max-height:35px} .search-filter-view .clearable-input{width:100%}.search-filter-view .clearable-input>input{width:100%} .companion-modal .inner-modal{max-width:700px} .companion-filter-row .filter-controls{padding-left:0}.companion-filter-row .companion-button{background-color:#fff;border:1px solid #ddd;padding:0 12px;min-height:33px;border-radius:3px;width:100%}.update-companions{color:var(--color-secondary);cursor:pointer}.companion-filter-options{margin:6px 9px;background-color:var(--color-background)} .companion-icon-with-plant{display:flex;vertical-align:middle;justify-content:right;margin-top:3px}.companion-icon-with-plant>.companion-icon{padding:0}.companion-icon-with-plant>.companion-icon>i:before{font-size:18px;margin:0}.companion-icon{display:inline-block;font-size:14px;padding:0 4px;color:#df2021}.companion-icon.disabled{color:var(--button-disabled-color)}.companion-icon>.icon-heart-left:before,.companion-icon .icon-heart-right:before,.companion-icon .icon-heart-double:before{font-size:20px} .filter-row-group .filter-row-group-title{padding:3px 12px;margin:0;font-weight:600} .planting-dates-filter-view .filter-option{justify-content:flex-end}.planting-dates-filter-view .filter-row-label{display:flex}.planting-dates-filter-view .filter-row-label .filter-row-label-text{display:inline-block;flex:1 1 auto;text-align:right;line-height:34px;margin-right:6px}.planting-dates-filter-view .filter-row-label .filter-row-label-content{flex:0 1 auto}.planting-dates-filter-view .planting-calendar-indicator{display:inline-block;width:9px;height:9px} .crop-family-dropdown-option{display:flex}.crop-family-dropdown-option .crop-family-indicator-container{flex:0 1 auto;display:flex;justify-content:center;align-items:center;margin-right:12px;min-width:8px}.crop-family-dropdown-option .crop-family-labels{flex:1 1 auto;line-height:1.2;padding:3px 0}.crop-family-dropdown-option .family-other-name{color:#666;font-size:12px}.crop-family-dropdown-option .is-selected .family-other-name{color:#b4c5dc}.crop-family-dropdown-option .crop-family-indicator{display:inline-block;width:8px;height:8px;border-radius:4px} .filter-options{display:flex;flex-direction:column;flex:0 1 auto;min-height:min(120px,50%);box-sizing:border-box;background-color:#fafafa;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.filter-options .filters-title-bar{display:flex;padding:4px 12px;flex:0 1 auto}.filter-options .filters-title-bar .filters-title{flex:1 1 auto;font-size:14px;margin:0;display:inline-block}.filter-options .filters-title-bar .filters-title-button{flex:0 1 auto;outline:0;padding:0 5px;border-radius:0;margin-left:6px;line-height:24px;border-radius:2px;background-color:#fff;border:1px solid var(--color-secondary)}.filter-options .filters-title-bar .filters-title-button:hover{margin-left:6px;padding:0 5px;background-color:var(--color-secondary);color:#fff}.filter-options .filters-title-bar .filters-title-button:active{margin-left:6px;padding:0 5px}.filter-options .filters-title-bar .expand-filters-title-button{min-width:96px}.filter-options .filters-scrollpane{overflow:auto;flex:1 1 auto;padding:3px 0;box-sizing:border-box}.filter-options .filter-option{padding:3px 12px;display:flex;align-items:center}.filter-options .show-extra-filters{font-size:12px;text-align:center}.filter-options .show-extra-filters .button-borderless{width:100%;padding:8px 0;background-color:#fafafa;border-radius:0}.filter-options .show-extra-filters .button-borderless:hover{background-color:#f2f2f2;color:var(--color-secondary-dark)} .planner-icon-with-family{border-radius:100%;background:#fff;height:40px;width:40px;border:3px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.planner-icon-with-family>.planner-icon{max-width:36px;max-height:36px}.planner-icon-family-0{border-color:#aaa}.planner-icon-family-1{border-color:#4fed7f}.planner-icon-family-2{border-color:#09d9d9}.planner-icon-family-3{border-color:#faec0e}.planner-icon-family-4{border-color:#8080ff}.planner-icon-family-5{border-color:#ff8000}.planner-icon-family-6{border-color:#ff8080}.planner-icon-family-7{border-color:#fd5cfd} .filter-options{display:flex;flex-direction:column;flex:0 1 auto;min-height:min(120px,50%);box-sizing:border-box;background-color:#fafafa;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2}.filter-options .filters-title-bar{display:flex;padding:4px 12px;flex:0 1 auto}.filter-options .filters-title-bar .filters-title{flex:1 1 auto;font-size:14px;margin:0;display:inline-block}.filter-options .filters-title-bar .filters-title-button{flex:0 1 auto;outline:0;padding:0 5px;border-radius:0;margin-left:6px;line-height:24px;border-radius:2px;background-color:#fff;border:1px solid var(--color-secondary)}.filter-options .filters-title-bar .filters-title-button:hover{margin-left:6px;padding:0 5px;background-color:var(--color-secondary);color:#fff}.filter-options .filters-title-bar .filters-title-button:active{margin-left:6px;padding:0 5px}.filter-options .filters-title-bar .expand-filters-title-button{min-width:96px}.filter-options .filters-scrollpane{overflow:auto;flex:1 1 auto;padding:3px 0;box-sizing:border-box}.filter-options .filter-option{padding:3px 12px;display:flex;align-items:center}.filter-options .show-extra-filters{font-size:12px;text-align:center}.filter-options .show-extra-filters .button-borderless{width:100%;padding:8px 0;background-color:#fafafa;border-radius:0}.filter-options .show-extra-filters .button-borderless:hover{background-color:#f2f2f2;color:var(--color-secondary-dark)} .plant-panel{display:flex;flex-direction:column;background-color:#fafafa}.plant-panel .item-drawing-tools-list>div{background-color:#fff}.plant-panel .drawing-tools-panel-title{flex:0 1 auto}.plant-panel .drawing-tools-panel-title .drawing-tools-panel-toggles{flex:0 1 auto;display:flex;flex-direction:column;justify-content:flex-start;padding:6px 0}.plant-panel .drawing-tools-panel-title .sfg-mode-switch,.plant-panel .drawing-tools-panel-title .snap-mode-switch{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end}.plant-panel .drawing-tools-panel-title .sfg-mode-switch label,.plant-panel .drawing-tools-panel-title .snap-mode-switch label{flex:0 1 auto;display:flex;align-items:center;cursor:pointer;padding:3px 6px}.plant-panel .drawing-tools-panel-title .sfg-mode-switch label .label-text,.plant-panel .drawing-tools-panel-title .snap-mode-switch label .label-text{margin-top:3px;margin-right:10px;flex:0 1 auto}.plant-panel .drawing-tools-panel-title .sfg-mode-switch label .toggle-input,.plant-panel .drawing-tools-panel-title .snap-mode-switch label .toggle-input{flex:0 1 auto}.plant-panel .drawing-tools-panel-title .sfg-mode-switch label .toggle,.plant-panel .drawing-tools-panel-title .snap-mode-switch label .toggle{flex:0 1 auto}.plant-panel .drawing-tools-panel-title .sfg-mode-switch label:hover,.plant-panel .drawing-tools-panel-title .snap-mode-switch label:hover{background-color:#f8f8f8}.plant-panel .scrollbar-container{flex:1 1 auto} .shape-panel .shape-inputs{padding:12px}.shape-panel .shape-inputs h4{margin-top:0;margin-bottom:6px}.shape-panel .shape-inputs .shape-select{margin-bottom:6px}.shape-panel .shape-inputs label{display:flex;align-items:center;margin-bottom:10px}.shape-panel .shape-inputs label .label-text{flex:0 1 auto;padding-right:6px}.shape-panel .shape-inputs label .shape-input-value{flex:1 1 auto}.shape-panel .shape-draw-group .shape-button{padding:6px;display:inline-block;box-sizing:border-box;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shape-panel .shape-draw-group .shape-button:first-child{padding-left:0}.shape-panel .shape-draw-group .shape-button:last-child{padding-right:0}.shape-panel .shape-draw-group .shape-button button{background-color:#eee;border:1px solid #ddd;color:#333;padding:5px;width:45px;height:45px;border-radius:3px}.shape-panel .shape-draw-group .shape-button img{width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.shape-panel .shape-draw-group .shape-button.selected button{background-color:#18cae6} .picker-button{height:34px;width:34px;padding:0;text-align:center;line-height:100%;border:1px solid #333;border-radius:3px}.picker-button:focus{outline:none} .colour-input{display:flex;justify-content:space-between}.colour-input .colour-input-label{height:30px;width:30px;max-width:30px;border:1px solid #ccc;flex:1 1 auto;border-radius:3px;margin-right:6px}.colour-input .colour-input-label input.colour-input-swatch[type=color]{padding:0;width:0;height:0;visibility:hidden}.colour-input .colour-input-text{flex:1 1 auto;width:74px;height:30px;min-height:30px;max-height:30px;margin-right:6px}.colour-input .colour-input-text.invalid-colour-input,.colour-input .colour-input-text.invalid-colour-input:focus{outline:2px solid #d05e5e}.colour-input .colour-input-button{height:32px;flex:0 1 auto;background-color:#fff;border:1px solid #ccc;border-radius:3px}.colour-input .colour-input-button:hover{border:1px solid #bbb}.colour-input .colour-input-button:active{background-color:#f2f2f2} .texture-picker{position:absolute;border:1px solid #333;border-radius:3px;background:#f2f2f2;width:240px;padding:10px;z-index:2000}.palette{line-height:0;margin-bottom:10px}.palette h2{margin:0;line-height:1;font-size:16px;font-weight:normal}.palette:last-child{margin-bottom:0}.swatch-group{margin-top:6px;margin-bottom:6px;border-bottom:1px solid #333;border-right:1px solid #333;background-color:#333}.swatch-inner{padding-bottom:100%;width:100%;outline-offset:-1px;background-repeat:no-repeat;background-size:cover;position:relative}.texture-swatch{display:inline-block;position:relative;border-left:1px solid #333;border-top:1px solid #333;box-sizing:border-box}.texture-swatch.highlighted .swatch-inner{outline:2px solid #fff;z-index:2}.texture-swatch.selected .swatch-inner{outline:2px solid red;z-index:3}.tooltip{position:absolute;pointer-events:none;display:block;top:90%;left:110%;background:#eed;color:#000;padding:5px;line-height:100%;white-space:nowrap;border:1px solid #000;border-radius:3px;box-shadow:3px 3px 5px 0px rgba(0,0,0,.5);z-index:40} .swatch-display{height:100%} .text-panel .text-inputs{padding:12px}.text-panel .text-inputs label{display:flex;align-items:center;margin-bottom:10px}.text-panel .text-inputs label .label-text{flex:0 1 auto;padding-right:6px}.text-panel .text-inputs label .text-input-value{flex:1 1 auto}.text-panel .text-button{width:45px;height:45px;padding:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.text-panel .text-button img{width:19px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.text-panel .text-button.selected{background-color:#18cae6} .drawing-tools{border-top:1px solid #ddd;flex:1 1 auto;background:#eaeceb}.drawing-tools .drawing-tools-content{display:flex;flex-flow:column nowrap;overflow:hidden;font-size:14px}.drawing-tools .drawing-tools-panel{flex:1 1 auto;overflow:hidden;position:relative;background:#fff;width:100%}.drawing-tools-panel{display:flex;flex-direction:column;background-color:#fff}.drawing-tools-panel .drawing-tools-panel-title{flex:0 1 auto;display:flex;align-items:center;justify-content:space-between;padding:0 12px;min-height:50px;background-color:#fff}.drawing-tools-panel .drawing-tools-panel-title h1{flex:0 1 auto;margin:0;font-size:18px}.drawing-tools-panel .drawing-tools-panel-content{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.drawing-tools-panel .scrollable-drawing-tools-panel-content{overflow-y:auto;overflow-x:hidden}.drawing-tools-panel .item-list-container{flex:1 1 auto;min-height:min(220px,50%);box-sizing:border-box;display:flex}.drawing-tools-panel .empty-drawing-tools-list-warning{padding:6px}.drawing-tools-item-list{list-style-type:none;padding:0;margin:0;position:relative}.drawing-tools-item-list>div{background-color:#fff}.drawing-tools-item-list .selectable-option,.drawing-tools-item-list .group-option{display:flex;align-items:flex-start;border-bottom:1px solid #fafafa;padding:0;overflow-y:hidden;font-size:14px;position:relative}.drawing-tools-item-list .selectable-option>.selectable-option-subs,.drawing-tools-item-list .group-option>.selectable-option-subs{display:flex;flex-direction:column;align-items:center;justify-content:center}.drawing-tools-item-list .selectable-option>.selectable-option-item,.drawing-tools-item-list .group-option>.selectable-option-item{overflow:hidden}.drawing-tools-item-list .selectable-option.is-in-group,.drawing-tools-item-list .group-option.is-in-group{background-color:#f7f7f7}.drawing-tools-item-list .selectable-option.is-in-group .selectable-option-item:hover,.drawing-tools-item-list .group-option.is-in-group .selectable-option-item:hover{background-color:#eee}.drawing-tools-item-list .selectable-option.is-first::before,.drawing-tools-item-list .group-option.is-first::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(180deg, rgba(80, 80, 80, 0.07843), transparent);pointer-events:none}.drawing-tools-item-list .selectable-option.is-last::after,.drawing-tools-item-list .group-option.is-last::after{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(0deg, rgba(80, 80, 80, 0.07843), transparent);pointer-events:none}.drawing-tools-item-list .selectable-option.selected,.drawing-tools-item-list .group-option.selected{background-color:#18cae6}.drawing-tools-item-list .selectable-option.selected button,.drawing-tools-item-list .group-option.selected button{color:#fff;font-weight:600}.drawing-tools-item-list .selectable-option.selected .selectable-option-item:hover,.drawing-tools-item-list .group-option.selected .selectable-option-item:hover{background-color:rgba(0,0,0,0)}.drawing-tools-item-list .selectable-option .icon-container,.drawing-tools-item-list .group-option .icon-container{padding:6px;position:relative}.drawing-tools-item-list .selectable-option .item-name,.drawing-tools-item-list .group-option .item-name{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;line-height:1.45;overflow:hidden;padding:12px}.drawing-tools-item-list .selectable-option .item-name:has(>.item-name-secondary)>.item-name-primary,.drawing-tools-item-list .group-option .item-name:has(>.item-name-secondary)>.item-name-primary{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.drawing-tools-item-list .selectable-option .item-name .item-name-secondary,.drawing-tools-item-list .group-option .item-name .item-name-secondary{color:#555;font-size:12px;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.drawing-tools-item-list .selectable-option .item-name .item-name-secondary>em,.drawing-tools-item-list .group-option .item-name .item-name-secondary>em,.drawing-tools-item-list .selectable-option .item-name .item-name-secondary>em>span,.drawing-tools-item-list .group-option .item-name .item-name-secondary>em>span{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.drawing-tools-item-list .selectable-option .item-name .item-name-secondary b,.drawing-tools-item-list .group-option .item-name .item-name-secondary b{color:#333}.drawing-tools-item-list .selectable-option .item-name .item-name-inner,.drawing-tools-item-list .group-option .item-name .item-name-inner{padding:12px}.drawing-tools-item-list .selectable-option .item-amount,.drawing-tools-item-list .group-option .item-amount{font-size:11px;color:#555}.drawing-tools-item-list .selectable-option .faved-object,.drawing-tools-item-list .group-option .faved-object,.drawing-tools-item-list .selectable-option .icon-info-book,.drawing-tools-item-list .group-option .icon-info-book{display:block;opacity:.4;font-size:16px}.drawing-tools-item-list .selectable-option .faved-object:hover,.drawing-tools-item-list .group-option .faved-object:hover,.drawing-tools-item-list .selectable-option .icon-info-book:hover,.drawing-tools-item-list .group-option .icon-info-book:hover,.drawing-tools-item-list .selectable-option .faved-object.is-highlighted,.drawing-tools-item-list .group-option .faved-object.is-highlighted,.drawing-tools-item-list .selectable-option .icon-info-book.is-highlighted,.drawing-tools-item-list .group-option .icon-info-book.is-highlighted{opacity:1}.drawing-tools-item-list .selectable-option .faved-object.faved-object:hover,.drawing-tools-item-list .group-option .faved-object.faved-object:hover,.drawing-tools-item-list .selectable-option .icon-info-book.faved-object:hover,.drawing-tools-item-list .group-option .icon-info-book.faved-object:hover,.drawing-tools-item-list .selectable-option .faved-object.is-highlighted.faved-object,.drawing-tools-item-list .group-option .faved-object.is-highlighted.faved-object,.drawing-tools-item-list .selectable-option .icon-info-book.is-highlighted.faved-object,.drawing-tools-item-list .group-option .icon-info-book.is-highlighted.faved-object{color:#ffce03}.drawing-tools-item-list .selectable-option .faved-object.disabled,.drawing-tools-item-list .group-option .faved-object.disabled,.drawing-tools-item-list .selectable-option .icon-info-book.disabled,.drawing-tools-item-list .group-option .icon-info-book.disabled{color:#ddd}.drawing-tools-item-list .selectable-option .faved-object.disabled.is-highlighted,.drawing-tools-item-list .group-option .faved-object.disabled.is-highlighted,.drawing-tools-item-list .selectable-option .icon-info-book.disabled.is-highlighted,.drawing-tools-item-list .group-option .icon-info-book.disabled.is-highlighted{color:#fae383}.drawing-tools-item-list .selectable-option .selectable-option-info,.drawing-tools-item-list .group-option .selectable-option-info,.drawing-tools-item-list .selectable-option .selectable-option-fave,.drawing-tools-item-list .group-option .selectable-option-fave{background-color:rgba(0,0,0,0);margin:2px 4px;padding:0;border:0;border-radius:0;outline:0;width:22px;height:22px;color:#ddd}.drawing-tools-item-list .selectable-option .selectable-option-info:first-child,.drawing-tools-item-list .group-option .selectable-option-info:first-child,.drawing-tools-item-list .selectable-option .selectable-option-fave:first-child,.drawing-tools-item-list .group-option .selectable-option-fave:first-child{margin-top:4px}.drawing-tools-item-list .selectable-option .selectable-option-info:last-child,.drawing-tools-item-list .group-option .selectable-option-info:last-child,.drawing-tools-item-list .selectable-option .selectable-option-fave:last-child,.drawing-tools-item-list .group-option .selectable-option-fave:last-child{margin-bottom:4px}.drawing-tools-item-list .selectable-option .selectable-option-info:hover,.drawing-tools-item-list .group-option .selectable-option-info:hover,.drawing-tools-item-list .selectable-option .selectable-option-fave:hover,.drawing-tools-item-list .group-option .selectable-option-fave:hover{background-color:#f6f6f6}.drawing-tools-item-list .selectable-option .selectable-option-info:hover .icon-star:not(.is-highlighted):not(:hover),.drawing-tools-item-list .group-option .selectable-option-info:hover .icon-star:not(.is-highlighted):not(:hover),.drawing-tools-item-list .selectable-option .selectable-option-fave:hover .icon-star:not(.is-highlighted):not(:hover),.drawing-tools-item-list .group-option .selectable-option-fave:hover .icon-star:not(.is-highlighted):not(:hover),.drawing-tools-item-list .selectable-option .selectable-option-info:hover .icon-info-book:not(:hover),.drawing-tools-item-list .group-option .selectable-option-info:hover .icon-info-book:not(:hover),.drawing-tools-item-list .selectable-option .selectable-option-fave:hover .icon-info-book:not(:hover),.drawing-tools-item-list .group-option .selectable-option-fave:hover .icon-info-book:not(:hover){opacity:.55}.drawing-tools-item-list .selectable-option .selectable-option-item,.drawing-tools-item-list .group-option .selectable-option-item{height:100%;color:#333;background-color:rgba(0,0,0,0);display:flex;flex:1 1 auto;align-items:stretch;text-align:left;padding:0;border:0;border-radius:0;outline:0}.drawing-tools-item-list .selectable-option .selectable-option-item:hover,.drawing-tools-item-list .group-option .selectable-option-item:hover{background:#f6f6f6}.drawing-tools-item-list .group-option:hover{background:#f6f6f6}.drawing-tools-item-list .selectable-option:hover .selectable-option-info,.drawing-tools-item-list .selectable-option:hover .selectable-option-fave{color:#333}.drawing-tools-item-list .selectable-option .companion-icon{position:absolute;top:20px;right:0}.drawing-tools-item-list .extra-icon-container{position:absolute;bottom:0;right:0;display:flex}.drawing-tools-item-list .extra-icon-container .extra-icon{font-size:10px;background-color:rgba(0,0,0,.03137);padding:3px;margin:3px;color:var(--plant-item-attribute-label-color);border-radius:3px;flex:0 1 auto}.drawing-tools-item-list .extra-icon-container .extra-icon-new{color:#e85e0c}.drawing-tools-item-list .extra-icon-container .extra-icon-secondary{color:#555} .loading-container-YAQBQX_5cpE0pnuITsOL { width: 100%; height: 100%; display: flex; flex-flow: column nowrap; align-items: center; padding: 12px; } .loading-container-YAQBQX_5cpE0pnuITsOL > span { margin-top: auto; margin-bottom: auto; } .canvas-container-hxQCnE0YUc_5svwSxPPO canvas { -webkit-touch-callout: none; -webkit-user-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-user-modify: none; -webkit-highlight: none; } .load-status-overlay-NNeLoJ7EY7iYsIOP7gI6 { position: absolute; bottom: 0; right: 0; margin-left: 50px; padding: 3px 6px; color: #fff; background: #000; border-top: 1px solid #575757; border-right: 1px solid #575757; border-top-right-radius: 3px; line-height: 1; } .load-status-overlay-NNeLoJ7EY7iYsIOP7gI6 p { margin: 0; margin-bottom: 6px; } .load-status-overlay-NNeLoJ7EY7iYsIOP7gI6 p:last-child { margin-bottom: 0; } .small-error-WFnrfP0Q9vTQrjsR5BWE { font-size: 12px; color: #999; display: block; } .garden-planner-state-overlay{position:absolute;bottom:30px;left:30px;right:0;height:0;display:flex;align-items:center}.garden-planner-state-overlay .garden-planner-state-overlay-item{margin:6px;border-radius:3px;padding:6px;font-size:14px;line-height:1;background-color:var(--color-primary);color:var(--color-primary-content);border:1px solid var(--color-primary-dark)}.garden-planner-state-overlay .garden-planner-state-overlay-item.warning-item{color:#60491d;border:1px solid #60491d;background-color:#ffd485}.garden-planner-state-overlay .garden-planner-state-overlay-item .action-button{color:currentColor;background:rgba(255,255,255,.63137);border:1px solid rgba(255,255,255,.63137);padding:6px 9px;margin-top:-3px;margin-bottom:-3px;margin-right:-3px;margin-left:6px;line-height:1;font-size:12px}.garden-planner-state-overlay .garden-planner-state-overlay-item .action-button:hover{background:rgba(255,255,255,.88235)} .loading-entry-fNTJrXuljAHcd15h3nsJ { display: flex; flex-flow: column nowrap; } .label-AbDaE5dUoxdP03CH3sm1 { flex: 0 1 auto; margin-right: 6px; } .icon-b8L0YA_X0tHpQYfoLcHh { width: 30px; flex: 0 0 auto; text-align: center; } .dots-eLa7UdVtLqehGEX1Uymw { flex: 1 1 auto; border-bottom: 2px dotted #ffffff33; margin-bottom: 6px; min-width: 15px; } .retry-cTyeHijDrXBhTDXosQwI { flex: 0 0 auto; margin-right: 3px; margin-left: 6px; } .retry-cTyeHijDrXBhTDXosQwI .button-inline { color: #60b0e0; } .retry-cTyeHijDrXBhTDXosQwI .button-inline:active, .retry-cTyeHijDrXBhTDXosQwI .button-inline:hover { color: #4c93be; } .top-s0pSvCuteNA0fvoUUsQQ { display: flex; flex-flow: row nowrap; text-align: left; } .bottom-klAtPAaBarF03RyjsAc3 { display: flex; flex-flow: column nowrap; } .progress-bar-container-w7AcBX6EUZwByRB5fbwC { flex: 1; display: flex; flex-flow: row nowrap; align-items: center; } .progress-bar-P1g2wLLwZouj8Ose7o1V { flex: 1; height: 6px; background: #333; border-radius: 3px; position: relative; overflow: hidden; } .progress-bar-inner-Zk4ZGzDv2f8CAuo9PVlu { background: var(--color-primary); position: absolute; top: 0; left: 0; bottom: 0; } .progress-percent-NDaUl0iQDx1aozZsctKx { width: 3em; text-align: right; font-size: 12px; line-height: 1; margin-right: 6px; color: #ccc; } .error-wBm8NsT0OqiRcUdAeFQc { text-align: left; color: var(--color-error); } .error-wBm8NsT0OqiRcUdAeFQc::before { content: ''; border-left: 1px solid var(--color-error); border-bottom: 1px solid var(--color-error); border-bottom-left-radius: 3px; margin-bottom: 5px; margin-left: 6px; margin-right: 3px; width: 6px; height: 9px; display: inline-block; } .loading-screen-container-ERGmjFE2UPLRDvun7OfT { background: #333333ad; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-flow: column nowrap; align-items: center; padding: 24px; overflow-x: hidden; overflow-y: auto; z-index: 80; } .loading-screen-_3RqZZFlPgKbdCBn1GAj { background: #00000044; border-radius: 3px; display: flex; flex-flow: column nowrap; gap: 18px; margin-top: auto; margin-bottom: auto; color: #fff; max-width: 520px; padding: 20px; text-align: center; min-width: min(200px, calc(100% - 48px)); } .loading-screen-_3RqZZFlPgKbdCBn1GAj h2 { margin: 0; } .loading-screen-_3RqZZFlPgKbdCBn1GAj a, .loading-screen-_3RqZZFlPgKbdCBn1GAj .button-inline { color: #60b0e0; } .loading-screen-_3RqZZFlPgKbdCBn1GAj a:hover, .loading-screen-_3RqZZFlPgKbdCBn1GAj .button-inline:hover { color: #4c93be; } .entries-yvCAaRujdBAOnGmLaFVK { display: flex; flex-flow: column nowrap; gap: 6px; max-width: 230px; width: 100%; margin-left: auto; margin-right: auto; } .error-text-qAdowFN7raR1S6qKp1m8 :first-child { margin-top: 0; } .error-text-qAdowFN7raR1S6qKp1m8 :last-child { margin-bottom: 0; } .part-list-table-container{max-width:100%;-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:14px;line-height:1.4}.part-list-table-container .part-list-table{margin-left:auto;margin-right:auto;margin-bottom:60px;width:100%}.part-list-table-container thead{overflow:visible}.part-list-table-container thead tr{z-index:1;position:relative}.part-list-table-container thead tr{position:-webkit-sticky;position:sticky;top:-1px;background-color:#fff}.part-list-table-container thead tr th{min-height:34px;padding-top:8px;padding-bottom:8px}.part-list-table-container th,.part-list-table-container td{padding:0;padding-right:8px;padding-left:8px}.part-list-table-container .center-aligned-cell{text-align:center}.part-list-table-container .left-aligned-cell{text-align:left}.part-list-table-container tbody tr:nth-child(odd){background-color:#e2e2e2}.part-list-table-container tbody tr:nth-child(even){background-color:#fff}.part-list-table-container .part-icon-cell{padding:6px;line-height:0;text-align:center}.part-list-table-container .part-list-icon{width:32px}.part-list-table-container .part-name-cell{padding-left:0}.part-list-table-container .part-list-advice{text-align:center;font-style:italic;margin-top:12px;margin-bottom:12px}.part-list-item .part-name-container{display:flex;align-items:center;padding-top:8px;padding-bottom:8px}.part-list-item .part-name-container .part-name-inner{flex:0 1 auto}.part-list-item .part-name-container .part-icon-container{flex:0 1 auto;width:64px;display:flex;justify-content:center;align-items:center}.part-list-item .part-icon{max-height:26px}.part-list-item .part-name-inner{display:flex;flex-direction:column}.part-list-item .part-name-inner .part-name{display:block;font-weight:600}.part-list-table{border-spacing:0}.part-chart-image{width:32px;height:22px}@media print{.part-list-controls{display:none !important}} .client-message{margin-top:24px;border-radius:3px;display:flex;flex-flow:row nowrap;padding:12px;background:#eaeceb;align-items:center}.client-message .client-message-icon{flex:0 0 auto;align-items:center;margin-right:9px}.client-message .client-message-content{flex:1}.client-message .client-message-content>p{margin-top:6px;margin-bottom:6px}.client-message .client-message-content>p:first-child{margin-top:0}.client-message .client-message-content>p:last-child{margin-bottom:0} .part-list{max-width:880px;margin:auto;font-size:14px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.part-list .part-list-title-bar{display:none;align-items:center;justify-content:space-between;padding:16px 0}.part-list .part-list-title-bar h3{font-weight:600;font-size:20px;margin:0;padding:0}.part-list .part-list-summary{background-color:#eaeceb;padding:12px}@media print{.part-list .part-list-title-bar{display:flex}.part-list .part-list-summary{display:none}}.part-list.mobile .part-list-summary{margin-top:21px} .notes-print-view-v4JrDUNf0fX6PYPZuVAm { white-space: pre-wrap; display: none; } .notes-print-view-v4JrDUNf0fX6PYPZuVAm.show-ZrLYlN4JVXAre7u2JEQa { display: block; } @media print { .notes-print-view-v4JrDUNf0fX6PYPZuVAm { display: block; } } .column-sort-icon{display:inline-flex;flex-direction:column;justify-content:center;align-items:center}.column-sort-icon .button-up{border-radius:3px 3px 0 0}.column-sort-icon .button-down{border-radius:0 0 3px 3px}.column-sort-icon>button{flex:0 1 auto;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,0);border:0;height:16px;width:20px;color:#ccc}.column-sort-icon>button:hover{color:#666;background-color:#e8e8e8}.column-sort-icon>button.active{color:#444}.column-sort-icon .icon-sort-down{margin-top:-6px}.column-sort-icon .icon-sort-up{margin-top:4px} .planting-calendar-sort-key{display:flex;align-items:center;gap:3px}.planting-calendar-sort-key .sort-key{display:flex;align-items:center;background-color:rgba(0,0,0,.03529);border-radius:3px} .planting-calendar-key{font-size:12px;font-weight:400;margin-right:8px;margin-left:8px;display:inline-flex;align-items:center;text-align:right;white-space:nowrap;-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.planting-calendar-key .color-box{display:inline-block;width:12px;height:12px;margin-right:4px}.planting-calendar-key.sow-key .color-box{background-color:#372bd6}.planting-calendar-key.plant-key .color-box{background-color:#0a870d}.planting-calendar-key.harvest-key .color-box{background-color:#e17a16} .plant-spacing-help-modal .single-plant-highlight{color:#f04247}.plant-spacing-help-modal .row-plant-highlight{color:#4e62f5}.plant-spacing-help-modal .row-gap-highlight{color:#f434c2}.plant-spacing-help-modal .help-img-container{display:flex;flex-flow:row nowrap;justify-content:center}.plant-spacing-help-modal .help-img-container img{width:100%;max-width:500px;border-radius:3px;overflow:hidden} .plant-list-print-container{padding:16px;padding-top:0;display:inline-block}@media(max-width: 700px){.plant-list-print-container{padding:0}}.print-background-colors{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.plant-list-table{border-collapse:collapse;border-spacing:0;margin:auto;-webkit-user-select:text;-moz-user-select:text;user-select:text}.plant-list-table th,.plant-list-table td{padding:3px 6px}.plant-list-table .table-row{width:100%}.plant-list-table .tr-even{background-color:#e2e2e2}.plant-list-table .tr-odd{background-color:#f9f9f9}.plant-list-table .table-headers{background-color:#fff}.plant-list-table>.table-headers{border-bottom:2px solid #ccc}.plant-list-table .plant-list-icon{width:32px}.plant-list-table .cell-label{display:none;font-weight:600;padding-left:6px;padding-right:6px}.plant-list-table .left-align-cell{text-align:left}.plant-list-table .center-align-cell{text-align:center}.plant-list-table .spacings-td p{font-size:13px;margin:0;line-height:24px}.plant-list-table .header-cell-content{display:flex;flex-direction:column;justify-content:center}.plant-list-table .header-row{flex:1 1 auto;display:flex;align-items:center;flex-wrap:nowrap}.plant-list-table .row-button{width:24px;height:24px;display:flex;align-items:center;justify-content:center;line-height:1;background:rgba(0,0,0,0);border-radius:3px}.plant-list-table .row-button:hover{color:#333;background-color:rgba(0,0,0,.03529)}.plant-list-table .show-area-button{color:#333}.plant-list-table .show-area-button:hover{color:#333;background-color:rgba(0,0,0,.2)}.plant-list-table .inset-area-table{border-collapse:collapse;border-spacing:0}.plant-list-table .in-ground-string{line-height:1;display:flex;align-items:center}.plant-list-table .in-ground-string .in-ground-string-start{flex:0 1 auto}.plant-list-table .in-ground-string .in-ground-string-end{flex:0 1 auto}.plant-list-table .in-ground-string-end{display:flex;flex-direction:column}.plant-list-table .in-ground-string-end .in-ground-string-end-month{flex:0 1 auto}.plant-list-table .in-ground-string-end .in-ground-string-end-small{flex:0 1 auto;font-size:11px;font-style:italic}.plant-list-table .plant-name-string{font-weight:600}.plant-list-table .plant-other-name-string{font-weight:600;font-style:italic;font-size:12px}.plant-list-table .plant-scientific-name-string{font-weight:600;font-style:italic}.plant-list-table .plant-variety-string{font-style:italic;font-size:13px}.plant-list-table .plant-tag{background-color:#fff;border:1px solid var(--color-primary);border-radius:3px;font-size:11px;padding:2px;line-height:1}.plant-list-table .sfg-tag{background-color:#fff;border:1px solid var(--color-primary);border-radius:3px;font-size:11px;padding:2px;line-height:1}.plant-list-table .spacings-td,.plant-list-table .plant-name-string{white-space:nowrap}.plant-list-table .highlight-string{font-weight:600}@media screen and (max-width: 1100px){.view-mode-auto .plant-list-table .inset-table-row td{display:none}.view-mode-auto .plant-list-table .inset-table-row .area-td{display:table-cell}.view-mode-auto .plant-list-table .inset-table-row .inset-td{display:table-cell}.view-mode-auto .plant-list-table .main-headers{display:none}.view-mode-auto .plant-list-table .main-tr{margin-top:6px;border-radius:3px;overflow:hidden}.view-mode-auto .plant-list-table .tr-even{background-color:#fff}.view-mode-auto .plant-list-table .tr-odd{background-color:#fff}.view-mode-auto .plant-list-table .cell-with-label{grid-column:1/-1;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.view-mode-auto .plant-list-table .cell-with-label .cell-label{flex:0 1 auto;min-width:120px;max-width:120px;text-align:right;box-sizing:border-box}.view-mode-auto .plant-list-table .cell-with-label .cell-content{flex:1 1 auto}.view-mode-auto .plant-list-table .cell-with-label .cell-content.scroll-x{overflow-x:auto}.view-mode-auto .plant-list-table .top-cell{background-color:#eee;height:100%;display:flex;gap:12px;align-items:center;box-sizing:border-box}.view-mode-auto .plant-list-table .cell-label{display:block;font-weight:600}.view-mode-auto .plant-list-table .plant-tr,.view-mode-auto .plant-list-table .variety-tr{width:100%;min-width:100%;display:grid;grid-template-columns:32px 32px 32px 56px 1fr;grid-template-rows:auto;grid-template-areas:"area information favourite icon plant-name" "spacings . . . ." "counts . . . ." "calendar . . . ." "notes . . . .";align-items:center}.view-mode-auto .plant-list-table .area-tr{display:grid;grid-template-columns:32px 32px 56px 1fr;grid-template-rows:auto;grid-template-areas:"information favourite icon plant-name" "plant-label . . ." "spacings . . ." "counts . . ." "notes . . .";align-items:center}.view-mode-auto .plant-list-table .inset-table-row{display:grid}.view-mode-auto .plant-list-table .show-area-td{grid-area:area}.view-mode-auto .plant-list-table .calendar-td{grid-area:calendar;grid-column:1/-1}.view-mode-auto .plant-list-table .counts-td{grid-area:counts;grid-column:1/-1}.view-mode-auto .plant-list-table .favourite-td{grid-area:favourite}.view-mode-auto .plant-list-table .icon-td{grid-area:icon}.view-mode-auto .plant-list-table .information-td{grid-area:information}.view-mode-auto .plant-list-table .notes-td{grid-area:notes;grid-column:1/-1}.view-mode-auto .plant-list-table .plant-label-td{grid-area:plant-label;grid-column:1/-1}.view-mode-auto .plant-list-table .plant-name-td{grid-area:plant-name}.view-mode-auto .plant-list-table .season-extender-td{grid-area:season-extender}.view-mode-auto .plant-list-table .spacings-td{grid-area:spacings;grid-column:1/-1}.view-mode-auto .plant-list-table .plant-variety-string{font-size:12px}}@media screen and (max-width: 768px){.view-mode-auto .plant-list-table .inset-area-table .cell-with-label{grid-column:1/-1;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.view-mode-auto .plant-list-table .inset-area-table .cell-with-label .cell-label{flex:0 1 auto;min-width:120px;max-width:120px;text-align:right;box-sizing:border-box}.view-mode-auto .plant-list-table .inset-area-table .cell-with-label .cell-content{flex:1 1 auto}.view-mode-auto .plant-list-table .plant-tr{display:grid;grid-template-columns:32px 32px 32px 56px 1fr;grid-template-rows:auto;grid-template-areas:"area information favourite icon plant-name" "spacings . . . ." "counts . . . ." "calendar . . . ." "notes . . . .";align-items:center}.view-mode-auto .plant-list-table .cell-with-label{display:block}.view-mode-auto .plant-list-table .cell-with-label .cell-label{flex:none;display:block;min-width:auto;max-width:none;text-align:left;padding-left:0}.view-mode-auto .plant-list-table .cell-with-label .cell-content{flex:none;display:block;padding-left:6px}.view-mode-auto .plant-list-table .calendar-td{grid-area:calendar;grid-column:1/-1}.view-mode-auto .plant-list-table .counts-td{grid-area:counts;grid-column:1/-1}.view-mode-auto .plant-list-table .favourite-td{grid-area:favourite}.view-mode-auto .plant-list-table .icon-td{grid-area:icon}.view-mode-auto .plant-list-table .information-td{grid-area:information}.view-mode-auto .plant-list-table .notes-td{grid-area:notes;grid-column:1/-1}.view-mode-auto .plant-list-table .plant-label-td{grid-area:plant-label}.view-mode-auto .plant-list-table .plant-name-td{grid-area:plant-name;display:flex;flex-flow:row wrap;gap:0;-moz-column-gap:9px;column-gap:9px;overflow:hidden}.view-mode-auto .plant-list-table .plant-name-td>*{overflow:hidden;text-overflow:ellipsis}.view-mode-auto .plant-list-table .season-extender-td{grid-area:season-extender}.view-mode-auto .plant-list-table .spacings-td{grid-area:spacings;grid-column:1/-1}}.view-mode-grid .plant-list-table .inset-table-row td{display:none}.view-mode-grid .plant-list-table .inset-table-row .area-td{display:table-cell}.view-mode-grid .plant-list-table .inset-table-row .inset-td{display:table-cell}.view-mode-grid .plant-list-table .main-headers{display:none}.view-mode-grid .plant-list-table .main-tr{margin-top:6px;border-radius:3px;overflow:hidden}.view-mode-grid .plant-list-table .tr-even{background-color:#fff}.view-mode-grid .plant-list-table .tr-odd{background-color:#fff}.view-mode-grid .plant-list-table .cell-with-label{grid-column:1/-1;display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}.view-mode-grid .plant-list-table .cell-with-label .cell-label{flex:0 1 auto;min-width:120px;max-width:120px;text-align:right;box-sizing:border-box}.view-mode-grid .plant-list-table .cell-with-label .cell-content{flex:1 1 auto}.view-mode-grid .plant-list-table .cell-with-label .cell-content.scroll-x{overflow-x:auto}.view-mode-grid .plant-list-table .top-cell{background-color:#eee;height:100%;display:flex;gap:12px;align-items:center;box-sizing:border-box}.view-mode-grid .plant-list-table .cell-label{display:block;font-weight:600}.view-mode-grid .plant-list-table .plant-tr,.view-mode-grid .plant-list-table .variety-tr{width:100%;min-width:100%;display:grid;grid-template-columns:32px 32px 32px 56px 1fr;grid-template-rows:auto;grid-template-areas:"area information favourite icon plant-name" "spacings . . . ." "counts . . . ." "calendar . . . ." "notes . . . .";align-items:center}.view-mode-grid .plant-list-table .area-tr{display:grid;grid-template-columns:32px 32px 56px 1fr;grid-template-rows:auto;grid-template-areas:"information favourite icon plant-name" "plant-label . . ." "spacings . . ." "counts . . ." "notes . . .";align-items:center}.view-mode-grid .plant-list-table .inset-table-row{display:grid}.view-mode-grid .plant-list-table .show-area-td{grid-area:area}.view-mode-grid .plant-list-table .calendar-td{grid-area:calendar;grid-column:1/-1}.view-mode-grid .plant-list-table .counts-td{grid-area:counts;grid-column:1/-1}.view-mode-grid .plant-list-table .favourite-td{grid-area:favourite}.view-mode-grid .plant-list-table .icon-td{grid-area:icon}.view-mode-grid .plant-list-table .information-td{grid-area:information}.view-mode-grid .plant-list-table .notes-td{grid-area:notes;grid-column:1/-1}.view-mode-grid .plant-list-table .plant-label-td{grid-area:plant-label;grid-column:1/-1}.view-mode-grid .plant-list-table .plant-name-td{grid-area:plant-name}.view-mode-grid .plant-list-table .season-extender-td{grid-area:season-extender}.view-mode-grid .plant-list-table .spacings-td{grid-area:spacings;grid-column:1/-1}.view-mode-grid .plant-list-table .plant-variety-string{font-size:12px}@media print{html,body{height:auto !important;overflow:visible !important}.plant-list-table{margin:0}} .planting-calendar{max-width:480px;margin:auto;overflow-x:auto}.planting-calendar:not(.no-margin){margin-bottom:3px}.planting-calendar .planting-calendar-months{display:flex}.planting-calendar .planting-calendar-month{flex:1 1 auto;min-width:24px;border-left:1px solid rgba(0,0,0,.05)}.planting-calendar .planting-calendar-month:last-child{border-right:1px solid rgba(0,0,0,.05)}.planting-calendar .month-title{text-align:center;font-size:12px;line-height:20px;color:#666}.planting-calendar .month-image{position:relative;height:24px;display:flex;flex-direction:column}.planting-calendar .calendar-image{flex:1 1 auto;height:100%}.planting-calendar.highlight-on-hover .month-title{color:#bbb}.planting-calendar.highlight-on-hover:hover .month-title{color:#666}.planting-calendar:hover .month-title{color:#666}.planting-calendar .calendar-modifier{margin-top:3px;display:inline-flex;flex-direction:row;align-items:center;line-height:1;font-size:11px;font-style:italic;border-radius:3px;background-color:#fff;border:1px solid #ddd;color:#666;padding:3px;gap:6px}.planting-calendar .calendar-modifier>span{flex:0 1 auto}.planting-calendar .calendar-modifier .printable-planner-icon{height:18px;display:block}.planting-calendar-text{margin:6px}@media print{.planting-calendar .planting-calendar-month{min-width:30px}.planting-calendar.highlight-on-hover .month-title{font-size:11px;color:#666}} .plant-list-favourite-button{background-color:rgba(0,0,0,0);padding:0;border:0;border-radius:0;outline:0}.plant-list-favourite-button i{opacity:.4}.plant-list-favourite-button:hover{color:#ffce03}.plant-list-favourite-button:disabled{color:rgba(51,51,51,.2)}.plant-list-favourite-button .is-highlighted{opacity:1;color:#ffce03} .printable-planner-icon-with-family{border-radius:100%;background:#fff;border:3px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.printable-planner-icon-family-0{border-color:#aaa}.printable-planner-icon-family-1{border-color:#4fed7f}.printable-planner-icon-family-2{border-color:#09d9d9}.printable-planner-icon-family-3{border-color:#faec0e}.printable-planner-icon-family-4{border-color:#8080ff}.printable-planner-icon-family-5{border-color:#ff8000}.printable-planner-icon-family-6{border-color:#ff8080}.printable-planner-icon-family-7{border-color:#fd5cfd} .information-td button{padding:6px;border-radius:3px;color:#acacac}.information-td button:hover{background-color:rgba(0,0,0,.2)} .plant-list-table .notes-td .plant-note-text{max-width:240px;max-height:240px;overflow:hidden;overflow-y:auto;margin-bottom:3px;padding:3px}.plant-list-table .notes-td .plant-note-text p{margin:0;margin-bottom:9px;line-height:1.3}.plant-list-table .notes-td .edit-button-container{opacity:.4;padding:3px}.plant-list-table .notes-td:hover .edit-button-container{opacity:1}@media print{.plant-list-table .notes-td .plant-note-text{max-height:none}}@media screen and (max-width: 1100px){.view-mode-auto .plant-list-table .notes-td .plant-note-text{max-width:720px;max-height:240px;overflow:hidden;overflow-y:auto;margin-bottom:3px;padding:3px}}.view-mode-grid .plant-list-table .notes-td .plant-note-text{max-width:720px;max-height:240px;overflow:hidden;overflow-y:auto;margin-bottom:3px;padding:3px} .edit-plant-notes-button{display:inline-flex;gap:3px;outline:0;padding:0 5px;border-radius:0;line-height:24px;border-radius:2px;background-color:rgba(0,0,0,0);border:1px solid #009e68;color:#009e68}.edit-plant-notes-button:hover{outline:0;padding:0 5px;background-color:#009e68;color:#fff;border:1px solid #009e68}.edit-plant-notes-button .icon-container{flex:0 1 auto}.edit-plant-notes-button .text-container{flex:0 1 auto} .plant-list-container{margin-top:24px;font-size:14px;flex:1 0 auto;display:flex;flex-direction:column;align-items:center}.plant-list-container .sort-select-form-row{padding:16px}.plant-list-container.view-mode-grid .expand-all-container{display:block}.plant-list-container-inner{margin-left:auto;margin-right:auto;flex:1 0 auto;max-width:100%;box-sizing:border-box;overflow-x:auto}@media print{.plant-list-container-inner{overflow-x:visible}} .list-item-Mf9OCYpmOCEjwak9XL5S { width: 100%; max-width: 1000px; background-color: #fff; border-radius: 3px; overflow: hidden; box-shadow: 0 1px 4px #ccc; min-height: 36px; } .list-item-details-GcrG1O58wb1Px7O_hBOn { display: flex; padding: 12px; gap: 12px; align-items: center; } .list-item-details-column-YvReS9pKGL7KXXtMbK_r { display: flex; flex-direction: column; justify-content: flex-end; min-width: 0; } .collapse-list-item-details-column-aFNq7WRicC6fg8T0et23 { flex: 1 1 auto; display: flex; justify-content: space-between; flex-direction: row; flex-wrap: wrap; gap: 12px; } .list-item-icon-container-TUSzN66tnbUtGzqcPjWQ { width: 32px; flex: 0 1 auto; display: flex; justify-content: center; align-items: center; } .list-item-titles-container-YReOyCzQjtDxq5cOBuUa { flex: 1 1 auto; } .list-item-extra-details-GRlEN_e7QnNQIQOmOOrw { flex: 0 1 auto; } .list-item-title-yWq3cfVJ2h6xw4SXWQNP { color: #333; } .list-item-subtitle-U9RU6LYm1QXR_4Lm4PfB { color: #777; } .list-item-product-container-fdmUeZQkvarhelgzuk7X { background-color: #eee; display: flex; flex-direction: column; gap: 12px; padding: 12px; } .list-item-product-SJRXVnHw_u9ETj0TgGIh { display: flex; flex-flow: row nowrap; gap: 12px; } .list-item-product-details-eqWi8v5ilioegTpoHsnn { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: space-between; gap: 12px; min-width: 0; } .list-item-product-config-FNIIo6PJ6Lj6hwLMbcKE { display: flex; flex-wrap: wrap; gap: 12px; } .section-header-R9bOBbVrGZzrGj0BzHtw, .title-text-FEXy0mWrd8EglpqKfh44 { color: #666; font-weight: 200; } .description-container-q8hwwCFTd0FCDR8ps8jZ { display: flex; flex-direction: column; gap: 6px; } .description-title-NCLKhy5blOCnoHJE0Gky { display: flex; } .title-text-FEXy0mWrd8EglpqKfh44 { flex: 1 1 auto; } .product-description-cA8bUdLr0_zi9sJSK7xF { position: relative; border-left: 1px solid #ddd; overflow: hidden; padding: 12px; cursor: pointer; } .description-html-k2qeJLldxqeTJIWaMJY2 { font-size: 14px; } .description-html-k2qeJLldxqeTJIWaMJY2 p { margin: 6px 0; } .description-html-k2qeJLldxqeTJIWaMJY2 p:first-child { margin-top: 0; } .description-html-k2qeJLldxqeTJIWaMJY2 p:last-child { margin-bottom: 0; } .expandable-description-qst7a6aYDxjIRD9Flc4V { } .expand-description-container-DFj_M7gaK0v21UCoTwWB { flex: 0 1 auto; } .expand-description-ahyJXQ1KFrKWSobjc7BQ { border: 0; background-color: transparent; border-bottom: 1px dotted #666; padding: 3px 0; font-weight: 200; font-size: 14px; } /* Super small screen styling - change to column layout */ @media (max-width: 400px) { .list-item-product-SJRXVnHw_u9ETj0TgGIh { flex-flow: column nowrap; } } .quantity-selector-column-ml62xhmO8sxAKgYhst6D { min-width: 200px; } .quantity-selector-nJzdjcwXEbkNSsHTK6Aa { background-color: #fff; border: 0; display: flex; border-radius: 3px; width: fit-content; overflow: hidden; align-items: center; } .quantity-selector-button-w6JYdm7p9r4zgzeY6zQA { padding: 9px; background-color: #fff; } .quantity-selector-button-left-fULyAcUK427HVKDdeLqA { border-radius: 3px 0 0 3px; border: 1px solid #ddd; border-right: 0; } .quantity-selector-button-left-fULyAcUK427HVKDdeLqA:hover { border: 1px solid var(--success-color); border-right: 0; } .quantity-selector-button-right-SsoanPyJd6Sgw1VocEAr { border-radius: 0 3px 3px 0; border: 1px solid #ddd; border-left: 0; } .quantity-selector-button-right-SsoanPyJd6Sgw1VocEAr:hover { border: 1px solid var(--success-color); border-left: 0; } .quantity-row-JYQoGpqhNTSIHNRobq8d { display: flex; align-items: center; gap: 6px; } input[type=number].number-input-bFcN25JgM3Y4Y7AJXrHl { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 60px; height: 36px; margin: 0; padding: 0; border: 0; border-radius: 0; line-height: 36px; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } input[type=number].number-input-bFcN25JgM3Y4Y7AJXrHl::-webkit-outer-spin-button, input[type=number].number-input-bFcN25JgM3Y4Y7AJXrHl::-webkit-inner-spin-button { -webkit-appearance: none; } .invalid-number-input-o_CNFg9GxJ7H7R_cw3gT { } .quantity-details-BNWTO1uUazolOCfSqmtr { display: flex; flex-direction: column; gap: 3px; line-height: 1; } .quantity-totals-sZeZLDBPbp20a7rdwTrA { font-size: 15px; } .quantity-recommended-ZUBlMD5dBwXOyEsZc7HK { font-size: 13px; color: #666; display: flex; align-items: center; } .quantity-equal-fbSbP7cRRqrt3fnHQ7sH i { font-weight: 600; color: var(--success-color); } .quantity-more-piUuiRrDQgoSoRk0GJpD i { font-weight: 600; color: var(--success-color); } .quantity-less-dhquiQEG2PDlPFtG6Op5 i { font-weight: 600; color: var(--error-color); } .tooltip-cl7c4UtDCdTLoDPeXWIc { background: #fff; color: #333; max-width: 320px; font-size: 15px; line-height: 1.3; box-shadow: 0 0 9px #ccc; padding: 12px; text-align: left; display: flex; flex-direction: column; gap: 6px; } .tooltip-cl7c4UtDCdTLoDPeXWIc path { fill: #fff; stroke: #fff; stroke-width: 0; } .sum-display-G_uelrSCBCjRibbMqKTz { display: flex; flex-direction: column; background-color: #f8f8f8; padding: 6px; } .sum-kLPdExYcZ_TyN1adCkwB { display: grid; grid-template-columns: 1fr 30px; gap: 6px; justify-content: center; padding: 3px; } .sum-values-cgg0gu3WCu4TmxnoyRZm { display: flex; flex-direction: column; justify-content: right; text-align: right; } .value-lpwyA0GaOEXcTEK5ZKon { display: inline-block; min-width: 28px; } .operator-O1AtBHiAs1iR6gVG_GKC { display: flex; align-items: center; } .solution-UsN4Hyq_tlYG2rKlOmTv { background-color: var(--success-color); color: #fff; border-radius: 3px; } .sum-descriptor-UR3jjnPA0lOqkLMExOFM { font-style: italic; color: #666; } .divider-rhAZV4TJri4hlslzuNJr { text-align: center; } .lowercase-unit-lZ_ixwsaJGMP62LozjDk { text-transform: lowercase; } .variant-selector-qmDTjx6JBwsSFzzTQQBo { min-width: min(280px, 100%); flex: 1 1 auto; } .variant-label-teCMFcJyOS0xC1gU50Kq { display: flex; align-items: center; } .name-label-W9mhFNmLFrcX35yAeUt1 { flex: 1 1 auto; display: flex; align-items: center; min-width: 0; overflow: hidden; text-overflow: ellipsis; } .price-label-A1ls5mGOlPVlgn4ZkJ33 { flex: 0 1 auto; display: flex; flex-direction: column; gap: 3px; line-height: 1; align-items: flex-end; } .price-text-CRzas3fVF6B83TQVXm7O { font-weight: 600; font-size: 13px; } .quantity-text-eR6blpAgkqASDtgtKIQA { font-size: 13px; } .no-option-J0Vp4E0rjpinkKywigEQ { border-radius: 3px; height: 36px; line-height: 36px; box-sizing: border-box; } .shopping-list-button-bYhF56G1b5h9FMRbRQkd { --shopping-button-color: var(--success-color); height: 36px; background-color: var(--shopping-button-color); border: 1px solid var(--shopping-button-color); border-radius: 3px; color: #fff; } .shopping-list-button-bYhF56G1b5h9FMRbRQkd:hover { --shopping-button-color: var(--success-color-dark); } .shopping-list-button-bYhF56G1b5h9FMRbRQkd:disabled { background-color: #ccc; color: #666; border: 1px solid #ccc; } .cart-details-NlSnS491KdRN73oljffQ { flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-end; justify-self: flex-end; gap: 6px; min-width: 140px; } .cart-details-price-CZS29elVbvzi4Hz3dnNa { display: flex; gap: 12px; flex: 0 1 auto; text-align: right; align-items: baseline; } .cart-details-button-Jtc2OgxXtHw8ynNlLKtg { flex: 0 1 auto; height: 36px; background-color: #fff; border: 1px solid var(--success-color); border-radius: 3px; color: var(--success-color); display: flex; justify-content: space-between; align-items: center; gap: 6px; width: 120px; --checkbox-check-color: #fff; transition: all 200ms; } .checked-cart-details-button-B2YwlRPAL8qUtk55YJxg { background-color: var(--success-color); border: 1px solid var(--success-color); color: #fff; } .price-details-vlbZjkpZo4tyaHgij96V { font-size: 13px; font-weight: 300; } .price-total-bTW7edRYYPAKTvEjVM28 { font-size: 16px; font-weight: 600; } .button-text-eYWorr0X5k2FYwUHzfxT::after { content: var(--button-text); } .cart-details-button-Jtc2OgxXtHw8ynNlLKtg:hover .button-text-eYWorr0X5k2FYwUHzfxT::after { content: var(--button-hover-text); } .checkbox-OlKTVMWDr8NKCISlqdcQ { display: inline-block; position: relative; } .checkbox-OlKTVMWDr8NKCISlqdcQ svg { display: block; } .checkbox-check-W4m0_XXO3chfmfebeifw { position: absolute; top: 0px; left: 0; font-size: 23px; color: var(--success-color); color: var(--checkbox-check-color); display: flex; align-items: center; justify-content: center; } .product-gallery-fFy_jASAws1fjIrtKFe4 { position: relative } .product-gallery-fFy_jASAws1fjIrtKFe4 .gallery-nav-v8fSE5BsTr2JrtZ6qksN { opacity: 0; transition: opacity 300ms; } .product-gallery-fFy_jASAws1fjIrtKFe4:hover .gallery-nav-v8fSE5BsTr2JrtZ6qksN { opacity: 1; } .preview-product-image-cXQ6MrL9j18ILhhV1t_W { max-width: 120px; min-width: 120px; width: 120px; min-height: 120px; overflow: hidden; background-position: center; background-size: cover; border-radius: 3px; } .gallery-nav-pos-AZ5qCVB6fsBLf3EX9xkM { position: absolute; bottom: 3px; left: 0; right: 0; } .gallery-nav-v8fSE5BsTr2JrtZ6qksN { flex: 1 1 auto; margin: auto; display: flex; } .gallery-nav-inner-T_Muv2UBKig5xjpfxhJP { margin: auto; display: flex; flex: 0 1 auto; gap: 6px; } .gallery-nav-group-mcGt58UbXDoABrQ4WMHP { flex: 0 1 auto; margin: auto; height: 24px; max-width: 90px; display: flex; background-color: #33333379; color: #fff; padding: 2px; border-radius: 3px; justify-content: space-between; } .gallery-nav-button-P9ZlH6PMbyXeofS6WunN { background-color: transparent; color: #fff; border: 0; } .product-images-GUEBHak6aT7_fc22QUGA { max-width: 120px; min-width: 120px; width: 120px; min-height: 120px; overflow: hidden; overflow: hidden; border-radius: 3px; } .product-image-JYeWm5_ZMk2lLFjHWTZC img { display: block; max-width: 100%; } .product-images-button-B11xZe8kNaYGo5HFMiBP { border: 0; padding: 0; margin: 0; display: block; } .preview-gallery-o1pfdBdKBIecx8OikLoe .product-image-JYeWm5_ZMk2lLFjHWTZC img { object-fit: cover; width: 120px; height: 120px; } .modal-gallery-cg_elxcMKSuLweaEMKG0 .product-image-JYeWm5_ZMk2lLFjHWTZC img{ max-width: 80vw; max-height: 80vh; } .products-selector-k2bBcYAtAUZ8A2uo_E2v { display: flex; gap: 12px; } .selector-indicator-TUKS7TX1bY2wi52TA6SL { display: inline-block; text-align: center; width: 14px; } .product-scroll-pane-ANvbyl2A8mcqCxyRsy17 { max-width: 800px; overflow-x: auto; display: flex; flex-flow: row nowrap; } .products-list-Zr_FjBDLH8X8UEfPeHuw { padding: 12px; display: flex; flex-direction: row; gap: 12px; } .products-item-FoJ09dUUhgOrQv9TL74K { width: 220px; } .item-button-JstZyc2cDZz7xEcK4N6S { overflow: hidden; display: flex; flex-direction: column; align-items: stretch; gap: 12px; padding: 12px; border-radius: 3px; box-sizing: border-box; border: 0; max-width: 220px; border: 1px solid #ddd; background-color: #eee; } .item-button-JstZyc2cDZz7xEcK4N6S:hover { border: 1px solid var(--success-color); } .item-title-GosUbwZtbmfjGMnTkpdu { font-size: 16px; line-height: 1.4; text-align: center; font-weight: 700; display: -webkit-box; overflow: hidden; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .item-image-container-peG7r4hcya7T6HQ8THHg { width: 196px; height: 196px; background-color: #fff; border: 1px solid #ddd; overflow: hidden; border-radius: 3px; display: flex; justify-content: center; align-items: center; } .item-image-container-peG7r4hcya7T6HQ8THHg img { display: block; width: 196px; } .item-options-Lct5tOYByPe_vJxIf066 { display: flex; flex-direction: column; gap: 6px; font-size: 18px; font-weight: 300; } .item-option-n6JXLKm2JPC0QsA2Ourt { background-color: #ddd; border-radius: 3px; padding: 3px; line-height: 1.2; } .list-item-ERsscMMx2NnZv0y4PFxu { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; align-items: stretch; min-height: 36px; } .list-item-button-yPfmd2yckVNKf4iGBsd4 { border: 1px solid #ddd; background-color: #fff; border-radius: 3px; padding: 3px 6px; } .list-item-button-yPfmd2yckVNKf4iGBsd4:hover { border: 1px solid var(--success-color); } .list-item-product-titles-o66ZmBrlKB4XAq5OcMJm { display: flex; flex-direction: column; align-items: flex-start; gap: 0; line-height: 1.2; min-width: 0; text-align: left; justify-content: center; } .list-item-product-title-WCiDCD3PLx40FQYedyC3 { color: var(--foreground-override-color, #333); min-width: 0; } .list-item-product-subtitle-yQe8di2TbDFwVVCegiLb { color: #777; color: var(--foreground-override-color, #777); min-width: 0; max-width: 100%; } .list-item-product-options-ydDGDqX_SrDWODy8b3N9 { min-width: 0; display: flex; align-items: center; justify-content: flex-end; } .list-item-other-product-details-bSv0Vqeq8PX7dZ75fGGA { display: flex; gap: 6px; } .options-details-gB5kuDrxbeUxz4dxnKLg { font-size: 14px; font-style: italic; font-weight: 300; color: #666; border-bottom: 1px dotted #666; } .options-icon-vnfQvUcd3mEa_bWKreZO { font-size: 14px; color: #333; } .product-tags-EC_etnU6bJ1fot3y0Th1 { display: flex; gap: 3px; flex-wrap: wrap; min-width: 0; } .product-tag-QCiF1b0IVZm00kXSHXus { background-color: var(--success-color-dark); color: #fff; font-size: 11px; padding: 3px; border-radius: 3px; text-wrap: nowrap; text-overflow: ellipsis; overflow: hidden; } .base-product-window-C12HWPtbM8LtmKegcpD7 { position: relative; background-color: #fff; color: #333; border-radius: 3px; width: max-content; max-width: min(720px, calc(100vw - 12px)); } .attached-product-window-QAxRHtVHsHbPeVdBql6k { box-shadow: 0 0 28px #bbb; } .display-icon-W1D9hTaG4e5_HhnZtWXh { max-width: 32px; max-height: 32px; } .plant-varieties-selector-ntGBif2MmUq5c8x7j3iG { display: flex; flex-flow: row wrap; gap: 3px; min-width: 0; } .variety-entry-GwZ42QAURGkkBe9b6g57 { display: flex; background-color: #eee; border-radius: 3px; overflow: hidden; height: 22px; line-height: 16px; font-size: 14px; } .remove-varieties-kQSOLW2g6CEob3ZeEhcz { flex: 0 1 auto; background-color: #cdd8f7; color: #293e78; border: 0; padding: 3px 6px; } .variety-name-zx9aWtt6LuCsYoZ90_Jd { font-weight: 300; color: #333; flex: 0 1 auto; display: inline-block; padding: 3px 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .match-details-container-LLeRmBjGU6GZyU2N7XtT { display: flex; padding: 12px; gap: 12px; align-items: center; } .match-details-icon-DByPLAnuitiVclZW4yxM { width: 32px; flex: 0 1 auto; display: flex; justify-content: center; align-items: center; } .match-details-titles-vDgJSpzf2sME1KVLNXqI { flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; min-width: 0; } .match-details-title-EsSnJan5yM6OMcUu7m_b { color: #333; min-width: 0; } .match-details-subtitle-XiYyrt64mrfb8Wkq83Jl { color: #777; display: flex; flex-flow: row nowrap; min-width: 0; } .match-details-extra-nmCN_YiKXvivVfL09373 { flex: 0 1 auto; text-align: right; } .shopping-list-CyIj225tcia5haYM_3pl { --shopping-list-spacing: 24px; --shopping-list-border-radius: 3px; --shopping-list-interactable-background-color: #fff; width: 100%; display: flex; justify-content: center; } .shopping-list-container-aYi16oTBc2PCwlRE9yuC { max-width: 1000px; width: 100%; padding: 20px; display: flex; flex-direction: column; gap: 24px; box-sizing: border-box; } .shopping-list-contents-prHEgl_fY5wXLvYOoGqx { display: flex; flex-direction: column; gap: 24px; } .shopping-list-controls-RonCi8e_PNlzTNq5oQUj { display: flex; justify-content: flex-end; } .shopping-list-items-srtcvgaqswKYYQv5RbDB { display: flex; flex-direction: column; gap: var(--shopping-list-spacing); align-items: center; width: 100%; } .shopping-section-EUaaVC023LashjIsQsI6 { width: 100%; padding-bottom: 18px; } .section-title-reBrJXap3Gk1lK8k7SbP { padding: 6px; margin-bottom: 12px; display: flex; justify-content: space-between; gap: 12px; } .section-title-reBrJXap3Gk1lK8k7SbP h1 { font-size: 24px; font-weight: 600; margin: 0; padding: 0; } .section-title-controls-Cni81RWke2XAaTzNaGdf { text-align: right; display: flex; align-items: center; justify-content: flex-end; } .section-title-button-HWBEdxUwwLsD60zppgvz { border: 0; background-color: transparent; border-bottom: 1px dotted #666; padding: 3px 0; font-weight: 200; font-size: 14px; } .shopping-list-items-list-Z_M6sIfc7QkQy_BMXaOm { display: flex; flex-direction: column; gap: var(--shopping-list-spacing); align-items: center; width: 100%; } .highlighted-text-T0oJ1ZlUGVfx1HQk1MBR { background-color: #eee; border-radius: 3px; padding: 12px; line-height: 1.6; } .totals-HVOdgWNNHfM__OiVypPH { text-align: right; display: flex; flex-direction: column; gap: 12px; line-height: 1; justify-content: flex-end; } .totals-row-m1Bi1D6_iKYXrdeBU3Bt { display: flex; gap: 12px; justify-content: flex-end; } .subtotal-row-wwohdJYFKDDV7oR_hoWN { font-size: 24px; } .price-X5MAv3LpO8GntCdjMa0O { font-weight: 700; } .sub-price-zFhoBDOWcIfBcekFOpBI { } .price-container-yXfNntbiYCGPbfOeO3V7 { } .price-details-Mv8cviQ6Zr65ipdblWLn { color: #777; font-style: italic; } .shopping-list-controls-ecl2zNXuP16sFuEBuz8Q { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 24px; } .shopping-list-buttons-iY7Ky2tWm9H7jjgv5aHg { display: flex; gap: 12px; } .right-NgV4ebV45zP4M_ett2mP { justify-content: flex-end; } .warning-YqZDI7XIQfUdlLj2BGbQ { display: flex; flex-direction: column; gap: 12px; background-color: #cfbb5f24; color: #333; border-radius: 3px; padding: 9px 12px; margin: 6px; box-shadow: 1px 1px 3px #ddd; font-weight: 300; line-height: 1.4; } .warning-YqZDI7XIQfUdlLj2BGbQ p { padding: 0; margin: 0; } .planner-overlay{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(51,51,51,.67843);display:flex;justify-content:center;align-items:center;z-index:100}.planner-overlay .planner-start-window{background-color:#f2f2f2;width:560px;padding:20px;border-radius:3px;box-shadow:0px 0px 13px -2px rgba(0,0,0,.82)}.planner-overlay .planner-start-title{text-align:center;font-size:28px;font-weight:700;padding:18px}.planner-overlay .planner-start-introduction{color:#666;padding-top:12px;padding-bottom:12px;text-align:center}.planner-overlay .planner-start-buttons{padding-top:12px;padding-bottom:12px;display:flex}.planner-overlay .planner-start-button{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.planner-overlay .planner-start-dashboard-container{padding-top:12px;font-size:14px;text-align:center}.planner-overlay .planner-intro-button{padding:12px 0;text-align:center} .container-B4lXCdsKTytDMdSCJlgK { display: flex; flex-flow: column nowrap; padding: 12px; background: #fafafa; } .notes-explanation-IQfejxvgYNq_vVqOZG5y { margin: 0; margin-bottom: 12px; font-size: 14px; color: #555; } .notes-editor-vPo7osDXsWPwi1mKq3ba { flex: 1 1 auto; padding: 12px; resize: none; } .background-KF2ESjwtLh_larNxRoy_ { background-color: #fafafa; } /** * Main objectives pane styles */ .objectives-pane-rYM0HSm6L5YH8YnLZ3mr { flex: 1 1 auto; display: flex; flex-flow: column nowrap; min-height: 0; overflow: hidden; max-height: 100%; min-height: 100%; height: 100%; background-color: var(--objective-pane-background) } .objectives-pane-scroll-f6b2ZMoUEHSGmqG9uxyr { overflow-y: auto; flex: 1 1 auto; min-height: 0; } /** * Advanced objectives section styles */ .advanced-section-container-oGd8vS_vhhvIqllXeUbg { display: flex; flex-flow: column nowrap; } .advanced-section-button-guzAvdmr6aN4osGfs_MX { margin: 0; padding: 6px 6px; border: 0; border-radius: 3px; background: transparent; color: #333; font-size: 14px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; margin-top: 12px; margin-bottom: 12px; margin-left: auto; margin-right: auto; } .advanced-section-button-guzAvdmr6aN4osGfs_MX:hover { background: #f2f2f2; } .advanced-section-button-guzAvdmr6aN4osGfs_MX[data-expanded=true]::before { content: 'Hide\00a0' } .advanced-section-button-guzAvdmr6aN4osGfs_MX[data-expanded=false]::before { content: 'Show\00a0' } .advanced-section-button-icon-mrGFRNS4kdmmiWCuCuPA { margin-left: 6px; } /** * Overall progress (at bottom) styles */ .overall-progress-a7PtMbZ_8G0ym_RHUtWw { box-shadow: 3px 0 5px #ddd; margin-top: auto; --objective-card-background: #fff; } /** * Loading gate styles */ .loading-gate-YufR1cL0xp4okMKWDocf { flex: 1 1 auto; padding: 24px 12px; text-align: center; overflow-y: auto; margin-top: auto; margin-bottom: auto; } .loading-icon-PXxM4PKNo56iGUDFD_BD { font-size: 40px; color: #ccc; } .loading-error-yIUIjAbxzpyi5LXhLK8w { font-size: 14px; color: var(--color-error); } .icon-container-WKN56GVEipO0BUeHRzP9 { --icon-size: 50px; --icon-overlay-padding: 3px; width: var(--icon-size); height: var(--icon-size); box-sizing: border-box; padding: 9px; position: relative; } .icon-container-WKN56GVEipO0BUeHRzP9 > img { width: 100%; height: 100%; } .progress-doughnut-DOG0QEosJfEGSn2_GhO0 { position: absolute; top: var(--icon-overlay-padding); left: var(--icon-overlay-padding); bottom: var(--icon-overlay-padding); right: var(--icon-overlay-padding); } .progress-doughnut-DOG0QEosJfEGSn2_GhO0 svg { width: 100%; height: 100%; fill: none; stroke: var(--objective-success-color); stroke-width: 5; stroke-dasharray: 147 100; stroke-dashoffset: 0; stroke-linecap: round; } .progress-label-VxtLGNnh2yc3PO4aBnHA { position: absolute; bottom: 0; left: 0; right: 0; text-align: center; line-height: 1; font-size: 12px; text-shadow: -1px -1px 0 white, 1px -1px 0 white, 1px 1px 0 white, -1px 1px 0 white; } .checkmark-YRIYk49aPCllWdgbwWge { position: absolute; bottom: var(--icon-overlay-padding); right: var(--icon-overlay-padding); font-size: 10px; width: 14px; height: 14px; border-radius: 7px; background: var(--objective-success-color); color: #fff; display: flex; align-items: center; justify-content: center; } .checkbox-check-dJ3EiIPS4r_SzfTwbqAk { position: absolute; top: var(--icon-overlay-padding); left: var(--icon-overlay-padding); bottom: var(--icon-overlay-padding); right: var(--icon-overlay-padding); font-size: 23px; color: var(--objective-success-color); color: var(--check-color); text-shadow: -1px -1px 0 white, 1px -1px 0 white, 1px 1px 0 white, -1px 1px 0 white; display: flex; align-items: center; justify-content: center; } :root { --objective-pane-background: #f8f8f8; --objective-success-color: #6baf60; --objective-success-color-dark: #34662c; /* Background colour of objectives */ --objective-background: transparent; /* Background colour of objective group headers */ --objective-group-background: #fff; /* Colour of the border between objective groups */ --objective-group-divider: #f2f2f2; --objective-background: #fff; --objective-title-size: 15px; --objective-title-weight: 400; --objective-description-size: 15px; --objective-description-weight: 400; --objective-card-background: #f8f8f8; --objective-card-border: 0; --completed-objective-group-background: #fff; --completed-objective-background: #6baf6022; --completed-objective-border: 0; --family-color-miscellaneous: #aaaaaa; --family-color-brassicas: #4fed7f; --family-color-legumes: #09d9d9; --family-color-solanaceae: #faec0e; --family-color-allium: #8080ff; --family-color-umbelliferae: #ff8000; --family-color-cucurbits: #ff8080; --family-color-chenopodiaceae: #fd5cfd; } .overall-progress-card-hPAPcxrFBP8H8SQr7lWA { border-bottom: none; } .overview-card-Z6DOnJBDKkfYi0h5I9Dn { --description-text-color: #535353; --hint-color: #888; --color: #333; color: var(--color); display: flex; flex-flow: row nowrap; position: relative; background: var(--objective-card-background); border: var(--objective-card-border); border-radius: 3px; } .objective-group-card-wRwQuDXsW6byH_it0QXB { background: var(--objective-group-background); } .overview-card-icon-luwBSafIvBcIgfRO7_wb { flex: 0 0 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: flex-start; padding: 3px; position: relative; } .overview-card-content-WFvYrzKiVW8yQIL1gpTt { flex: 1 1 auto; display: flex; flex-flow: column nowrap; justify-content: center; padding: 12px 9px; padding-left: 0px; gap: 6px } .overview-card-content-WFvYrzKiVW8yQIL1gpTt[hidden] { display: none; } .overview-card-title-pX1czUsM6nDEdCr3Fl1s { line-height: 1.45; font-size: 14px; margin: 0; } .overview-card-description-ejX4hiwFrrrLJSS4wUVC { line-height: 1.2; font-size: 12px; color: var(--description-text-color); margin: 0; } .overview-card-hint-ZfjBg78fIPus3nFKlDV2 { line-height: 1.2; font-size: 12px; color: var(--hint-color); margin: 0; } .overview-card-buttons-QFj78BJQquJCGudOCN5i { display: grid; grid-template-columns: 1fr 1fr; } .align-left-IFWSfaHwTMFyQAnzGcHB { display: flex; justify-content: flex-start; } .align-right-jdalYxNOi708DoSY4sno { display: flex; justify-content: flex-end; } .completed-overview-card-HqdzqTUZ40IJCIs2mbNI { --objective-card-background: var(--completed-objective-background); --objective-card-border: var(--completed-objective-border); --check-color: var(--objective-success-color); } .completed-group-overview-card-df71_ZPorIjZ4l4U0oh2 { background-color: var(--completed-objective-group-background); } .start-tutorial-button-aTh7YG3my_jtmyJ0b3C4 { padding: 4px 8px; background-color: #fff; border: 1px solid var(--help-color); color: var(--help-color); border-radius: 3px; font-size: 12px; line-height: 1; box-sizing: border-box; } .start-tutorial-button-aTh7YG3my_jtmyJ0b3C4:hover { background: var(--help-color); color: var(--help-color-foreground); } .start-tutorial-button-aTh7YG3my_jtmyJ0b3C4:disabled, .start-tutorial-button-aTh7YG3my_jtmyJ0b3C4:disabled:hover { border-color: #ccc; background-color: #eee; color: #aaa; } .hint-button-AeLNsb2ckJfAQvXyaBks { padding: 0; margin: 0; border: 0; background-color: transparent; color: var(--hint-color); text-decoration: underline; } .hint-button-AeLNsb2ckJfAQvXyaBks:hover, .hint-button-AeLNsb2ckJfAQvXyaBks:active { border: 0; background-color: transparent; color: inherit; } .help-card-bAGUhOmAkJJgFVUjXDcQ { background-color: #5f8acf24; color: #333; border-radius: 3px; padding: 9px 12px; margin: 6px; box-shadow: 1px 1px 3px #ddd; font-size: 14px; font-weight: 300; line-height: 1.4; position: relative; overflow: hidden; text-align: center; } .help-card-bAGUhOmAkJJgFVUjXDcQ p { margin: 0; } .help-card-bAGUhOmAkJJgFVUjXDcQ h5 { margin: 0; font-size: 14px; font-weight: 400; line-height: 1.5; color: #333; margin-bottom: 3px; } .help-card-bAGUhOmAkJJgFVUjXDcQ .icon-mortar-board { color: var(--help-color); } .help-card-buttons-R2f_Sf2RtsT3HcswyVjH, .sync-card-buttons-quYr9hRjQOHNiVnQNLFD { display: flex; flex-flow: row wrap; justify-content: space-evenly; gap: 6px; margin-top: 6px; } .open-chat-button-kEX1V5xHOO6I8gjJGJIA { padding: 6px 12px; background-color: var(--help-color); border: none; color: var(--help-color-foreground); border-radius: 3px; font-size: 12px; line-height: 1; margin: 0; box-sizing: border-box; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 6px; } .open-chat-button-kEX1V5xHOO6I8gjJGJIA:hover { background-color: var(--help-color-light); } .open-chat-button-kEX1V5xHOO6I8gjJGJIA:disabled { opacity: 0.5; background-color: var(--help-color); cursor: default; } .sync-card-JLT7zzZcCxBrsIoWTVuI { background-color: #cfbb5f24; color: #333; border-radius: 3px; padding: 9px 12px; margin: 6px; box-shadow: 1px 1px 3px #ddd; font-size: 14px; font-weight: 300; line-height: 1.4; position: relative; overflow: hidden; text-align: center; } .sync-card-JLT7zzZcCxBrsIoWTVuI p { margin: 0; } .retry-button-UPmuHgrzLqgQtyHRh6VO { padding: 6px 12px; border-radius: 3px; font-size: 12px; line-height: 1; margin: 0 !important; box-sizing: border-box; } .accordion-button-QaCijriy6GajjcqiP49B { border: none; border-radius: 0; margin: 0; padding: 0; text-align: left; color: #333; } .accordion-button-QaCijriy6GajjcqiP49B:hover { --objective-group-background: #f2f2f2; } .accordion-dropdown-icon-pOUF6fa3EG4ifSeHjF9t { position: absolute; top: 6px; right: 9px; font-size: 20px; } .objective-group-display-S5PR2o3QZ6F2K4bY7Ktw { display: flex; flex-flow: column nowrap; margin-top: 12px; border-radius: 3px; overflow: hidden; box-shadow: 1px 1px 3px #ddd; } .objective-group-display-S5PR2o3QZ6F2K4bY7Ktw:first-of-type { margin-top: 0; } .objective-list-qygRjSMbm7xm42Z_Sbd6 { display: flex; flex-flow: column nowrap; flex-shrink: 0; } .objective-list-inner-jvFGcvVruqylJef39abP { flex: 1 0 auto; display: flex; flex-direction: column; gap: 6px; background-color: #ffffff; padding: 6px; } .objectives-overview-ic6Y8wsL69VuF76i7Tgl { display: flex; flex-flow: column nowrap; flex: 1 1 auto; min-height: 0; padding: 6px; } .accordion-nsR2dXuSV_Fwl7iIp9h8 { display: flex; flex-flow: column nowrap; border: 1px solid #eee; border-radius: 3px; } .accordion-nsR2dXuSV_Fwl7iIp9h8 > *:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; border-top: 0; } .accordion-nsR2dXuSV_Fwl7iIp9h8 > *:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom: 0; } .accordion-button-wk_gbp9VaDYPN9d4SmNM { background: #fff; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-radius: 0; padding: 12px; color: #333; text-align: left; margin-top: -1px; position: relative; } .accordion-button-wk_gbp9VaDYPN9d4SmNM:first-child { margin-top: 0; } .accordion-button-wk_gbp9VaDYPN9d4SmNM[data-expanded=true] { /* Style button when expanded here */ } .accordion-content-VYbtKYjzBPSW3a6FhFDy { padding: 0; } .accordion-content-inner-DaA_gMewQCBwa3RmE8BY { padding: 12px; } .accordion-dropdown-icon-base-q79BX2R_cO9ZJHVXK_Qn { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .accordion-dropdown-icon-base-q79BX2R_cO9ZJHVXK_Qn i { transform: rotateX(0); transition: transform 0.2s ease-in-out; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .accordion-dropdown-icon-base-q79BX2R_cO9ZJHVXK_Qn[data-expanded=true] i { transform: rotateX(180deg); } .accordion-dropdown-icon-RVC2Z61Q2_ZrbVXyI73Z { position: absolute; top: 0; right: 0; padding-right: 12px; height: calc(24px + 1em); } .accordion-dropdown-icon-RVC2Z61Q2_ZrbVXyI73Z i { font-size: 24px; } .file-dropzone-A6UHI7oCQWLUVwVmmX95 { border: 2px dashed #ccc; border-radius: 3px; display: flex; flex-flow: column nowrap; align-items: center; padding: 12px 6px; } .file-dropzone-A6UHI7oCQWLUVwVmmX95.hovering-o38KEVAnvJgIZOUSVv1a { border-color: var(--color-primary); } .file-dropzone-input-ysvloE_ieIJl8WN7oQaC { display: none; } .file-dropzone-placeholder-etbOFZKQktyJ6ZH0DS2y { margin: 0 !important; font-size: 14px; text-align: center; } .file-button-DrjWY3iBsgmhBUff30_P input[type="file"] { display: none; } @keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}} .container-ggo_Ui7BAN7gy5T9NIWd { background: #eee; border-radius: 3px; text-align: center; line-height: 0; } .container-ggo_Ui7BAN7gy5T9NIWd img { max-width: 100%; max-height: 100%; object-fit: contain; } .container-ggo_Ui7BAN7gy5T9NIWd img[data-loaded=false] { min-width: 100px; min-height: 100px; } .image-placeholder-FSKAf4AcbMSQbnJuLcPT { min-width: 100px; min-height: 100px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 6px; background: #eee; border-radius: 3px; text-align: center; margin-bottom: 6px; } .image-preview-Cg8iVmwpS0W5QNd__nxw { margin-bottom: 6px; } .image-controls-lMe86pHGpeXCkqQ_Xckw { display: flex; flex-flow: row wrap; } .image-placeholder-OqzCoYSvpBrUUINEKe6Q { min-width: 100px; min-height: 100px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 6px; background: #eee; border-radius: 3px; text-align: center; margin-bottom: 6px; } .image-preview-H0XfNkAyVRe19M4F9I3a { display: flex; flex-flow: column nowrap; flex: 1 1 auto; min-height: 0; max-height: 100%; overflow: hidden; } .image-preview-H0XfNkAyVRe19M4F9I3a img { width: 100%; height: 100%; object-fit: contain; display: none; min-height: 0; } .image-preview-H0XfNkAyVRe19M4F9I3a[data-loaded=true] img { display: block; } .dropdown-option-_hMTAOMvNAVQKVOnyqwF > span { display: block; } .dropdown-option-_hMTAOMvNAVQKVOnyqwF > span:nth-child(2) { color: #777; font-size: 12px; line-height: normal; } .dropdown-option-_hMTAOMvNAVQKVOnyqwF[data-active=true] > span:nth-child(2) { color: #eee; } .linked-form-label-rCvJueqLTt0Pm8grOaYu { --line-width: 1px; --line-radius: 3px; --label-padding-y: 5px; --label-gap: 6px; position: relative; width: 100%; pointer-events: none; } .linked-form-label-rCvJueqLTt0Pm8grOaYu::before { width: 15px; height: 6px; border-color: #ccc; border-width: 0; border-left-width: var(--line-width); border-style: solid; border-radius: 0; content: ''; position: absolute; left: calc(10px - var(--line-width) / 2); } .linked-form-label-rCvJueqLTt0Pm8grOaYu.upper-fbC23lhVThV6R2W0HtHu::before { top: calc(50% - var(--line-width) / 2); border-top-left-radius: var(--line-radius); border-top-width: var(--line-width); } .linked-form-label-rCvJueqLTt0Pm8grOaYu.lower-Tbod9ez6RRVEbPI71jE6::before { bottom: calc(50% - var(--line-width) / 2); border-bottom-left-radius: var(--line-radius); border-bottom-width: var(--line-width); } .link-button-SiPjFZKKwQpLl46QHwVs { position: absolute; left: 0px; width: 20px; height: 20px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; border: none; border-radius: 3px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; pointer-events: all; } .link-button-SiPjFZKKwQpLl46QHwVs:disabled { pointer-events: none; } .link-button-SiPjFZKKwQpLl46QHwVs:not(:disabled):hover { background: #eee; } .linked-form-label-rCvJueqLTt0Pm8grOaYu.upper-fbC23lhVThV6R2W0HtHu .link-button-SiPjFZKKwQpLl46QHwVs { bottom: calc((var(--label-padding-y) + (var(--label-gap) / 2)) * -1); transform: translateY(50%); } .linked-form-label-rCvJueqLTt0Pm8grOaYu.lower-Tbod9ez6RRVEbPI71jE6 .link-button-SiPjFZKKwQpLl46QHwVs { top: calc((var(--label-padding-y) + (var(--label-gap) / 2)) * -1); transform: translateY(-50%); } .info-box-eRJQdPwZr5CxoOZQwbRQ { padding: 6px 12px; border-radius: 3px; background: #f2f2f2; display: flex; flex-flow: row nowrap; margin-top: 12px; } .info-box-left-mP88cT0BX8rSD1A4htQQ { flex: 0 0 auto; margin-right: 6px; } .info-box-right-B9fpiJNoDmCgn_Gulufe { flex: 1 1 auto; } .info-box-right-B9fpiJNoDmCgn_Gulufe p { margin: 0; } .info-box-eRJQdPwZr5CxoOZQwbRQ p:last-child { margin-bottom: 0; } .container-pjNagUl3kNQT2B9b06_N { display: flex; flex-flow: column nowrap; gap: 6px; } .container-pjNagUl3kNQT2B9b06_N h4.rforms-section-header { margin: 0; margin-top: 0px; font-size: 14px; color: #333; font-weight: bold; } .file-input-label-V0yR46cUcKuXK3R3Y55j { border: 2px dashed #ccc; text-align: center; padding: 48px 6px; border-radius: 6px; cursor: pointer; transition: background-color 100ms ease-in-out; background-color: transparent; } .file-input-label-V0yR46cUcKuXK3R3Y55j:hover { background-color: #00000011; } .file-input-QsuWBu5zWXl5PkYsK_0M { display: none; } .image-preview-ERs1oZTSIhFOSDKTiekM { max-width: 100%; max-height: 300px; } /* Image Preview Styles */ .image-preview-ERs1oZTSIhFOSDKTiekM { display: flex; flex-flow: column nowrap; gap: 6px; } .image-preview-buttons-uVaYnYB649o0YJk4e47v { display: flex; flex-flow: row nowrap; justify-content: space-evenly; gap: 6px; } .image-preview-buttons-uVaYnYB649o0YJk4e47v > button { flex: 1 1 auto; } /* Edit/Done button styles */ .image-edit-buttons-iZh49WC9Q3t55EzLjuKd { display: flex; flex-flow: row wrap; margin-top: 6px; justify-content: flex-end; gap: 6px; } /* Opacity input */ .opacity-input-container-GjzVp4FebT4yf__TJMKd { display: flex; flex-flow: column nowrap; justify-content: stretch; width: 100%; box-sizing: border-box; gap: 6px; } .opacity-input-container-GjzVp4FebT4yf__TJMKd input[type=range] { width: 100%; max-width: 100%; } .editing-help-fB29nbdxBMG0znHJ5ZsW { margin-top: 6px; background-color: #5f8acf24; color: #333; border-radius: 3px; padding: 9px 12px; font-size: 14px; font-weight: 300; line-height: 1.4; text-align: center; } .editing-help-fB29nbdxBMG0znHJ5ZsW p { margin: 0; } .editing-help-fB29nbdxBMG0znHJ5ZsW .icon-help-circled { color: var(--help-color); } .image-placeholder-U_3z9VjOHOI9KVb4IJ8u { min-width: 100px; min-height: 100px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; padding: 6px; background: #eee; border-radius: 3px; text-align: center; margin-bottom: 6px; } .image-preview-tVErkZ6rlSbf61d_H2lP { display: flex; flex-flow: row nowrap; flex: 1 1 auto; min-height: 0; max-height: 100%; overflow: hidden; justify-content: center; text-align: center; background: #eee; } .image-preview-tVErkZ6rlSbf61d_H2lP img { max-width: 100%; max-height: 100%; object-fit: contain; display: none; min-height: 0; } .image-preview-tVErkZ6rlSbf61d_H2lP[data-loaded=true] img { display: block; } .length-input-container.disabled{--input-container-border-colour: rgba(0,0,0,0.06667)}.length-input-container.disabled .input-container-input-suffix{color:#888}.length-input-container .length-input{-moz-appearance:textfield}.length-input-container .length-input::-webkit-inner-spin-button,.length-input-container .length-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .container-sSfSbePPaMKhtRxmReW4 { padding: 6px; min-height: 100%; max-height: 100%; box-sizing: border-box; display: flex; flex-flow: column nowrap; overflow-x: hidden; overflow-y: auto; } .explanation-goL5PgMIX8vtt0djFaWg { margin: 0; padding: 6px; font-size: 14px; color: #555; margin-bottom: 6px; } .container-G_VqBmH0AUdMfYj3Y6r5 { flex: 1 1 auto; background: #eaeceb; border-top: 1px solid #ddd; min-height: 0; } .interactionModePreview-LnVuEtsCIDl89gQC2WTi{--outline-padding: 1px;padding:20px}.objectOutline-ucAxlpDvb4Uh_sCpnxaA{position:relative;border:2px solid #1281b6;background:rgba(18,178,255,.2);max-width:230px;aspect-ratio:3.0666666667;margin-left:auto;margin-right:auto}.object-d5l1afq4YrtymYXXmg8D{position:absolute;top:var(--outline-padding);left:var(--outline-padding);right:var(--outline-padding);bottom:var(--outline-padding);background-image:url(../assets/images/1ef711ce12a1df73fb39.png);background-size:contain;background-repeat:no-repeat;background-position:center}.handles-hWUI0IlDgquSzwD3d7VX{position:absolute;top:0;left:0;right:0;bottom:0}.handle-Ere6HUe_tAJm_4vuxvLB{--size: 10px;--padding: 1px;width:10px;width:var(--size);height:10px;height:var(--size);border:1px solid #000;background:#fff;position:absolute}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(1){top:calc(var(--size)*-0.5 - var(--padding));left:calc(var(--size)*-0.5 - var(--padding))}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(2){top:calc(var(--size)*-0.5 - var(--padding));right:calc(var(--size)*-0.5 - var(--padding))}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(3){bottom:calc(var(--size)*-0.5 - var(--padding));left:calc(var(--size)*-0.5 - var(--padding))}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(4){bottom:calc(var(--size)*-0.5 - var(--padding));right:calc(var(--size)*-0.5 - var(--padding))}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(5){top:calc(22% - var(--size)*.5 + var(--padding));left:calc(7% - var(--size)*.5 + var(--padding));border-radius:100000px !important}.handle-Ere6HUe_tAJm_4vuxvLB:nth-child(6){top:calc(22% - var(--size)*.5 + var(--padding));right:calc(7% - var(--size)*.5 + var(--padding));border-radius:100000px !important}.cursor-R_LkTnt24S87_MBzXt61{position:absolute;top:40%;left:50%}.finger-R80XR5R0C9yOhBqdcwot{position:absolute;transform-origin:50% 20%;transform:translateX(-50%) rotate(-20deg);top:20%;left:50%}.touchMode-CYcWJdlfRYCxFUhTy9GQ{--outline-padding: 1px}.touchMode-CYcWJdlfRYCxFUhTy9GQ .handle-Ere6HUe_tAJm_4vuxvLB{--size: 38px;box-sizing:border-box;border:0;border-radius:0;background:none} .modal-TsonUlZVz2HtGaB1eVod{max-width:720px}.modalContent-VVUh4s9iHqVtmCQxREDP{padding:12px}.optionsContainer-HquBhQ27TD1C359R5bwm{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}@media only screen and (max-width: 600px){.optionsContainer-HquBhQ27TD1C359R5bwm{grid-template-columns:1fr}}.optionsContainer-HquBhQ27TD1C359R5bwm.mobile-l1VH0k74TvFVsRunjMmM>:nth-child(2){order:-1}.option-Zk79ANix0RbpV_CTIiiQ{position:relative;display:flex;flex-flow:column nowrap;align-items:stretch;overflow:hidden;padding:6px;gap:6px;background:#fff;border:1px solid #eee;border-radius:6px}.optionPreview-V_GNZoWOt6cMcVkoIZrm{--grid-size: 15px;--background-color: #fafafa;--grid-color: rgba(0,0,0,0.06667);border:1px solid #eee;border-radius:3px;padding:6px;overflow:hidden;background:#fafafa;background:var(--background-color);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.06667) 95%, rgba(0, 0, 0, 0.06667) 100%),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, rgba(0, 0, 0, 0.06667) 95%, rgba(0, 0, 0, 0.06667) 100%),linear-gradient(0deg, #fafafa 0%, #fafafa 100%);background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, var(--grid-color) 95%, var(--grid-color) 100%),linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, var(--grid-color) 95%, var(--grid-color) 100%),linear-gradient(0deg, var(--background-color) 0%, var(--background-color) 100%);background-size:15px 15px,15px 15px,15px 15px;background-size:var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size),var(--grid-size) var(--grid-size);background-repeat:repeat}.optionButton-ZLXAtRInabz0_jichk8S>i{margin-left:3px}.optionDescription-qqFGSU2kwdKKX4aRcDM8{color:#333;padding:0 3px;margin:0;font-size:13px;line-height:1.4;text-align:center}.settingsText-AesYDRdqAVWWdWv5zUSk{padding:12px;padding-bottom:0}.settingsPath-Oxw2VFawT8ZPWKNHvFKg{display:block;line-height:2}.settingsPath-Oxw2VFawT8ZPWKNHvFKg>span{background:#eee;border-radius:3px;padding:3px} .modal-iteqXz3Uk_YHfX_fNLbu { max-width: 720px; } .modal-content-VofU3swQU4pcxOVySoWm { padding: 12px; } .modal-content-VofU3swQU4pcxOVySoWm ol { margin-top: 3px; margin-bottom: 3px; } .settings-path-FCOD3ACC0SU793_kCCZc { display: block; line-height: 2; } .settings-path-FCOD3ACC0SU793_kCCZc > span { background: #eee; border-radius: 3px; padding: 3px; } .preview-TAqjNkJnk7HEZltkvHvQ { --grid-size: 15px; --background-color: #fafafa; --grid-color: #00000011; border: 1px solid #eee; border-radius: 3px; padding: 6px; overflow: hidden; background: var(--background-color); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, var(--grid-color) 95%, var(--grid-color) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 95%, var(--grid-color) 95%, var(--grid-color) 100%), linear-gradient(0deg, var(--background-color) 0%, var(--background-color) 100%); background-size: var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size); background-repeat: repeat; } .preview-animation-J1_8tqhsQL11QgtZX_Yu *[data-elem="cursor"] { animation-name: touch_drag_finger-ZXk0OA2efaiWzgpgmEx0; animation-duration: 5s; animation-iteration-count: infinite; } .preview-animation-J1_8tqhsQL11QgtZX_Yu *[data-elem="touchpoint"] { visibility: visible !important; transform-origin: 50% 50%; transform-box: content-box; animation-name: touch_drag_touchpoint-v_1v_63fNvrEOzRX00H0; animation-duration: 5s; animation-iteration-count: infinite; animation-fill-mode: backwards; } .preview-animation-J1_8tqhsQL11QgtZX_Yu *[data-elem="handles"] { animation-name: touch_drag_handles-Ezea2IhIaDY2zkWJBG6J; animation-duration: 5s; animation-iteration-count: infinite; animation-fill-mode: backwards; } .preview-animation-J1_8tqhsQL11QgtZX_Yu *[data-elem="object-outline"] { animation-name: touch_drag_outline-SVP9Ilh9OLg0qNK3wu2s; animation-duration: 5s; animation-iteration-count: infinite; animation-fill-mode: backwards; } /* Animates the finger */ @keyframes touch_drag_finger-ZXk0OA2efaiWzgpgmEx0 { 0% { transform: rotate(-10deg) scale(1); } 10% { transform: rotate(-10deg) scale(0.8); } 15% { transform: rotate(-10deg) scale(1); } 25% { transform: rotate(-10deg) scale(1); } 30% { transform: rotate(-10deg) scale(0.8); } 70% { transform: rotate(-10deg) scale(0.8); } 75% { transform: rotate(-10deg) scale(1); } 100% { transform: rotate(-10deg) scale(1); } } /* Animates the touchpoint under the finger */ @keyframes touch_drag_touchpoint-v_1v_63fNvrEOzRX00H0 { 0% { stroke-width: 8px; } 10% { stroke-width: 4px; } 15% { stroke-width: 8px; } 25% { stroke-width: 8px; } 30% { stroke-width: 4px; } 70% { stroke-width: 4px; } 75% { stroke-width: 8px; } 100% { stroke-width: 8px; } } /* Animates hte handles in/out */ @keyframes touch_drag_handles-Ezea2IhIaDY2zkWJBG6J { 0% { opacity: 0; } 9.9999% { opacity: 0; } 10% { opacity: 1; } 80% { opacity: 1; } 85% { opacity: 0; } 100% { opacity: 0; } } /* Animates the outline of the object in/out, and moves it */ @keyframes touch_drag_outline-SVP9Ilh9OLg0qNK3wu2s { 0% { border-color: transparent; background: transparent; } 9.9999% { border-color: transparent; background: transparent; } 10% { background: #12b2ff33; border-color: #1281b6ff; } 35% { transform: translateX(0); } 52.5% { transform: translateX(-50%); } 70% { transform: translateX(0); } 80% { background: #12b2ff33; border-color: #1281b6ff; } 85% { border-color: transparent; background: transparent; } 100% { border-color: transparent; background: transparent; } } .button-ygfZrmyEMc9IXQHPU4KQ { display: flex; flex-flow: row nowrap; align-items: center; overflow: hidden; background: #ffffff; color: #333; border-radius: 6px; display: flex; flex-flow: row nowrap; align-items: center; padding: 12px; border: 1px solid #eeeeee; box-shadow: 0px 2px 6px -5px rgba(0, 0, 0, .75); overflow: hidden; } .button-ygfZrmyEMc9IXQHPU4KQ:disabled { opacity: 0.5; } .button-ygfZrmyEMc9IXQHPU4KQ:active, .button-ygfZrmyEMc9IXQHPU4KQ:hover { background: #eee; } .icon-container-bpV92Mo_OMbWci_kzLzq { display: block; } .button-ygfZrmyEMc9IXQHPU4KQ > i { color: #333; font-size: 0.9em; } .button-ygfZrmyEMc9IXQHPU4KQ > i:first-child, .button-ygfZrmyEMc9IXQHPU4KQ > .icon-container-bpV92Mo_OMbWci_kzLzq:first-child { width: 1.2em; margin-right: 0.5em; } .button-ygfZrmyEMc9IXQHPU4KQ > i:last-child, .button-ygfZrmyEMc9IXQHPU4KQ > .icon-container-bpV92Mo_OMbWci_kzLzq:last-child { margin-left: auto; } .button-ygfZrmyEMc9IXQHPU4KQ.primary-n4u7MUjVsw6KpLCBpLOj { text-align: center; justify-content: center; border-color:var(--color-primary-dark); background-color: var(--color-primary); color: var(--color-primary-content); } .button-ygfZrmyEMc9IXQHPU4KQ.primary-n4u7MUjVsw6KpLCBpLOj:active, .button-ygfZrmyEMc9IXQHPU4KQ.primary-n4u7MUjVsw6KpLCBpLOj:hover { background: var(--color-primary-dark); } .button-ygfZrmyEMc9IXQHPU4KQ.primary-n4u7MUjVsw6KpLCBpLOj > i { color: var(--color-primary-content); } .container-NxTxdtAc63BNXGJAXmwj { display: flex; flex-flow: column nowrap; background: #f5f5f5; padding: 9px; border-radius: 3px; box-shadow: 0 1px 4px #00000033; position: relative; } .active-badge-x_PgDdoCJg2rkKAuYpCe { position: absolute; top: 0; left: 9px; background: var(--color-primary); color: var(--color-primary-content); padding: 3px 6px; font-size: 12px; line-height: 1; transform: translateY(-50%); border-radius: 3px; } .header-t9PC3ryt1BJd5RD5UdWT { display: flex; flex-flow: column nowrap; min-height: 0; margin-bottom: 6px; } .header-t9PC3ryt1BJd5RD5UdWT:last-child { margin-bottom: 0; } .header-top-dMlncDIArOYvmImjUqAp { display: flex; flex-flow: row nowrap; min-width: 0; } .header-bottom-zwJAB0DYP7AXImxUOI5B { display: flex; flex-flow: column nowrap; } .plan-details-hLLOFij38s6hIOIh4hKB { flex: 1 1 auto; white-space: nowrap; display: flex; flex-flow: row nowrap; min-width: 0; align-items: center; font-size: 19px; font-weight: 300; color: #000; padding: 6px; margin: 0; } .plan-name-QAKGmzGfMaz1k5uuLO8c { flex: 0 1 auto; text-overflow: ellipsis; overflow: hidden; } .plan-year-Oup1bI9LtDSpcTsz9tKZ { flex: 0 0 auto; color: #999; margin-left: 6px; } .close-button-k2NFHEm1rhKvYNnIyVRG { color: #333; flex: 0 0 auto; margin-left: 6px; background: none; width: 26px; height: 26px; border-radius: 14px; display: flex; flex-flow: column; align-items: center; justify-content: center; border: none; outline: none; overflow: hidden; } @media screen and (pointer: fine) { .close-button-k2NFHEm1rhKvYNnIyVRG:hover { background-color: #f4d8d8; color: #c70909; } } .content-xekW4JR4rhU81Bz3sfG6 { display: flex; flex-flow: column nowrap; gap: 6px; } .loading-YGpsMrR5ftbt8srs3vUq { color: #999; } .error-GIb4Da3hTae7wEwh8PlD { color: var(--color-error); } .plan-list-pPQ76q886nBCPl0Qht_H { display: flex; flex-flow: column nowrap; gap: 18px; } .settings-button-UUKZHZ8r6iXymTGb8MLh .icon-cog::before { transform: scale(0.7); } .bottom-buttons-jT9k10Ioh4gmlslAGsW0 { display: flex; flex-flow: row wrap; align-items: stretch; gap: 6px; > * { flex: 1 1 0; } } .drawer-header{flex:0 0 auto;display:flex;flex-flow:row nowrap;border-bottom:1px solid #eee}.drawer-header.no-border{border-bottom:none}.drawer-header .drawer-header-content{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;padding:12px;line-height:normal}.drawer-header .drawer-header-content h1,.drawer-header .drawer-header-content h2,.drawer-header .drawer-header-content h3,.drawer-header .drawer-header-content h4,.drawer-header .drawer-header-content h5,.drawer-header .drawer-header-content h6,.drawer-header .drawer-header-content p{margin:0;line-height:normal}.drawer-header .drawer-header-close{flex:0 0 auto;padding:9px;display:flex;flex-flow:row nowrap;align-items:center;gap:6px}.drawer-header .drawer-header-close button{background:rgba(0,0,0,0);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:1000px;border:none;font-size:30px;cursor:pointer;color:var(--color-text)}.drawer-header .drawer-header-close button:hover{background:#eee} .drawer-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.drawer-content.pad-x{padding-left:var(--drawer-padding);padding-right:var(--drawer-padding)}.drawer-content.pad-top,.drawer-content.pad-y{padding-top:var(--drawer-padding)}.drawer-content.pad-bottom,.drawer-content.pad-y{padding-bottom:var(--drawer-padding)}.drawer-content.fill-height{height:100vh}.drawer-content.overflow-hidden{overflow:hidden} .drawer-sticky{flex:0 0 auto;position:-webkit-sticky;position:sticky}.drawer-sticky.top{top:0}.drawer-sticky.top.border{border-bottom:1px solid #eee}.drawer-sticky.bottom{bottom:0}.drawer-sticky.bottom.border{border-top:1px solid #eee}.drawer-sticky.pad-x{padding-left:var(--drawer-padding);padding-right:var(--drawer-padding)}.drawer-sticky.pad-top,.drawer-sticky.pad-y{padding-top:var(--drawer-padding)}.drawer-sticky.pad-bottom,.drawer-sticky.pad-y{padding-bottom:var(--drawer-padding)} .container-YA3kHGBaLWnpMNBVjbcL { display: flex; flex-flow: column nowrap; justify-content: center; overflow: hidden; } .scroll-list-QvYiEVNRoBx7ip0FH7VQ { display: flex; flex-flow: row nowrap; gap: 12px; padding-left: 12px; padding-right: 12px; margin-left: auto; margin-right: auto; } .tab-button-csD32hlBFXCUDAmv7L0U, .settings-button-XUeHIucGK6oPlB_92lr2 { font-size: 16px; line-height: 1; margin: 0; border: 0; border-radius: 0; background: transparent; color: currentColor; white-space: nowrap; padding: 12px 6px; position: relative; } .tab-button-csD32hlBFXCUDAmv7L0U.active-q8Gxs3vwxg8mlSLufrlA::before { content: ''; position: absolute; bottom: 2px; left: 1px; right: 1px; height: 3px; border-radius: 2px; background: var(--color-text-accent); } .settings-button-XUeHIucGK6oPlB_92lr2 { margin-left: auto; } .icon{display:inline-block;position:relative;padding:0;line-height:0;color:inherit;font-size:14px;font-size:var(--icon-size)}.icon>i{color:inherit}.icon>i:before{margin:0;width:14px;height:14px}.icon:after{content:none;display:none}.icon.loading-icon:after{position:absolute;left:50%;top:50%;content:"";display:block;width:20px;height:20px;border-radius:20px;border:3px solid #333;border-top:3px solid rgba(0,0,0,0);border-right:3px solid rgba(0,0,0,0);border-bottom:3px solid rgba(0,0,0,0);border-left:3px solid #333;transform:translate3d(-50%, -50%, 0) rotate(90deg);animation:load8 1.1s infinite linear}.icon.loading-icon.faded:after{border-top:2px solid rgba(0,0,0,0);border-right:0px solid rgba(0,0,0,0);border-bottom:0px solid rgba(0,0,0,0);border-left:2px solid #333}@keyframes load8{0%{transform:translate3d(-50%, -50%, 0) rotate(0deg)}100%{transform:translate3d(-50%, -50%, 0) rotate(360deg)}} .mobile-plan-menu-save{width:1em;box-sizing:content-box;position:relative}.mobile-plan-menu-save:disabled{opacity:.5}.mobile-plan-menu-save:active{background:rgba(0,0,0,.1)}@media(hover: hover){.mobile-plan-menu-save:hover{background:rgba(0,0,0,.1)}}.mobile-plan-menu-save .success-indicator{position:absolute;bottom:48%;right:45%;transform:translate(100%, 100%);color:var(--color-text-accent)}.mobile-plan-menu-save .success-indicator::before{font-size:12px !important}.mobile-plan-menu-save:active .success-indicator{transform:translate(100%, 100%) scale(1.4)} .topbar-NdNeWxMyZI5Tou3KhNxX { flex: 0 0 auto; background: #f6f6f6; --scroll-fade-colour: #f6f6f6; --scroll-fade-transparent-colour: #f6f6f600; } .container-jiAs2Vvc9kdUOSYoEKEC { flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; } .dropdown-button-lbmz9o9hdepV7fwOTGsY { flex: 1 1 auto; display: flex; flex-flow: row nowrap; overflow: hidden; align-items: center; line-height: normal; border: none; max-width: 270px; margin: 3px 0; border-radius: 3px; padding: 0 8px; background: #ffffff; color: currentColor; border: 1px solid #eee; box-shadow: 0px 2px 6px -5px rgba(0, 0, 0, 0.75); } .dropdown-button-lbmz9o9hdepV7fwOTGsY:active { background: rgba(0, 0, 0, 0.05); } @media (hover: hover) { .dropdown-button-lbmz9o9hdepV7fwOTGsY:hover { background: rgba(0, 0, 0, 0.05); } } .dropdown-button-lbmz9o9hdepV7fwOTGsY:last-child { margin-right: 3px; } .icon-PiGbNhyKwNzzIkYOQXSs { padding-left: 12px; font-size: 18px; } .dropdown-content-tC78hqLVKZgRFOsB5ffJ { display: flex; flex-flow: column nowrap; line-height: normal; flex: 1 1 auto; overflow: hidden; text-align: left; } .plan-details-z0mOqAvurjxd7voiM4O9 { display: flex; flex-flow: row nowrap; overflow: hidden; } .plan-name-TunJBMw9P9BXh9qm0Zl_ { flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .plan-year-PfN8Y2u9zk0Zo5OhLc6r { flex: 0 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; } .actions-gTFyyoK3pr5mFt4iLWTs { flex: 0 0 auto; display: flex; flex-flow: row nowrap; align-items: stretch; /* padding-right: 6px; */ margin-left: 0; position: relative; padding: 3px; gap: 3px; } .actions-gTFyyoK3pr5mFt4iLWTs > button { padding: 3px 12px; background: #ffffff; color: currentColor; border: 1px solid #eee; box-shadow: 0px 2px 6px -5px rgba(0, 0, 0, 0.75); border-radius: 3px; margin: 0; font-size: 16px; } .menu-spacer-gfD7EtWXgK1uLnrvvYnQ { flex: 1 1 auto; } @media (min-width: 671px) { .menu-spacer-gfD7EtWXgK1uLnrvvYnQ { display: none; } } .tabs-block-Dn3jIYID9yjt8I0xyL7L { display: flex; flex-flow: column nowrap; } /* Don't display at >600px wide, as the inline tab container is used instead */ @media (min-width: 671px) { .tabs-block-Dn3jIYID9yjt8I0xyL7L { display: none; } } .tabs-inline-jAGH4MAA7EXy5xjLFSdh { flex: 1 1 50%; display: flex; flex-flow: row nowrap; align-items: stretch; position: relative; min-width: 0; } /* Don't display in portrait at <=600px wide, not enough space, let the block tabs handle this */ @media (max-width: 670px) { .tabs-inline-jAGH4MAA7EXy5xjLFSdh { display: none; } } .selectable-button-mobile{border:none;background:#f6f6f6;border-radius:6px;display:flex;flex-flow:row nowrap;align-items:center;padding:9px;border:1px solid #ddd;box-shadow:0px 2px 6px -5px rgba(0,0,0,.75);overflow:hidden}.selectable-button-mobile:active,.selectable-button-mobile:hover{background:#e9e9e9}.selectable-button-mobile>.icon{width:35px;height:35px;margin-right:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.selectable-button-mobile>.icon>img{width:100%;width:var(--icon-scale, 100%)}.selectable-button-mobile>.text{text-align:left;overflow:hidden;text-overflow:ellipsis;color:#333}.selectable-button-mobile.selected{background:#18cae6;border-color:#05b9d5} .selectable-button-group-mobile{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}@media(max-width: 400px){.selectable-button-group-mobile{grid-template-columns:1fr}} .drawing-tools-shapes-mobile>*:not(:last-child){margin-bottom:36px} .mobile-drawing-tools-row,.mobile-drawing-tools-group-row{display:flex;flex-flow:row nowrap;align-items:stretch;width:100%;padding:0 9px;background:none;border:none;border-bottom:1px solid #eee;position:relative;height:60px;box-sizing:border-box}@media(pointer: fine){.mobile-drawing-tools-row:hover,.mobile-drawing-tools-group-row:hover{background:#f6f6f6}}.mobile-drawing-tools-row.is-in-group,.mobile-drawing-tools-group-row.is-in-group{background-color:#f7f7f7}@media(pointer: fine){.mobile-drawing-tools-row.is-in-group:hover,.mobile-drawing-tools-group-row.is-in-group:hover{background-color:#eee}}.mobile-drawing-tools-row.selected,.mobile-drawing-tools-group-row.selected{background:#18cae6}.mobile-drawing-tools-row.is-first::before,.mobile-drawing-tools-group-row.is-first::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;background:linear-gradient(180deg, rgba(80, 80, 80, 0.07843), transparent);pointer-events:none}.mobile-drawing-tools-row.is-last::after,.mobile-drawing-tools-group-row.is-last::after{content:"";position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(0deg, rgba(80, 80, 80, 0.07843), transparent);pointer-events:none}.mobile-drawing-tools-row .main,.mobile-drawing-tools-group-row .main{flex:1;display:flex;flex-flow:row nowrap;align-items:stretch;background:none;border:none;position:relative;color:var(--color-text);overflow:hidden;padding:0}.mobile-drawing-tools-row .icon,.mobile-drawing-tools-group-row .icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:6px 12px}.mobile-drawing-tools-row .content,.mobile-drawing-tools-group-row .content{flex:1;padding:6px;text-align:left;display:flex;flex-flow:column nowrap;justify-content:center;overflow:hidden}.mobile-drawing-tools-row .content p,.mobile-drawing-tools-group-row .content p{margin:0}.mobile-drawing-tools-row .content:has(>.secondary)>.primary,.mobile-drawing-tools-group-row .content:has(>.secondary)>.primary{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.mobile-drawing-tools-row .content .primary,.mobile-drawing-tools-group-row .content .primary{overflow:hidden;text-overflow:ellipsis}.mobile-drawing-tools-row .content .secondary,.mobile-drawing-tools-group-row .content .secondary{margin-top:3px;color:#555;font-size:12px;overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.mobile-drawing-tools-row .content .secondary>em,.mobile-drawing-tools-group-row .content .secondary>em,.mobile-drawing-tools-row .content .secondary>em>span,.mobile-drawing-tools-group-row .content .secondary>em>span{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis}.mobile-drawing-tools-row .content .secondary b,.mobile-drawing-tools-group-row .content .secondary b{color:#333}.mobile-drawing-tools-row .content .amount,.mobile-drawing-tools-group-row .content .amount{font-size:11px;color:#555;overflow:hidden;text-overflow:ellipsis}.mobile-drawing-tools-row .status-icons,.mobile-drawing-tools-group-row .status-icons{display:flex;flex-flow:row nowrap;align-items:center;gap:3px}.mobile-drawing-tools-row .tags,.mobile-drawing-tools-group-row .tags{position:absolute;bottom:2px;right:2px;pointer-events:none;display:flex;flex-flow:row nowrap;gap:2px}.mobile-drawing-tools-row .tags>span,.mobile-drawing-tools-group-row .tags>span{font-size:10px;line-height:normal;background-color:rgba(0,0,0,.03137);padding:1px 3px;color:var(--plant-item-attribute-label-color);border-radius:3px;flex:0 1 auto}.mobile-drawing-tools-row .tags .new-tag,.mobile-drawing-tools-group-row .tags .new-tag{color:#e85e0c}.mobile-drawing-tools-row .tags .in-store-tag,.mobile-drawing-tools-group-row .tags .in-store-tag{color:#fff;background:#108210}.mobile-drawing-tools-row .buttons,.mobile-drawing-tools-group-row .buttons{flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:stretch}.mobile-drawing-tools-row .buttons>button,.mobile-drawing-tools-group-row .buttons>button{background:none;border:none;color:var(--color-text);padding:0 9px;min-width:1em;box-sizing:content-box}.mobile-drawing-tools-row .buttons>button:disabled,.mobile-drawing-tools-group-row .buttons>button:disabled{opacity:.5}.mobile-drawing-tools-row .buttons>button:hover,.mobile-drawing-tools-group-row .buttons>button:hover,.mobile-drawing-tools-row .buttons>button:active,.mobile-drawing-tools-group-row .buttons>button:active{transform:scale(1.2)}.mobile-drawing-tools-row .dropdown-icon,.mobile-drawing-tools-group-row .dropdown-icon{display:flex;flex-flow:column nowrap;flex:0 0 auto;align-items:center;justify-content:center;margin-left:auto;padding-right:9px}.mobile-drawing-tools-row .dropdown-icon i,.mobile-drawing-tools-group-row .dropdown-icon i{transition:transform 500ms cubic-bezier(0.075, 0.82, 0.165, 1)}.mobile-drawing-tools-row.expanded .dropdown-icon i,.mobile-drawing-tools-group-row.expanded .dropdown-icon i{transform:rotateX(180deg)}.mobile-drawing-tools-group-row.garden-object-group .main{padding-left:34px} .filters-button{flex:0 0 auto;padding:8px 16px;background:#f2f2f2;color:#000;border:none;border-radius:3px}.filters-button:hover,.filters-button:active{background:#e0e0e0} .searchbar-container{display:flex;flex-flow:row nowrap;justify-content:stretch;gap:12px}.searchbar-container .searchbar{flex:1;display:flex;flex-flow:column nowrap;position:relative;box-sizing:border-box;--input-container-border-colour: none}.searchbar-container .searchbar input{height:100%;padding:9px 9px;background:#f2f2f2;color:#000;border:none;border-radius:6px}.searchbar-container .searchbar .searchbar-buttons{position:absolute;right:0;top:0;bottom:0;display:flex;flex-flow:row nowrap;padding-right:6px}.searchbar-container .searchbar .searchbar-buttons .searchbar-clear{background:none;border:none;border-radius:6px;color:#333} .companion-type-dropdown-option{display:flex;flex-flow:row nowrap;align-items:center}.companion-type-dropdown-option>.icon{width:40px;flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:center;margin-right:6px}.companion-type-dropdown-option>.label{flex:1} .plants-filters-drawer-header-subtext{font-size:14px;font-weight:normal;line-height:normal;white-space:nowrap}.plants-filters-drawer-sow-in::before,.plants-filters-drawer-plant-in::before,.plants-filters-drawer-harvest-in::before{content:"";width:10px;height:10px;display:inline-block;margin-right:6px}.plants-filters-drawer-sow-in::before{background:#372bd6}.plants-filters-drawer-plant-in::before{background:#0a870d}.plants-filters-drawer-harvest-in::before{background:#e17a16} .plants-drawer-companions-header{display:flex;flex-flow:column nowrap;overflow:hidden}.plants-drawer-companions-header>p{margin:0;flex:0 0 auto;display:flex;flex-flow:row nowrap;overflow:hidden;margin-bottom:12px}.plants-drawer-companions-header>p>span{flex:0 1 auto;margin-right:auto}.plants-drawer-companions-header>p>button{flex:0 0 auto;padding:0 16px !important}.plants-drawer-companions-header .plants-drawer-companions-icons{display:flex;flex-flow:row nowrap;justify-content:stretch}.plants-drawer-companions-header .plants-drawer-companions-icons .plants-drawer-companions-list{flex:1 1 auto;overflow:hidden;margin-right:12px}.plants-drawer-companions-header .plants-drawer-companions-icons>button{flex:0 0 auto} .button-strip{--orientation: row;--margin-ns: 0;--margin-we: auto;position:relative;background:#fff;background:var(--button-strip-bg, #fff);display:flex;flex-flow:row nowrap}.button-strip .button-strip-inner{display:flex;flex-flow:row nowrap;align-items:center}.button-strip .button-strip-content{display:flex;flex:1 0 auto;flex-flow:var(--orientation) nowrap;gap:var(--gap)}.button-strip:not(.vertical){max-width:100%}.button-strip:not(.vertical) .button-strip-content{padding-left:var(--padding);padding-right:var(--padding)}.button-strip.center:not(.vertical) .button-strip-content{flex:0 0 auto;margin-left:auto;margin-right:auto}.button-strip.show-dividers:not(.vertical) .button-strip-content>:not(:last-child)::after{content:"";margin-top:12px;margin-bottom:12px;border-right:1px solid #ccc;display:block;margin-left:var(--gap)}.button-strip.align-center:not(.vertical) .button-strip-content{align-items:center}.button-strip.vertical{--margin-ns: auto;--margin-we: 0;max-height:100%;--orientation: column;flex-flow:column nowrap}.button-strip.vertical .button-strip-inner{flex-flow:column nowrap;align-items:center}.button-strip.vertical .button-strip-content{padding-top:var(--padding);padding-bottom:var(--padding)}.button-strip.vertical.center .button-strip-content{flex:0 0 auto;margin-top:auto;margin-bottom:auto}.button-strip.vertical.show-dividers .button-strip-content>:not(:last-child)::after{content:"";margin-left:12px;margin-right:12px;border-bottom:1px solid #ccc;display:block;margin-top:var(--gap)}.button-strip.vertical.align-center .button-strip-content{align-items:center} .garden-object-icon-mobile{border-radius:100%;background:#fff;height:40px;width:40px;border:3px solid #ddd;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:content-box} .scroll-container-QxQvBgilNee855v_dKgC { --accent-colour-bg: #ffd485; --accent-colour-fg: #60491d; --border-size: 2px; position: absolute; top: 100%; left: 0; right: 0; width: 100%; height: 100%; transition: top 100ms ease-in-out; background: #fff; box-sizing: border-box; z-index: 1; background: var(--accent-colour-bg); } .scroll-container-inner-fJYsxP4k9ahAYmkr2ScE { padding: 2px; display: flex; flex-flow: row nowrap; align-items: center; } .scroll-container-QxQvBgilNee855v_dKgC.vertical-DyAGeGU5NxnS_mWFEesw .scroll-container-inner-fJYsxP4k9ahAYmkr2ScE { flex-flow: column nowrap; } .container-d7QgPVfmCb5NXMomYWef { display: flex; flex-flow: row nowrap; gap: 6px; margin-left: auto; margin-right: auto; border: 2px solid var(--accent-colour-bg); border-radius: 3px; } .scroll-container-QxQvBgilNee855v_dKgC.vertical-DyAGeGU5NxnS_mWFEesw .container-d7QgPVfmCb5NXMomYWef { flex-flow: column nowrap; margin-left: 0; margin-right: 0; margin-top: auto; margin-bottom: auto; } .scroll-container-QxQvBgilNee855v_dKgC.vertical-DyAGeGU5NxnS_mWFEesw { flex-flow: column nowrap; } .scroll-container-QxQvBgilNee855v_dKgC.vertical-DyAGeGU5NxnS_mWFEesw .title-tag-ig5rwChHMJlrfekbOFud { border-right: none; border-bottom: var((--border-size)) solid var(--accent-colour-bg); } .scroll-container-QxQvBgilNee855v_dKgC.open-BltHJ6MNefhp_c1gih7l { top: 0; } .title-tag-ig5rwChHMJlrfekbOFud { text-align: center; font-size: 12px; line-height: 1; background: var(--accent-colour-bg); color: var(--accent-colour-fg); padding: 6px 3px; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; border-right: var(--border-size) solid var(--accent-colour-bg); } .button-strip-m_qe9tU69nNKUGUeXyDA { min-width: 0; min-height: 0; max-width: 100%; max-height: 100%; position: relative; box-sizing: border-box; overflow: hidden; border-radius: 3px; justify-content: center; border: var(--border-size) solid var(--accent-colour-bg); } .button-XNQ7ZsJznsR8VYbikAB7 { background-color: #ffffffbb !important; } .button-XNQ7ZsJznsR8VYbikAB7:hover { background-color: #ffffff !important; } .icon-button{border:none;background:none;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;color:#000}.icon-button:disabled{color:#bbb;cursor:default}.icon-button.active{color:var(--button-primary-background)}.icon-button.flex{flex:1}.icon-button .icon-button-icon{flex:0 0 auto}.icon-button .icon-button-text{flex:0 0 auto}.icon-button.small{padding:9px 9px;border-radius:6px;min-width:50px}.icon-button.small .icon-button-icon{font-size:18px}.icon-button.small .icon-button-text{font-size:12px;margin-top:6px;white-space:nowrap}.icon-button.small:not(:disabled):active{background:rgba(0,0,0,.06667)}@media(hover: hover){.icon-button.small:not(:disabled):hover{background:rgba(0,0,0,.06667)}}.icon-button.tab{padding:0 18px;padding-bottom:9px;padding-top:3px;align-items:center;position:relative;border-radius:3px}.icon-button.tab:active{background:rgba(0,0,0,.1)}.icon-button.tab .icon-button-icon{font-size:24px;height:40px;display:flex;align-items:center;justify-content:center}.icon-button.tab .icon-button-text{padding-top:6px;font-size:14px;white-space:nowrap}.icon-button.tab::after{content:"";position:absolute;bottom:0px;left:12px;right:12px;height:4px;border-radius:2px;pointer-events:none}.icon-button.tab:hover::after{background:#efefef}.icon-button.tab.active::after{background:var(--button-primary-background)} .mobile-drawing-tools{position:relative;overflow:hidden;border-top:1px solid #ddd}.mobile-drawing-tools.vertical{height:100%;border-top:none;border-right:1px solid #ddd}.mobile-drawing-tools.vertical .mobile-drawing-tools-buttons{height:100%}.mobile-drawing-tools .mobile-drawing-tools-preloader{visibility:hidden;position:absolute;width:0px;height:0px;overflow:hidden}.debug-buttons{position:absolute;right:4px;top:4px;font-size:9px;pointer-events:none}.debug-buttons>button{pointer-events:all} .button-strip-group{display:flex;flex-flow:var(--orientation) nowrap;gap:--gap;gap:var(--sub-gap, --gap)}.button-strip-group.center{margin-top:var(--margin-ns);margin-bottom:var(--margin-ns);margin-left:var(--margin-we);margin-right:var(--margin-we)} .mobile-planner-launcher-container{position:absolute;top:0;left:0;bottom:0;right:0;z-index:100;padding:48px 12px;background:rgba(0,0,0,.7);overflow-y:auto;display:flex;flex-flow:column nowrap;align-items:center}.mobile-planner-launcher-container>.mobile-planner-launcher{border-radius:3px;text-align:center;display:flex;flex-flow:column nowrap;align-items:center;gap:12px;background:var(--color-background);color:var(--color-text);padding:24px;box-shadow:0px 0px 13px -2px rgba(0,0,0,.82)}.mobile-planner-launcher-container>.mobile-planner-launcher>*{margin:0}.mobile-planner-launcher-container>.mobile-planner-launcher>button{max-width:200px;width:100%;flex:0 0 auto}.mobile-planner-launcher-container>.mobile-planner-launcher .video-button{line-height:1.4;margin-top:24px}.mobile-planner-launcher-container>.mobile-planner-launcher .button-intercom{background:var(--color-intercom, #3f51b5);border-color:var(--color-intercom, #3f51b5);color:#fff;margin-top:24px;display:flex;flex-flow:row nowrap;align-items:center;gap:9px;justify-content:center}.mobile-planner-launcher-container>.mobile-planner-launcher .button-intercom:hover{background:var(--color-intercom-hover, #5768c5);border-color:var(--color-intercom-hover, #5768c5)} .mobile-overlay-toolbar-button{width:35px;height:40px;border:none;background:#fff;color:#000;border-color:#eee;border-style:solid;border-radius:var(--overlay-toolbar-border-radius);border-width:var(--overlay-toolbar-border-width);padding:1px 6px}.mobile-overlay-toolbar-button:disabled{color:#aaa}.mobile-overlay-toolbar-button:active{background:#eee}@media(hover: hover){.mobile-overlay-toolbar-button:hover{background:#eee}} .mobile-overlay-toolbar-button.lock-toolbar-button,.mobile-overlay-toolbar-button.lock-toolbar-button:active{padding:0;width:auto;display:flex;flex-flow:row nowrap;align-items:center;color:#fff;background-color:#60a84e;border-color:#4c7143;text-shadow:1px 1px 0 #48723e;transition:background-color .1s ease-in,border .1s ease-in}@media(hover: hover){.mobile-overlay-toolbar-button.lock-toolbar-button:hover,.mobile-overlay-toolbar-button.lock-toolbar-button:active:hover{background:#559545}.mobile-overlay-toolbar-button.lock-toolbar-button.locked:hover,.mobile-overlay-toolbar-button.lock-toolbar-button.locked:active:hover{background-color:#ecc57b}}.mobile-overlay-toolbar-button.lock-toolbar-button>i,.mobile-overlay-toolbar-button.lock-toolbar-button:active>i{width:35px;display:inline-block}.mobile-overlay-toolbar-button.lock-toolbar-button .locked-text,.mobile-overlay-toolbar-button.lock-toolbar-button:active .locked-text{display:inline-block;transition:width .2s ease-in-out;overflow:hidden;box-sizing:border-box}.mobile-overlay-toolbar-button.lock-toolbar-button .locked-text>span,.mobile-overlay-toolbar-button.lock-toolbar-button:active .locked-text>span{white-space:nowrap;padding-right:12px;font-size:14px}.mobile-overlay-toolbar-button.lock-toolbar-button.locked,.mobile-overlay-toolbar-button.lock-toolbar-button.locked:active,.mobile-overlay-toolbar-button.lock-toolbar-button.locked:active,.mobile-overlay-toolbar-button.lock-toolbar-button.locked:active:active{color:#60491d;border-color:#60491d;border-style:solid;background-color:#ffd485;text-shadow:none} .mobile-overlay-toolbar{position:absolute;padding:0;display:flex;flex-flow:row nowrap;gap:6px;margin-top:12px;margin-bottom:12px;--overlay-toolbar-border-radius: 6px 6px 6px 6px;--overlay-toolbar-border-width: 1px 1px 1px 1px}.mobile-overlay-toolbar>*{background:#fff;border-radius:var(--overlay-toolbar-border-radius);border-width:var(--overlay-toolbar-border-width);box-shadow:0px 2px 6px -3px rgba(0,0,0,.75)}.mobile-overlay-toolbar.anchor-bottom-left{bottom:0;left:0;align-items:flex-start;--overlay-toolbar-border-radius: 0 6px 6px 0;--overlay-toolbar-border-width: 1px 1px 1px 0}.mobile-overlay-toolbar.anchor-bottom-left.has-rulers{left:21px}.mobile-overlay-toolbar.anchor-bottom-right{bottom:0;right:0;align-items:flex-end;--overlay-toolbar-border-radius: 6px 0 0 6px;--overlay-toolbar-border-width: 1px 0 1px 1px}.mobile-overlay-toolbar.anchor-top-left{top:0;left:0;align-items:flex-start;--overlay-toolbar-border-radius: 0 6px 6px 0;--overlay-toolbar-border-width: 1px 1px 1px 0}.mobile-overlay-toolbar.anchor-top-left.has-rulers{top:21px;left:21px;margin-top:6px}.mobile-overlay-toolbar.anchor-top-right{top:0;right:0;align-items:flex-end;--overlay-toolbar-border-radius: 6px 0 0 6px;--overlay-toolbar-border-width: 1px 0 1px 1px}.mobile-overlay-toolbar.anchor-top-right.has-rulers{top:21px;margin-top:6px}.mobile-overlay-toolbar.orientation-horizontal{flex-flow:row nowrap}.mobile-overlay-toolbar.orientation-vertical{flex-flow:column nowrap} .layer-selector{display:flex;align-items:center;font-size:14px}.layer-selector>span,.layer-selector>div{margin-right:4px} .month-selector{display:flex;align-items:center}.month-selector.full-width{flex:1;width:100%}.month-selector.full-width .month-button:first-child{margin-left:0}.month-selector.full-width .month-button:last-child{margin-right:0}.month-selector input[type=text]{min-height:30px}.month-selector>label{display:flex;align-items:center;cursor:pointer}.month-selector .label-text{margin-left:4px;margin-right:4px}.month-selector .month-button{border-radius:3px;overflow:hidden;position:relative;margin-top:0;margin-bottom:0;margin-left:3px;margin-right:3px;flex:0 1 auto;color:#333;background-color:#fff;padding:6px 10px;padding-top:9px;font-size:14px;border:1px solid #ccc;font-family:"Nunito Sans"}.month-selector .month-button:hover{border-color:#333}.month-selector .month-button:disabled{border-color:#e6e6e6;background-color:#f2f2f2;cursor:auto;color:#999} .crop-rotation-input{display:flex;align-items:center;font-size:14px}.crop-rotation-input>span,.crop-rotation-input>div{margin-left:4px;margin-right:4px}.crop-rotation-input .crop-rotation-reset{padding:4px}.crop-rotation-input .crop-rotation-reset:hover{padding:4px}.crop-rotation-dropdown-option{display:flex;align-items:center}.crop-rotation-dropdown-option .family-indicator{width:8px;height:8px;border-radius:4px}.crop-rotation-dropdown-option .family-name{flex:1 1 auto}.crop-rotation-dropdown-option .family-indicator{flex:0 1 auto;min-width:8px;max-width:8px}.crop-rotation-dropdown-option.family-auto{font-weight:600}.crop-rotation-dropdown-option.family-brassicas .family-indicator{background-color:#4fed7f}.crop-rotation-dropdown-option.family-legumes .family-indicator{background-color:#09d9d9}.crop-rotation-dropdown-option.family-solanaceae .family-indicator{background-color:#faec0e}.crop-rotation-dropdown-option.family-allium .family-indicator{background-color:#8080ff}.crop-rotation-dropdown-option.family-umbelliferae .family-indicator{background-color:#ff8000}.crop-rotation-dropdown-option.family-cucurbits .family-indicator{background-color:#ff8080}.crop-rotation-dropdown-option.family-chenopodiaceae .family-indicator{background-color:#fd5cfd} .currently-drawing{position:absolute;top:100%;left:0;height:100%;right:0;z-index:2;box-sizing:border-box;background:#f6f6f6;display:flex;flex-flow:row nowrap;transition:top 100ms ease-in-out}.currently-drawing.open{top:0}.currently-drawing .container{flex:1;max-width:350px;margin:0 auto;display:flex;flex-flow:row nowrap;padding:0 12px;overflow:hidden}.currently-drawing .container>.icon{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;padding-left:15px}.currently-drawing .container>.icon .icon-shape{width:40px;display:flex;align-items:center;justify-content:center}.currently-drawing .container>.icon .icon-shape>img{width:100%}.currently-drawing .container>.icon .icon-shape.text>img{width:28px}.currently-drawing .container>.content{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;padding:0 12px 0 18px;overflow:hidden;text-overflow:ellipsis}.currently-drawing .container>.content>*{margin:0;text-overflow:ellipsis;overflow:hidden}.currently-drawing .container>.content .content-operation{color:#888}.currently-drawing .container>.actions{flex:0 0 auto;display:flex;flex-flow:row nowrap}.currently-drawing .container>.actions>button{background:none;border:none;border-radius:0;color:var(--color-text);font-size:24px;padding:6px 15px}.currently-drawing.vertical{flex-flow:column nowrap;top:0;bottom:0;left:100%;right:auto;right:initial;width:100%;transition:left 100ms ease-in-out}.currently-drawing.vertical.open{top:0;left:0}.currently-drawing.vertical .container{max-width:none;max-width:initial;max-height:350px;margin:auto 0;flex-flow:column nowrap;padding:12px 0}.currently-drawing.vertical .container>.icon{padding-left:0;padding-top:15px}.currently-drawing.vertical .container>.content{writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;padding:12px 0 18px 0}.currently-drawing.vertical .container>.actions{flex-flow:column nowrap} .mobile-editor-toolbar{border-top:1px solid #ddd;background:#f6f6f6;--button-strip-bg: #f6f6f6;overflow:hidden;position:relative} .mobile-planner-content{flex:1;overflow:hidden;position:relative;z-index:0;display:grid;grid-template-areas:"canvas" "toolbars" "drawingtools";grid-template-rows:minmax(0, 1fr) auto auto;grid-template-columns:minmax(0, 1fr);padding-bottom:env(safe-area-inset-bottom, 0px);background:#fff}.mobile-planner-content.landscape{grid-template-areas:"drawingtools canvas" "toolbars toolbars";grid-template-rows:minmax(0, 1fr) auto;grid-template-columns:auto minmax(0, 1fr);background:#f6f6f6}.mobile-planner-content .mobile-planner-toolbars{grid-area:toolbars}.mobile-planner-content .mobile-planner-canvas{grid-area:canvas;overflow:hidden;position:relative;display:flex;flex-flow:row nowrap}.mobile-planner-content .mobile-planner-canvas .mobile-planner-canvas-inner{flex:1;height:100%;overflow:hidden;position:relative;background:#ddd}.mobile-planner-content .mobile-planner-canvas .mobile-planner-canvas-inner #canvas-container{height:100%}.mobile-planner-content .mobile-planner-drawing-tools{grid-area:drawingtools} .planner-app-container-gSDQ_Y1k59OKxEqYjUX8 { flex: 1 1 auto; background-color: #f8f8f8; line-height: 1.5; display: flex; flex-direction: column; overflow: hidden; } .planner-app-scroll-pane-iMSgsjzmU3pi6LNy4TK6 { flex: 1 1 auto; padding: 0; overflow: auto; } .plant-list-card-button{border:none;background:none;color:#000;padding:6px 9px;border-radius:0;min-width:34px;text-align:center;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.plant-list-card-button .icon-star-empty{font-size:17px}.plant-list-card-button .icon-star{color:#ffce03;font-size:17px;text-shadow:-1px -1px 0 #daa206,1px -1px #daa206,1px 1px #daa206,-1px 1px #daa206;text-shadow:0 0 1px #99730b,0 0 3px #daa206} .plant-list-card-button.favourite-button{min-width:38px}.plant-list-card-button.favourite-button svg{width:20px;height:20px;font:normal 46px Fontello}.plant-list-card-button.favourite-button svg text{fill:#000}.plant-list-card-button.favourite-button svg.favourite text{fill:#ffce03;stroke:#daa206;stroke-width:2px} .plant-list-card-button{border:none;background:none;color:#000;padding:6px 9px;border-radius:0;min-width:34px;text-align:center;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.plant-list-card-button .icon-star-empty{font-size:17px}.plant-list-card-button .icon-star{color:#ffce03;font-size:17px;text-shadow:-1px -1px 0 #daa206,1px -1px #daa206,1px 1px #daa206,-1px 1px #daa206;text-shadow:0 0 1px #99730b,0 0 3px #daa206}.plant-list-card-header{display:flex;flex-flow:row nowrap;align-items:center;background:#eee;border-top-left-radius:3px;border-top-right-radius:3px;gap:12px;padding:0 12px;padding-right:6px}.plant-list-card-header .plant-list-card-header-icon{flex:0 0 auto;padding:12px 0}.plant-list-card-header .plant-list-card-header-icon img{width:32px;height:32px}.plant-list-card-header .plant-list-card-header-content{flex:1;padding:12px 0;display:flex;flex-flow:column nowrap;align-items:flex-start;gap:2px}.plant-list-card-header .plant-list-card-header-content .sfg-tag{background:rgba(0,0,0,.0705882353);color:#000;border-radius:3px;padding:0px 4px;vertical-align:middle;font-size:11px}.plant-list-card-header .plant-list-card-header-content .plant-name{display:block;font-size:16px;line-height:1.3}.plant-list-card-header .plant-list-card-header-content .plant-scientific-name{font-size:12px;line-height:1.3;display:inline-block;font-style:italic}.plant-list-card-header .plant-list-card-header-content .plant-variety{display:block;color:#555;font-size:13px;line-height:1.3}.plant-list-card-header .plant-list-card-header-buttons{display:flex;flex-flow:row nowrap;align-items:stretch} .plant-list-card-calendar{border-bottom:1px solid #eee;margin-left:-1px;margin-right:-1px}.plant-list-card-calendar>span{padding:4px 9px;font-size:14px}.plant-list-card-calendar .calendar-modifier{margin-left:3px;margin-right:3px;margin-bottom:3px}.plant-list-card-calendar .text-planting-calendar{font-size:14px;padding:9px 18px}.plant-list-card-calendar .text-planting-calendar>*{margin:0}.plant-list-card-calendar .empty-planting-calendar{font-size:14px;padding:12px;text-align:center}.plant-list-card-calendar .plant-list-card-calendar-key{padding:3px;display:flex;flex-flow:row nowrap;justify-content:center}@media print{.plant-list-card-calendar{border-top:1px solid #eee}} .plant-list-card{border-radius:3px;overflow:hidden;background-color:#fff;border:1px solid #eee;box-shadow:0 1px 4px #ccc}@media print{.plant-list-card{box-shadow:none;border:1px solid #eee;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}} .plant-list-card-cell{flex:1 1 120px;display:flex;flex-flow:column nowrap;align-items:center;padding:6px 3px;border-right:1px solid #eee;border-bottom:1px solid #eee}.plant-list-card-cell:first-child{border-left:1px solid #eee}.plant-list-card-cell-title,.plant-list-card-cell-body{padding:6px 12px}.plant-list-card-cell-title{line-height:1;flex:0 0 auto;font-size:14px;padding-left:12px;text-align:right;color:#777}.plant-list-card-cell-title::after{content:": "}.plant-list-card-cell-body{line-height:1;font-size:14px;text-align:left;padding-left:0} .plant-list-card-spacings-grid{display:grid;grid-template-columns:auto minmax(0, 1fr)}.plant-list-card-spacings-grid .title{font-weight:normal;margin-right:6px;text-align:right}.plant-list-card-spacings-grid .value{font-weight:bold;text-align:left} .plant-list-card-cell-container{display:flex;flex-flow:row wrap;align-items:stretch;display:grid;grid-template-columns:auto minmax(0, 1fr);padding:9px 9px} .plant-list-card-in-ground-dates-string{text-align:left;line-height:1}.plant-list-card-in-ground-dates-string .start{white-space:nowrap}.plant-list-card-in-ground-dates-string .end .end-following-year{margin-left:3px;font-weight:normal} .plant-list-card-notes{display:block;border:none;border-bottom:1px solid #eee;background:#fafafa;padding-bottom:6px}.plant-list-card-notes .plant-list-card-notes-topbar{display:flex;flex-flow:row nowrap;margin-left:21px;margin-right:21px}@media print{.plant-list-card-notes .plant-list-card-notes-topbar{padding-top:6px}}.plant-list-card-notes .plant-list-card-notes-topbar .title,.plant-list-card-notes .plant-list-card-notes-topbar .edit-button{font-size:14px;line-height:1;color:#777}.plant-list-card-notes .plant-list-card-notes-topbar .title{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 6px 6px 0}.plant-list-card-notes .plant-list-card-notes-topbar .edit-button{flex:0 0 auto;border:none;color:var(--button-inline-color);background:none;padding:6px 0 6px 6px}@media print{.plant-list-card-notes .plant-list-card-notes-topbar .edit-button{display:none}}.plant-list-card-notes .plant-list-card-notes-topbar .edit-button>i{margin-right:6px}.plant-list-card-notes .plant-list-card-notes-topbar .edit-button:hover{color:var(--button-inline-hover)}.plant-list-card-notes .plant-list-card-notes-content{padding:3px 0 12px 9px;margin:0px 21px 0 21px;border-radius:3px}.plant-list-card-notes .plant-list-card-notes-content>p{margin:0;text-align:left;font-size:14px;line-height:1}.plant-list-card-notes .plant-list-card-notes-content>p:not(:last-child){margin-bottom:9px}.plant-list-card-notes .plant-list-card-notes-content .plant-list-card-notes-empty{font-size:14px;background:none;color:#bbb;border:none;border-radius:3px;padding:0 3px;margin-left:auto;margin-right:auto;text-align:center;justify-content:center;line-height:1.2;display:flex;flex-flow:row wrap}.plant-list-card-notes .plant-list-card-notes-content .plant-list-card-notes-empty>span{white-space:break-spaces} .plant-list-card-button{border:none;background:none;color:#000;padding:6px 9px;border-radius:0;min-width:34px;text-align:center;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center}.plant-list-card-button .icon-star-empty{font-size:17px}.plant-list-card-button .icon-star{color:#ffce03;font-size:17px;text-shadow:-1px -1px 0 #daa206,1px -1px #daa206,1px 1px #daa206,-1px 1px #daa206;text-shadow:0 0 1px #99730b,0 0 3px #daa206}.plant-list-card-details-sfg-tag{background:rgba(0,0,0,.0705882353);color:#000;border-radius:3px;padding:0px 4px;vertical-align:middle;vertical-align:middle} .plant-list-card-details{--button-strip-bg: #fafafa;--scroll-fade-colour: #fafafa;--scroll-fade-transparent-colour: rgba(250, 250, 250, 0);background:#fafafa;border-top:1px solid #eee}.plant-list-card-details .plant-list-card-details-list{background:#fafafa;display:grid;grid-template-columns:auto auto 1fr;padding:6px 9px 12px 9px;opacity:0;transition:opacity 200ms ease-in-out}.plant-list-card-details .plant-list-card-details-list.show-variety{grid-template-columns:auto auto auto 1fr}.plant-list-card-details .plant-list-card-details-list>span{font-size:14px;padding:6px 12px;line-height:1;white-space:nowrap}.plant-list-card-details .plant-list-card-details-list>span.heading{color:#777;white-space:nowrap}@media print{.plant-list-card-details .plant-list-card-details-list>span{white-space:normal}}.plant-list-card-details .title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;padding-top:6px;color:#777;padding-left:21px;padding-top:12px;display:block}.plant-list-card-details .plant-list-card-details-expand{display:flex;flex-flow:row nowrap;width:100%;border:none;background:none;font-size:14px;color:var(--button-inline-color);background:#fafafa;text-align:right;padding:0}.plant-list-card-details .plant-list-card-details-expand:hover{color:var(--button-inline-hover)}.plant-list-card-details .plant-list-card-details-expand .expand-text{margin-left:auto;margin-right:auto;padding:6px 12px;white-space:nowrap;flex:0 0 auto;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background:rgba(0,0,0,0);transition:background-color 200ms ease-in-out}.plant-list-card-details .plant-list-card-details-expand .expand-text>i{margin-left:6px}.plant-list-card-details .plant-list-card-details-expand .expand-text>i::before{transition:transform 200ms ease-in-out}@media print{.plant-list-card-details{display:none}.plant-list-card-details.expanded{display:block}.plant-list-card-details .plant-list-card-details-expand{padding:0;display:none}.plant-list-card-details .plant-list-card-details-expand .expand-text{visibility:hidden}}.plant-list-card-details.expanded .plant-list-card-details-expand .expand-text{background:rgba(0,0,0,.03529)}.plant-list-card-details.expanded .plant-list-card-details-expand .expand-text>i::before{transform:rotate(180deg)}.plant-list-card-details.expanded .plant-list-card-details-list{opacity:1} .plant-list-filters-expand-all{margin-top:12px !important}.plant-list-filters-expand-all .icon-angle-double-down{margin-left:6px;margin-right:6px}.plant-list-filters-expand-all .icon-angle-double-down::before{transition:transform 200ms ease-in-out}.plant-list-filters-expand-all.flipped .icon-angle-double-down::before{transform:rotateX(180deg)}.plant-list-filters-expand-all.hidden{visibility:hidden} .mobile-plant-list-display-type button.active{border:2px solid var(--button-inline-color);color:var(--button-inline-active);background:#fff} .mobile-plant-list-filters{width:100%;background:#fff;border-bottom:1px solid #eee;padding-top:24px;padding-bottom:9px;display:flex;flex-flow:column nowrap}.mobile-plant-list-filters .mobile-plant-list-filters-container{max-width:700px;margin-left:auto;margin-right:auto;width:100%;padding:6px 15px;box-sizing:border-box}.mobile-plant-list-filters .mobile-plant-list-filters-heading{display:flex;flex-flow:row nowrap}.mobile-plant-list-filters .mobile-plant-list-filters-heading>span{flex:1}.mobile-plant-list-filters .mobile-plant-list-filters-heading>button{flex:0 0 auto}.mobile-plant-list-filters .mobile-plant-list-sort-inner{width:100%;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch}.mobile-plant-list-filters .mobile-plant-list-sort-inner .dropdown{flex:0 1 auto;width:auto}.mobile-plant-list-filters .mobile-plant-list-sort-inner>button{flex:0 0 auto;margin-left:6px}.mobile-plant-list-filters .mobile-plant-list-sort-inner .rotate-90::before{transform:rotate(-90deg) translateX(-1px)} .mobile-plant-list{display:flex;flex-flow:column nowrap;align-items:center}.mobile-plant-list-container{padding:18px;max-width:550px;width:100%;box-sizing:border-box;display:grid;grid-template-columns:minmax(0, 1fr);grid-gap:25px;gap:25px}@media print{.mobile-plant-list-container{max-width:none;max-width:initial}}.mobile-plant-list-container.print-background-colours{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}.mobile-plant-list-container.table-view{--button-strip-bg: #f8f8f8;width:100%;max-width:100%;padding:0}.mobile-plant-list-container.table-view .plant-list-print-container{padding:0}.mobile-plant-list-warning,.mobile-plant-list-empty{margin-top:15px;text-align:center} .mobile-parts-list-rY4ECcUhjTWeiDZTZEje { padding: 0 18px 0 18px; } .garden-planner-notes-mobile{padding:0 18px 0 18px}.garden-planner-notes-mobile .garden-planner-notes-scroll-pane{display:flex;flex-direction:column}.garden-planner-notes-mobile .planner-notes{line-height:1.5;margin:auto;max-width:1200px;width:100%;flex:1 1 auto;display:flex;flex-direction:column;padding-bottom:18px}.garden-planner-notes-mobile .planner-notes p{flex:0 1 auto;margin:0;padding-top:24px;padding-bottom:12px}.garden-planner-notes-mobile .planner-notes-editor{flex:1 1 auto;padding:12px;resize:none} .mobile-planner{flex:1;display:flex;flex-flow:column nowrap;overflow:hidden}.mobile-planner .mobile-planner-topbar{flex:0 0 auto} .content-l3ptnBT_fvYgMdC20U_t { display: flex; flex-flow: column nowrap; min-height: 0; } .background-image-buttons-fvPeFWBEWFyj_eXkDe1A { display: flex; flex-flow: row nowrap; } .background-image-done-button-XYqbFe7Fc3skMaHebRth { flex: 1 1 auto; } .guru-logo-hb9biGAAnXMdS0hYs_Y_ { font-size: 24px; font-weight: 800; flex: 0 1 auto; gap: 0; display: flex; align-items: center; justify-content: center; } .logo-icon-E20k0axfOEWXl6fM3fim { font-size: 48px; } .logo-icon-E20k0axfOEWXl6fM3fim:before { margin: 0; } .logo-container-at650UhW18yVbUU5lWj0 { } .logo-qwGTATD15hlg1GRiIhH7 { width: 48px; height: 48px; } .logo-text-UHyLzy_nOiq5m6zpyIbe { display: flex; flex-direction: column; gap: 0; line-height: 1; text-align: left; font-size: 32px; } .navigation-bar-qEgIkNsWVkDUtJ439AF4 { flex: 1 1 auto; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 12px 0; } .links-desktop-VrAtR17xWAelfK8trFIF, .links-mobile-xv0ALJ4aWPhROpnKcmc7 { flex: 1 1 auto; display: flex; flex-flow: row wrap; justify-content: space-evenly; } .links-desktop-VrAtR17xWAelfK8trFIF { display: none; } .links-desktop-group-jpTxZIUqhSyQWC_jkdoq { display: flex; flex-flow: row nowrap; align-items: center; justify-content: space-evenly; flex: 1 1 0; } .navigation-tab-YYEty1eVnsEphdz8dmWp { flex: 0 1 0; text-align: center; display: flex; align-items: center; justify-content: center; } .navigation-tab-YYEty1eVnsEphdz8dmWp.size-auto-XwwCaD1eK6ncDMBo9UCH { flex: 0 1 auto; } .app-garden-guru .navigation-tab-YYEty1eVnsEphdz8dmWp > a { color: #fff; font-weight: 800; font-size: 22px; line-height: 1; display: block; } .app-garden-guru .navigation-tab-YYEty1eVnsEphdz8dmWp > a:hover { color: #fff; } .navigation-tab-link-ZB6HXPd1QvmQAFBHHUPw { padding: 6px; border-radius: 3px; transition: background-color 0.2s ease-out; } .active-navigation-tab-link-l2e8yQXMwTUG0byjd3WZ { background-color: #ffffff44; } @media (max-width: 750px) { .navigation-tab-YYEty1eVnsEphdz8dmWp.size-auto-XwwCaD1eK6ncDMBo9UCH { flex: 0 1 min-content; } } @media (min-width: 860px) { .links-desktop-VrAtR17xWAelfK8trFIF { display: flex; } .links-mobile-xv0ALJ4aWPhROpnKcmc7 { display: none; } } .outerContainer-MqWrWycT8STHpL7dSQxJ { display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .container-niGi0EEsa6AxfO6IstY2 { display: flex; flex-flow: column nowrap; justify-content: center; position: relative; } .container-niGi0EEsa6AxfO6IstY2.open-ukuiB1W4TVhDGc88ynO3 .dropdown-gXK_lqDVIfmWEbB6GFpt { animation: 0.2s cubic-bezier(0.85, 0, 0.15, 1) 0s 1 flyDropdownInTop-neaxld6M0uCha1NZmXun; opacity: 1; transform: none; } .button-UJkgXzugEEJzaG0R3stY { display: flex; flex-flow: row wrap; align-items: stretch; justify-content: center; gap: 12px; padding: 6px; font-weight: 800; font-size: 22px; line-height: 1; color: #fff; background: none; border: none; border-radius: 3px; user-select: none; transition: background 0.2s ease-in-out; } .button-UJkgXzugEEJzaG0R3stY.active-VMUc3zFcIXGYMX4iBFpe { background: #ffffff44; } .dropdown-gXK_lqDVIfmWEbB6GFpt { box-sizing: border-box; display: flex; flex-flow: column nowrap; gap: 3px; position: absolute; top: calc(100% + 6px); right: 0; min-width: 100%; z-index: 10; user-select: none; background: #333; border-radius: 3px; padding: 6px; opacity: 0; transform: translateY(-10px) scale(0.95); transform-origin: 75px; transition: opacity 0.2s ease-in-out, transform 0.2s cubic-bezier(0.85, 0, 0.15, 1); } .dropdown-gXK_lqDVIfmWEbB6GFpt .dropdown-option-oM9OeMWYoLD1QYRXDgbE { color: #ffffff; font-weight: 800; font-size: 22px; line-height: 1; display: block; padding: 6px 12px; border-radius: 3px; text-align: center; } .dropdown-gXK_lqDVIfmWEbB6GFpt .dropdown-option-oM9OeMWYoLD1QYRXDgbE:hover { color: #ffffff; } @keyframes flyDropdownInTop-neaxld6M0uCha1NZmXun { from { opacity: 0; transform: translateY(-10px) scale(0.95); } to { opacity: 1; transform: none; } } .parallax-background-Pubakco696x9LQmCc0f7 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; } .background-container-qiYHSpXPPLyd4lbujQKP { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .background-iZqGWX7u2kxVPBmVk41T { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: center; background-size: cover; box-shadow: inset 0px -100px 140px #000000aa; } /* Jank solution: the react transition group renders the newest thing at the top, * which means it renders behind everything else, making the fade-in not work. * This re-orders the children. THere should never be 10 backgrounds fading out, but just in case */ .background-iZqGWX7u2kxVPBmVk41T:nth-child(1) { z-index: -1; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(2) { z-index: -2; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(3) { z-index: -3; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(4) { z-index: -4; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(5) { z-index: -5; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(6) { z-index: -6; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(7) { z-index: -7; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(8) { z-index: -8; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(9) { z-index: -9; } .background-iZqGWX7u2kxVPBmVk41T:nth-child(10) { z-index: -10; } .background-iZqGWX7u2kxVPBmVk41T::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; display: block; background-color: #00000080; } .transition-enter-w991dydvI3Wq_di2xe_j { opacity: 0; } .transition-enter-w991dydvI3Wq_di2xe_j.transition-enter-active-LW7ORsQ3VW2Uf8pY3zkC { opacity: 1; transition: opacity 500ms ease-in-out; } .transition-leave-UEsXPGNbsZUhjfdpEugP { opacity: var(--opacity, 1); transition: opacity 500ms ease-in-out; } .transition-leave-UEsXPGNbsZUhjfdpEugP.transition-leave-active-jECgY9OhnO82nrpzzBTd { /* opacity: 0; */ transition: opacity 500ms ease-in-out; } .transition-leave-done-Ziz1w5xxNprE67nTlMcK { opacity: 0; } .header-size-wrapper-wPhW7RK6qdStdXriSDvC { position: relative; transition: padding-bottom 0.2s ease-out; } .header-outer-NeBaTG243qL7hgoUcnIz { display: flex !important; /* This sucks: prevent AnimateHeight hiding content */ overflow: hidden; z-index: 5; } .transition-container-clqeL5_oXjTDnOMSpmgw { flex: 1 1 auto; display: flex; flex-flow: column nowrap; overflow: hidden; } .header-inner-sSUACJzhHCxsSQXhBOmg { display: flex; flex-direction: column; align-items: stretch; justify-content: center; background: #333; color: #fff; z-index: 15; position: relative; } .navigation-container-Gw8qOwYPL71hDeM7q82p { flex: 0 1 auto; display: flex; width: 100%; } .header-content-container-Qcpil0ykVr3spcRzuBAg { flex: 1 1 auto; width: 100%; display: flex; flex-flow: column nowrap; padding-top: 24px; overflow: hidden; } .background-image-NLJF2MokDCtsjKnYSgOW { box-shadow: inset 0px -100px 140px #000000aa; transition: background 4s ease-in-out; } .background-image-NLJF2MokDCtsjKnYSgOW::after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; display: block; background-color: #00000080; } .transition-_d1NZppr7CH3bJmxE2SQ { transition: 500ms; } .transition-enter-LOQvjSlxGDAQOe63mhUB{ opacity: 0; } .transition-exit-XBHlqd7RrBDr8PrLSllU{ opacity: 1; } .transition-enter-active-M3zbMvHKVgynMfKcV0hH{ opacity: 1; } .transition-exit-active-uXeayzaCqOmwGpMKjBhe{ opacity: 0; } .transition-enter-active-M3zbMvHKVgynMfKcV0hH, .transition-exit-active-uXeayzaCqOmwGpMKjBhe{ transition: opacity 500ms; } .page-container-RxIpZIym1sMTzHmg1evX { transition: top 0.2s ease-out; position: relative; width: 100%; flex: 1 1 auto; } :root { --header-title-font-size: 64px; --header-title-line-height: 1.2; } .header-e0lVfEoBrjpDD4_HL8u0 { display: flex; flex-direction: column; gap: 24px; padding: 48px min(48px, max(12px, 5%)); box-sizing: border-box; } .title-naYNv10TD9VsPNGvQaFP { color: #fff; font-weight: 800; text-align: center; font-size: var(--header-title-font-size); line-height: var(--header-title-line-height); flex: 1 1 auto; padding: 0; margin: 0; text-overflow: ellipsis; } .subtitle-z6muRbVzfiSO40Xp81Oc { color: #fff; font-weight: 200; font-size: 36px; text-align: center; line-height: 1.2; flex: 1 1 auto; padding: 0; margin: 0; text-overflow: ellipsis; } .header-spinner-L27749cYo1X76TRLI2GH { font-size: 48px; opacity: 0.5; line-height: calc(var(--header-title-font-size) * var(--header-title-line-height)); } @media (max-width: 500px) { .title-naYNv10TD9VsPNGvQaFP { font-size: 48px; } .subtitle-z6muRbVzfiSO40Xp81Oc { font-size: 30px; } } .loading-container-ecwUbingSepoTLavjlcr { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 240px; font-size: 32px; color: #ccc; } .feedback-section-Za7Ix0PhdLEGNctmWwAf { display: flex; flex-flow: column nowrap; align-items: center; padding: 9px 9px; } .content-page-error-uwzIY6Npg4mE7EuFBmdB { display: block; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto; } .content-page-error-uwzIY6Npg4mE7EuFBmdB .error-icon-DnPa9yN0EbzhaNhyoaUj { font-size: 48px; color: #555; } .content-page-error-uwzIY6Npg4mE7EuFBmdB h2 { margin-top: 9px; } .content-page-content-column-fn5yTbcgb46Iz9_pmxyp { display: flex; flex-direction: column; gap: var(--guru-content-gap); } .retry-button-H6E5ob0TNtezj8u3JItD:disabled { opacity: 0.5; pointer-events: none; } .guru-button-xSK_NNMi7oSLn_0Bdv9Q { border-radius: 3px; padding: var(--guru-button-padding); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.primary-CR0a6liwe5Bsghj5Lurg { color: var(--primary-guru-button-color); background-color: var(--primary-guru-button-background-color); border: 1px solid var(--primary-guru-button-border-color); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.primary-CR0a6liwe5Bsghj5Lurg:hover { color: var(--primary-guru-button-hover-color); background-color: var(--primary-guru-button-background-hover-color); border: 1px solid var(--primary-guru-button-border-hover-color); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.secondary-Jk5rIihvvE6Yy42Z_rga { color: var(--secondary-guru-button-color); background-color: var(--secondary-guru-button-background-color); border: 1px solid var(--secondary-guru-button-border-color); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.secondary-Jk5rIihvvE6Yy42Z_rga:hover { color: var(--secondary-guru-button-hover-color); background-color: var(--secondary-guru-button-background-hover-color); border: 1px solid var(--secondary-guru-button-border-hover-color); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.tertiary-Ardt9hRG_NkYculHNxRO { color: var(--tertiary-guru-button-color); background-color: var(--tertiary-guru-button-background-color); border: 1px solid var(--tertiary-guru-button-border-color); } .guru-button-xSK_NNMi7oSLn_0Bdv9Q.tertiary-Ardt9hRG_NkYculHNxRO:hover { color: var(--tertiary-guru-button-hover-color); background-color: var(--tertiary-guru-button-background-hover-color); border: 1px solid var(--tertiary-guru-button-border-hover-color); } .guru-section-PBoz5nbhYL6kWahuxP7O { background-position: center; background-size: cover; display: flex; flex-flow: column nowrap; } .background-cover-g4TxfsYfyAWL2FNQOjkL { flex: 1 1 auto; display: flex; flex-direction: column; align-items: center; padding-top: 24px; padding-bottom: 24px; } .container-X2dhGqGwWfewmw0gHTnA { max-width: 1400px; width: 100%; box-sizing: border-box; display: flex; flex-flow: column nowrap; gap: 24px; padding: 0 var(--guru-page-padding); } .app-garden-guru-Lh9ZIIxI_lAzy62qisZ_ { position: relative; flex: 1 1 auto; overflow: hidden; overflow-y: auto; color: var(--body-foreground-color); background-color: var(--body-background-color); /* Re-enable text selection */ -webkit-tap-highlight-color: transparent; -webkit-touch-callout: auto; user-select: text; } .root-pane-C81WefBNKv6fQ18uouLs { flex: 1 1 auto; display: flex; flex-flow: column nowrap; overflow: auto; overflow-y: scroll; } .content-pane-ND8khswtZZjXgv9JoDpG { flex: 1 1 auto; overflow: hidden; display: flex; } .guru-content-TpRcySR_SHo1iErxOdQd { position: relative; z-index: 1; flex: 1 1 auto; display: flex; flex-direction: column; } :root .app-garden-guru { --body-background-color: #f2f2f2; --body-background-color-transparent: #f2f2f200; --body-foreground-color: #333; --alt-background-color: #ddd; --alt-foreground-color: #333; --alt-light-background-color: #fff; --alt-light-foreground-color: #333; --guru-primary: #569f19; --guru-primary-hover: #3a6e0e; /* Search Pane */ --search-pane-foreground-color: #fff; /* Video Scene */ --related-resources-width: 320px; --preview-tile-image-border-radius: 12px; /* Large Preview Section */ /* Buttons */ --primary-guru-button-color: #fff; /* var(--color-primary-content); */ --primary-guru-button-background-color: var(--guru-primary); /* var(--color-primary); */ --primary-guru-button-border-color: var(--guru-primary); /* var(--color-primary-dark); */ --primary-guru-button-hover-color: #fff; /* var(--color-primary-content); */ --primary-guru-button-background-hover-color: var(--guru-primary-hover); /* var(--color-primary); */ --primary-guru-button-border-hover-color: var(--guru-primary-hover); /* var(--color-primary-dark); */ --secondary-guru-button-color: #fff; --secondary-guru-button-background-color: #ffffff88; --secondary-guru-button-border-color: #ffffff00; --secondary-guru-button-hover-color: #222; --secondary-guru-button-background-hover-color: #fff; --secondary-guru-button-border-hover-color: #fff; --tertiary-guru-button-color: #333; --tertiary-guru-button-background-color: transparent; --tertiary-guru-button-border-color: transparent; --tertiary-guru-button-hover-color: #222; --tertiary-guru-button-background-hover-color: transparent; --tertiary-guru-button-border-hover-color: transparent; --guru-button-padding: 9px 12px; --guru-page-padding: 20px; --guru-section-padding: 20px; --guru-alt-section-padding: 32px; --guru-content-gap: 20px; } .app-garden-guru { display: flex; flex: 1 1 auto; flex-direction: column; } .app-garden-guru a { color: var(--guru-primary); } .app-garden-guru a:hover { color: var(--guru-primary-hover); } .guru-section { padding-top: var(--guru-section-padding); padding-bottom: var(--guru-section-padding); } .guru-section-alt { padding-top: var(--guru-alt-section-padding); padding-bottom: var(--guru-alt-section-padding); } .guru-section-shallow, .guru-section-breadcrumbs { padding-top: 8px; padding-bottom: 8px; } .guru-section-alt, .guru-section-breadcrumbs { background-color: #e8e8e8; } .guru-content-width { max-width: min(1200px, 100%); margin-left: auto; margin-right: auto; } .guru-narrow-content-width { max-width: min(760px, 100%); margin-left: auto; margin-right: auto; } /* Todo: Remove when gallery finished */ .guru-narrow-content-width img { max-width: 100%; } .guru-pad-content { padding-left: var(--guru-page-padding); padding-right: var(--guru-page-padding); box-sizing: border-box; } .feedback-banner-qE8_s003gqRJ8CLDDxY7 { display: flex; flex-flow: row nowrap; padding: 12px; border-radius: 3px; gap: 12px; margin: 12px auto; background-color: #5f8acf24; } .feedback-logo-tpSAFC3FQwJWfQPpmz8A { flex: 0 0 50px; color: var(--help-color); font-size: 50px; display: flex; align-items: center; justify-content: center; } .feedback-text-bYzjgwPxYQ4htI1ECzyk { display: flex; flex-flow: column nowrap; align-items: flex-start; gap: 9px; } .feedback-text-bYzjgwPxYQ4htI1ECzyk p { margin: 0; font-weight: 300 } .feedback-text-bYzjgwPxYQ4htI1ECzyk .heading-eylcCBPvMioygwhSkDSo { font-weight: 400; } .feedback-text-bYzjgwPxYQ4htI1ECzyk button { background: var(--help-color); color: white; border: none; } .feedback-text-bYzjgwPxYQ4htI1ECzyk button:hover { background: var(--help-color-light); color: white; border: none; } .feedback-text-bYzjgwPxYQ4htI1ECzyk button:active { background: var(--help-color-dark); color: white; border: none; } .error-page-kx3FFjLBGSXjNaWWbglw { padding: 48px 24px; box-sizing: border-box; } .error-page-kx3FFjLBGSXjNaWWbglw h2 { text-align: center; } .return-home-link-akCTTzOQbE96OX_BYxH1 { text-align: center; } .support-banner-container-nEt8NPXxMZKDcGsC_s0w { display: flex; align-items: center; justify-content: center; } .guru-section-title-UJtl6NVz1DldJDZYdjVK { padding: 0; margin: 0; font-weight: 300; font-size: 32px; text-align: left; } /* Mobile stylings */ @media (max-width: 699px) { .guru-section-title-UJtl6NVz1DldJDZYdjVK { font-size: 26px; } } .small-preview-tduaGpFqHkQI767TkCAh { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 6px; } .small-preview-tduaGpFqHkQI767TkCAh a { flex: 0 1 auto; } .small-preview-title-gNCMN06BeZBnv8Q11iJj { text-overflow: ellipsis; overflow: hidden; font-weight: 200; color: #333333; padding: 3px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; } .small-preview-content-ACmmbWSV3DkhKMovv9I6 { overflow: hidden; aspect-ratio: var(--aspect-ratio, 16/9); display: flex; flex-flow: column nowrap; justify-content: center; border-radius: var(--preview-tile-image-border-radius); background: #dfdfdf; position: relative; } .small-preview-content-ACmmbWSV3DkhKMovv9I6 img { max-height: 100%; width: 100%; height: 100%; object-fit: cover; } .small-preview-tag-HySqsuClImF0ip6dZnrs { position: absolute; bottom: 6px; right: 6px; border-radius: 6px; padding: 3px; display: flex; gap: 3px; background-color: #ffffffdd; border: 1px solid #fff; border-radius: 3px; font-size: 13px; font-weight: 300; align-items: center; color: #333; } .type-indicator-is9rhOuTVK2oksuiEWPr { border-radius: 100%; width: 6px; height: 6px; flex: 0 1 auto; } .type-indicator-text-RQ2Vwc4lvFfIOATqJBCg { flex: 1 1 auto; line-height: 1; } .video-thumbnail-j41MC3OHYISuAF5U6GdC { border-radius: var(--preview-tile-image-border-radius) } .lazy-image-placeholder-PH_V41wWPfaqY7PXif1_{width:100%;height:100%}.lazy-image-OgDkYj_EA6Y7sMkqOAgg{opacity:0;transition:opacity .2s ease-in-out}.lazy-image-OgDkYj_EA6Y7sMkqOAgg.loaded-mkGDUwLsi5x3SdNebGXZ{opacity:1} .pest-image-LcunB5dVNxv414XCtHBp { border-radius: var(--preview-tile-image-border-radius) } .plant-image-sUfZ8sVPlGt0fon9DaGn { border-radius: var(--preview-tile-image-border-radius) } .small-preview-tags-NcqU0gaUK7E_ykHGobzQ { display: flex; flex-wrap: wrap; gap: 6px; } .small-preview-tag-SThsyOoBGDO1XBUqJJzu { background-color: #fff; color: #333; border-radius: 3px; padding: 6px; font-size: 13px; line-height: 1; } @keyframes backgroundAnimate-M9_psAZGVfHe1fvBlz1U { from { background-position: -100vw 0; } to { background-position: 100vw 0; } } .placeholder-background-vHC575z2U5IrWxbi1IxE, .placeholder-image-HCVVzJCMjqs4AEKCyzb4, .placeholder-text-P0S2lwcEByUGZdsqqgjj { background: #dfdfdf; background-image: linear-gradient(300deg, transparent 0%, transparent 40%, #ffffff44 50%, transparent 60%, transparent 100%); background-attachment: fixed; background-size: 100% 100%; background-repeat: no-repeat; animation: 1s ease-in-out 0s infinite backgroundAnimate-M9_psAZGVfHe1fvBlz1U; } .placeholder-image-HCVVzJCMjqs4AEKCyzb4 { width: 100%; height: 100%; border-radius: 3px; } .placeholder-text-P0S2lwcEByUGZdsqqgjj { display: inline-block; height: 1em; border-radius: 3px; } .preview-row-container-Y0EU54hKYHH8Jca6C2b4 { display: flex; flex-flow: column nowrap; position: relative; margin-left: calc(var(--padding) * -1); margin-right: calc(var(--padding) * -1); } .preview-row-moQQwm_OcTqUN85w9doV { display: flex; flex-flow: row nowrap; overflow-x: scroll; scroll-snap-type: x proximity; scroll-padding-left: var(--padding); -webkit-mask-image: linear-gradient(90deg, transparent calc(var(--padding) - var(--gap) / 2), #000000 var(--padding), #000000 calc(100% - var(--padding)), transparent calc(100% - var(--padding) + var(--gap) / 2) ); mask-image: linear-gradient(90deg, transparent calc(var(--padding) - var(--gap) / 2), #000000 var(--padding), #000000 calc(100% - var(--padding)), transparent calc(100% - var(--padding) + var(--gap) / 2) ); -ms-overflow-style: none; scrollbar-width: none; } .preview-row-moQQwm_OcTqUN85w9doV::-webkit-scrollbar { display: none; } .item-xlz2Q9bJj19sJzY3hVgJ { flex: 0 0 auto; width: var(--item-width); scroll-snap-align: start; } .padder-vzK7mUmypTAMx3khEfAj { flex: 0 0 auto; width: var(--padding, 12px); } .gap-A7dAut6E2KbQMfe2W6DQ { flex: 0 0 auto; width: var(--gap, 12px); } .cycle-button-mi92VET7ZjE2VIW36Yzr { --height: 60px; position: absolute; width: 30px; height: var(--height); z-index: 1; top: calc(var(--item-height) / 2 - var(--height) / 2); border-radius: 6px; border: none; background: #fff; color: #000; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 6px #00000055; padding: 12px; } .cycle-button-mi92VET7ZjE2VIW36Yzr:disabled { display: none; } .cycle-button-mi92VET7ZjE2VIW36Yzr.previous-oxkZ510auVKhjDJVtKad { left: 4px; } .cycle-button-mi92VET7ZjE2VIW36Yzr.next-t4voIqBFWBreqrirh5dp { right: 4px; } .small-preview-row-container-dzIMNGiXuMhjV_J7fviX { display: flex; flex-flow: column nowrap; gap: 24px; } .directory-page-container-HbYdFv8L7WxheyYvzQ3d { display: flex; flex-direction: column; gap: 24px; } .directory-page-content-section-hYgWAHQ71J6uzLYxJ4eB { flex: 0 1 auto; } .directory-page-eKDzKWpl5nNZ48TeCB7F { flex: 1 1 auto; padding: 24px 0; } .directory-page-error-bNwQNjAL_rrY9nKjIhQZ { display: block; text-align: center; max-width: 600px; margin-left: auto; margin-right: auto; } .directory-page-error-bNwQNjAL_rrY9nKjIhQZ .error-icon-vASFhqHICqVymT4NyTpw { font-size: 48px; color: #555; } .directory-page-error-bNwQNjAL_rrY9nKjIhQZ h2 { margin-top: 9px; } .grid-content-Ec2EqQ_nsyrIfqD6esxp { display: grid; gap: var(--gap, 12px); grid-template-columns: repeat(var(--columns), 1fr); grid-auto-flow: row; grid-template-rows: auto; } .result-PUbarA3z9i2l0T9QKMQm { display: flex; flex-flow: column nowrap; align-items: center; text-align: center; } .secondary-EjbpXgKh6a4OT4kYsPFm { font-style: italic; font-size: 14px; } .container-NZ_sAkBCcXJcBpWGxtLq { display: flex; flex-flow: column nowrap; align-items: center; text-align: center; padding: 24px; border-radius: 3px; background: #fff; gap: 12px; } .container-NZ_sAkBCcXJcBpWGxtLq > p { margin: 0; } .container-NZ_sAkBCcXJcBpWGxtLq > p:first-child { font-weight: 600; } .guru-filter-checkbox-wVZ2K_m8L3eL_vpU0zeu { appearance: none; position: absolute; opacity: 0; } .guru-filter-checkbox-wVZ2K_m8L3eL_vpU0zeu:checked { } .plant-grid-filters-container-DNapuwaxzAZoZFeNCxKA { background-color: #fff; border-radius: 3px; } .guru-filter-checkbox-label-VokfTnB7a_ByxrokbrNw { border-radius: 3px; padding: 6px; display: inline-block; line-height: 1; cursor: pointer; background-color: #f2f2f2; } .guru-filter-checkbox-label-VokfTnB7a_ByxrokbrNw:hover { background-color: #dddddd; } .guru-filter-checkbox-label-checked-P0kkwDblzO76O4qm9mHm { background-color: var(--guru-primary); color: #fff; } .guru-filter-checkbox-label-checked-P0kkwDblzO76O4qm9mHm:hover { background-color: var(--guru-primary-hover); } .icon-checkbox-label-BA5vc6dHXhVydb3_2Nrr img { width: 64px; } .icon-checkbox-label-BA5vc6dHXhVydb3_2Nrr { display: flex; flex-direction: column; cursor: pointer; position: relative; } .icon-checkbox-label-BA5vc6dHXhVydb3_2Nrr:hover .icon-checkbox-content-name-dJ9irShPjVD7UuUjYagB { background-color: #dddddd; } .icon-checkbox-content-FldtckBS4bBJbRtihgGx { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; } .icon-checkbox-content-name-dJ9irShPjVD7UuUjYagB { border-radius: 3px; padding: 6px; display: inline-block; line-height: 1; cursor: pointer; background-color: #f2f2f2; } .icon-checkbox-label-checked-zzOjUkuJDGVakAq6yJFN .icon-checkbox-content-name-dJ9irShPjVD7UuUjYagB { background-color: var(--guru-primary); color: #fff; } .icon-checkbox-label-checked-zzOjUkuJDGVakAq6yJFN:hover .icon-checkbox-content-name-dJ9irShPjVD7UuUjYagB { background-color: var(--guru-primary-hover); color: #fff; } .filter-collection-xBbB3TjZWgguRVBqqUXS { display: flex; flex-direction: column; gap: 6px; } .filter-collection-title-LoWGxAPPxc5yZJ2vko52 { font-weight: 200; color: #666; } .filter-collection-items-fiOjNGvSBnv8fpmklbzb { display: flex; flex-flow: row wrap; gap: 12px; margin: 0; padding: 0; border: 0; } .plant-grid-pq9yKG1IRpSKMgWnc1M0 { display: flex; flex-flow: column nowrap; gap: 12px; } .plant-grid-filters-gv5pVhkeC15BLG_1fNxe { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; gap: 24px; padding: 12px; } .plant-grid-filters-centered-9RTv_fsTShMOJio3wFIL { justify-content: center; align-items: center; } .section-error-content-Y2u29CNBj9TYSZYIWuYU { display: flex; flex-direction: column; gap: 12px; text-align: center; } .preview-row-container-hOXsW17nOczyWNH7iKy3 { display: flex; flex-flow: column nowrap; position: relative; margin-left: calc(var(--padding) * -1); margin-right: calc(var(--padding) * -1); } .virtualized-scroll-fwYYXREF29vjM1kFiqQy { -ms-overflow-style: none; scrollbar-width: none; } .virtualized-scroll-fwYYXREF29vjM1kFiqQy::-webkit-scrollbar { display: none; } .preview-row-zuzIKhfMvlpsmhyzxuvg { display: flex; flex-flow: row nowrap; height: calc(var(--item-width) / var(--aspect-ratio) + var(--item-text-height)); /** overflow-x: scroll; scroll-snap-type: x proximity; scroll-padding-left: var(--padding); **/ -webkit-mask-image: linear-gradient(90deg, transparent calc(var(--padding) - var(--gap) / 2), #000000 var(--padding), #000000 calc(100% - var(--padding)), transparent calc(100% - var(--padding) + var(--gap) / 2) ); mask-image: linear-gradient(90deg, transparent calc(var(--padding) - var(--gap) / 2), #000000 var(--padding), #000000 calc(100% - var(--padding)), transparent calc(100% - var(--padding) + var(--gap) / 2) ); } .item-HQfM5tovT6JC6ufUJeYv { flex: 0 0 auto; width: var(--item-width); scroll-snap-align: start; } .padder-oPj9oC2GaqB7lCjRh2_q { flex: 0 0 auto; width: var(--padding, 12px); } .gap-eV79PalXWRFeaFJhUKAI { flex: 0 0 auto; width: var(--gap, 12px); } .cycle-button-H8vkE765Z1APR7PMZPvF { --height: 60px; position: absolute; width: 30px; height: var(--height); z-index: 1; top: calc((var(--item-width) / var(--aspect-ratio, calc(16 / 9))) / 2 - var(--height) / 2); border-radius: 6px; border: none; background: #fff; color: #000; font-size: 20px; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 6px #00000055; padding: 12px; } .cycle-button-H8vkE765Z1APR7PMZPvF:disabled { display: none; } .cycle-button-H8vkE765Z1APR7PMZPvF.previous-rrhgQaQAdyERUL35iRmR { left: 4px; } .cycle-button-H8vkE765Z1APR7PMZPvF.next-z6Hm853L9LoEURWHjVwy { right: 4px; } .pagination-row-y76TwfivBV117MqyGifZ { display: flex; justify-content: center; } .container-ztA3odGiFA9qQsOXsXXs { flex: 0 1 auto; display: inline-flex; padding: 12px; border-radius: 3px; flex-flow: row nowrap; align-items: center; justify-content: center; gap: 6px; background-color: var(--alt-background-color); color: var(--alt-foreground-color) } .middle-uU8uV8CE1t6DplHmAYP_ { flex: 0 1 auto; display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 3px; } .button-SRjj5WYDGba3BpCHOON8, .end-button-Ylk302cFk6FTdWIPFbWn { background: #fff; border: none; border-radius: 15px; width: 30px; height: 30px; color: #333; box-shadow: 0 0 4px -2px #00000033; display: flex; align-items: center; justify-content: center; } .button-SRjj5WYDGba3BpCHOON8:hover, .end-button-Ylk302cFk6FTdWIPFbWn:hover { background: #eee; } .end-button-Ylk302cFk6FTdWIPFbWn:disabled { opacity: 0.2; } .button-SRjj5WYDGba3BpCHOON8:disabled { border: 1px solid var(--guru-primary); } .end-button-Ylk302cFk6FTdWIPFbWn { flex: 0 0 auto; } .grid-content-bP8e9pX5DPGv7gsbPUZR { display: grid; gap: var(--gap, 12px); grid-template-columns: repeat(var(--columns), 1fr); grid-auto-flow: row; grid-template-rows: auto; } .search-input-container-_W9nUjPWQRJbzkRNaa56 { background-color: #ddd; display: flex; align-items: center; justify-content: center; padding: 12px; } .search-input-inner-BmnbS6p2Uys8snOkdLuc { display: flex; flex: 1 1 auto; max-width: 560px; gap: 12px; } .text-input-tlqhGDqw1jx9oQhNTUFj { flex: 1 1 auto; display: flex; } .text-input-tlqhGDqw1jx9oQhNTUFj > input{ padding: 6px; border: 1px solid #ccc; border-radius: 3px; flex: 1 1 auto; } .search-button-_ED0KhI13GmdEzHWpuzI { height: 36px; width: 82px; line-height: 1; box-sizing: border-box; padding: 0; } .guru-header-QcpK12nfM6JnnUzmZvj5 { text-align: center; } .title-UXTjI5CosWSymEv9eCZ6, .subtitle-gVo1HkoYqLVEd2_yjqAb { line-height: 1; margin: 0; padding: 0; } .title-UXTjI5CosWSymEv9eCZ6 { font-weight: 800; font-size: 80px; } .subtitle-gVo1HkoYqLVEd2_yjqAb { font-style: italic; font-size: 36px; font-weight: 100; } .banner-azFcx11ecKH0s6ucew1I { padding: 48px; color: var(--guru-primary); background-color: #eefbe5; position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 24px; } .banner-inner-kS8m7NfaVPo3vxRtgHyi { text-align: center; line-height: 1.4; font-size: 42px; /* font-style: italic; */ font-weight: 200; position: relative; z-index: 1; } .banner-image-container-TexmZkuiXJUBMSphVqv0 { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: flex; justify-content: center; align-items: center; z-index: 0; } .banner-background-image-TbNidv64UnhiAGaKDKAa { max-height: 200%; } .search-input-container-NvTneue7araACN3OMs0Z { z-index: 1; display: flex; justify-content: center; } .search-input-container-NvTneue7araACN3OMs0Z .clearable-input > input { border: 1px solid #569f19; } /* Mobile stylings */ @media (max-width: 699px) { .banner-inner-kS8m7NfaVPo3vxRtgHyi { font-size: 28px; } } .hero-preview-content-nLms1n1pj0wWmuiHHCqK { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; } .hero-preview-thumbnail-container-OCjbF1MvYZptYNF7IicA { } .hero-preview-description-container-q2SASip8kJ6hNAIdWJFi { text-align: left; display: flex; flex-direction: column; gap: 12px; justify-content: center; } .hero-preview-thumbnail-vrP_tJI_NsGEx0xzxRmm { } .hero-preview-thumbnail-vrP_tJI_NsGEx0xzxRmm img { width: 100%; border-radius: var(--preview-tile-image-border-radius); } .hero-preview-title-acBB6yLYqPGC93d8f75G { font-size: 36px; font-weight: 900; line-height: 1.2; height: 84px; text-overflow: ellipsis; overflow: hidden; } .hero-preview-description-YNsHg8QfCEWBo9vaX9sp { color: #fff; height: 72px; text-overflow: ellipsis; overflow: hidden; } .hero-preview-link-container-c5o5_m4eJnO1VmIi_uHA { display: flex; align-items: center; justify-content: flex-start; } .pips-PcZSWP94XDwJdBZlxRxU { display: flex; gap: 12px; } .pip-aCi2XPO7HVQolSuj9UWQ { width: 18px; height: 18px; border-radius: 100%; background-color: #ffffff99; border: 0; padding: 0; margin: 0; } .active-pip-tlJci3ibkY08CF4naVI3 { background-color: #ffffffff; box-shadow: 0 0 3px 0 #ffffff; } .pip-track-button-KMLE3rd2GXfzGZU2WDd6 { width: 18px; height: 18px; line-height: 18px; border: 0; padding: 0; background-color: transparent; color: #fff; } .pip-track-button-KMLE3rd2GXfzGZU2WDd6:active, .pip-track-button-KMLE3rd2GXfzGZU2WDd6:hover { text-shadow: 0 0 30px #ffffff; color: #eee; } @media (max-width: 1000px) { .hero-preview-content-nLms1n1pj0wWmuiHHCqK { grid-template-columns: 1fr; } .hero-preview-link-container-c5o5_m4eJnO1VmIi_uHA { justify-content: center; } } .hero-preview-ATXYiePvIxwkV72u_tnI { } .subtitle-JE6vmucH2rBskiLGpDyk { font-style: italic; font-size: 36px; font-weight: 100; margin: 0; padding: 0; width: 100%; flex: 0 1 auto; } .hero-content-MOlDtAPUOYlLMXquxoN7 { max-height: 400px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; } .hero-content-inner-iMb5Qml1UwafVffXdLrz { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 24px; flex: 1 1 auto; } .hero-content-inner-iMb5Qml1UwafVffXdLrz a.hero-link-I8iHoBCLXfAOgVZ2QLwg { font-size: 20px; display: inline-block; padding: 0; padding: 12px; border-radius: 6px; background: var(--guru-primary); color: #fff; } .hero-content-inner-iMb5Qml1UwafVffXdLrz a.hero-link-I8iHoBCLXfAOgVZ2QLwg:hover { background: var(--guru-primary-hover); color: #fff; text-decoration: none; } .preview-content-title-Vj1eOeSIKIHzA6y42Gw7 { margin: 0; padding: 8px; font-weight: 200; font-size: 20px; } @media (max-width: 1000px) { .hero-content-MOlDtAPUOYlLMXquxoN7 { max-height: none; } } .breadcrumb-ZFcotmuDcZBTwCspoVLB { flex: 0 0 auto; padding: 3px 6px; } .breadcrumbs-Ywr2ZQ5XnSFr63VUnkZ9 { font-size: 16px; justify-content: center; align-items: center; display: flex; flex-flow: row wrap; gap: 16px; row-gap: 0; } /* Caption and attribution section */ .caption-UjiJZ9MwB1RDr_iSnb2T { margin: 0; font-size: 18px; font-weight: 400; margin-bottom: 3px; } .attribution-BAkMujzyaQr6WFPHtKGF, .source-cSOeXAP5UuFhOOB8HY9g { margin: 0; font-size: 14px; font-weight: 300; line-height: 1.2; } .attribution-BAkMujzyaQr6WFPHtKGF > span, .source-cSOeXAP5UuFhOOB8HY9g > span { font-weight: 400; } .lead-image-_8ImSBC7DOojjzJrIAD3 { border-radius: 3px; width: 760px; } .lead-image-_8ImSBC7DOojjzJrIAD3 img { display: block; max-width: 100%; } .lead-image-figure-ry9fcuC6twwPOJf1RXMe { margin: 0; } .controls-banner-UXv1yzHTQq5lG3HElG7e { background-color: #e8e8e8; border-radius: 3px; padding: 12px; display: flex; justify-content: space-between; align-items: center; gap: 12px; } .controls-button-lqPketN2XRQXGxg9yhik { color: var(--guru-primary); background-color: #fff; border-radius: 3px; border: 0; } .controls-button-lqPketN2XRQXGxg9yhik:hover { color: var(--guru-primary-hover); border: 0; } .favourite-star-IfgoqQgKkXxtDHkHgw1l { color: var(--favourite-color) } .favourite-star-outline-u12BqEez_dEMhSwFcrXy { color: var(--favourite-color-outline) } .bookmark-banner-P2rcq2ZMFbvTlH_X8CPL { color: var(--bookmark-color) } .bookmark-banner-outline-F9kjXvO8ONj5EbRsHj0W { color: var(--bookmark-color-outline) } .controls-banner-section-pXOVkXqR0LnOiQ_wbau8 { } .guru-content-container-UN5jJfbtcoLVQxhO09Wx { margin: auto; padding: 0 var(--guru-page-padding); display: flex; flex-direction: column; gap: var(--guru-content-gap); width: 100%; box-sizing: border-box; } .publish-date-DaRG2MOH5rdRQt3oOboV { font-style: italic; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj { line-height: 1.4; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj p, .article-content-display-PGiaCbyxZ7w3lxX3zdcj ul, .article-content-display-PGiaCbyxZ7w3lxX3zdcj li { font-size: 18px; font-weight: 200; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj figure { margin: 0; padding: 0; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj .full-img { width: 760px; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj .port-img { display: block; margin-left: auto; margin-right: auto; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj .videoWrapper { position: relative; aspect-ratio: 16/9; } .article-content-display-PGiaCbyxZ7w3lxX3zdcj .videoWrapper iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .lead-image-ydy_d7YhmYzZwB738VlX, .article-content-display-PGiaCbyxZ7w3lxX3zdcj img { border-radius: 3px; } .item-content-table-qo958slBACxVkb_E1Qm9 { display: grid; grid-template-columns: 200px 1fr; gap: 8px; } .item-content-row-fuTtOHZ3CRl30QImmEg_ { display: contents; } .cell-ADxg5pnQtTluIt1p036t { font-weight: 200; } .cell-ADxg5pnQtTluIt1p036t p { margin: 0; margin-bottom: 12px; padding: 0; font-size: 18px; } .cell-header-Hf5pljVby_PQFEVY7LfQ { text-align: right; font-weight: 600; font-size: 18px; } @media (max-width: 700px) { .item-content-table-qo958slBACxVkb_E1Qm9 { grid-template-columns: minmax(0, 1fr); } .cell-header-Hf5pljVby_PQFEVY7LfQ { text-align: left; } } .gallery-PrM4MuV76JYOUHLskZeg { height: 100%; display: flex; flex-flow: column nowrap; gap: 12px; } .gallery-view-TDkehfHQkoq8G3L12ksq { display: flex; flex-flow: column nowrap; align-items: center; } .gallery-view-TDkehfHQkoq8G3L12ksq figure { margin: 0; min-height: min(500px, 50vmax); display: flex; flex-flow: column nowrap; /* background: #fff; */ /* border-radius: 3px; */ /* padding: 6px; */ } .gallery-view-TDkehfHQkoq8G3L12ksq figure img { display: block; border-radius: 3px; box-shadow: 0 1px 6px 0px #00000033; max-width: 100%; } .gallery-view-TDkehfHQkoq8G3L12ksq figcaption { margin-top: 6px; flex: 0 0 auto; } .gallery-controls-JNCHzYg4CEhR62iXnVcM { display: flex; flex-flow: row nowrap; align-items: center; gap: 12px; margin-left: auto; margin-right: auto; } .gallery-controls-JNCHzYg4CEhR62iXnVcM button { background: #fff; border: none; border-radius: 15px; width: 30px; height: 30px; color: #333; box-shadow: 0 0 4px -2px #00000033; display: flex; align-items: center; justify-content: center; } .gallery-controls-JNCHzYg4CEhR62iXnVcM button:hover { background: #eee; } .gallery-controls-JNCHzYg4CEhR62iXnVcM button:disabled { opacity: 0.2; } /* Thumbnails section */ .gallery-thumbnails-ZAhuz5NzlRncD3KwkaKw { display: flex; flex-flow: row nowrap; height: 75px; gap: 6px; margin-left: auto; margin-right: auto; margin-bottom: 3px; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV { flex: 0 0 auto; padding: 0; margin: 0; background: none; border: 1px solid transparent; padding: 3px; border-radius: 3px; aspect-ratio: 16/9; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV:hover { border: 1px solid #ddd; background: #ffffffcc; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV.active-XwF0Uly3rNkZQI5446jI, .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV.active-XwF0Uly3rNkZQI5446jI:hover { border: 1px solid transparent; background: #fff; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV.active-XwF0Uly3rNkZQI5446jI:hover { border: 1px solid #ddd; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV > div { max-width: 100%; max-height: 100%; display: flex; align-items: center; justify-content: center; } .gallery-thumbnail-fl3NycvbiY_DyVM2hIeV > div img { border-radius: 3px; max-width: 100%; max-height: 100%; object-fit: contain; position: relative; border-radius: 3px; /* box-shadow: 0 1px 6px 0px #00000033; */ } .gallery-thumbnail-loading-ahXn8X2YEcuEEKyLbTN6 { width: 100%; height: 100%; border-radius: 3px; } .pest-header-title-vc1c7BvSTSHR3LrSfcuO { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 12px; text-overflow: ellipsis; } .pest-header-title-text-KQ4_B5o1bjupHwLRztb2 { text-overflow: ellipsis; overflow: hidden; } .scientific-name-IMstF5lPk8jkMNuZUeuA { font-style: italic; font-weight: 200; color: #eeeeee; text-overflow: ellipsis; overflow: hidden; } .plant-title-oJBmLsmv4qzhV7AhSX8y h1 { display: flex; gap: 16px; align-items: center; justify-content: center; } .plant-content-display-hJskRBJrHN_TvAW7DQVP { display: flex; flex-direction: column; } .item-table-WnrrJHfB8t4T0ikkucr4 { margin-top: 30px; } div.companion-header-cell-JKeOs6pQeOMQpsdvQNKM { font-weight: 200; font-style: italic; font-size: 16px; line-height: 44px; } .plant-title-gMSLznOVouk7Lo9urqY3 h1 { display: flex; gap: 16px; align-items: center; justify-content: center; } .plant-content-display-OULrEMafMlRD5wnDNsAP { display: flex; flex-direction: column; } .plant-content-display-OULrEMafMlRD5wnDNsAP .plant-list-key-group { display: flex; flex-wrap: wrap; justify-content: flex-end; } div.companion-header-cell-xPbGHUEpFYaF8Zr2qKtx { font-weight: 200; font-style: italic; font-size: 16px; line-height: 44px; } .companion-plant-VBaw4witqQN9wOKiSrag { margin: 3px; background-color: #fff; border-radius: 3px; padding: 3px 6px; line-height: 1; display: inline-flex; align-items: center; border: 1px solid #e8e8e8; } .mutual-companion-jrZTxMHq145g206qq77I { border: 1px solid #999; } .companion-text-gxIMnnIdEN4JaggLk5k3 { flex: 1 1 auto; line-height: 18px; } .plant-icon-tG2jaHn4rstKg0URwTog { height: 18px; margin-right: 6px; flex: 0 1 auto; } .companions-mIaNA3FSAnJQzobZNgv1 { display: inline-flex; background-color: #eee; border-radius: 3px; padding: 6px; flex-flow: row wrap; } .companions-section-xnUo02w_fh1dQNVaBvin { flex: 1 1 0; } .companions-section-icon-k1ehql0Yh792ijLFM3kc { display: flex; flex: 0 0 auto; align-items: center; } .plant-header-NnNubEDCKFT3x_pWjaCv { /* padding-bottom: 24px; */ } .plant-header-title-kzyHyKKmsbUM5PGSgJYw { display: flex; flex-flow: row wrap; align-items: center; justify-content: center; gap: 12px; text-overflow: ellipsis; } .plant-header-title-text-eZILRPUSirkEFDgtDcbi { text-overflow: ellipsis; overflow: hidden; } .subtitle-sUSAuP4GFEwdag8TCk73 { } .scientific-name-zl4mUBo6ypG0VLV1Xkaa, .scientific-other-names-WonmohIKn6YLnCkH3OPM { font-style: italic; font-weight: 200; color: #eeeeee; text-overflow: ellipsis; overflow: hidden; } .scientific-name-zl4mUBo6ypG0VLV1Xkaa { } .scientific-other-names-WonmohIKn6YLnCkH3OPM { font-size: 70% } .video-content-display-IpAXEWXJjhAWn_m3eDX6 { padding-bottom: 24px; } .title-GfNTw0M77opf2A1umE_P { margin: 0; padding: 0; font-size: 36px; line-height: 1.5; } .video-container-YddddOqDNi32LmC8IuCG { width: 100%; aspect-ratio: 16/9; box-sizing: border-box; position: relative; flex: 0 1 auto; } .video-content-s6rEcA6gT1Kv8O6ydkhS { display: flex; flex-direction: column; gap: var(--guru-content-gap); } .video-details-wvTKcDs5RGpx4YfMeCxV { flex: 0 1 auto; display: flex; flex-direction: column; gap: var(--guru-content-gap); } .bookmarks-directory-info-V7_FCkvzDhGl7L84WBOg { padding: 12px; margin: 0 var(--guru-page-padding); background-color: var(--alt-background-color); color: var(--alt-foreground-color); border-radius: 3px; text-align: center; } .no-search-results-OJwbLwyv6nzeRhlYlmT7 { background-color: var(--alt-light-background-color); color: var(--alt-light-foreground-color); padding: 36px 12px; text-align: center; } .catchAllErrorView-QNEtZCJeVIiguZrVaASA{max-width:640px;text-align:center}.errorInfoText-tPYCjG_rNTl_mK1cR9Dw{padding:12px} .error-screen{align-items:center !important}.error-screen>*{max-width:750px}.error-screen ul{list-style:none;padding:0} .errorViewContent-shIaKBjfwaclmf5g1Xn8{max-width:600px}.errorViewContent-shIaKBjfwaclmf5g1Xn8 h1{text-align:center}.errorInfoText-hHQle6PCu7gxdqzhlJLu{text-align:center;color:#555;padding:12px;margin:auto}.errorViewPlans-s8UOuRCRGRNOUIIPrxKk{margin-top:32px;margin-bottom:32px;display:flex;flex-flow:column nowrap;gap:12px;padding:6px}.planRow-E6ED1gRjPDWTsUEE95GT{flex:0 0 35px;display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;text-align:left;background:#fff;border-radius:3px;padding:12px;row-gap:12px}.details-nxBQIH7FK8MrITM8DZwq{flex:1 1 auto;display:flex}.year-Xs5haN5PwrhQdLWzsnKb{color:#555}.dots-HlYruAnozjZnft0HuWNO{flex:1 1 auto;border-bottom:2px dotted rgba(0,0,0,.2);margin-bottom:6px;margin-left:12px;margin-right:6px}.action-tRvddwMV0KPYb0BLRj4d{flex:0 0 auto} .client-loading-screen-error{text-align:center;padding:30px;max-width:750px}.client-loading-screen-error ul{list-style:none;padding:0} :root { --tutorialWindowBackground: #ffffff; --tutorialWindowForeground: #333333; --tutorialWindowWidth: max-content; --tutorialWindowMaxWidth: 400px; --tutorialPrimaryColor: var(--help-color); --tutorialPrimaryColorForeground: var(--help-color-foreground); --tutorialSecondaryColor: var(--help-color-dark); --tutorialSecondaryColorForeground: var(--help-color-foreground); --tutorialDisabledColor: #ccc; --tutorialDisabledForegroundColor: #fff; --tutorialVideoProgress: var(--tutorialSecondaryColor); --tutorialVideoProgressBackground: #ddd; --tutorialBorder: 3px solid var(--tutorialPrimaryColor); --basePadding: 9px; } .tutorial-display-container-z_WckpF8Z2g2X2NpfWxF { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #00000044; display: flex; justify-content: center; align-items: center; padding: var(--basePadding) } .base-tutorial-window-Lz57UC5SXT_u2SlwusAL { position: relative; background-color: var(--tutorialWindowBackground); color: var(--tutorialWindowForeground); border-radius: 6px; border: var(--tutorialBorder); font-size: 16px; line-height: 1.4; width: var(--tutorialWindowWidth); /* max-width: var(--tutorialWindowMaxWidth); */ max-height: calc(100vh - 24px); max-width: calc(100vw - 24px); } .attached-tutorial-window-NHUBNyFeQNLYJ2owymiV { box-shadow: 0 0 28px #333; } .paused-tutorial-window-U5BXP7xdpjJwa4JeRk6S { box-shadow: 0 0 28px #333; width: 400px; max-width: 400px; min-width: 400px; position: absolute; right: 50px; bottom: 50px; } .tutorial-pane-U1hihie3kbXF2RN9TgXN { display: flex; flex-direction: column; max-height: calc(100vh - 24px); max-width: calc(100vw - 24px); } .tutorial-window-controls-up__8usrsl68MdJxVCoa { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 12px; background-color: #00000011; padding: var(--basePadding); } .counter-container-rRe_3VoAcGjM5aNDeWkE { color: #666; } .left-control-sv4PFQS2rlz_zg8nIu6z { display: flex; justify-content: left; } .middle-control-VSX5fRSFKXbysHa789rw { display: flex; justify-content: center; } .right-control-sLoAaNi70PEmmccVu7fq { display: flex; justify-content: right; } .tutorial-button-aYPjnkCK0r6duQRifKRS { background-color: var(--tutorialPrimaryColor); color: var(--tutorialPrimaryColorForeground); border: 0 solid var(--tutorialSecondaryColor); border-radius: 3px; padding: 6px 6px; user-select: none; } .tutorial-button-aYPjnkCK0r6duQRifKRS:hover { background-color: var(--tutorialSecondaryColor); color: var(--tutorialSecondaryColorForeground); } .tutorial-button-aYPjnkCK0r6duQRifKRS:active { background-color: var(--tutorialSecondaryColor); color: var(--tutorialSecondaryColorForeground); } .tutorial-button-aYPjnkCK0r6duQRifKRS:disabled { background-color: var(--tutorialDisabledColor); color: var(--tutorialDisabledForegroundColor); } .tutorial-top-controls-N4aUzKryaBJ1i0JgFBT1 { box-sizing: border-box; display: flex; justify-content: flex-end; padding: 3px; } .tutorial-cancel-button-unipMFBdaj6OsLEwoQEZ { width: 22px; height: 22px; font-size: 13px; background-color: transparent; border-radius: 3px; border: 0; line-height: 1; display: flex; justify-content: center; align-items: center; } .tutorial-cancel-button-unipMFBdaj6OsLEwoQEZ:hover { background-color: #00000033; } .tutorial-content-container-gjIYe1Y1zb8TWIl_uy2S { display: flex; flex-direction: column; gap: var(--basePadding); padding: var(--basePadding); padding-top: 0; overflow: hidden; overflow: auto; max-width: 100%; box-sizing: border-box; } .tutorial-content-ezPCjLSfJxIeTWFz1W8w { padding-top: 0; /* overflow: hidden; */ } .tutorial-image-content-cIkKu20CS0AEzR9nsp2o { text-align: center; } .tutorial-content-ezPCjLSfJxIeTWFz1W8w img { max-width: 100%; } .video-container-AZpsdSBVnoWxYq8Vscj1 { padding: 0; margin: auto; width: fit-content; border-radius: 3px; overflow: hidden; max-width: 100%; position: relative; } .video-container-AZpsdSBVnoWxYq8Vscj1 button { -webkit-tap-highlight-color: transparent; } .video-player-vwfHe7mtiuLfTRl4kfFf::cue { font-size: 14px; line-height: 1.4; } .video-player-vwfHe7mtiuLfTRl4kfFf { display: block; max-width: 100%; max-height: calc(100vh - 160px); } .video-overlay-cNrD0_rx3wCQrcQDEZww { position: absolute; top: 0; left: 0; right: 0; bottom: 6px; --display-video-buttons: none; } .video-overlay-cNrD0_rx3wCQrcQDEZww:hover { --display-video-buttons: inline; } .video-overlay-play-container-R91N9hayVrz0oqFo9ezr { position: absolute; top: 0; left: 0; right: 0; bottom: 36px; } .video-overlay-controls-container-HEKG5EeDnOeAYp0nL9NG { position: absolute; bottom: 0; left: 0; right: 0; height: 36px; display: flex; justify-content: flex-end; align-items: center; gap: 6px; padding: 0 6px; } .video-controls-oa6FLgzCBaGI5i_aOgjL { display: flex; } .video-controls-button-SqOHNAAU5fbwEDmOXnv0 { display: var(--display-video-buttons); color: #fff; background-color: #00000088; border: 0; height: 28px; border-radius: 6px; min-width: 24px; } .button-control-BJveMy6FFQpuRZNtAY_C { flex: 0 1 auto; } .progress-control-XIClkWzEpFGayrhYLUQl { flex: 1 1 auto; } .video-progress-button-rR4oK52IChfHA1vMqSrZ { display: block; width: 100%; padding: 0; border: 0; background-color: transparent; border-radius: 0; overflow: hidden; } .video-progress-vJxL0bwLbV0LXLJZabd0 { display: block; width: 100%; margin: 0; border: 0; height: 6px; } .video-progress-vJxL0bwLbV0LXLJZabd0 { background-color: var(--tutorialVideoProgressBackground); } .video-progress-vJxL0bwLbV0LXLJZabd0::-webkit-progress-bar { /* This can't be styled in firefox so we stop */ background-color: transparent; } .video-progress-vJxL0bwLbV0LXLJZabd0::-webkit-progress-value{ background-color: var(--tutorialVideoProgress); } .video-progress-vJxL0bwLbV0LXLJZabd0::-moz-progress-bar { background-color: var(--tutorialVideoProgress); } .video-button-fxMdg4gCyUmsOWqT2vvb { display: block; background-color: transparent; border-radius: 0; border: 0; padding: 0; color: #555; font-size: 27px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; max-width: 100%; } .playing-Lt2c2BcC7UBOcp9_3omE .video-icon-_Ob8LVYIybs0nU0rHYUz { display: none; } .video-icon-_Ob8LVYIybs0nU0rHYUz { position: absolute; text-shadow: 0 0 2px #fff; } .login-page,.loading-page{background:var(--loading-screen-background-color);text-align:center} .login-form-V7EsdyjExyKQzLYMfvHD { max-width: 400px; width: 100%; margin-left: auto; margin-right: auto; } input[type="email"].login-form-email-r4CffhyZj2htidMpYMyp { background: none !important; border: none !important; color: #333 !important; } .subscription-gateway{overflow:hidden;display:flex;height:100vh;max-height:100vh;background-position:center center;background-attachment:fixed;background-size:cover;overflow:hidden;width:100%}.subscription-gateway .inline-link{color:#7acdff}.subscription-gateway-inner{color:#fff;text-shadow:1px 1px 2px #000;background-color:rgba(0,0,0,.18039);flex:1 1 auto;display:flex;align-items:center;justify-content:center;text-align:center}.subscription-gateway-inner>div{max-width:680px} .element-printer-modal .loading-message,.element-printer-modal .print-button-container{margin:16px}.element-printer-modal .loading-message{height:32px;display:flex;align-items:center;justify-content:center}.element-printer-modal .print-button-container{text-align:center}.element-printer-modal .print-button-container p{margin-bottom:12px;font-weight:600}.element-printer-modal .print-button-content{flex:1 1 auto;display:flex;justify-content:space-between} #hidden-frame-container{display:none;width:0;height:0;overflow:hidden}@media print{body.printing{width:auto;height:auto;max-width:none;max-width:initial;max-height:none;max-height:initial;overflow:visible;overflow-x:visible;overflow-y:visible}body.printing>*:not(#hidden-frame-container){display:none !important}body.printing>#hidden-frame-container{display:block;width:auto;width:initial;height:auto;height:initial;overflow:visible}} .printer-iframe-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background-color:rgba(0,0,0,.66667);display:flex;align-items:center;justify-content:center}.printer-iframe-background .printer-iframe-container{flex:1 1 auto;padding:90px;max-width:960px;height:100%;max-height:80%;display:flex;flex-direction:column}.printer-iframe-background .printer-iframe-container-inner{display:flex;align-items:stretch;justify-content:center;height:100%;flex-direction:column}.printer-iframe-background .printer-iframe{flex:1 1 auto;border:0}.printer-iframe-background .close-row{flex:0 1 auto;padding-top:12px;padding-bottom:12px;text-align:right}.printer-iframe-background .close-button{box-shadow:none;font-size:24px;line-height:48px;height:48px;width:48px;border-radius:100%;padding:0;margin:0;display:inline-block} .page-layout-container{display:flex;flex-flow:column nowrap;line-height:1;border-radius:3px;text-align:center;border:1px solid #e2e2e2}.page-layout-container .page-layout-title{margin-bottom:0px;padding:12px;padding-bottom:6px;flex:0 0 auto}.page-layout-container .page-layout-count{flex:0 0 auto;margin-top:3px;padding:6px;padding-top:6px;border-top:1px solid #ddd;background-color:#fff}.page-layout-container .page-layout-body{flex:1}.page-layout{box-sizing:border-box;display:inline-flex;flex-direction:column;height:100px;width:100px;overflow:hidden;border-radius:3px;margin-left:12px;margin-right:12px}.page-layout .page-row{display:inline-flex}.page-layout .page{display:flex;align-items:center;justify-content:center}.page-layout .page-inner{background-color:#fff;border:1px solid #e2e2e2;flex:0 1 auto;box-sizing:border-box} .printProgress{width:100px}.print-progress-bar{width:100%;height:20px;background:var(--color-background-dark);border-radius:3px;overflow:hidden;position:relative}.print-progress-bar .print-progress-bar-inner{position:absolute;top:0;left:0;bottom:0;height:100%;background:var(--color-primary);display:inline-block}.print-progress-bar .print-progress-bar-percent{position:absolute;top:0;left:0;bottom:0;height:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-end;color:var(--color-primary-content)}.print-progress-bar .print-progress-bar-percent>span{padding:0 6px} .saving-plans-text{padding:4px 32px;margin:0;font-size:100%;display:inline-block}.print-modal-error{border:1px solid var(--color-error);color:var(--color-error)}.print-modal-warning{background:#fff9d3;border:1px solid #ffe8b5;border-radius:3px;padding:12px} .sfg-help-modal .sfg-image{margin-top:6px;margin-bottom:6px;padding-top:6px;padding-bottom:6px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.sfg-help-modal .sfg-image img{width:100%} .expression-input-hkxbsxLvPLMIa8qbr52g { min-width: min(480px, 80vw); } .expression-input-hkxbsxLvPLMIa8qbr52g textarea { box-sizing: border-box; width: 100%; } .expression-result-container-OQhRrrrXy8E1iqrN_uCd { background-color: #eee; border-radius: 3px; padding: 3px; } .expression-result-Lr0TSKmSugejUtbz6lnh { } .result-title-gV30L0eoocgU9yZlQFI5 { } .result-content-taRVJmdzG11orle1oyCG { display: flex; } .expression-type-LDrGl78I2yO90pJ4nrvv { flex: 1 1 auto; } .expression-string-zS4_YidogZxhkRimkmRD { flex: 1 1 auto; } .expression-controls-u7uJRF8F_rKtkisDBqz8 { display: flex; justify-content: space-between; } .tutorial-details-kHNC5NvqgyFsQVoREph8 { display: flex; gap: 6px; align-items: center; } .details-buttons-J7iKwkSXNep_wiAc9DQw { display: flex; gap: 6px; } .enabled-indicator-x4VXk2iq5pmtAatS_RlO { width: 12px; height: 12px; border-radius: 6px; background-color: var(--error-color); } .enabled-indicator-x4VXk2iq5pmtAatS_RlO.enabled-raYT6hajFMYKxJd9xgAH { background-color: var(--success-color); } .request-table-hAXER40QLII29BSfMRWu { width: 100%; } .error-details-PyLM5Qo7waOmUsfosKdx { display: flex; } .error-message-REHvRyyecqWo3t6hoeQJ { flex: 1 1 auto; } .error-expand-bqZ23FUAf6SzoybVoHck { flex: 0 1 auto; } .modal-tabs .modal-tab-list{margin-top:6px;display:flex;border-bottom:1px solid #aaa}.modal-tabs .modal-tab-list .modal-tab{flex:0 1 auto;border:1px solid rgba(0,0,0,0);border-radius:3px 3px 0 0;overflow:hidden;margin-bottom:-1px}.modal-tabs .modal-tab-list .modal-tab:first-child{margin-left:12px}.modal-tabs .modal-tab-list .modal-tab:last-child{margin-right:12px}.modal-tabs .modal-tab-list .modal-tab .modal-tab-button{padding:6px 18px;margin:0;background-color:rgba(0,0,0,0);border:0;font-size:16px;color:var(--inactive-tab-color)}.modal-tabs .modal-tab-list .modal-tab .modal-tab-button:active{border:0;padding:6px 18px;background-color:rgba(0,0,0,0);color:#333}.modal-tabs .modal-tab-list .modal-tab .modal-tab-button:hover{border:0;padding:6px 18px;background-color:#fff;color:var(--inactive-tab-color)}.modal-tabs .modal-tab-list .modal-tab.modal-tab-active{border:1px solid #aaa;border-bottom:1px solid #f8f8f8}.modal-tabs .modal-tab-list .modal-tab.modal-tab-active .modal-tab-button{background-color:#f8f8f8;color:#333;font-weight:600} .garden-object-info-modal .inner-modal{max-width:600px}.garden-object-info-modal .garden-object-info-pane{padding:0}.garden-object-info-modal .garden-object-image-section{background-color:#e2e2e2;text-align:center;padding:6px}.garden-object-info-modal .object-description{padding:0 12px}.garden-object-info-modal p{font-size:14px;margin:0;margin-bottom:6px}.garden-object-info-modal h3{padding:0;margin:0;margin-bottom:12px;margin-top:12px;font-size:16px} .follow-on-plan-input .follow-on-plan-toggle-container label{display:flex;align-items:center}.follow-on-plan-input .follow-on-plan-toggle-container label .toggle-container{flex:0 1 auto;margin-right:6px}.follow-on-plan-input .follow-on-plan-toggle-container label .toggle-text{flex:1 1 auto;margin-left:6px}.follow-on-plan-input .follow-on-plan-toggle-container .follow-on-plan-alert{padding:12px;border-radius:3px;background:#fff9e8;border:1px solid #fdbf13;position:relative;margin-bottom:6px}.follow-on-plan-input .follow-on-plan-toggle-container .follow-on-plan-alert::after{content:"";position:absolute;left:12px;bottom:-7px;width:10px;height:10px;border-right:1px solid #fdbf13;border-bottom:1px solid #fdbf13;border-bottom-right-radius:3px;background:#fff9e8;transform:rotate(45deg)}.follow-on-plan-input .follow-on-plan-toggle-container .follow-on-plan-alert p{margin:0}.follow-on-plan-input .follow-on-plan-toggle-container .follow-on-plan-alert .follow-on-plan-alert-dismiss{position:absolute;top:2px;right:2px;background:none;border:none;opacity:.6;font-size:16px}.follow-on-plan-input .follow-on-plan-toggle-container .follow-on-plan-alert .follow-on-plan-alert-dismiss:hover{opacity:1}.follow-on-plan-input.disabled .toggle-container,.follow-on-plan-input.disabled .follow-on-plan-instructions{opacity:.5}.follow-on-plan-input .copy-details-label .label-text{margin-left:6px}.follow-on-plan-input .copy-details-pane{display:flex;-moz-column-gap:12px;column-gap:12px;row-gap:0;flex:1}.follow-on-plan-input .copy-details-pane input[type=checkbox],.follow-on-plan-input .copy-details-pane input[type=radio]{margin:0}.follow-on-plan-input .copy-details-pane .copy-parts-text{display:inline-block;width:110px;text-align:right;padding-right:3px}.follow-on-plan-input .copy-details-pane .copy-details-part{flex:0 1 auto}.follow-on-plan-input .copy-details-pane .copy-details-main-part{flex:1 1 auto}.follow-on-plan-input .copy-details-pane .copy-details-main-part .copy-details-label{display:inline-block;width:50%}.follow-on-plan-input .copy-details-pane .copy-details-main-part .copy-details-label.full-width{width:100%}.follow-on-plan-input .copy-details-pane .copy-details-label-disabled{color:#bbb}@media(max-width: 700px){.follow-on-plan-input .copy-details-pane{flex-flow:row wrap}.follow-on-plan-input .copy-details-pane .copy-details-part.title{flex:1 1 100%}.follow-on-plan-input .copy-details-pane .copy-details-part.title .copy-parts-text{text-align:left}.follow-on-plan-input .copy-details-pane .copy-details-main-part{flex:1 1 100%}.follow-on-plan-input .copy-details-pane .copy-details-part.plants-radio{padding-left:9px}} .new-plan-modal .inner-modal{max-width:min(520px,100%);width:auto}.new-plan-modal .follow-on-plan-warning{display:inline-block;color:#333;border-radius:3px}.new-plan-modal .free-trial-warning-text{color:#333;background-color:#fff;padding:16px;border-radius:3px;border:1px solid var(--color-error)}.new-plan-modal .input-helper{padding:0;margin:0;margin-top:6px;font-size:14px;color:#666;line-height:1.4}.new-plan-modal .disabled-form-row .input-helper{color:#bbb}.new-plan-modal .dimensions-container{display:flex}.new-plan-modal .dimensions-container .dimensions-units{flex:1 1 auto}.new-plan-modal .dimensions-container .dimensions{flex:0 1 auto}.new-plan-modal .advisory-text{font-size:13px;color:#666;line-height:1.4} .template-plan-preview-modal .template-plan-preview-modal-image{overflow-x:auto} .template-plan-tab{min-width:min(480px,100%)}.template-plan-tab .template-plan{padding:12px;background-color:#eee;border:1px solid #ddd;border-radius:3px;margin-bottom:12px}.template-plan-tab .template-plan-display{display:flex;gap:12px}.template-plan-tab .template-plan-display .plan-preview-image{flex:0 1 auto}.template-plan-tab .template-plan-display .plan-preview-image .plan-preview-button{background-color:#fff;border:0;padding:0;position:relative}.template-plan-tab .template-plan-display .plan-preview-image .plan-preview-button .preview-icon-container{position:absolute;bottom:0;right:0;left:0;top:0;display:flex;align-items:center;justify-content:center;transition:background-color 200ms linear}.template-plan-tab .template-plan-display .plan-preview-image .plan-preview-button .preview-icon{flex:0 1 auto;background-color:rgba(51,51,51,.66667);color:#fff;width:39px;height:39px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:28px;transition:background-color 200ms linear}.template-plan-tab .template-plan-display .plan-preview-image .plan-preview-button:hover .preview-icon-container{background-color:rgba(51,51,51,.66667)}.template-plan-tab .template-plan-display .plan-preview-image .plan-preview-button:hover .preview-icon{background-color:rgba(0,0,0,0)}.template-plan-tab .template-plan-display .plan-preview-image img{display:block;width:120px;border:1px solid #ddd}.template-plan-tab .template-plan-display .plan-information{flex:1 1 auto}@media(max-width: 700px){.template-plan-tab .template-plan-display{flex-flow:column-reverse nowrap;gap:6px}.template-plan-tab .template-plan-display .plan-preview-image{flex:0 0 auto;display:flex;flex-flow:column nowrap;align-items:center}.template-plan-tab .template-plan-display .plan-preview-image img{width:100%;max-width:200px}}.template-plan-tab .plan-name{font-size:15px;font-weight:600;margin-bottom:6px}.template-plan-tab .plan-description{line-height:1.3;margin-bottom:6px}.template-plan-tab .plan-information{display:flex;flex-direction:column;justify-content:space-between}.template-plan-tab .buttons{margin-top:6px;display:flex;justify-content:space-between}.template-plan-tab .template-plan-plants{display:flex;flex-wrap:wrap;gap:3px;margin-bottom:6px}.template-plan-tab .template-plan-plants .template-plant-icon{flex:0 0 auto;display:inline-block;border-radius:3px;padding:3px;background-color:#fff;box-sizing:border-box;width:24px;height:24px;border:1px solid #eee}.template-plan-tab .template-plan-plants .template-plant-icon>span{display:inline-block}.template-plan-tab .template-plan-plants .template-plant-icon:hover{border:1px solid #999} .progress-bar{height:4px;background-color:#fff;border:1px solid #ddd;border-radius:3px;position:relative}.progress-bar .progress-bar-progress{position:absolute;top:0;left:0;bottom:0;display:inline-block;background-color:var(--color-primary)} .publish-plan-modal .inner-modal{max-width:min(840px,100%);min-width:min(480px,100%)}.publish-plan-modal .inner-modal .modal-pane{width:min(380px,100%)}.publish-plan-modal .inner-modal .publish{background-color:rgba(0,0,0,.09412)}.publish-plan-modal .inner-modal .publish-plan-info{background-color:#f2f2f2;border-bottom:1px solid #ddd}.publish-plan-modal .inner-modal .publish-plan-stage-2{text-align:center}.publish-plan-modal .inner-modal .publish-plan-stage-3{min-width:min(580px,100%)}.publish-plan-modal .inner-modal .publish-plan-stage-3 .publish-plan-complete{text-align:center;font-size:16px;font-weight:600;margin-bottom:12px}.publish-plan-modal .inner-modal .publish-progress-container{background-color:rgba(0,0,0,.09412);padding:6px;text-align:center;border-radius:3px}.publish-plan-modal .inner-modal .publish-progress-container .publish-progress-stage{margin-bottom:6px}.publish-plan-modal .inner-modal .published-plan-output{display:flex}.publish-plan-modal .inner-modal .published-plan-output .published-plan-text{flex:1 1 auto;margin-right:12px}.publish-plan-modal .inner-modal .published-plan-output .published-plan-thumbnail{flex:0 1 auto;min-width:200px;min-height:150px;max-width:200px;max-height:150px;border:1px solid #f2f2f2;background-color:#fff}.publish-plan-modal .inner-modal .published-plan-output .published-plan-thumbnail a,.publish-plan-modal .inner-modal .published-plan-output .published-plan-thumbnail img{display:block}.publish-plan-modal .inner-modal .publish-thumbnail-loader{width:200px;height:150px;display:flex;align-items:center;justify-content:center}.publish-plan-modal .inner-modal .share-plan-warning{display:flex;align-items:flex-end}.publish-plan-modal .inner-modal .share-plan-warning .share-plan-warning-info{flex:1 1 auto;margin-right:12px}.publish-plan-modal .inner-modal .share-plan-warning .share-plan-warning-info p{margin:0}.publish-plan-modal .inner-modal .share-plan-warning .share-plan-warning-button{flex:0 1 auto}.publish-plan-modal .inner-modal .share-plan-warning .share-plan-warning-button>button{white-space:nowrap;overflow:hidden}.publish-plan-modal .inner-modal .publish-modal-warning{background:#fff9d3;border:1px solid #ffe8b5;border-radius:3px;padding:12px}.plan-force-save .plan-force-save-container{display:flex;align-items:center}.plan-force-save .plan-force-save-container p{margin:0;margin-right:12px;padding:0;text-align:right}.plan-force-save .plan-force-save-info{flex:1 1 auto}.plan-force-save .plan-force-save-button{flex:0 1 auto} .customise-varieties-modal .inner-modal{max-width:min(544px,100%)}.customise-varieties-modal .modal-close-button,.customise-varieties-modal .modal-help-button{top:3px;z-index:20}.customise-varieties-modal .modal-header{display:flex;align-items:center;justify-content:flex-start}.customise-varieties-modal .modal-header .plant-icon{margin-right:12px;flex:0 1 auto;height:28px}.customise-varieties-modal .default-variety{font-style:italic;font-weight:300}.customise-varieties-modal .customise-editing-group{position:relative;padding:16px}.customise-varieties-modal .customise-editing-group.editing{background-color:#f8f8f8;border:1px solid #d7d7d7;padding:15px}.customise-varieties-modal .customise-editing-group .modal-pane-section-header{border-bottom:0}.customise-varieties-modal .customise-editing-group .customise-editing-buttons{position:absolute;top:12px;right:12px}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button{vertical-align:middle;margin-right:12px;padding:0 12px;height:32px;background-color:#2ab082;border:1px solid #2ab082;border-radius:3px;color:#fff}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button:hover{background-color:#fff;border:1px solid #2ab082;color:#2ab082;padding:0 12px}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button:active{background-color:#fff;border:1px solid #2ab082;color:#2ab082;padding:0 12px}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button:disabled{background-color:#f2f2f2;border:1px solid #f2f2f2;color:#aaa;cursor:default}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button .icon-cancel{font-size:20px;line-height:32px}.customise-varieties-modal .customise-editing-group .customise-editing-buttons button:last-child{margin-right:0}.customise-varieties-modal .scroll-x{overflow-x:auto}.customise-varieties-modal .add-new-button{flex:0 0 auto}.customise-varieties-modal .suppliers-list{padding:5px 0}.customise-varieties-modal .customize-variety-action-buttons{flex:1;display:flex;flex-flow:row wrap;gap:12px;justify-content:center}.variety-select-option{display:flex}.variety-select-option .variety-select-label{flex:1 1 auto;min-width:80px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.variety-select-option .custom-icon{font-size:12px;color:#2a72b0}.variety-select-option .supplier-icon{font-size:12px;color:#b02a6e} .customise-varieties-help-modal .inner-modal{max-width:520px} .import-variety-settings-modal .inner-modal{max-width:min(560px,100%)}.import-variety-settings-modal .unavailable-label{color:#aaa}.import-variety-settings-modal .centered-row-content .planting-calendar{flex:1 1 auto;padding:0 6px}.import-variety-settings-modal .planting-calendar .month-title{color:#666}.import-variety-select-option{display:flex;align-items:center}.import-variety-select-option .variety-select-variety{flex:0 1 auto;min-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:6px}.import-variety-select-option .variety-select-plant{flex:1 1 auto;text-overflow:ellipsis;text-align:right;font-size:12px}.import-variety-select-option .default-variety-selector{font-style:italic}.import-plant-select-option.all-plants{font-weight:700} .confirm-modal .inner-modal{max-width:min(480px,100%)} .modal-help-button{position:absolute;top:0;right:48px}.modal-help-button .button{width:48px;height:48px;padding:6px;font-size:22px;background-color:rgba(0,0,0,0);border:0;border-radius:100%;box-shadow:none;outline:none}.modal-help-button .button>.icon-help-circled{color:rgba(255,255,255,.53333)}.modal-help-button .button>.icon-help-circled:hover,.modal-help-button .button>.icon-help-circled:active{color:#fff}.modal-help-button .button:hover,.modal-help-button .button:active{border:0;box-shadow:none;background-color:rgba(0,0,0,0)} .planting-times-input-calendar{padding:8px;display:inline-grid;grid-template-columns:auto repeat(12, 1fr);grid-template-rows:18px repeat(3, 20px);grid-auto-flow:column;align-items:stretch;justify-content:stretch;font-size:13px}@media(pointer: coarse){.planting-times-input-calendar{grid-template-rows:18px repeat(3, 32px)}}.planting-times-input-calendar .month-name{line-height:18px;height:18px;text-align:center;color:#888}.planting-times-input-calendar .planting-times-row-title{text-align:right;padding-right:3px;font-weight:600;display:flex;align-items:center}.planting-times-month{padding:3px;display:flex;align-items:center;justify-content:center}.input-month{flex:0 1 auto;display:flex;flex-wrap:nowrap}.input-month-button{flex:0 1 1;height:14px;width:14px;padding:0;margin:0;outline:none;border:0;margin-right:1px;background-color:#bbb}@media(pointer: coarse){.input-month-button{width:24px;height:24px}}.input-month-button:last-child{margin-right:0}.input-month-button:hover{border:0;padding:0;margin:0;margin-right:1px}.input-month-button:hover:last-child{margin-right:0}.input-month-button:active{border:0;padding:0;margin:0;margin-right:1px}.input-month-button:active:last-child{margin-right:0}.input-month-button.active.input-month-button-SOW{background-color:#372bd6}.input-month-button.active.input-month-button-PLANT{background-color:#0a870d}.input-month-button.active.input-month-button-HARVEST{background-color:#e17a16}.planting-times-input-calendar.disabled .month-name,.planting-times-input-calendar.disabled .planting-times-row-title{color:#aaa}.planting-times-input-calendar.disabled .input-month-button{cursor:default;background-color:#ccc}.planting-times-input-calendar.disabled .input-month-button.active.input-month-button-SOW{background-color:#7772c3}.planting-times-input-calendar.disabled .input-month-button.active.input-month-button-PLANT{background-color:#5b9e5c}.planting-times-input-calendar.disabled .input-month-button.active.input-month-button-HARVEST{background-color:#cb9662} .plan-plant-calendar .planting-calendar{width:100%} .plan-plant-notes .plan-plant-notes-text{margin:0;font-size:12px;line-height:1.5}.plan-plant-notes .plan-plant-notes-textarea{display:block;min-width:100%;box-sizing:border-box} .plan-plant-spacing p{margin:0} .more-information-container{padding:0 12px}.more-info-button{display:block;width:100%;background-color:#fff;padding:6px 12px;border:1px solid var(--button-primary-background);border-radius:3px;color:var(--button-primary-background);line-height:1.5;box-shadow:none;margin:0}.more-info-button .line{display:inline-block}.more-info-button>.icon-info-book{padding-right:4px}.more-info-button:hover{background-color:#f2f2f2;border:1px solid var(--button-primary-background-hover);color:var(--button-primary-background-hover)}.more-info-button:active{margin:0;background-color:#ddd} .edit-plant-label .label-controls{display:flex}.edit-plant-label .label-controls .label-input{flex:1 1 auto}.edit-plant-label .label-controls .cycle-label{flex:0 1 auto;padding-left:6px;padding-right:6px}.edit-plant-label .variety-button{line-height:1.5} .companion-plant{margin:3px;background-color:#fff;border-radius:3px;padding:3px 6px;line-height:1;display:inline-flex;align-items:center;border:1px solid #e8e8e8}.companion-plant.mutual-companion{border:1px solid #999}.companion-plant .companion-text{flex:1 1 auto;line-height:18px}.companion-plant .plant-icon{height:18px;margin-right:6px;flex:0 1 auto} .edit-plant-modal .remove-outline>.input-container-input{outline:0}.edit-plant-modal .help-text{background-color:#fff;padding:6px;border:1px solid #ddd;border-radius:3px}.edit-plant-modal .modal-header{display:flex;align-items:center;justify-content:flex-start}.edit-plant-modal .modal-header .planner-icon{flex:0 1 auto}.edit-plant-modal .edit-plant-edit-pane,.edit-plant-modal .edit-plant-info-pane{width:380px;min-width:340px}.edit-plant-modal .length-input.length-input-feet{width:54px;max-width:54px}.edit-plant-modal .length-input.length-input-inches{width:36px;max-width:36px}.edit-plant-modal .in-ground-dates-inputs>*{flex:0 1 auto}.edit-plant-modal .in-ground-dates-inputs .label-input{margin-top:3px}.edit-plant-modal .add-variety-row{justify-content:flex-end}.edit-plant-modal .add-variety-row .button{margin-right:24px}.edit-plant-modal .add-variety-row .button:last-child{margin-right:30px}.edit-plant-modal .edit-plant-info-pane .pane-cover{padding:12px;padding-bottom:0}.edit-plant-modal .edit-plant-info-pane .planting-calendar-key{font-size:10px}.edit-plant-modal .edit-plant-image-header-title{margin:0;padding:0;margin-bottom:6px;font-size:16px;font-weight:600}.edit-plant-modal .edit-plant-image-header-subtitle{margin:0;padding:0;font-size:14px;font-weight:400}.edit-plant-modal .modifier-names{font-size:12px}.edit-plant-modal .edit-block-height .form-row-label-text{width:141px}.edit-plant-modal .edit-label-inputs{display:flex}.edit-plant-modal .edit-label-inputs .label-input{flex:1 1 auto}.edit-plant-modal .edit-label-inputs .cycle-label{flex:0 1 auto;padding:6px} .stroke-preview-ojfb3VhNDj5e5TYKFHFU { height: 32px; border: 1px solid #ccc; background-color: #fff; border-radius: 3px; width: 36px; display: flex; justify-content: center; align-items: center; } .stroke-preview-ojfb3VhNDj5e5TYKFHFU > span { flex: 1 1 auto; width: 36px; background-color: #000; } .text-area-uOxBCoNlQHUzNwvWXmh3 { min-height: 120px; } .transfer-plan-modal .inner-modal{max-width:500px}.transfer-plan-modal .inner-modal .radio-help-text{margin:0;margin-left:6px;color:#aaa;font-style:italic}.transfer-plan-modal .inner-modal .radio-help-text.active{color:#666}.transfer-plan-modal .inner-modal .transfer-plan-error{background-color:var(--color-error);border:1px solid var(--color-error-text);color:var(--color-error-text);border-radius:3px;padding:6px} .open-plan-modal{font-size:14px}.open-plan-modal .open-plan-modal-pane{width:320px}.open-plan-modal .modal-pane-container{padding:6px}.open-plan-modal .modal-pane-container .open-plan-modal-pane{padding:6px}.open-plan-modal .plan-list-container{max-height:300px;height:300px;display:flex;flex-direction:column;min-width:min(296px,100%);border:1px solid #e6e6e6}.open-plan-modal .plan-list-filter-container{display:flex;background-color:#eee;padding:3px;overflow:hidden;min-height:60px;border-bottom:1px solid #e6e6e6}.open-plan-modal .plan-list-filter-container .plan-list-filter{padding:3px;flex:1 1 auto;min-width:100px}.open-plan-modal .plan-list-filter-container .plan-list-filter .filter-name-label{display:flex;overflow:hidden}.open-plan-modal .plan-list-filter-container .plan-list-filter .filter-name-label .label-text{flex:0 1 auto;padding-right:6px;line-height:32px}.open-plan-modal .plan-list-filter-container .plan-list-filter .filter-name-label .clearable-input{flex:1 1 auto;min-width:100px}.open-plan-modal .plan-list-filter-container .plan-list-filter .clearable-input{max-width:170px}.open-plan-modal .plan-list-filter-container .plan-list-filter .clearable-input input{max-width:170px;min-width:100px}.open-plan-modal .plan-list-filter-container .plan-list-sort{flex:0 1 auto;padding:3px;min-width:73px}.open-plan-modal .plan-list-filter-container .filter-section-label{font-size:12px;color:#555}.open-plan-modal button.button.button-borderless.plan-sort-button{height:32px;padding-left:6px;padding-right:6px;border-radius:2px;outline:0}.open-plan-modal button.button.button-borderless.plan-sort-button:hover{background-color:#fff}.open-plan-modal .plan-list{background-color:#fff;min-height:200px;overflow:auto}.open-plan-modal .plan-list ul{list-style:none;margin:0;padding:0}.open-plan-modal .plan-list ul li{margin:0;padding:0}.open-plan-modal .plan-list .user-plan-list-item{display:block}.open-plan-modal .plan-list .user-plan-list-item>button{display:flex;justify-content:space-between;align-items:center;font-family:"Nunito Sans","Verdana",sans-serif;width:100%;outline:0;padding:12px;text-align:left;border-radius:0;color:#333;line-height:1.3;white-space:nowrap;display:flex}.open-plan-modal .plan-list .user-plan-list-item>button:hover{background-color:#f2f2f2}.open-plan-modal .plan-list .user-plan-list-item>button .plan-name{font-weight:600;flex:1 1 auto;min-width:0;text-overflow:ellipsis;overflow:hidden;margin-right:12px}.open-plan-modal .plan-list .user-plan-list-item>button .plan-year{flex:0 1 auto}.open-plan-modal .plan-list .user-plan-list-item>button .open-plan-marker{width:6px;height:6px;border-radius:6px;background-color:var(--color-primary);margin-right:12px}.open-plan-modal .plan-list .user-plan-list-item.active>button{background-color:var(--color-primary);color:var(--color-primary-content)}.open-plan-modal .plan-list .user-plan-list-item.active>button:hover{background-color:var(--color-primary)}.open-plan-modal .plan-list .user-plan-list-item.active>button .open-plan-marker{background-color:var(--color-primary-content)}.open-plan-modal .selected-plan-details .selected-plan-name{font-size:18px;font-weight:600;margin:0;padding:0;margin-bottom:12px;text-overflow:ellipsis;overflow:hidden}.open-plan-modal .selected-plan-details .selected-plan p{margin:0;padding:0;line-height:1.5;margin-bottom:3px}.open-plan-modal .selected-plan-details .selected-plan p .selected-plan-property{font-weight:400}.open-plan-modal .selected-plan-details .selected-plan p .selected-plan-value{font-weight:600}.open-plan-modal .selected-plan-details .selected-plan-description{background-color:#f2f2f2;padding:6px}.open-plan-modal .select-plan-header{display:flex;justify-content:space-between;margin-bottom:8px}.open-plan-modal .select-plan-header .plan-sort-button{display:flex;align-items:center;padding:3px 0;padding-top:4px;outline:0}.open-plan-modal .select-plan-header .plan-sort-button .sort-icon{margin-left:6px;display:inline-block}.open-plan-modal .sort-image{width:11px;margin-right:6px}.open-plan-modal .no-plans-text{text-align:center} .season-extender-setting{margin-bottom:6px}.season-extender-setting .title{font-weight:600;padding-right:12px} .season-extender-reset{text-align:right} .plan-history-editor .plan-history-row-container{display:flex;margin-bottom:6px;display:grid;grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr) auto;grid-template-areas:"key_top editor" "key_middle editor" "key_bottom editor";border:1px solid #ddd;border-radius:3px;overflow:hidden}@media(max-width: 700px){.plan-history-editor .plan-history-row-container{grid-template-columns:auto minmax(0, 1fr);grid-template-rows:auto minmax(0, 1fr);grid-template-areas:"key_top key_top" "key_middle editor" "key_bottom key_bottom"}.plan-history-editor .plan-history-row-container .key{text-align:left !important}}.plan-history-editor .plan-history-row-container .key{color:#666;background-color:#f8f8f8;display:flex;flex-direction:column;justify-content:center;text-align:center}.plan-history-editor .plan-history-row-container .key .key-content{flex:0 1 auto}.plan-history-editor .plan-history-row-container .key-top,.plan-history-editor .plan-history-row-container .key-bottom{height:32px;flex:0 1 auto;padding:0 6px}.plan-history-editor .plan-history-row-container .key-top{grid-area:key_top}.plan-history-editor .plan-history-row-container .key-bottom{grid-area:key_bottom}.plan-history-editor .plan-history-row-container .key-middle{flex:1 1 auto;padding:0 6px;grid-area:key_middle}.plan-history-editor .plan-history-row-container .plan-history-editor-rows{flex:1 1 auto;grid-area:editor}.plan-history-editor .plan-history-editor-rows{background-color:#fff;min-height:160px}.plan-history-editor .plan-history-row{display:flex;height:32px;align-items:center}@media(max-width: 700px){.plan-history-editor .plan-history-row{height:auto;padding:6px 0;display:grid;grid-template-columns:auto minmax(0, 1fr) auto;grid-template-areas:"controls_left name controls_right" "controls_left year controls_right"}.plan-history-editor .plan-history-row .plan-history-year{grid-area:year;line-height:normal;width:auto !important;text-align:left !important;padding:0 6px !important;text-overflow:ellipsis;overflow:hidden}.plan-history-editor .plan-history-row .plan-history-name{grid-area:name;line-height:normal;padding:0 6px;text-overflow:ellipsis;overflow:hidden}.plan-history-editor .plan-history-row .plan-history-left-controls{grid-area:controls_left;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.plan-history-editor .plan-history-row .plan-history-right-controls{grid-area:controls_right}}.plan-history-editor .plan-history-row .plan-history-year{flex:0 1 auto;width:60px;padding:0 6px;text-align:center;font-weight:600}.plan-history-editor .plan-history-row .plan-history-name{flex:1 1 auto}.plan-history-editor .plan-history-row .plan-history-controls{flex:0 1 auto}.plan-history-editor .plan-history-row .plan-history-button{outline:0;padding:0;margin:0 3px;width:24px;height:24px;border:1px solid rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#ddd;border-radius:5px}.plan-history-editor .plan-history-row .plan-history-button:hover{color:#333}.plan-history-editor .plan-history-row .plan-history-button:disabled{color:#eee;cursor:auto;visibility:hidden}.plan-history-editor .plan-history-row:hover{background-color:#f8f8f8}.plan-history-editor .plan-history-row:hover .plan-history-button{background-color:#fff;border:1px solid #eee;color:#888;border-radius:5px}.plan-history-editor .plan-history-row:hover .plan-history-button:hover{color:#333;border-color:#ccc}.plan-history-editor .plan-history-row:hover .plan-history-button:disabled{color:#eee;border-color:rgba(0,0,0,0)}.plan-history-editor .plan-history-row:hover .plan-history-delete:hover{color:#c32a2a;border-color:#c32a2a}.plan-history-editor .plan-history-editor-input{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-end;gap:6px}.plan-history-editor .plan-history-editor-input .input-select{flex:1 1 auto}.plan-history-editor .plan-history-editor-input .input-button{flex:0 1 auto}.plan-history-editor .plan-history-editor-input .input-button>button{min-width:170px}.plan-history-editor .plan-history-editor-input .input-error{flex:0 1 240px;display:flex;flex-flow:column nowrap;text-align:right}.plan-history-editor .plan-history-editor-input .input-error p{font-size:12px;color:#c32a2a;padding:0;margin:0;line-height:1.4} .delete-plan-modal .inner-modal{max-width:420px} .plan-solid-qyX7ahzMpLzPR_OLu34_ { fill: none; stroke: #333; stroke-width: 2px; } .plan-dashed-XwjePTU7SY_kqX_hY4eY { fill: none; stroke: #333; stroke-width: 1px; stroke-dasharray: 4; } .plan-text-_U0bztmBwsa8yz1RJdxT { font-family: "Nunito Sans", "Verdana", sans-serif; font-size: 12px; font-style: normal; font-weight: bold; text-anchor: middle; transform-box: fill-box; transform-origin: center; dominant-baseline: central; fill: #333; } .plan-added-area-IjLTR1rTPDf_nAdqUjPQ { stroke: none; fill: #00ff0033; } .plan-removed-area-GHBSuGrs966JGXeeozef { stroke: none; fill: #ff000033; } .plan-unchanged-area-wqaU2nWPcHvf1p9hE8CN { stroke: none; fill: #ffffff; } .direction-indicator-container-EOUMCe_xmyWlAWwgXFdw { transform-box: fill-box; transform-origin: top center; } .direction-indicator-DIgHfTOE60vKfWUuASZr { fill: black; stroke: none; } .direction-indicator-text-hYphcnNewzCqKhcpqjr3 { font-family: "Nunito Sans", "Verdana", sans-serif; font-size: 12px; font-style: normal; text-anchor: middle; transform-box: fill-box; transform-origin: center; dominant-baseline: hanging; fill: #333; } .container-C4q8Cd1QD1X6H8SOzF31 { display: flex; flex-flow: column nowrap; gap: 0; width: 100%; box-sizing: border-box; } .expand-section-jS3P3b9PrpHDf34M0_Qg { width: 100%; } .plan-list-container-Whc8KAOEeMlQWFKwT5yM { margin-top: 6px; display: flex; flex-flow: column nowrap; gap: 3px; } .plan-hgTRwtRvQfAVZUBroW_5 { display: flex; flex-flow: row nowrap; align-items: center; padding: 3px 9px; background: #fff; border-radius: 3px; gap: 6px; } .year-X5WxOommCn40KGiiyI_E { flex: 0 0 auto; width: 3em; color: #999; } .name-qfpsiHAf8EDCULAtnAoe { flex: 1 1 auto; min-width: 0; min-height: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .icon-qV6Jv1TektBgB5O7obiW { flex: 0 0 auto; } .error-CGxEFei3BAb8bx4Nr_Gd { color: var(--color-error); } .warning-deDx_dMOFvjVybAoB8ye { color: #ebc51c; } .danger-message-TYxdmypD1mMPzs5f5N4K { border: 1px solid var(--color-error); border-radius: 3px; padding: 9px; margin-top: 6px; } .danger-message-TYxdmypD1mMPzs5f5N4K p { margin: 0; } .warning-message-MRUaXC5CRXRL1cmWzc3X { border: 1px solid #ebc51c; border-radius: 3px; padding: 9px; margin-top: 6px; } .warning-message-MRUaXC5CRXRL1cmWzc3X p { margin: 0; } .top-form-content-e6sUhv8XOxB7TNVHdnYg { display: flex; flex-flow: row nowrap; gap: 6px; } @media (max-width: 739px) { .top-form-content-e6sUhv8XOxB7TNVHdnYg { flex-flow: column nowrap; } } .diagram-container-BB_DL7E9DioxnHFGkfLm { flex: 0 1 auto; margin-left: auto; margin-right: auto; } .advanced-container-QgvjHIKiCRfra6_o8acT { width: 100%; box-sizing: border-box; } .advanced-inner-lKKOTlGa1W8uaDU2dvM6 { margin-top: 6px; } .container-uOIiuW7CcEjvpzYto4ea { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; width: 90px; height: 90px; --anchor-button-border-style: 1px solid #ccc; --anchor-button-inner-border-style: 1px solid #ccc; --anchor-button-border-radius: 3px; } /* Top-left */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(1) { border-top: var(--anchor-button-border-style); border-left: var(--anchor-button-border-style); border-top-left-radius: var(--anchor-button-border-radius); } /* Top */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(2) { border-top: var(--anchor-button-border-style); border-left: var(--anchor-button-inner-border-style); border-right: var(--anchor-button-inner-border-style); } /* Top-right */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(3) { border-top: var(--anchor-button-border-style); border-right: var(--anchor-button-border-style); border-top-right-radius: var(--anchor-button-border-radius); } /* Left */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(4) { border-left: var(--anchor-button-border-style); border-top: var(--anchor-button-inner-border-style); border-bottom: var(--anchor-button-inner-border-style); } /* Center */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(5) { border: var(--anchor-button-inner-border-style); } /* Right */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(6) { border-right: var(--anchor-button-border-style); border-top: var(--anchor-button-inner-border-style); border-bottom: var(--anchor-button-inner-border-style); } /* Bottom-left */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(7) { border-bottom: var(--anchor-button-border-style); border-left: var(--anchor-button-border-style); border-bottom-left-radius: var(--anchor-button-border-radius); } /* Bottom */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(8) { border-bottom: var(--anchor-button-border-style); border-left: var(--anchor-button-inner-border-style); border-right: var(--anchor-button-inner-border-style); } /* Bottom-right */ .container-uOIiuW7CcEjvpzYto4ea .button-LnYwHEPT4QFW8A9gyMAo:nth-child(9) { border-bottom: var(--anchor-button-border-style); border-right: var(--anchor-button-border-style); border-bottom-right-radius: var(--anchor-button-border-radius); } .button-LnYwHEPT4QFW8A9gyMAo { background: none; border: none; border-radius: 0; outline: none; padding: 0; margin: 0; font-size: 12px; color: #333; background: #fff; box-sizing: border-box; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .button-LnYwHEPT4QFW8A9gyMAo:hover { background: #f8f8f8; } .button-LnYwHEPT4QFW8A9gyMAo.active-bf0uh3H7LUMV9QNAEAKx::before { content: '●'; } .container-vai9t2O5Bvx8YUNdBuzG { background-color: #f2f2f2; padding: 12px; border: 1px solid var(--color-error); border-radius: 3px; } .buttons-_n4VSAPFLTKODfLOf5Fi { display: flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; gap: 6px; margin-top: 12px; } .plan-list-OSqcl45c_v_HzCrimQNJ { display: flex; flex-flow: column nowrap; gap: 3px; margin-bottom: 6px; } .plan-DUdfjZWD5IfVzpN_2elf { display: flex; flex-flow: row nowrap; align-items: center; padding: 3px 9px; background: #fff; border-radius: 3px; gap: 6px; } .year-2BcEbja40qF2Vkf4filG { flex: 0 0 auto; width: 3em; color: #999; } .name-VrVxs0RgVHR4H8tMlj3V { flex: 0 1 auto; min-width: 0; min-height: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .this-plan-X5N1PfQHqmJuZkUk0MZq { flex: 0 1 auto; min-width: 0; min-height: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #999; } .container-ifN_QCH8o7mn6nbrd1QI { width: 100%; padding: 12px; box-sizing: border-box; } .container-ifN_QCH8o7mn6nbrd1QI p { margin: 0; } .progress-bar-ExqNYzFV4DmclSGPoBUs { width: 100%; height: 20px; background: var(--color-background-dark); border-radius: 3px; overflow: hidden; position: relative; } .progress-bar-inner-z19EXiSdnBADMDpxMqgY { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; background: var(--color-primary); display: inline-block; } .progress-bar-percent-LF5h5ZS_sX6QO6En2yKa { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end; color: var(--color-primary-content); } .progress-bar-percent-LF5h5ZS_sX6QO6En2yKa > span { padding: 0 6px; } .planner-settings-modal .inner-modal{max-width:640px;width:100%}.planner-settings-modal .safari-warning-text{color:var(--color-error-alt)}.planner-settings-modal .custom-pixel-ratio-ratio{height:32px}.planner-settings-modal .custom-pixel-ratio-ratio input{margin-top:6px}.planner-settings-modal .settings-introduction{margin-bottom:0} .year-picker{width:100px}.year-picker .year-option{padding:3px;text-align:center;color:var(--button-disabled-color);position:relative}.year-picker .year-option.selected-year{font-weight:bold}.year-picker .year-option.has-activity{color:var(--button-inline-color)}.year-picker .year-option:hover{color:var(--button-disabled-color-hover)}.year-picker .year-option.has-activity:hover{color:var(--color-background);background:var(--button-inline-color)}.year-picker .year-option.has-activity:hover>.actual-year{background:var(--color-background)}.year-picker .year-option>.actual-year{background:var(--button-disabled-color);position:absolute;border-radius:100%;right:10px;top:11px;width:7px;height:7px}.year-picker .year-option.has-activity>.actual-year{background:var(--button-inline-color)} .timeline{z-index:0;width:100%;padding-top:10px;text-align:center;display:flex;align-items:center}.timeline .tl_chart{width:100%;height:60px;display:flex;align-items:center;justify-content:center}.timeline .bc_column{height:100%;display:flex;align-items:center;cursor:pointer;flex:1 1 auto}.timeline .actualWeek>.bc_inner{position:relative}.timeline .actualWeek>.bc_inner:after{display:block;position:absolute;margin:auto;bottom:-17px;content:"•";width:100%;height:20px;font-size:20px;color:#55a992;text-align:center}.timeline .actualWeek:not(:hover):not(.adjacentHover):not(.highlighted):not(.adjacentHighlight)>.bc_inner:after{opacity:.5}.timeline .actualWeek.adjacentHover>.bc_inner:after,.timeline .actualWeek.adjacentHighlight>.bc_inner:after{opacity:.6}.timeline .tl_chart:hover>.bc_column:not(:hover):not(.adjacentHover){opacity:.5;transition:opacity 300ms linear}.timeline .bc_inner{margin:0;position:relative;background:rgba(0,0,0,.1);width:100%;height:80%;display:flex;flex-direction:column-reverse;margin-left:1px;margin-right:1px}.timeline .bc_column:hover{width:38px;flex:0 1 auto}.timeline .bc_column:hover>.bc_inner{height:100%;width:38px}.timeline .tl_chart:hover>.bc_column.adjacentHover{width:auto}.timeline .tl_chart:hover>.bc_column.adjacentHover>.bc_inner{height:90%}.timeline .tl_chart:not(:hover) .bc_column.highlighted{width:38px;flex:0 1 auto}.timeline .tl_chart:not(:hover) .bc_column.highlighted .bc_inner{height:100%;width:38px}.timeline .tl_chart:not(:hover) .bc_column.adjacentHighlight{width:auto}.timeline .tl_chart:not(:hover) .bc_column.adjacentHighlight>.bc_inner{height:90%}.timeline .tl_chart:not(:hover)>.bc_column.highlighted .bc_heading,.timeline .bc_column:hover .bc_heading{display:block}.timeline .tl_chart:hover>.bc_column.highlighted:not(.adjacentHover):not(:hover)>.bc_inner,.timeline .tl_chart:hover>.bc_column.adjacentHighlight:not(.adjacentHover):not(:hover)>.bc_inner{height:80%}.timeline .bc_heading{display:none;position:absolute;bottom:0;width:100%;font-size:7pt;color:#333;text-align:center;padding-bottom:2px;line-height:1.5em}.timeline .bc_subHeading{font-size:7pt}.timeline .bc_inner.empty>.bc_heading{color:#55a992}.timeline .bc_column.scaling_max{display:inline-flex;flex-direction:column-reverse}.timeline .bc_column.highlighted>.bc_heading{display:block;padding:3px}.timeline .bc_segment,.timeline .bc_heading{width:100%}.timeline .bc_segment:nth-child(5),.timeline .harvesting_action{background-color:#ebac2b}.timeline .bc_segment:nth-child(4),.timeline .care_action{background-color:#c17bc3}.timeline .bc_segment:nth-child(3),.timeline .watering_action{background-color:#5dd5f7}.timeline .bc_segment:nth-child(2),.timeline .planting_action{background-color:#92c717}.timeline .bc_segment:nth-child(1){background-color:#56aa92}@media only screen and (max-device-width: 1024px){.timeline{background:none}.timeline .bc_heading{display:block}}@media only screen and (max-device-width: 1024px){.timeline{white-space:nowrap;text-align:center;overflow-y:hidden;overflow-x:scroll;height:110px;-webkit-overflow-scrolling:touch;padding:0}.timeline .tl_chart{width:2600px;height:100%;padding-left:10px;padding-right:10px}.timeline .tl_chart:hover>.bc_column:not(:hover):not(.adjacentHover){opacity:1}.timeline .bc_column.empty{border:1px solid #aaa}.timeline .bc_column,.timeline .bc_column.adjacentHighlight:not(:hover),.timeline .tl_chart:hover>.bc_column.adjacentHover,.timeline .tl_chart:hover>.bc_column.highlighted:not(.adjacentHover):not(:hover),.timeline .tl_chart:hover>.bc_column.adjacentHighlight:not(.adjacentHover):not(:hover){width:50px;height:87px}.timeline .bc_column.highlighted{width:55px}.timeline .bc_column.adjacentHighlight:not(:hover)>.bc_inner,.timeline .tl_chart:hover>.bc_column.adjacentHover:not(:hover)>.bc_inner{height:80%;width:90%}} .image-display-modal-ZOb8P8kfTXOl5kWLubh2 .inner-modal { max-width: 500px; } .timeline-header{justify-content:space-between;margin-top:5px;display:flex;align-items:center}.filter-toggles{justify-content:flex-end;display:flex;align-items:center}.filter-toggles>.filter-toggle{width:38px;text-align:right}.filter-toggles>.filter-toggle>.filter-icon{cursor:pointer;font-size:22px}.filter-toggles>.filter-toggle>.filter-icon.icon-planting{color:#92c717}.filter-toggles>.filter-toggle>.filter-icon.icon-planting:hover{color:#709912}.filter-toggles>.filter-toggle>.filter-icon.icon-watering{color:#5dd5f7}.filter-toggles>.filter-toggle>.filter-icon.icon-watering:hover{color:#2cc8f5}.filter-toggles>.filter-toggle>.filter-icon.icon-care{color:#c17bc3}.filter-toggles>.filter-toggle>.filter-icon.icon-care:hover{color:#b158b3}.filter-toggles>.filter-toggle>.filter-icon.icon-harvesting{color:#ebac2b}.filter-toggles>.filter-toggle>.filter-icon.icon-harvesting:hover{color:#cf9214}.filter-toggles>.filter-toggle>.filter-icon.icon-edit{color:#56aa92}.filter-toggles>.filter-toggle>.filter-icon.icon-edit:hover{color:#458875}.filter-toggles>.filter-toggle>.filter-icon.icon-ccw{color:var(--button-inline-color)}.filter-toggles>.filter-toggle.active:hover>.filter-icon.icon-ccw{color:var(--button-inline-hover)}.filter-toggles>.filter-toggle:not(.active)>.filter-icon{color:#ccc}.journal-yearly-summary{padding:12px}.action-summaries:not(:empty){padding:12px}.journal-action-summary{margin-bottom:2px}.journal-action-summary>.action-icon{font-size:22px;margin-right:8px}.journal-action-summary>.icon-planting{color:#92c717}.journal-action-summary>.icon-watering{color:#5dd5f7}.journal-action-summary>.icon-care{color:#c17bc3}.journal-action-summary>.icon-harvesting{color:#ebac2b}.journal-action-summary>.icon-edit{color:#56aa92}.expanded-details{background-color:var(--color-background);margin:12px 0 0 30px;padding:12px}.action-summary-table{margin-left:36px}.journal-summary-icon{color:#56aa92;font-size:20px;margin-bottom:2px;margin-right:12px}.journal-header{display:flex;align-items:baseline;justify-content:space-between}.journal-header .year-picker{flex:0 0 auto}.journal-day-header,.journal-header{font-size:16px}.journal-day{margin-top:24px;margin-bottom:24px;padding:12px;background-color:var(--color-background);border-radius:3px}.journal-back-to-top{border:none;background:none;padding:0;margin:0;font-size:13px}.no-journal-history{margin-top:30px;margin-bottom:60px;background:#f2f2f2;padding:30px;text-align:center}.journal-entry{padding:12px;white-space:pre-line}.journal-images{width:275px}.journal-image{cursor:pointer;width:100%;display:block}.journal-image-thumbs{margin-top:5px;display:flex;flex-wrap:wrap;margin-bottom:-5px;margin-right:-5px}.journal-image-thumb{cursor:pointer;width:60px;margin-bottom:5px;margin-right:5px} .failed-to-load-message-Wwco7T1yvs9EMLrV8Vbg { background-color: var(--color-error); color: var(--color-error-text); padding: 6px; border-radius: 3px; } .loading-spinner-w1EAMuAgkVoMueiUDxg3 { background-color: #33333322; color: #333; padding: 6px; border-radius: 3px; } .companion-display{display:inline-flex;background-color:#eee;border-radius:3px;padding:6px}.companions-section-icon{display:flex;flex:1;align-items:center}.companions-section-planticon{height:26px;margin-top:-6px}.plant-info-modal .inner-modal{width:820px;background-color:#f8f8f8}.plant-info-modal .plant-title-background-effect{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.56471)}.plant-info-modal .plant-title-pane{position:relative;background-repeat:no-repeat;background-size:cover;background-position:center;color:#fff}.plant-info-modal .plant-title-pane .plant-title-pane-inner{z-index:10;position:relative;padding:48px 18px;padding-top:60px}.plant-info-modal .plant-title-pane .plant-title-header{font-size:38px;font-weight:800;margin:0;margin-bottom:12px;display:flex;align-items:center;justify-content:flex-start}.plant-info-modal .plant-title-pane .plant-title-header .plant-icon-with-family{flex:0 1 auto;margin-right:12px}.plant-info-modal .plant-title-pane .plant-title-header .title-text{padding-left:10px;flex:0 1 auto}.plant-info-modal .plant-title-pane .plant-title-scientific{font-size:20px;font-style:italic;font-weight:300;color:#eee}.plant-info-modal .plant-title-pane .plant-title-scientific-other{font-size:16px;font-style:italic;font-weight:300;line-height:normal;color:#ddd}.plant-info-modal .plant-title-pane .plant-title-family{font-size:14px;display:inline-box;padding:2px 6px;padding-top:3px;color:#fff;border-radius:6px}.plant-info-modal .plant-title-pane .modal-tab-list{z-index:10;position:relative;background-color:rgba(0,0,0,0);border-color:rgba(51,51,51,.53333);margin-top:0}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab:first-child{margin-left:18px}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab:last-child{margin-right:18px}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab .modal-tab-button{color:#fff;font-size:16px;text-shadow:0 0 2px #333}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab .modal-tab-button:hover{background-color:rgba(255,255,255,.13333);color:#fff}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab .modal-tab-button:active{background-color:rgba(255,255,255,.26667);color:#fff}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab.modal-tab-active{border:1px solid rgba(51,51,51,.53333);border-bottom:1px solid #f8f8f8}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab.modal-tab-active .modal-tab-button{text-shadow:none;font-weight:600;color:#333}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab.modal-tab-active .modal-tab-button:hover{background-color:#f8f8f8;color:#333}.plant-info-modal .plant-title-pane .modal-tab-list .modal-tab.modal-tab-active .modal-tab-button:active{background-color:#f8f8f8;color:#333}.plant-info-modal .plant-information-table{vertical-align:top}.plant-info-modal .plant-information-table th{font-weight:bold;text-align:right;font-size:14px;vertical-align:top;white-space:nowrap;padding:6px}.plant-info-modal .plant-information-table th.companion-title{font-weight:normal;font-style:italic;font-size:13px;line-height:44px}.plant-info-modal .plant-information-table td{vertical-align:top;padding:6px}.plant-info-modal .plant-information-table p{margin-top:0;margin-bottom:6px}.plant-info-modal .plant-information-table .companion-list-container{display:flex;flex-wrap:wrap}.plant-info-modal .plant-information-table .companion-list-container .companion-list{flex:1}.plant-info-modal .plant-information-table .companion-list-container .companion-icon-with-plant{border-left:1px solid var(--color-background-dark);align-items:center}@media(max-width: 700px){.plant-info-modal .plant-information-table tr{display:flex;flex-flow:column nowrap}.plant-info-modal .plant-information-table tr th{text-align:left;padding-bottom:0}.plant-info-modal .plant-information-table tr th.companion-title{line-height:normal}.plant-info-modal .plant-information-table tr td{padding-top:0}}.plant-info-modal .plant-section{margin:18px}.plant-info-modal .plant-section h3{font-size:16px}.plant-info-modal .plant-information-pane{padding:0}.plant-info-modal .plant-information-section{padding:18px;margin-bottom:12px}.plant-info-modal .journal-information-section{padding:18px;margin-bottom:0}.plant-info-modal .journal-summary-section{background-color:#fff}.plant-info-modal .plant-image-section{background-color:#e2e2e2;padding:12px 18px}.plant-info-modal .plant-image-section .plant-image-container img{display:block;margin:auto;max-width:100%}.plant-info-modal .plant-info-family-outer{margin-right:6px}.plant-info-modal .plant-info-family-outer .plant-info-family{width:6px;height:6px;border-radius:12px;display:inline-block;margin-bottom:2px}.plant-info-modal .plant-notes-introduction{background-color:#e2e2e2;padding:12px}.plant-info-modal .empty-plant-notes{height:120px;display:flex;justify-content:center;align-items:center}.plant-info-modal .empty-plant-notes p{text-align:center;color:#666}.plant-info-modal .plant-notes-list-entry{padding:12px;margin-bottom:12px;margin-top:12px;border:1px solid #e2e2e2;border-radius:3px}.plant-info-modal .plant-notes-list-entry:last-child{margin-bottom:0}.plant-info-modal .plant-notes-list-entry .variety{margin:0;font-size:16px;margin-bottom:6px}.plant-info-modal .plant-notes-list-entry pre{margin:0;font-family:inherit;white-space:pre-wrap}.plant-info-modal .plant-varieties-tab .variety-list{display:flex;flex-wrap:wrap;margin-top:9px}.plant-info-modal .plant-varieties-tab .variety-name{line-height:1;flex:0 1 auto;padding:3px;margin:3px;background-color:#f2f2f2;border:1px solid #eee;border-radius:3px}.plant-info-modal .plant-varieties-tab .variety-name.custom-variety{font-weight:600} .modal-tab-list-mobile{position:relative;z-index:10;display:flex;flex-flow:row nowrap}.modal-tab-list-mobile .previous-tab,.modal-tab-list-mobile .next-tab{flex:0 0 auto;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;border:none;border-radius:0;padding:15px 18px;background:#f0f0f0;color:#333;position:relative}.modal-tab-list-mobile .previous-tab:disabled,.modal-tab-list-mobile .next-tab:disabled{color:rgba(51,51,51,.2)}.modal-tab-list-mobile .previous-tab{border-top-left-radius:3px}.modal-tab-list-mobile .previous-tab::before{content:"";position:absolute;right:0px;top:6px;bottom:6px;border-right:1px solid rgba(51,51,51,.06667)}.modal-tab-list-mobile .next-tab{border-top-right-radius:3px}.modal-tab-list-mobile .next-tab::before{content:"";position:absolute;left:0px;top:6px;bottom:6px;border-left:1px solid rgba(51,51,51,.06667)}.modal-tab-list-mobile .active-tab{flex:1 1 0;border:none;border-radius:0;font-size:16px;padding:6px 9px;text-overflow:ellipsis;background:#f0f0f0;color:#333}.modal-tab-list-mobile .tabs-dropdown{position:absolute;top:100%;left:0;right:0;z-index:200;padding-bottom:20px;display:none;overflow:hidden}.modal-tab-list-mobile .tabs-dropdown.open{display:block}.modal-tab-list-mobile .tabs-dropdown .tabs-dropdown-inner{box-shadow:0px 5px 11px -2px rgba(0,0,0,.4);display:flex;flex-flow:column nowrap;border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid rgba(51,51,51,.06667);overflow:hidden}.modal-tab-list-mobile .tabs-dropdown .tabs-dropdown-button{border:none;border-radius:0;padding:9px;background:#f0f0f0;color:#333;position:relative;font-size:16px}.modal-tab-list-mobile .tabs-dropdown .tabs-dropdown-button.active::before{content:"";display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--color-text-accent);margin-right:9px;margin-bottom:2px} .edit-plant-notes-modal .edit-plant-notes-textarea{resize:vertical} .plan-image-modal .warning{background:#fff9d3;border:1px solid #ffe8b5;border-radius:3px;padding:12px;margin-bottom:6px}.plan-image-modal .errors{background-color:#eee;padding:12px;border-radius:3px;border:1px solid var(--color-error)}.plan-image-modal .errors .title{margin:0;margin-bottom:6px;padding:0;font-size:16px}.plan-image-modal .errors .title i{color:var(--color-error)}.plan-image-modal .errors p{line-height:1.5} .reminder-modal .inner-modal{min-width:min(360px,100%)}.reminder-modal .inner-modal .reminder-text-input{min-width:min(340px,100%);height:220px;padding:12px;min-width:min(320px,100%);box-sizing:border-box}.reminder-modal .inner-modal .reminder-dropdown{margin-left:10px} .year-IteuecppZSmXIEtUlTl9 { color: #555; } .success-FIgCDI0WJ6ej1oStD1Ub { color: #1dc089; } .error-trW5tjsD3O4LzDd4VHxr { color: var(--color-error); } .plan-BOsBV9QN4Ww7lRRTYwv2 { border-radius: 3px; background: #fff; padding-bottom: 6px; border: 1px solid #00000011 } .plan-status-mMEAGWHrY0jrsrkyKxRt { padding: 12px; display: flex; flex-flow: row wrap; font-size: 14px; } .plan-status-mMEAGWHrY0jrsrkyKxRt > :first-child { flex: 0 1 auto; } .plan-status-mMEAGWHrY0jrsrkyKxRt > :last-child { flex: 0 1 auto; margin-left: auto; } .dots-XntLiZz20gMV2BEvNAJA { flex: 1 1 auto; border-bottom: 2px dotted rgba(0, 0, 0, .2); margin-bottom: 6px; margin-left: 12px; margin-right: 6px; } .table-container-dzvEzOqjhPi2P9C66zjY { overflow-x: auto; overflow-y: hidden; } .table-mGDKDpzp_YsH0ETXLn_G { border-spacing: 0; white-space: nowrap; min-width: 100%; table-layout: auto; background: #f6f6f6; } .table-mGDKDpzp_YsH0ETXLn_G > thead { font-weight: bold; } .table-mGDKDpzp_YsH0ETXLn_G > tbody > tr:nth-child(odd) { background: #ffffff; } .table-mGDKDpzp_YsH0ETXLn_G tr > td:first-child { padding-left: 12px; } .table-mGDKDpzp_YsH0ETXLn_G tr > td:last-child { padding-right: 12px; } .table-mGDKDpzp_YsH0ETXLn_G td { padding: 0 9px; } .table-title-rwBDEGETFJY8gTlQxXiX { text-align: center; margin-bottom: 0; font-weight: bold; } .errors-container-x0teqcTuZZmjlvIypD8X { display: flex; flex-flow: column nowrap; gap: 12px; margin-bottom: 6px; } .settings-path-H7K1yLi3zp8h8FYzDQJ6 { display: block; line-height: 2; } .settings-path-H7K1yLi3zp8h8FYzDQJ6 > span { background: #eee; border-radius: 3px; padding: 3px; } .garden-planner-intro{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.66667);display:flex;justify-content:center;align-items:center;z-index:2000}.garden-planner-intro .intro-video-content{max-width:80%;max-height:100%;width:1280px;overflow:hidden;display:flex;flex-direction:column}.garden-planner-intro .intro-video-title{font-size:28px;line-height:1.4;color:#fff;padding:22px;padding-top:0;text-align:center;flex:0 0 auto}.garden-planner-intro .intro-video-controls{flex:0 0 auto;padding:12px;text-align:center}.garden-planner-intro .intro-video-container{background-color:#333;flex:1 1 auto;position:relative;text-align:center;overflow:hidden;display:flex}.garden-planner-intro .intro-video-container .intro-video-spinner{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center}.garden-planner-intro .intro-video-container .intro-video-spinner .spinner{font-size:44px;color:#fff}.garden-planner-intro .intro-video-close{text-align:right;flex:0 0 auto}.garden-planner-intro .intro-video-close .intro-close-button{background-color:rgba(255,255,255,.4);color:#fff;width:34px;height:34px;line-height:34px;border:0;border-radius:50px;font-size:24px}.garden-planner-intro .intro-video-close .intro-close-button:hover{background-color:rgba(255,255,255,.66667)}#introduction-video{height:auto;width:100%;aspect-ratio:16/9} .version-modal-CLlUTqkVWDMJgbDeI2R2 { max-width: 500px; } .intercom-container{height:100%;padding:0;flex-direction:column}#intercom-button{background-color:var(--color-intercom, #3f51b5);border:0;flex:1 1 auto;align-self:stretch;display:flex;align-items:center;justify-content:center;color:#fff;gap:6px;padding:0 18px;font-weight:600;height:100%;padding-top:3px;padding-bottom:3px;margin-top:-6px;z-index:100;box-shadow:0 1px 3px #25283b;border-radius:6px 6px 0 0}#intercom-button:hover{background-color:var(--color-intercom-hover, #5768c5)}#intercom-button .intercom-icon{height:20px} .platform-status-bar .status-bar-section.copyright-container{display:inline-flex;gap:6px;align-items:center;line-height:1.2}.platform-status-bar .status-bar-section.copyright-container .copyright-block{flex:0 1 auto}.platform-status-bar .status-bar-section.copyright-container span{white-space:nowrap}.platform-status-bar .sidebar-open-button{display:flex;flex:0 1 auto;font-size:13px}.platform-status-bar .sidebar-open-button>button{flex:1 1 auto;background-color:var(--color-sidebar-icon-background);color:var(--color-sidebar-icon-active);width:64px;margin:0;padding:0;text-align:center;border:0}.platform-status-bar .sidebar-open-button>button:hover{margin:0;padding:0;border:0}.platform-status-bar .version-number-button{padding:0;border:0;background-color:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2;color:#333}.platform-status-bar .version-number-button .version{font-size:11px}.platform-status-bar .version-number-button .render-mode{font-size:10px} .status-bar{background-color:#fff;border-top:1px solid #e8e8e8;font-size:14px;display:flex;z-index:100}.status-bar .status-bar-left{display:flex;flex-direction:row;flex:1 1 auto;align-items:center}.status-bar .status-bar-left .status-bar-section{border-right:1px solid #e8e8e8}.status-bar .status-bar-right{display:flex;flex-direction:row;flex:0 1 auto;align-items:center}.status-bar .status-bar-right .status-bar-section{border-left:1px solid #e8e8e8}.status-bar .status-bar-section{padding:4px 8px;display:flex}.status-bar .status-bar-section.intercom-container{padding:0}.status-bar .version-number{margin-left:auto}.status-bar .fullscreen-button-icon{padding-right:6px}.status-bar .fullscreen-text{padding-top:1px}.status-bar .status-bar-button{background-color:rgba(0,0,0,0);border:0;outline:0;border-radius:0}.status-bar .status-bar-button:hover{background-color:#f2f2f2} .footer-expression-OhCDVjC4Vlm2VDWkLkPL { display: flex; gap: 3px; } .indicator-container-KX0G6N7W5TO9i4z_N601 { display: flex; justify-content: center; align-items: center; } .indicator-G0zy4PgcNkIYemSpydYa { width: 12px; height: 12px; border-radius: 6px; } .success-indicator-CHhzcgm_MsCBZ8iz_7py { background-color: var(--success-color); } .fail-indicator-rv6BxdC2ZhAbcZ321uCh { background-color: var(--error-color); } .expression-value-_hu79EXIQmGwzmTGmJrJ { border-radius: 3px; padding: 3px; background-color: #ddd; font-weight: 600; font-size: 11px; } .expression-value-type-_1DfTT1R6RoZqHc5Q5MK { border-radius: 3px; padding: 3px; background-color: #ddd; font-size: 11px; } .expression-result-ISzG3GKN0iwgxnFBbhvj { display: flex; gap: 3px; line-height: 1; } .garden-platform-desktop-QvQ2Y37sbYtnF51oWUd5 { flex: 1 1 auto; display: flex; overflow: hidden; } .content-container-WJs0lS2eyEB77_m4KTaB { flex: 1 1 auto; display: flex; overflow: hidden; } .sidebar-open .sidebar-item-group{position:relative}.sidebar-open .sidebar-item-group.active:after{content:"";position:absolute;top:28px;right:12px;width:9px;height:9px;border-radius:12px;background-color:var(--color-sidebar-active-circle)}.sidebar-item-group{position:relative;border-bottom:1px solid rgba(102,102,102,.10196)}.sidebar-item-group.active .sidebar-item-content-inner{background-color:#fff}.sidebar-item,.sidebar-spacer{background:none;border:0;margin:0;padding:0;outline:0;border-radius:0;width:100%;display:block;text-align:left}.main-sidebar-item,.sidebar-spacer{border-top:1px solid rgba(255,255,255,.10196)}.sidebar-item-content{width:100px;overflow:hidden}.sidebar-item-content .sidebar-item-content-inner{width:300px;min-width:300px;box-sizing:border-box}.sidebar-item-button{cursor:pointer}.sidebar-item-button:hover{background-color:rgba(0,0,0,0)}.sidebar-item-button:hover .sidebar-item-content{background-color:#fff}.sidebar-item-button:hover .sidebar-icon-container i{color:var(--color-sidebar-icon-hover)}button.main-sidebar-item:hover{border-top:1px solid rgba(255,255,255,.10196);border-bottom:1px solid rgba(102,102,102,.10196)}.sidebar-pane-content{display:flex}.main-sidebar-item .sidebar-icon img{width:24px} .sidebar-item-title{height:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}.sidebar-item-title .item-title{margin:0;padding:0;padding-left:12px;font-size:18px;font-weight:600}.sidebar-item-title .item-subtitle{padding-left:12px;font-size:14px;margin-top:6px;text-overflow:ellipsis;padding-right:12px;flex:0 1 auto;overflow:hidden;align-self:stretch}.sidebar-item-title .subtitle-email{font-size:12px}.sidebar-item-title.sidebar-item-title-small{height:32px}.sidebar-item-title.sidebar-item-title-small .item-title{font-size:14px;font-weight:400} .sidebar-icon-container{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.sidebar-icon-container img{flex:0 1 auto;width:18px}.sidebar-icon-container i{flex:0 1 auto;font-size:22px;color:var(--color-sidebar-icon)}.sidebar-icon-container i:before{width:auto}.sidebar-icon-container i.sidebar-icon-active{color:var(--color-sidebar-icon-active)}.sidebar-icon-container .icon-guru{font-size:28px} .logo-container{background:#fff;background-position:center;background-attachment:fixed;background-size:cover;overflow:hidden;flex:1 1 auto}.logo-container .logo-bar-background-cover{flex:1 1 auto;flex-direction:column;display:flex;align-items:center;justify-content:center;background-color:var(--logo-container-background-color);height:100%}.logo-container .logo-bar-background-cover .expand-button{color:#333}.logo-container .logo-bar-background-cover .expand-button:hover{color:#666}.logo-container .logo-image{height:88px;display:block;filter:var(--logo-image-filter)}.logo-bar .close-button{position:absolute;top:0;bottom:0;right:0;display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s;justify-content:center;align-items:center;padding:4px}.logo-bar .close-button.hide{transform:rotateY(180deg)}.logo-bar .close-button>button{flex:1 1 auto;font-size:20px;margin:0;padding:0;border:0;outline:0;width:42px;height:42px;border-radius:42px;background-color:var(--color-sidebar-close-background);color:var(--color-sidebar-close)}.logo-bar .close-button>button:hover{background-color:var(--color-sidebar-close-background-hover);color:var(--color-sidebar-close)} .logo-bar{min-height:140px;position:relative}.logo-bar .sidebar-icon{align-items:stretch}.logo-bar .expand-button{flex:1 1 auto}.logo-bar .expand-button>i{font-size:22px;color:var(--color-sidebar-menu-burger);text-shadow:var(--sidebar-menu-burger-text-shadow)}.logo-bar .expand-button:hover>i{color:var(--color-sidebar-menu-burger-hover)} .sidebar{position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;background-color:var(--color-sidebar-background);border-right:var(--sidebar-right-border)}.sidebar .scroll-pane{display:flex;flex-direction:column;overflow:auto;flex:1 1 auto}.sidebar .scrollbar-container{display:flex;flex-direction:column}.sidebar .sidebar-pane-background{position:absolute;top:0;left:0;bottom:0;width:64px;background-color:var(--color-primary)}.sidebar .sidebar-spacer{flex:1 1 auto;display:flex;position:relative;border-bottom:1px solid rgba(102,102,102,.10196)}.sidebar .sidebar-spacer .sidebar-spacer-pane{flex:0 0 64px;max-width:64px;min-width:64px;min-height:64px}.sidebar .sidebar-spacer .sidebar-spacer-content{flex:1 1 auto}.sidebar .sidebar-items{flex:0 1 auto}.sidebar .sidebar-item{display:flex;align-items:stretch}.sidebar .sidebar-item .sidebar-pane-content{flex:0 0 64px;max-width:64px;min-width:64px;min-height:64px}.sidebar .sidebar-item .sidebar-pane-content.sidebar-pane-content-small{min-height:32px}.sidebar .sidebar-item .small-sidebar-pane-content{min-height:32px}.sidebar .sidebar-item .sidebar-item-content,.sidebar .sidebar-item .fullwidth-sidebar-item-content{flex:1 1 auto;display:flex}.sidebar .sidebar-item .sidebar-item-content-inner{flex:1 1 auto}.sidebar .sidebar-pane-content,.sidebar .sidebar-spacer-pane{background-color:var(--color-sidebar-icon-background)}.sidebar .expand-button{padding:6px;outline:0;width:100%}.sidebar .expand-button:hover{padding:6px}.sidebar .expand-button-image{opacity:.8;transition:transform 500ms}.sidebar .expand-button-image:hover{opacity:1}.sidebar .expand-button-image.expand-rotate{transform:rotateY(180deg)}.sidebar .logo-container{display:flex;align-items:center;justify-content:center}.sidebar .logo-container img{padding:12px}.sidebar .account-details-item{text-align:left}.sidebar .account-details-item p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:12px;font-size:14px;font-family:"Nunito Sans"}.sidebar .garden-planner-actions{margin-top:6px;margin-bottom:18px}.sidebar .sidebar-navigation{padding:0 40px;padding-bottom:12px;font-size:14px}.sidebar .sidebar-navigation ul{list-style:none;margin:0;padding:0}.sidebar .sidebar-navigation ul li{padding:0;margin:0;margin-bottom:6px;position:relative}.sidebar .sidebar-navigation .sidebar-nav-button{color:#888;margin:0;padding:0;background-color:rgba(0,0,0,0);border:0;outline:0;box-shadow:none;text-align:left;width:100%}.sidebar .sidebar-navigation .sidebar-nav-button:hover{color:#0bacc7;margin:0;padding:0;background-color:rgba(0,0,0,0);border:0;outline:0;box-shadow:none}.sidebar .sidebar-navigation .sidebar-nav-button.active{color:#333}.sidebar .sidebar-navigation .sidebar-nav-button.active .navigation-bull{color:#333;display:inline-block}.sidebar .sidebar-navigation .navigation-bull{position:absolute;right:-12px;color:#aaa;display:none}.sidebar .sidebar-footer-button{margin:6px;padding:4px 8px} .new-tag-D4Daf3fybTniIN5vjykf { position: absolute; top: 4px; left: 4px; z-index: 10; font-size: 11px; padding: 4px 6px; border-radius: 12px; line-height: 1; color: #fff; background-color: #591ebf; } .content-container>.content{position:fixed;top:0;left:364px;right:0;bottom:0;display:flex;flex-direction:column}.content-container>.content>.content-pane{flex:1 1 auto;display:flex;overflow:hidden;position:relative}.content-container>.content>.status-bar{flex:0 1 auto;display:flex}.content-container>.content .content-overlay{background-color:rgba(0,0,0,.53333);position:absolute;right:0;bottom:0;top:0;left:0;z-index:1} .banner{position:relative;pointer-events:all;padding:12px 24px;box-shadow:4px 9px 12px -4px rgba(0,0,0,.37);z-index:1}.banner.banner-default{background:#f2f2f2}.banner.banner-warning{background:#fff9e8}.banner.banner-danger{background:var(--color-error);color:#fff}.banner.banner-danger .button-secondary{color:#fff;border-color:#fff}.banner.banner-danger .banner-close{color:rgba(255,255,255,.59608)}.banner.banner-danger .banner-close:hover{color:rgba(255,255,255,.9098)}.banner-title{margin:0;font-weight:bold;margin-bottom:6px !important}.banner-content{flex:1;display:flex;flex-flow:column nowrap;justify-content:center}.banner-content>*{margin:3px}.banner-buttons{flex:0 1 auto !important}.banner-buttons .button-secondary{background:#fff}.banner-buttons .button-inline{padding:6px 12px}.banner-buttons .button-inline:hover{padding:6px 12px}.banner-close{flex:0 0 auto;color:rgba(51,51,51,.59608);border:0;margin:0;margin-left:12px;padding:5px;background:none}.banner-close:hover{color:rgba(51,51,51,.9098)} .countdown-timer svg{transform:rotateY(-180deg) rotateZ(-90deg)}.countdown-timer svg circle{stroke-dashoffset:0px;stroke-linecap:butt;fill:none} .notification-display{display:inline-flex;align-items:stretch;justify-content:center;min-width:min(240px,100%);max-width:33vw;margin-top:12px;text-align:left;border:1px solid #fff;border-radius:6px;box-shadow:4px 9px 12px -4px rgba(0,0,0,.37);min-height:36px;overflow:hidden;font-size:14px;pointer-events:all}.notification-display .notification-display-icon-container{flex:0 1 auto;min-width:36px;text-align:center;border-right:1px solid rgba(0,0,0,0);display:flex;align-items:center;justify-content:center}.notification-display .notification-display-content{flex:1 1 auto;display:flex;justify-content:center;flex-flow:column nowrap;padding:6px 12px}.notification-display .notification-display-actions{display:flex;flex-flow:row wrap;-moz-column-gap:24px;column-gap:24px}.notification-display .notification-display-actions .button-inline{line-height:24px}.notification-display .notification-display-actions .button-inline.notification-action-secondary{color:var(--button-secondary-color)}.notification-display .notification-display-actions .button-inline.notification-action-secondary:hover{color:var(--button-secondary-color-hover)}.notification-display .notification-display-actions .button-inline.notification-action-help{color:var(--help-color)}.notification-display .notification-display-actions .button-inline.notification-action-help:hover{color:var(--help-color-light)}.notification-display .notification-display-actions .button-inline.notification-action-button{color:currentColor;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2);padding:6px 9px;line-height:1}.notification-display .notification-display-actions .button-inline.notification-action-button:hover{background:rgba(255,255,255,.26667)}.notification-display .notification-display-close{flex:0 1 auto;min-width:36px;padding:6px;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center}.notification-display .notification-display-close .notification-display-close-button{width:100%;font-size:20px;color:rgba(51,51,51,.27059)}.notification-display .notification-display-close .notification-display-close-button:hover{color:rgba(51,51,51,.5098)}.notification-display.notification-success{background-color:#1dc089;color:#fff;opacity:.9}.notification-display.notification-success:hover{opacity:1}.notification-display.notification-success .notification-display-icon-container{border-right-color:rgba(255,255,255,.19608)}.notification-display.notification-info{background-color:#fff;color:#444;opacity:.9}.notification-display.notification-info:hover{opacity:1}.notification-display.notification-info .notification-display-icon-container{border-right-color:rgba(255,255,255,.19608)}.notification-display.notification-error{background-color:#c24747;color:#fff;opacity:1}.notification-display.notification-error:hover{opacity:1}.notification-display.notification-error .notification-display-icon-container{border-right-color:rgba(255,255,255,.19608)}.notification-display.notification-help{background-color:#fff;color:#444;opacity:.9;border-color:var(--help-color-light)}.notification-display.notification-help:hover{opacity:1}.notification-display.notification-help .notification-display-icon-container{border-right-color:var(--help-color-light);background-color:var(--help-color);color:#fff}.notification-display .countdown-container{display:flex;justify-content:center;align-items:center}.notification-display.mobile{line-height:normal;opacity:1 !important;min-width:0;min-width:initial;max-width:100%} .notification-display-container{position:absolute;bottom:0;left:0;right:0;padding:12px;pointer-events:none;z-index:2000} .mobile-navigation-link{position:relative;display:flex;flex-flow:column nowrap}.mobile-navigation-link.active>button::before{content:"●";position:absolute;right:12px;top:0;bottom:0;display:flex;align-items:center;font-size:14px;pointer-events:none;color:var(--color-sidebar-active-circle)}.mobile-navigation-link.active>button>.icon>i{color:var(--color-sidebar-icon-hover)}.mobile-navigation-link.active>button>.text{background:#fff}.mobile-navigation-link>button{display:flex;flex-flow:row nowrap;align-items:stretch;padding:0;margin:0;border:none;background:rgba(0,0,0,0);font-size:16px;color:var(--color-sidebar-text);font-weight:600;position:relative}.mobile-navigation-link>button:hover>.icon>i{color:var(--color-sidebar-icon-hover)}.mobile-navigation-link>button:hover>.text{background:#fff}.mobile-navigation-link>button>.icon{flex:0 0 auto;width:60px;min-height:60px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background:var(--color-sidebar-icon-background);color:var(--color-sidebar-icon);font-size:24px}.mobile-navigation-link>button>.icon>i{color:var(--color-sidebar-icon)}.mobile-navigation-link>button>.icon>i::before{width:auto;height:auto}.mobile-navigation-link>button>.text{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;padding:6px 12px;overflow:hidden;text-overflow:ellipsis;text-align:left}.mobile-navigation-link>button>.text>.title{overflow:hidden;text-overflow:ellipsis}.mobile-navigation-link>button>.text>.subtitle{overflow:hidden;text-overflow:ellipsis;font-size:12px;margin-top:3px} .mobile-navigation-links{list-style:none;margin:0;padding:0;display:flex;flex-flow:column nowrap}.mobile-navigation-links.to-bottom{margin-top:auto;border-top:1px solid rgba(102,102,102,.10196)}.mobile-navigation-links>*{border-bottom:1px solid rgba(102,102,102,.10196);border-top:1px solid rgba(255,255,255,.10196)} .mobile-navigation-logo{flex:1 0 auto;display:flex;flex-flow:column nowrap;position:relative;overflow:hidden;background-position:center;background-attachment:fixed;background-size:cover;max-height:140px;min-height:80px;position:relative}.mobile-navigation-logo .mobile-navigation-logo-cover{flex:1 1 auto;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;background-color:var(--logo-container-background-color);height:100%}.mobile-navigation-logo .mobile-navigation-logo-cover>img{height:88px;display:block;filter:var(--logo-image-filter)}.mobile-navigation-logo .mobile-navigation-logo-cover .mobile-navigation-close{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;padding-right:6px}.mobile-navigation-logo .mobile-navigation-logo-cover .mobile-navigation-close>button{border:none;color:var(--color-sidebar-close);background:var(--color-sidebar-close-background);width:40px;height:40px;border-radius:20px}.mobile-navigation-logo .mobile-navigation-logo-cover .mobile-navigation-close>button:hover{background:var(--color-sidebar-close-background-hover)} .mobile-navigation-sub-link{display:flex;flex-flow:column nowrap;margin-left:60px}.mobile-navigation-sub-link.parent-active>button{background:#fff}.mobile-navigation-sub-link:last-child>button{padding-bottom:15px}.mobile-navigation-sub-link>button{display:flex;flex-flow:row nowrap;align-items:stretch;padding:0;margin:0;border:none;background:rgba(0,0,0,0);font-size:16px;color:#666;font-size:14px;position:relative;padding-left:25px;padding-top:3px;padding-bottom:3px;padding-right:12px}.mobile-navigation-sub-link>button:hover{color:var(--color-sidebar-text)}.mobile-navigation-sub-link>button:active{background:#fff}.mobile-navigation-sub-link>button>.button-inner{display:flex;flex-flow:row nowrap;border-radius:6px;padding:3px 12px 3px 6px;background:#fff;border:1px solid rgba(0,0,0,.08235)}.mobile-navigation-sub-link>button>.button-inner>.icon{flex:0 0 auto;box-sizing:content-box;width:20px;min-height:22px;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.mobile-navigation-sub-link>button>.button-inner>.text{flex:1;display:flex;flex-flow:column nowrap;justify-content:center;padding-left:12px;overflow:hidden;text-overflow:ellipsis;text-align:left}.mobile-navigation-sub-link>button>.button-inner>.text>.title{overflow:hidden;text-overflow:ellipsis}.mobile-navigation-sub-link.intercom-split>button>.button-inner{padding:0 12px 0 0}.mobile-navigation-sub-link.intercom-split>button>.button-inner>.icon{padding:3px 6px 3px 6px;background:var(--color-intercom, #3f51b5);border-top-left-radius:6px;border-bottom-left-radius:6px;margin:-1px;border:1px solid var(--color-intercom-border, #3748a5);border-right:none}.mobile-navigation-sub-link.intercom-split>button>.button-inner>.text{padding-left:12px}.mobile-navigation-sub-link.intercom-split>button:active>.button-inner,.mobile-navigation-sub-link.intercom-split>button:hover>.button-inner{background:#fff}.mobile-navigation-sub-link.intercom-split>button:active>.button-inner>.icon,.mobile-navigation-sub-link.intercom-split>button:hover>.button-inner>.icon{background:var(--color-intercom-hover, #5768c5)}.mobile-navigation-sub-link.intercom-circle>button>.button-inner>.text{padding-left:18px} .mobile-navigation-sublinks{list-style:none;margin:0;padding:0;display:flex;flex-flow:column nowrap} .mobile-navigation-footer{display:flex;flex-flow:row nowrap;background:var(--color-sidebar-background)}.mobile-navigation-footer .mobile-navigation-footer-fullscreen{width:60px;flex:0 0 auto;border:none;background:rgba(0,0,0,0);color:#888}.mobile-navigation-footer .mobile-navigation-footer-fullscreen .hidden{display:none}.mobile-navigation-footer .mobile-navigation-footer-fullscreen:hover{color:#888}.mobile-navigation-footer>.mobile-navigation-footer-right{flex:1;display:flex;align-items:center}.mobile-navigation-footer .mobile-version-number-button{border:0;background-color:rgba(0,0,0,0);flex:1 1 auto;display:flex;align-items:center;flex-flow:column nowrap;gap:3px;padding:3px 12px;text-align:center;overflow:hidden;color:#888}.mobile-navigation-footer .mobile-version-number-button .divider{margin-left:6px;margin-right:6px}.mobile-navigation-footer .mobile-version-number-button>p{font-size:12px;line-height:125%;margin:0;text-overflow:ellipsis;overflow:hidden} @keyframes fadeBackgroundIn{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.5)}}@keyframes flyContentIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}.mobile-navigation-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9000;background:rgba(0,0,0,0);transition:background-color 200ms ease-out}.mobile-navigation-container.open{animation:200ms ease-out 0s 1 fadeBackgroundIn;background:rgba(0,0,0,.5)}.mobile-navigation-container.open .mobile-navigation{animation:200ms cubic-bezier(0.17, 0.67, 0.68, 0.98) 0s 1 flyContentIn;transform:translateX(0);box-shadow:rgba(0,0,0,.75) -1px 2px 8px 1px}.mobile-navigation-container .mobile-navigation{position:absolute;top:0;left:0;bottom:0;width:calc(100% - 12px);max-width:350px;background-color:var(--color-sidebar-background);border-right:var(--sidebar-right-border);display:flex;flex-flow:column nowrap;overflow-y:auto;transform:translateX(-100%);transition:transform 200ms cubic-bezier(0.17, 0.67, 0.68, 0.98),box-shadow 200ms ease-in}.mobile-navigation-container .mobile-navigation .mobile-navigation-links-container{position:relative;flex:1;display:flex;flex-flow:column nowrap}.mobile-navigation-container .mobile-navigation .mobile-navigation-links-container::before{content:"";position:absolute;top:0;left:0;bottom:0;width:60px;background:var(--color-sidebar-icon-background);z-index:0}.mobile-navigation-container .mobile-navigation .mobile-navigation-links-container>*{position:relative} body,html{margin:0;padding:0;height:100%;overflow:hidden}#root{height:100%;display:flex;flex-flow:column nowrap;overflow:hidden}.web-garden-planner-container{height:100%;display:flex;flex-flow:column nowrap;overflow:hidden}.mobile-garden-planner{flex:1;display:flex;flex-flow:column nowrap;overflow:hidden;position:relative}.mobile-garden-planner .mobile-garden-planner-content{flex:1;overflow:hidden;display:flex;flex-flow:column nowrap} .modal-Ku8T2UguufMQRBEjPWc2 { width: 100%; } .modal-Ku8T2UguufMQRBEjPWc2 > .outer-modal-inner { min-height: calc(100vh - 18px); } .modalPane-wowbMfmO7eCK35PpwFAo { flex: 1 1 auto; } .modalPaneContainer-rm8HDvzr2e_HgFwAvI5Q { padding: 0; } .video-container-NCPrOt7V3NYtnzHIG59X { width: 100%; /* Use max width, unless there's not enough height to fit a 16:9 video. * In this case, calculate the width based on the maximum possible height * aspect ratio */ width: min(100vw, (100vh - 150px) * 1.7777777778); text-align: center; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .video-container-inner-AqXhQ0M0QuTVN1ztte8j { position: relative; padding-bottom: 56.25%; /* 16:9 exactly */ width: 100%; height: auto; max-height: calc(100vh - 150px); } .tutorial-text-container-gHUWceyI2asUY3GaCD6c { text-align: center; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .tutorial-text-Vx3xLCblzrJsPhs8gQNm { flex: 1 0 auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; gap: 12px; padding: 9px; max-width: 425px; } .tutorial-text-Vx3xLCblzrJsPhs8gQNm > :first-child { margin-top: 0; } .tutorial-text-Vx3xLCblzrJsPhs8gQNm > :last-child { margin-bottom: 0; } .tutorial-text-Vx3xLCblzrJsPhs8gQNm > * { margin: 0; } .progress-count-Tq8vx0n5d09YLh4cUkMY { flex: 1 1 auto; margin: 0; text-align: center; margin-top: auto; margin-bottom: auto; color: #555; font-size: 12px; } .hiddenButton-hqCDdfoIRcz1GpzIb61m { visibility: hidden; } body{overflow:hidden} .web-garden-planner-container{display:flex;flex:1 1 auto;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}body{min-width:375px} body,html{height:100%;width:100%;height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;overscroll-behavior-x:none}body{overflow:hidden;position:relative;touch-action:none}#root{touch-action:none;position:fixed;top:0;left:0;right:0;bottom:0;padding:0;margin:0;display:flex}