:root{--primary:#181a20;--secondary:#727272;--body:#f3f5f9;--outline:#ccd4e3;--subtle:#e6e8eb;--oasis:#9ed2ea;--solstice:#00bcd4;--solstice-shadow:rgba(254,95,21,.7);--primary-font:"Poppins",sans-serif;--primary-color:#3498db;--secondary-color:#2c3e50;--error-color:#ff6c6c;--font-size:16px;--primary-font-family:"Poppins",sans-serif;--font-color-v1:#0f1114;--font-color-v2:#878a99;--primary-border-subtle:#afc0f7;--border-color-translucent:#dde1ef;--btn-color-blue:#3762ea;--tb-primary-bg-subtle:#e1e7fc;--auto-complete-color:#e8f0fe;--light-error-color:#ffe9e9;--tb-card-shadow:rgba(0,0,0,.06) 0px 2px 4px -1px}.MuiTypography-root{font-family:var(--primary-font-family)}body,html{margin:0;padding:0;background-color:var(--body);font-family:var(--primary-font)}h1,h2,p,ul{margin:0}.thank-you{padding:20px;width:100vw;height:100vh;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;color:#232323}.thank-you p{text-align:center}button{font-weight:700}.showHeader .MuiDataGrid-columnHeaders{background-color:#eef0f7;color:#000;font-weight:600!important}.noHeader .MuiDataGrid-columnHeaders{display:contents}.delete-button{background-color:#ffe9e9!important;color:#ff6c6c!important}.delete-button:hover{background-color:#ff6c6c!important;color:#ffe9e9!important}.new-user-form-typo{font-size:22px!important;font-family:var(--primary-font-family)!important;font-weight:700!important;color:#1b1b1b!important;padding-bottom:10px}.blue-button{background-color:#afc0f7!important;color:#3258d3!important}.blue-button:hover{background-color:#3258d3!important;color:#afc0f7!important}.black-button{background-color:#fff!important;color:#000!important;border-color:#000!important;font-family:var(--primary-font-family)}.black-button:hover{background-color:#000!important;color:#fff!important;border-color:#000!important}.black-button .MuiSvgIcon-root{margin-bottom:2px}.notifications-switch .MuiFormControlLabel-label{font-size:12px;font-weight:600}.item-notification{cursor:pointer;border-radius:4px!important}.item-notification:hover{background-color:#f4f5f7}.main-text-field .MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:var(--primary-border-subtle)}.main-text-field .MuiInputBase-input .MuiOutlinedInput-input{background:#fff!important}.bag-icon.MuiButtonBase-root.MuiIconButton-root:hover{background-color:#e9ebec!important;width:40px;height:40px}.bag-icon.MuiButtonBase-root.MuiIconButton-root{width:40px;height:40px}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:"none"!important}.cancel-btn:hover{background-color:var(--error-color)!important;color:#fff!important}.side-menu-icon .MuiSvgIcon-root{width:17px;height:17px}.footer-pagination-item.MuiButtonBase-root.MuiPaginationItem-root{border-radius:4px;border:1px solid var(--border-color-translucent)}.footer-pagination-item.MuiButtonBase-root.MuiPaginationItem-root.Mui-selected{background-color:var(--btn-color-blue)}.close-x-icon{cursor:pointer;color:var(--font-color-v2)}.close-x-icon:hover{color:#000}.dummy img{width:30%}.PergolaSelectionContainer{display:flex;flex-direction:column;height:100vh;margin-top:-80px;padding-top:80px;box-sizing:border-box;padding-bottom:20px}.canvas-and-inspector{display:flex;overflow:auto;flex:1 1}.PergolaSelectionTab{display:flex;flex-direction:column;padding:30px 40px 8px;flex:1 1;max-width:372.56px}.PergolaSelectionTab .ctx{display:flex;flex-direction:column;flex:1 1;overflow-y:scroll;padding-bottom:16px;-ms-overflow-style:none;scrollbar-width:none}.PergolaSelectionTab .ctx::-webkit-scrollbar{display:none}.sols-buttons{display:flex;flex-direction:row;justify-content:center;gap:8px}.sols-btn.disabled{background-color:rgba(0,0,0,.12)!important;color:gray!important;cursor:default}.next-btn,.sols-btn{padding:8px 0;flex:1 1;color:#fff;background-color:rgba(0,0,0,.87);transition:all .25s cubic-bezier(.4,0,.2,1)}.sols-btn.quote{flex:none;margin:8px 0;background-color:#85b3be}.sols-btn:hover{background-color:#506979}.canvas-container{position:relative;flex:1 1;overflow:hidden;border:1px solid #e5e7eb;min-width:0}.canvas{width:100%;height:100%}.selector-container{height:80px;border:1px solid #e5e7eb;box-sizing:border-box;position:relative}.PergolaOptionTab{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.publicHeader{position:absolute;top:0;left:20px;font-size:.8em;font-weight:700;color:var(--secondary);line-height:60px}.publicHeader .logo{width:100px;vertical-align:sub}@media screen and (max-width:1200px){.canvas-and-inspector{flex-direction:column;max-width:1005}.PergolaSelectionTab{max-width:100%;width:100vw;overflow-y:scroll}.PergolaOptionTab,.model{display:none}.PergolaSelectionTab .logo{visibility:hidden}}.PergolaSelectionContainer.demo{display:block}.canvas-and-inspector.demo{display:block;flex-direction:column;max-width:1005;overflow:visible}.canvas-and-inspector.demo .canvas-container,.selector-container.demo{display:none}.PergolaSelectionTab.demo{max-width:100%;width:100vw;overflow:visible}.PergolaSelectionTab.demo .overview-container{overflow:visible}@media print{.canvas-and-inspector.demo .canvas-container{display:block}canvas{width:100%!important;height:auto!important;page-break-inside:avoid}.canvas-and-inspector{flex-direction:column}.PergolaSelectionTab{max-width:100%;width:100vw;overflow-y:visible}.sols-buttons{visibility:hidden}.overview-container center,.selector-container{display:none}}.model{position:absolute;left:20px;text-align:center}.selection-buttons{display:flex;flex-direction:row;column-gap:0;align-items:center;justify-content:center}.selection-buttons button:hover{border-bottom:3px solid #a9a9a9}a{color:inherit;text-decoration:none}*{box-sizing:border-box}img{max-width:100%;height:auto}h1,h2,p,span,ul{margin:0}h1,h2,p,span,ul{line-height:1.2!important}h2{font-size:28px;font-weight:600!important}ul{padding:0;list-style:none}button{border:0;padding:.5rem 1rem;cursor:pointer;font-family:Barlow Condensed,sans-serif!important;font-size:1em;font-weight:600}form{width:30em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:15px;width:200px!important;height:3px;background:hsla(0,0%,83%,.6);color:#a9a9a9!important;border-radius:5px;background-size:70% 100%;background-repeat:no-repeat}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:10px;width:10px;border-radius:50%;background:#a9a9a9!important;cursor:pointer;box-shadow:0 0 2px 0 #a9a9a9;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 8px rgba(25,118,210,.16)}.activeBoard{border-bottom:3px solid #a9a9a9!important}.selection-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border:0;border-bottom:2px solid transparent}.PergolaRender{flex-grow:0;border:1px solid #e5e7eb;flex:1 1!important}.selection-buttons span{margin-top:8px;font-weight:500}.reset-container{margin-bottom:8px}.reset-button,.reset-container{display:flex;flex-direction:row;justify-content:center}.reset-button{align-items:center;column-gap:4px;background-color:transparent;padding:.5em;border:0;font-weight:600}.reset-button:hover,.reset-button:hover path{stroke:#a9a9a9;color:#a9a9a9}.dimension-selector{margin:0;display:block;width:100%}.tab-changer{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:12px;margin-top:auto;padding-bottom:8px}.tab-changer button{font-weight:600;background-color:transparent;width:100%;border:0;border-radius:2px;line-height:24px}.tab-changer span{min-width:108px}.submit-disabled,.tab-changer .prev-button-disabled{background-color:rgba(0,0,0,.12)!important;color:gray!important}.disclaimer-button-container button,.get-estimate-button,.overview-results-button,.rafterButton:hover,.tab-changer .next-button,.tab-changer .prev-button{color:#fff;background-color:rgba(0,0,0,.87)}.rafter-selector{display:flex;flex-direction:column}.rafter-alignment,.rafter-sizing{display:flex;flex-direction:row;align-items:center;justify-content:center;font-weight:400;margin:4px;column-gap:4px}.PergolaOptionTab .tab-changer button,.rafter-alignment button,.rafter-sizing button{min-width:104px;width:100%;border:0;border-radius:2px}.color-selector-block,.dimension-selector-block{display:flex;flex-direction:column;width:100%;margin-top:4px;padding-bottom:8px}.dim-inspector{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:400}.dim-inspector span{font-weight:600;margin:2px 0}.color-selector-block input[type=range],.dimension-selector-block input[type=range]{width:100%!important}.dim-button-changer{background-color:transparent;border:0;padding:8px}.dim-button-changer svg{height:14px;width:14px;fill:#757575}.dimension-selector-block>div{padding:2px 0}.color-selector,.dimension-selector{overflow-y:auto;overflow-x:hidden;padding:0}.color-selector{padding:12px 12px 32px}.color-selector::-webkit-scrollbar,.dimension-selector::-webkit-scrollbar,.overview-container::-webkit-scrollbar{background:#ddd;width:4px}.color-selector::-webkit-scrollbar-thumb,.dimension-selector::-webkit-scrollbar-thumb,.overview-container::-webkit-scrollbar-thumb{background:#000c3a}.disclaimer,.mounting-disclaimer{margin-bottom:8px;margin-top:8px}.dimension-selector-block p{font-weight:600}.mounting-selection{margin:1em 0;display:flex;flex-direction:column;row-gap:4px;align-items:flex-start}.mounting-selection button{width:100%;background-color:#f6f6f6;padding:10px;line-height:24px;text-align:left}.activeMountMode{background-color:#7396ae!important;color:#fff}.color-inspector button{border-radius:50%;width:48px;height:48px;border:1px solid #3d3d3d55;transition:all .2s linear!important;padding:0!important;font-size:9px;color:transparent;vertical-align:top;margin:4px;background-size:200% 200%;background-position:50%}.color-inspector button:hover{transform:scale(1.3);transition:all .4s linear!important;color:#fff}.color-inspector button:hover p{background:rgba(0,0,0,.4);color:#fff;padding:2px;width:90%;margin:0 auto;border-radius:10px}.color-inspector{margin-left:4px;padding:0}.smokey-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),rgba(0,0,0,.2)),url(/textures/smokey.png)}.cedar-mat,.smokey-mat{object-fit:fill!important}.cedar-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),rgba(0,0,0,.2)),url(/textures/cedar.png)}.gray-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),rgba(0,0,0,.2)),url(/textures/gray.png);object-fit:fill!important}.lightgray-mat{background-color:#c6c6cb}.darkgray-mat,.lightgray-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2))}.darkgray-mat{background-color:#a9a9ae}.tobacco-mat{background-color:#5a5656}.linen-mat,.tobacco-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2))}.linen-mat{background-color:#e4e4da}.grayblack-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2));background-color:#303030}.musket-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/musket.png)}.musket-mat,.spanish-mat{object-fit:fill!important}.spanish-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2));background-color:#483232}.bronze-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/bronze.png);object-fit:fill!important}.solsticeColor.bronze-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/solstice-bronze.png);object-fit:fill!important}.sand-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2));background-color:#eee9dd}.brown-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/brown.png);object-fit:fill!important}.kwila-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/kwila.jpg)}.blueElm-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/blueElm.jpg)}.carpino-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/carpino.jpg)}.kentuckyOak-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/kentuckyOak.jpg)}.ancientOak-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/ancientOak.png)}.platinum-mat,.smokeyGray-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2)),url(/textures/platinum.png);object-fit:fill!important}.black-mat{background-color:#000}.black-mat,.white-mat{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.3),rgba(0,0,0,.2))}.white-mat{background-color:#fff}.disclaimer-button:hover,.next-button:hover,.prev-button:hover,.rafter-alignment button:hover,.rafter-sizing button:hover{background-color:#506979}.mounting-selection button:hover{background-color:#7396ae;color:#fff}.mounting-selection button,.next-button,.prev-button,.rafter-alignment button,.rafter-sizing button{transition:all .25s cubic-bezier(.4,0,.2,1)}.dim-button-changer:hover{background-color:rgba(0,0,0,.04);transition:all .15s cubic-bezier(.4,0,.2,1)}.ends-inspector,.header-inspector{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.ends-selection,.header-selection{width:100%;margin:8px 0 12px}.ends-selection span,.header-selection span{margin-bottom:12px!important}.ends-selection button,.header-selection button{width:100%;background-repeat:no-repeat;background-size:cover;min-height:60px;height:100%;padding:0;border:3px solid #fff;opacity:.7;transition:all .15s cubic-bezier(.4,0,.2,1)}.ends-inspector button,.header-inspector button{background-position:50%}.single-beam-insulated{background-image:url(/textures/insulated-single-beam.png)}.double-beam-insulated{background-image:url(/textures/insulated-double-beam.png)}.single-beam-lattice{background-image:url(/textures/lattice-single-beam.png)}.double-beam-lattice{background-image:url(/textures/lattice-double-beam.png)}.beveled{background-image:url(/textures/beveled.png)}.mitered{background-image:url(/textures/mitered.png)}.corbel{background-image:url(/textures/corbel.png)}.scallop{background-image:url(/textures/scallop.png)}.head-end-reset{margin-top:12px;margin-bottom:0}.header-selector-block h3{margin-top:12px;margin-bottom:4px}.ends-selector-block h3{margin-top:36px;margin-bottom:4px}.ends-selection button:hover,.header-selection button:hover{border:3px solid #000;opacity:1!important}.selectedend,.selectedhead{border:3px solid #000!important;opacity:1!important}.overview{display:block;height:100%;flex-basis:100%;flex-grow:0;z-index:1;max-width:100%}.logo{width:147px;height:auto}.overview-table table{font-size:.9em;width:100%;margin:12px 0;text-align:left;border-collapse:separate;border-spacing:0;text-indent:0;caption-side:bottom}.overview-container{margin-top:auto;margin-bottom:auto;max-height:70vh;overflow-y:scroll;padding:0 1em}.overview-table thead{display:table-header-group}.overview-header,.sec-header{outline:0;border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;background-color:#e0e0e0}.overview-table th{color:#232323;padding:5px;border-left:.5px solid #f0f0f0;border-right:.5px solid #f0f0f0;border-bottom:1px solid #e0e0e0;font-weight:bolder!important;margin:0}.overview-results-button{display:inline;float:right;width:10%}.share-link{width:100%;font-size:16px;font-family:Barlow Condensed,sans-serif!important}.share-link-container{background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;flex-grow:1}.get-estimate-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:12px 0}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 10px rgba(0,0,0,.2);max-height:calc(100% - 64px);max-width:600px;width:calc(100% - 64px)}.close-button{background:none;border:none;cursor:pointer;padding:0;font-size:24px}.popup-title{display:flex;flex-direction:row;justify-content:space-between}.popup-title h2{font-weight:500;font-size:1.25rem;line-height:1.6}.overview-send-button,.popup-end{width:100%}.form-input{font:inherit;letter-spacing:inherit;color:currentcolor;padding:4px 0 5px;border:0;border-bottom:1px solid #000;box-sizing:content-box;background:none;height:1.4375em;margin:0;-webkit-tap-highlight-color:transparent;display:block;min-width:0;width:100%}.form-input:focus-visible{outline:none}.form-input:after{border-bottom:2px solid #1976d2;left:0;bottom:0;content:"";position:absolute;right:0;transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0ms;pointer-events:none}.form-selection-block{margin:12px 0}.popup-form{width:100%;overflow-y:scroll}.css-d7bq5{-webkit-user-select:none;-moz-user-select:none;user-select:none;width:1em;height:1em;display:inline-block;fill:currentcolor;flex-shrink:0;transition:fill .2s cubic-bezier(.4,0,.2,1) 0ms;font-size:1.5rem}.disclaimer h3{margin:12px 0}.disclaimer{text-align:center}.disclaimer-button-container button{margin:0 12px;min-width:120px}.disclaimer-button-container{margin:12px 0}.customer-select-container{width:50%;margin:0;text-align:left}.customer-select{border:2px solid #e0e0e0;padding:4px 8px;font-family:inherit;font-size:1.15em;width:100%;font-weight:700}.customer-select:-webkit-focus-ring-color{color:transparent;text-shadow:0 0 0 #000}.success-message{color:#4bb543;font-size:1.15em;font-weight:500}.PergolaOptionTab .tab-changer{position:relative;left:75%}.form-check{margin:1rem 0}.post-form-check{margin-bottom:.5rem}.form-check .form-check-input,.post-form-check .form-check-input{cursor:pointer}.form-check-input:checked{background-color:#7396ae;border-color:#7396ae}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input{flex-shrink:0;width:1.1em;height:1.1em;margin-top:.2em;vertical-align:top;background-image:url(/textures/check.svg);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-repeat:no-repeat;background-position:50%;background-size:contain;border:1px solid #000;-webkit-print-color-adjust:exact;print-color-adjust:exact}.checkbox-container{color:#00000090;width:50rem;margin:0 auto;text-align:justify}.original-price{text-decoration:line-through;text-decoration-thickness:2px;color:#75757580;-webkit-text-decoration-color:#ff505070;text-decoration-color:#ff505070}.multiple-overview-container{width:100%;overflow-y:scroll}.not-visible{color:transparent!important}.not-visible-at-all{display:none}.TextField_helperText__68YqV{margin:.8em auto .4em;font-weight:500;font-size:13px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--font-color-v1)}.TextField_error__r_hxY fieldset,.TextField_error__r_hxY:hover{border-color:var(--error-color)!important}.TextField_required__BFBPB{color:var(--error-color);padding-left:.1em}.TextField_helperText__68YqV p,.TextField_required__BFBPB{display:inline}.TextField_mainTextField__wcC2u{width:100%;margin:.1em 0;border-radius:4px}.TextField_mainTextField__wcC2u fieldset{border-color:var(--border-color-translucent)}.TextField_mainTextField__wcC2u input,.TextField_mainTextField__wcC2u textarea{padding:10px 14.4px;font-family:Poppins,sans-serif;font-size:13px}.TextField_mainTextField__wcC2u textarea{padding:0}.TextField_forgotPassword__Jaem9>a{text-decoration:none;color:var(--font-color-v2);font-weight:400}.TextField_invalidText__GBVqJ{color:var(--error-color)!important;margin-top:.5em;font-size:12px}.TextField_isMatched__boBF2{margin-top:.5em;font-size:.9em}.TextField_topTextField__M1O6f{margin-top:70px}.TextField_tooltipWithBreaks__QtlTt{white-space:pre-line}.TextField_helperText__68YqV,.TextField_invalidText__GBVqJ,.TextField_isMatched__boBF2{font-family:Poppins,sans-serif;font-size:12px}.Navbar_navbar__2D84i{padding-left:0!important;padding-right:0!important}.Navbar_iconColor__8g_z9 svg{color:#0f1114}.Navbar_iconColor__8g_z9.Navbar_MuiButtonBase-root__2APoS.Navbar_MuiIconButton-root__jyExI:hover{background-color:red!important;width:30px}.Navbar_badgeColor__i214j>span{background-color:#4ab0c1;top:-7px;font-family:var(--primary-font-family)}.Navbar_badgeColorError__R6ekc>span{background-color:#ff6c6c;top:-8px;font-family:var(--primary-font-family)}.Navbar_searchIcon__FA1Nk{color:#878a99}.Navbar_searchIcon__FA1Nk svg{width:.75em;height:.75em}.Image_boxImage__Ky5z4{display:flex;justify-content:center;align-items:center}.NotificationsContent_container__2W2md{width:540px;padding:0 10px;max-height:770px;min-height:220px;overflow-y:auto}.NotificationsContent_header__xV5cd{position:-webkit-sticky;position:sticky;padding:5px 15px;top:0;z-index:1;background-color:#fff}.NotificationsContent_headerContent__s32pv{display:flex;justify-content:space-between;align-items:center}.NotificationsContent_markAllNotifications__Umiy_{font-size:12px!important;font-weight:500;cursor:pointer}.NotificationsContent_markAllNotifications__Umiy_:hover{font-weight:600!important}.styles_icon__IFjjM{display:flex;flex-direction:column;justify-content:space-between;height:14px;width:20px;cursor:pointer}.styles_barTop__Vh2OR{width:16px}.styles_barMid__wSUk8,.styles_barTop__Vh2OR{height:2px;background-color:var(--font-color-v2);transition:all .8s}.styles_barMid__wSUk8{width:20px}.styles_barBottom__OfwdR{height:2px;width:11px;background-color:var(--font-color-v2);transition:all .8s}.styles_topOpen__jGnjW{transform:translateY(3px) translateX(13px) rotate(40deg);width:10px}.styles_middleOpen__z23tR{width:20px}.styles_bottomOpen__BJcRq{transform:translateY(-3px) translateX(13px) rotate(-40deg);width:10px}.SideMenu_accordion__g2yey{border-radius:0!important;background-color:transparent!important;box-shadow:none!important}.SideMenu_hoverItem__Qylfq:hover>div>div{color:#fff!important}.layout_content__zF8Q8{margin-left:240px;padding:16px;transition:margin-left .2s ease-in-out}.layout_content__zF8Q8.layout_collapsed__n0ieS{margin-left:80px}.layout_header__MH1jL{font-size:.9em;height:40px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:8px}.layout_header__MH1jL .layout_left__bNXXy,.layout_header__MH1jL .layout_right__xGa_e{display:flex;align-items:center;gap:16px}.layout_header__MH1jL .layout_right__xGa_e{gap:8px}.layout_pageTitle__0UDlA{color:var(--secondary);font-size:1.2em}.layout_menuIcon__PeLND svg{color:var(--outline);transition:color .2s;cursor:pointer;transition:transform .4s ease-in-out;vertical-align:middle}.layout_menuIcon__PeLND svg:hover{color:var(--secondary)}.layout_menuIcon__PeLND.layout_collapsed__n0ieS svg{transform:rotate(180deg)}.layout_search__JRXCd{border:1px solid var(--outline);color:var(--outline);padding:8px 16px;border-radius:50px;width:350px}.layout_profile__oMeAT{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 8px 8px 12px;border-radius:50px;transition:background-color .25s ease-in-out}.layout_profile__oMeAT:hover{background-color:var(--subtle)}.layout_greeting__rAlIN{font-weight:thin}.layout_avatar__KSCS5{width:auto;height:100%}.layout_bar__mAgpt{width:1px;height:24px;background-color:var(--outline)}.layout_icons__hSOWV{padding:0 8px}.layout_notifications__SQqPK{position:relative;padding:8px;border-radius:100%;cursor:pointer}.layout_notifications__SQqPK:hover{background-color:var(--subtle)}.layout_notifications__SQqPK svg{color:var(--secondary);width:24px;height:24px;vertical-align:middle}.layout_box__5jBmz{background:#fff;position:absolute;right:8px;top:48px;overflow:hidden;border-radius:16px;border:1px solid var(--outline);box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);z-index:2}.layout_box__5jBmz .layout_contentArea__kaAHl{max-height:200px;overflow-y:scroll}.layout_box__5jBmz .layout_topArea__IZsEI{padding:16px;min-width:320px}.layout_box__5jBmz .layout_title__DNlY1{font-weight:700}.layout_noNotifications__f_Pl7{padding:16px;text-align:center;font-size:.9em;color:var(--secondary)}.layout_notificationItem__NDLXE{cursor:pointer;display:flex;padding:8px 16px;font-size:.9em}.layout_notificationItem__NDLXE:hover{background-color:var(--subtle)}.layout_notificationItem__NDLXE .layout_info__mxScJ{display:flex;flex-direction:column;gap:8px}.layout_notificationItem__NDLXE .layout_date__GP4pi{color:var(--secondary)}.layout_hr__umNya{height:1px;background-color:var(--outline);margin:0 10px 10px}.layout_sidebar__4XC4s{height:100vh;width:240px;background:var(--primary);position:fixed;top:0;left:0;color:var(--secondary);font-size:.8em;overflow:hidden;transition:width .2s ease-in-out}.layout_sidebar__4XC4s.layout_collapsed__n0ieS{width:68px}.layout_item__ozgdI{margin:8px;padding:16px;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:24px;text-wrap:nowrap}.layout_item__ozgdI:hover{background:hsla(0,0%,100%,.1)}.layout_item__ozgdI.layout_selected__oS6Ml{background:none;color:var(--body);cursor:default}.layout_item__ozgdI .layout_icon__bVdOY svg{font-size:1.5em;color:var(--oasis)}.layout_arrow__riJJ8{margin-left:auto}.layout_logo__LVdji{display:flex;flex-direction:column;align-items:center;color:var(--body);gap:4px;padding:16px}.layout_logo__LVdji .layout_img__tYixy{width:60px}.layout_logo__LVdji span.layout_oasis__WBgwI{font-size:1.4em;letter-spacing:4px;margin-top:-4px}.layout_logo__LVdji span.layout_patio__XCaQp{font-size:.7em;letter-spacing:3px;text-transform:uppercase}