/* Shared geometry and control styling across Safari, Chrome and Android. */
.ui-icon{display:inline-block;width:1.15em;height:1.15em;min-width:1.15em;flex-shrink:0;vertical-align:-.16em;overflow:visible;color:inherit;pointer-events:none}
.ui-icon path,.ui-icon circle{vector-effect:non-scaling-stroke}
.button>.ui-icon,.nav-cta>.ui-icon,.photo-zoom>.ui-icon,.drawing-open>.ui-icon,.text-link>.ui-icon{width:19px;height:19px;min-width:19px}
.button>span[aria-hidden],.text-link>span[aria-hidden],.nav-cta>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.dialog-close .ui-icon{width:22px;height:22px;min-width:22px}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,input[type=button],input[type=submit],input[type=reset]{-webkit-appearance:none;appearance:none;border-radius:0}
input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{-webkit-appearance:none;appearance:none;border-radius:0}
select{-webkit-appearance:none;appearance:none;border-radius:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23242522' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:18px 18px!important;padding-right:40px!important}
body select,#extension-app select,#renovation-app select,#planning-app select,.zs-viewer .zs-toolbar select[data-zs]{padding-right:40px!important}
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
input[type=checkbox],input[type=radio]{-webkit-appearance:none!important;appearance:none!important;accent-color:#242522;width:18px;height:18px;min-width:18px;flex-shrink:0;border:1px solid #7b7770!important;background-color:#fff!important;background-position:center!important;background-repeat:no-repeat!important;box-shadow:none;vertical-align:middle;padding:0!important}
input[type=checkbox]{border-radius:2px!important}input[type=radio]{border-radius:50%!important}
input[type=checkbox]:checked{background-color:#242522!important;border-color:#242522!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")!important;background-size:16px!important}
input[type=radio]:checked{background-image:radial-gradient(circle,#242522 0 4px,transparent 4.5px)!important}
summary{list-style:none}summary::-webkit-details-marker{display:none}summary::marker{content:''}
details>summary::after{content:''!important;display:inline-block;width:16px;height:16px;flex-shrink:0;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat;vertical-align:middle;margin-left:10px;transform:none!important}
details[open]>summary::after{transform:rotate(180deg)!important}
@media(max-width:720px){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}.photo-zoom,.drawing-open,.language,.menu{min-height:44px}.menu{min-width:44px;padding-inline:8px}.dialog-close{min-width:44px;min-height:44px}}
@media(forced-colors:active){select{-webkit-appearance:auto;appearance:auto;background-image:none!important}input[type=checkbox],input[type=radio]{appearance:auto!important;background-image:none!important}details>summary::after{background:CanvasText}.ui-icon{forced-color-adjust:auto}}

@media(hover:none){.button:hover{transform:none}}

@media(max-width:720px){body :is(#extension-app,#renovation-app,#planning-app,#commercial-app,#quote-app,.enquiry-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea),.zs-viewer .zs-toolbar select[data-zs]{font-size:16px!important}.zs-viewer .zs-toolbar select[data-zs]{max-width:150px!important;width:auto!important;min-width:100px!important}}