@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.bottom-0{bottom:0}.top-1{top:.25rem}.right-1{right:.25rem}.z-40{z-index:40}.z-10{z-index:10}.m-0{margin:0}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-bottom:1rem;margin-top:1rem}.my-16{margin-bottom:4rem;margin-top:4rem}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.mr-1{margin-right:.25rem}.ml-2{margin-left:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mr-4{margin-right:1rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mb-2{margin-bottom:.5rem}.ml-16{margin-left:4rem}.ml-7{margin-left:1.75rem}.ml-12{margin-left:3rem}.ml-4{margin-left:1rem}.mb-1{margin-bottom:.25rem}.mt-6{margin-top:1.5rem}.mt-10{margin-top:2.5rem}.mr-2{margin-right:.5rem}.ml-8{margin-left:2rem}.mt-1{margin-top:.25rem}.mb-6{margin-bottom:1.5rem}.mt-12{margin-top:3rem}.block{display:block}.inline{display:inline}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-\[4\/3\]{aspect-ratio:4/3}.h-screen{height:100vh}.h-10{height:2.5rem}.h-full{height:100%}.h-14{height:3.5rem}.h-16{height:4rem}.h-24{height:6rem}.min-h-full{min-height:100%}.w-full{width:100%}.w-screen{width:100vw}.w-24{width:6rem}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.max-w-6xl{max-width:72rem}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.list-decimal{list-style-type:decimal}.grid-cols-header{grid-template-columns:1fr 3fr 1fr}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-home-modal-header{grid-template-columns:50px 1fr 50px}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-clipboard-copy{grid-template-columns:1fr 1.5fr 1fr}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-canopy-attention{grid-template-columns:35px 1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-20{gap:5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-2{gap:.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-center{align-self:center}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border-2{border-width:2px}.border-0{border-width:0}.bg-gray{--tw-bg-opacity:1;background-color:rgb(185 185 185/var(--tw-bg-opacity))}.bg-text{--tw-bg-opacity:1;background-color:rgb(57 59 66/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-background{--tw-bg-opacity:1;background-color:rgb(245 245 245/var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgb(113 144 62/var(--tw-bg-opacity))}.bg-\[\#FFFFFFCC\]{background-color:#ffffffcc}.bg-\[\#f4ffe2\]{--tw-bg-opacity:1;background-color:rgb(244 255 226/var(--tw-bg-opacity))}.bg-\[\#F4F3F3\]{--tw-bg-opacity:1;background-color:rgb(244 243 243/var(--tw-bg-opacity))}.object-cover{object-fit:cover}.p-4{padding:1rem}.p-2{padding:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-12{padding-left:3rem;padding-right:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-16{padding-left:4rem;padding-right:4rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-0{padding-bottom:0;padding-top:0}.py-\[3px\]{padding-bottom:3px;padding-top:3px}.px-\[13px\]{padding-left:13px;padding-right:13px}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-9{padding-top:2.25rem}.pt-8{padding-top:2rem}.pl-4{padding-left:1rem}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-8{padding-left:2rem}.pb-3{padding-bottom:.75rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pl-12{padding-left:3rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-12{padding-right:3rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem;line-height:1rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-10{font-size:.625rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-22{font-size:1.375rem}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-extralight{font-weight:200}.leading-none{line-height:1}.leading-\[1\.35\]{line-height:1.35}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-text{--tw-text-opacity:1;color:rgb(57 59 66/var(--tw-text-opacity))}.text-green{--tw-text-opacity:1;color:rgb(113 144 62/var(--tw-text-opacity))}.text-extralight{--tw-text-opacity:1;color:rgb(78 78 78/var(--tw-text-opacity))}.text-red{--tw-text-opacity:1;color:rgb(227 0 0/var(--tw-text-opacity))}.text-\[\#393B42\]{--tw-text-opacity:1;color:rgb(57 59 66/var(--tw-text-opacity))}.text-orange{--tw-text-opacity:1;color:rgb(239 135 13/var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.opacity-70{opacity:.7}.opacity-50{opacity:.5}.outline{outline-style:solid}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}@media only screen and (max-width:380px){.pocket-text{font-size:.7em!important}}.button-interaction__checkout{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@-webkit-keyframes textOpacity{0%{opacity:0}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}@keyframes textOpacity{0%{opacity:0}20%{opacity:.2}40%{opacity:.4}60%{opacity:.6}80%{opacity:.8}to{opacity:1}}@-webkit-keyframes flexContainer{0%{justify-content:center}to{justify-content:space-around}}@keyframes flexContainer{0%{justify-content:center}to{justify-content:space-around}}body{background-color:#f5f5f5;font-family:Poppins,sans-serif;min-height:100%;min-height:-webkit-fill-available}body *{scrollbar-color:#71903e #f4f3f3;scrollbar-width:thin}body ::-webkit-scrollbar{width:12px}body ::-webkit-scrollbar-track{background:#f4f3f3}body ::-webkit-scrollbar-thumb{background-color:#71903e;border:3px solid #f4f3f3;border-radius:20px}body input::-webkit-inner-spin-button,body input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}body input[type=number]{-moz-appearance:textfield;caret-color:#71903e;text-align:center}body .custom_checkbox_container{cursor:pointer;display:block;height:25px;padding-left:35px;position:relative}body .custom_checkbox_container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}body .custom_checkbox_container input:focus-visible+.custom_checkmark{border-color:#71903e}body .custom_checkbox_container .custom_checkmark{background-color:#fff;border:1px solid #000;border-radius:5px;height:25px;left:0;position:absolute;top:0;width:25px}body .custom_checkbox_container .custom_checkmark.on_error{border:1px solid #b22234}body .custom_checkbox_container input:checked~.custom_checkmark{background-color:#fff}body .custom_checkbox_container .custom_checkmark:after{content:"";display:none;position:absolute}body .custom_checkbox_container input:checked~.custom_checkmark:after{display:block}body .custom_checkbox_container .custom_checkmark:after{border:solid #000;border-width:0 2px 2px 0;height:11px;left:9px;top:5px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px}body .smarch_checkbox.smarch_checkbox_size{height:44px;width:44px}body .hover_brightness:hover{background-color:#556c2f!important}body .hover_primary:hover{color:#71903e!important}body .custom_danger_bg{background-color:#e30000!important;color:#fff!important}body .custom_danger_bg,body .custom_danger_border{border-color:#e30000!important}body .mobile_top_bar{box-shadow:0 0 40px rgba(53,52,63,.2);height:86px;width:100%;z-index:999}body .mobile_top_bar.summary_top_bar{height:56px}body .mobile_top_bar .mobile_header_active_tab_border{background-color:#71903e;bottom:-5px;height:2px;left:0;position:absolute;width:100%}body .custom_question_mark_container{align-items:center;background-color:#71903e;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;margin-right:5px;width:18px}body .custom_dimension_input_container .custom_minus_dimension_button{align-items:center;background-color:#fff;border:1px solid #dfdfe1;border-bottom-left-radius:5px;border-top-left-radius:5px;color:#393b42;display:flex;font-weight:600;height:35px;justify-content:center;width:33px}body .custom_dimension_input_container .custom_dimension_input{border-bottom:1px solid #dfdfe1;border-radius:0;border-top:1px solid #dfdfe1;width:112px}body .custom_dimension_input_container .custom_dimension_input:focus{outline:none}body .custom_dimension_input_container .custom_plus_dimension_button{align-items:center;background-color:#fff;border:1px solid #dfdfe1;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#393b42;display:flex;font-weight:600;height:35px;justify-content:center;width:33px}body .custom_dimension_input_container:focus-within .custom_minus_dimension_button{background-color:#71903e;border-color:#71903e;color:#fff}body .custom_dimension_input_container:focus-within .custom_dimension_input{border-color:#71903e}body .custom_dimension_input_container:focus-within .custom_plus_dimension_button{background-color:#71903e;border-color:#71903e;color:#fff}body .custom_beams_number_container{align-items:center;background-color:#f4f3f3;border-radius:6px;display:flex;flex-direction:column;justify-content:center;padding:1.5rem 0}body .home_arrow_mobile_modal_trigger:focus{outline:none}body .canopy_switch_root{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);caret-color:transparent;cursor:pointer;height:25px;position:relative;width:48px}body .canopy_switch_root[data-state=checked]{background-color:#71903e}body .canopy_switch_root[data-state=checked] .canopy_switch_thumb{-webkit-transform:translateX(24px);transform:translateX(24px)}body .canopy_switch_root .canopy_switch_thumb{background-color:#fff;border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);display:block;height:21px;-webkit-transform:translateX(2px);transform:translateX(2px);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:21px;will-change:transform}body .custom_modal_title_border{border-bottom:1px solid #dfdfe1}body .dimensions_modal_container .custom_modal_pergola_dimensions_container{align-items:center;background-color:#f4f3f3;border-radius:6px;display:flex;justify-content:center;padding:1rem 0}body .dimensions_modal_container .custom_dimensions_modal_tab_button{color:#393b42;cursor:pointer;font-size:14px;font-weight:400;position:relative;text-align:center;width:83px}body .dimensions_modal_container .custom_dimensions_modal_tab_button_active{color:#71903e;cursor:pointer;font-size:14px;font-weight:700;position:relative;text-align:center;width:83px}body .notice_dimensions_modal_container{align-items:center}body .notice_dimensions_modal_container,body .notice_modal_container{grid-gap:15px;background-color:#f4f3f3;border-radius:6px;grid-template-columns:30px 1fr}body .notice_modal_container{align-items:flex-start}body .notice_mobile_modal_container{background-color:#f4f3f3;border-radius:6px}body .cart_modal_trigger_button{align-items:center;background-color:#71903e;border-radius:58px;color:#fff;display:inline-flex;height:44px;justify-content:center;padding:0 15px;width:178px}body .summary_border{border-bottom:.25px solid rgba(57,59,66,.5)}body .cart_modal_container::-webkit-scrollbar{width:7px}body .cart_modal_container::-webkit-scrollbar-thumb{background-color:transparent;border:none;border-top:150px solid #71903e}body .cart_modal_container{height:auto;max-height:65vh;overflow:auto;padding-bottom:10rem}body .cart_modal_container .cart_modal_grid{display:grid;grid-template-areas:"canvas summary" "buttons shipping";grid-template-columns:1.3fr 1fr;margin:2rem 0}body .cart_modal_container .cart_modal_grid .cart_modal_canvas{grid-area:canvas}body .cart_modal_container .cart_modal_grid .cart_modal_summary{border-radius:10px;box-shadow:0 4px 40px rgba(53,52,63,.1);grid-area:summary}body .cart_modal_container .cart_modal_grid .cart_modal_summary .checkout_modal_summary_border{border-bottom:1px solid #f4f3f3}body .cart_modal_container .cart_modal_grid .cart_grid_floating_buttons_container{grid-area:buttons}body .cart_modal_container .cart_modal_grid .cart_grid_shipping_container{grid-area:shipping}body .cart_modal_sticky_bottom .add_to_cart_modal_button{border:1px solid #fff;border-radius:58px}body .cart_modal_sticky_bottom .add_to_cart_modal_button:hover{box-shadow:0 0 20px hsla(0,0%,100%,.25)}body .cart_modal_sticky_bottom .add_to_cart_modal_button:disabled{opacity:.7}body .cart_modal_sticky_bottom .checkout_modal_button{border:1px solid #71903e;border-radius:58px}body .cart_modal_sticky_bottom .checkout_modal_button:hover{box-shadow:0 0 20px hsla(0,0%,100%,.25)}body .cart_modal_sticky_bottom .checkout_modal_button:disabled{opacity:.7}body .cart_modal_sticky_bottom .checkout_modal_button.no-hover{pointer-events:none}body .home_modal_container .stay_button{border-radius:20px;padding:8px 2.2rem}body .clipboard_copy_container{align-items:center;background-color:#f4f3f3;border-radius:7px;cursor:pointer;display:grid;grid-template-columns:20px 1fr;justify-content:space-around}body .desktop_container .notice_boxes_container{position:absolute}body .desktop_container .notice_boxes_container .notice_container{grid-gap:10px;align-items:flex-start;background-color:#fff;border-left:7px solid #71903e;border-radius:6px;grid-template-columns:30px 1fr 15px}body .desktop_container .floating_buttons_container{flex-direction:column;height:80vh;justify-content:space-between;left:2rem;position:absolute;top:11%}@media screen and (max-height:1079px){body .desktop_container .floating_buttons_container{height:75vh}}@media screen and (max-height:680px){body .desktop_container .floating_buttons_container{height:70vh;top:15%}}body .desktop_container .floating_buttons_container .floating_button_container{align-items:center;-webkit-appearance:none;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(57,59,66,.2);cursor:pointer;display:flex;height:39px;justify-content:center;outline:none;position:relative;transition:all .2s ease;width:39px}body .desktop_container .floating_buttons_container .floating_button_container.help{border-radius:41px;height:35px;width:109px}body .desktop_container .floating_buttons_container .floating_button_container .floating_button_text{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:textOpacity;animation-name:textOpacity;display:none;left:25%;position:absolute;transition:all 2s ease;width:110px}body .desktop_container .floating_buttons_container .floating_button_container .floating_button_text.ar{left:35%}body .desktop_container .floating_buttons_container .floating_button_container .floating_button_text.help{left:50%}body .desktop_container .floating_buttons_container .floating_button_container:hover{border-radius:34px;justify-content:start;width:156px}body .desktop_container .floating_buttons_container .floating_button_container:hover.ar{width:117px}body .desktop_container .floating_buttons_container .floating_button_container:hover.help{border-radius:41px 41px 0 41px;width:244px}body .desktop_container .floating_buttons_container .floating_button_container:hover .floating_button_image{margin-left:9px}body .desktop_container .floating_buttons_container .floating_button_container:hover .floating_button_text{display:flex;opacity:1}body .desktop_container .floating_buttons_container .floating_button_container:hover .floating_button_help_text{margin-left:15px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container{align-items:center;-webkit-appearance:none;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(57,59,66,.2);cursor:pointer;display:flex;height:39px;justify-content:center;outline:none;position:relative;transition:all .2s ease;width:39px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container .floating_button_text{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:textOpacity;animation-name:textOpacity;display:none;left:25%;position:absolute;transition:all 2s ease;width:110px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container .floating_button_text.ar{left:35%}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container:hover{border-radius:34px;justify-content:start;width:156px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container:hover.ar{width:117px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container:hover .floating_button_image{margin-left:9px}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container:hover .floating_button_text{display:flex;opacity:1}body .desktop_container .floating_buttons_container_cart_modal .floating_button_container:hover .floating_button_help_text{margin-left:15px}body .desktop_container .app_version{bottom:1px;position:absolute;right:1px}body .desktop_container .main_grid_layout{grid-row-gap:10px;display:grid;grid-template-areas:"header controls";grid-template-columns:3fr 1fr;grid-template-rows:[header] 65px [canvas] 1fr [summary] 84px;padding:3rem 2rem 1.5rem;row-gap:10px}body .desktop_container .main_grid_layout .tab_title:hover{color:#71903e;cursor:pointer}body .desktop_container .main_grid_layout .hover_color:hover{color:#71903e}body .desktop_container .main_grid_layout .header{grid-row-end:header;grid-row-start:header}body .desktop_container .main_grid_layout .header .custom_border{position:relative}body .desktop_container .main_grid_layout .header .custom_border:after{background:rgba(113,144,62,.5);content:"";height:50%;left:0;position:absolute;top:1rem;width:100%;z-index:-1}body .desktop_container .main_grid_layout .canvas{grid-row-end:canvas;grid-row-start:canvas}body .desktop_container .main_grid_layout .controls{grid-area:controls}body .desktop_container .main_grid_layout .controls .desktop_popup_link_margin{margin-bottom:2.5rem}@media screen and (max-height:680px){body .desktop_container .main_grid_layout .controls .desktop_popup_link_margin{margin-bottom:.25rem}}body .desktop_container .main_grid_layout .controls .pergola_design_container{display:grid;grid-template-columns:1fr 1fr;justify-content:center}body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_item{align-items:center;border-radius:6px;display:flex;height:120px;justify-content:center;justify-self:center;position:relative;width:80%}@media screen and (max-height:680px){body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_item{height:100px;width:60%}}body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_item .pergola_design_img{max-height:100%;max-width:100%;object-fit:contain}body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_item_indicator{background-color:transparent;border:2px solid #71903e;border-radius:6px;display:block;height:105%;left:-3px;position:absolute;top:-3px;width:104%}body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_selected_label{font-weight:700}body .desktop_container .main_grid_layout .controls .pergola_design_container .pergola_design_label{font-weight:400}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_label_wrapper{position:relative}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_label_wrapper .tooltip_text{background-color:#000;border-radius:6px;bottom:0;color:#fff;left:0;padding:3px 0;position:absolute;text-align:center;visibility:hidden;width:120px;z-index:1}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_label_wrapper:hover .tooltip_text{visibility:visible}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_item{border:1px solid transparent;border-radius:4px;height:70px;position:relative;width:140px}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_item:hover{border-color:#71903e}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_item.disabled{border-color:transparent;cursor:not-allowed}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_item .pergola_design_color_rectangle{aspect-ratio:2/1;border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_item .pergola_design_color_rectangle .cross_icon_container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_indicator{background-color:transparent;border:1px solid #71903e;border-radius:4px;display:block;height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_label{color:#393b42;cursor:pointer;font-weight:300;margin-top:10px}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .pergola_design_color_selected_label{color:#393b42;cursor:pointer;font-weight:700;margin-top:10px}body .desktop_container .main_grid_layout .controls .pergola_design_color_container .disabled-color-label:hover{cursor:not-allowed}body .desktop_container .main_grid_layout .controls .height_dimensions_label_margin{margin-top:2.5rem}@media screen and (max-height:680px){body .desktop_container .main_grid_layout .controls .height_dimensions_label_margin{margin-top:0}}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_switch_container{align-items:center;background:rgba(113,144,62,.1);border:1px solid #71903e;border-radius:6px;display:flex;justify-content:space-between;margin-top:2rem;padding:1rem}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_switch_container .canopy_switch_root{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);caret-color:transparent;cursor:pointer;height:25px;position:relative;width:42px}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_switch_container .canopy_switch_root[data-state=checked]{background-color:#71903e}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_switch_container .canopy_switch_root[data-state=checked] .canopy_switch_thumb{-webkit-transform:translateX(19px);transform:translateX(19px)}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_switch_container .canopy_switch_root .canopy_switch_thumb{background-color:#fff;border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);display:block;height:21px;-webkit-transform:translateX(2px);transform:translateX(2px);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:21px;will-change:transform}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item{border:2px solid transparent;border-radius:4px;height:70px;overflow:hidden;position:relative;width:140px}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item:hover{border-color:#71903e}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item .canopy_color_rectangle{border-radius:4px;height:100%;position:relative;width:100%}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item .canopy_color_indicator{background-color:transparent;border:2px solid #71903e;border-radius:3px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_design_color_label{color:#393b42;cursor:pointer;font-weight:300;margin-top:10px}body .desktop_container .main_grid_layout .controls .canopy_tab_content_container .canopy_colors_radio_container .canopy_design_color_selected_label{color:#393b42;cursor:pointer;font-weight:700;margin-top:10px}body .desktop_container .main_grid_layout .summary{grid-row-end:summary;grid-row-start:summary}@media screen and (max-width:1350px){body .desktop_container .main_grid_layout .summary{min-height:100px}}@media screen and (max-width:1150px){body .desktop_container .main_grid_layout .summary{margin-top:-1rem;min-height:120px}}body .desktop_container .main_grid_layout .summary .pergola_summary_grid{grid-gap:10px;border-radius:10px;display:grid;grid-template-areas:"structure dimensions beams";grid-template-columns:1fr 2fr 1fr;padding:0 2rem}@media screen and (max-width:1350px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:1150px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid{grid-template-columns:1fr 1fr .7fr}}@media screen and (max-width:1170px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid{padding:0 10px}}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_structure{border-right:1px solid #f5f5f5;grid-area:structure;width:100%}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_dimensions{display:flex;grid-area:dimensions;justify-content:center;width:100%}@media screen and (max-width:1350px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_dimensions .custom_dimensions_flex{flex-direction:column}}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_beams{border-left:1px solid #f5f5f5;display:flex;grid-area:beams;justify-content:flex-end;width:100%}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_beams .beams_and_weight_custom_flex{align-items:center;display:flex}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_beams .beams_and_weight_custom_flex .beams_summary_text{margin-left:1rem}@media screen and (max-width:1248px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_beams .beams_and_weight_custom_flex{flex-direction:column;text-align:center}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_beams .beams_and_weight_custom_flex .beams_summary_text{margin-left:0}}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_text{color:#393b42;font-family:Roboto,sans-serif;font-size:14px;font-weight:400}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_dimensions_text{color:#393b42;font-size:14px;font-weight:700;margin-left:1rem}@media screen and (max-width:1350px){body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_dimensions_text{font-size:12px;font-weight:700;margin-left:0}}body .desktop_container .main_grid_layout .summary .pergola_summary_grid .pergola_summary_dimensions_text span{color:#393b42;font-size:12px;font-weight:500}body .mobile_layout_container{grid-template-areas:"header" "canvas" "controls" "button";grid-template-columns:100vw;grid-template-rows:[header] 66px [canvas] 1fr [controls] 1.6fr [button] .1fr;height:100vh;height:calc(var(--vh, 1vh)*100)}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){body .mobile_layout_container{height:90vh}}body .mobile_layout_container .mobile_grid_header_item{grid-area:header}body .mobile_layout_container .mobile_tab_button{font-size:14px;font-weight:200}body .mobile_layout_container .mobile_tab_active_button{color:#71903e;font-size:14px;font-weight:800}body .mobile_layout_container .mobile_tab_bar_header_text{width:100%}body .mobile_layout_container .floating_buttons_container{flex-direction:column;height:81%;justify-content:space-between;position:absolute;right:.875rem;top:2rem}body .mobile_layout_container .floating_buttons_container.summary_tab{height:88%;top:.875rem}body .mobile_layout_container .floating_buttons_container .floating_button_container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px rgba(57,59,66,.2);display:flex;height:32px;justify-content:center;position:relative;width:32px}body .mobile_layout_container .mobile_canvas_container{grid-area:canvas;position:relative}body .mobile_layout_container .mobile_pergola_settings_container{background-color:#fff;border-top-left-radius:17px;border-top-right-radius:17px;box-shadow:0 4px 40px rgba(53,52,63,.2);grid-area:controls;overflow:auto}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container{display:grid;grid-template-columns:1fr 1fr;justify-content:center}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container .pergola_design_item{align-items:center;border-radius:2px;display:flex;height:80px;justify-content:center;justify-self:center;position:relative;width:50%}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container .pergola_design_item_indicator{background-color:transparent;border:2px solid #71903e;border-radius:6px;display:block;height:105%;left:-3px;position:absolute;top:-3px;width:103%}@media screen and (max-width:500px){body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container .pergola_design_item_indicator{height:109%;width:106%}}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container .pergola_design_selected_label{font-weight:600}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_container .pergola_design_label{font-weight:300}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_item{border:1px solid transparent;border-radius:3px;height:50px;position:relative;width:100px}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_item:hover{border-color:#71903e}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_item.disabled{border-color:transparent}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_item .pergola_design_color_rectangle{aspect-ratio:2/1;border-radius:3px;height:100%;overflow:hidden;position:relative;width:100%}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_item .pergola_design_color_rectangle .cross_icon_container{align-items:center;display:flex;height:100%;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_indicator{background-color:transparent;border:1px solid #71903e;border-radius:3px;display:block;height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:calc(100% + 2px)}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_label{color:#393b42;cursor:pointer;font-size:12px;font-weight:300;margin-top:5px}body .mobile_layout_container .mobile_pergola_settings_container .pergola_design_color_container .pergola_design_color_selected_label{color:#393b42;cursor:pointer;font-size:12px;font-weight:600;margin-top:5px}body .mobile_layout_container .mobile_pergola_settings_container .notice_mobile_container{background-color:#f4f3f3;border-radius:6px}body .mobile_layout_container .mobile_pergola_settings_container .notice_mobile_container .notice_mobile_grid{grid-gap:10px;align-items:flex-start;grid-template-columns:30px 1fr 15px}body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_mobile_input{border-bottom:1px solid #dfdfe1;border-color:#dfdfe1 currentcolor;border-top:1px solid #dfdfe1;padding:5px;width:51.5px}body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_mobile_input:focus-within .custom_dimension_feet_input,body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_mobile_input:focus-within .custom_dimension_inches_input{border-color:#71903e}body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_mobile_input:focus{border-color:#71903e;outline:none}body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_feet_input{border-bottom-right-radius:0;border-left:1px solid #dfdfe1;border-right:.5px solid #dfdfe1;border-top-right-radius:0}body .mobile_layout_container .mobile_pergola_settings_container .custom_dimension_inches_input{border-bottom-left-radius:0;border-left:.5px solid #dfdfe1;border-right:1px solid #dfdfe1;border-top-left-radius:0}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_switch_container{align-items:center;background:rgba(113,144,62,.1);border:1px solid #71903e;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_switch_container .canopy_switch_root{-webkit-tap-highlight-color:rgba(0,0,0,0);border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);caret-color:transparent;height:25px;position:relative;width:42px}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_switch_container .canopy_switch_root[data-state=checked]{background-color:#71903e}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_switch_container .canopy_switch_root[data-state=checked] .canopy_switch_thumb{-webkit-transform:translateX(19px);transform:translateX(19px)}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_switch_container .canopy_switch_root .canopy_switch_thumb{background-color:#fff;border-radius:9999px;box-shadow:0 2px 10px rgba(0,0,0,.141);display:block;height:21px;-webkit-transform:translateX(2px);transform:translateX(2px);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:21px;will-change:transform}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item{border:2px solid transparent;border-radius:3px;height:50px;overflow:hidden;position:relative;width:100px}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item:hover{border-color:#71903e}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item .canopy_color_rectangle{border-radius:3px;height:100%;position:relative;width:100%}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_colors_radio_group_item .canopy_color_indicator{background-color:transparent;border:2px solid #71903e;border-radius:4px;display:block;height:100%;left:0;position:absolute;top:0;width:100%}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_design_color_label{color:#393b42;cursor:pointer;font-weight:300;margin-top:10px}body .mobile_layout_container .mobile_pergola_settings_container .canopy_tab_content_container .canopy_colors_radio_container .canopy_design_color_selected_label{color:#393b42;cursor:pointer;font-weight:700;margin-top:10px}body .mobile_layout_container .mobile_cart_bottom_bar_container{bottom:0;grid-area:button;position:-webkit-sticky;position:sticky;width:100%;z-index:999}body .mobile_layout_container .mobile_cart_bottom_bar_container.summary_bar{height:117px}body .mobile_layout_container .mobile_cart_bottom_bar_container .mobile_cart_price_button_container{align-items:center;background-color:#393b42;display:flex;justify-content:space-between;padding:1rem}body .mobile_layout_container .mobile_next_cart_button{align-items:center;background-color:#71903e;border-radius:58px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:38px;justify-content:center;line-height:27px;padding:0 15px;width:159px}body .mobile_layout_container .mobile_next_cart_button:disabled{opacity:.7}.alert-dialog_fullScreen{border-radius:0!important;height:100%!important;max-height:none!important;width:100vw!important}@media screen and (min-width:1067px){.alert-dialog_fullScreen{border-radius:10px!important;height:80%!important;max-height:none!important;width:100vw!important}}.bullet-list li:before{background-color:#71903e;border-radius:.375rem;content:"";display:inline-block;height:.5rem;margin-right:.5rem;width:.5rem}.button-interaction{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px;-webkit-transform:translateZ(0);transform:translateZ(0)}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.imageBox{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.swatchBorder{--tw-border-opacity:1;border-color:rgb(57 59 66/var(--tw-border-opacity));border-width:1px}@media (min-width:1067px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mr-8{margin-right:2rem}.lg\:mb-0{margin-bottom:0}.lg\:mt-0{margin-top:0}.lg\:mt-14{margin-top:3.5rem}.lg\:mr-4{margin-right:1rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:w-23{width:26%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-16{padding-left:4rem;padding-right:4rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-2{padding-top:.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-sm{font-size:.875rem;line-height:1.25rem}.lg\:font-semibold{font-weight:600}.lg\:font-normal{font-weight:400}.lg\:font-bold{font-weight:700}}
/*# sourceMappingURL=main.f255f56a.css.map*/