.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000bf;z-index:502;display:flex;justify-content:center;align-items:center}.modal .filters{width:100%;max-width:563px;max-height:80%;background-color:var(--nsw-white);overflow:auto}.modal .title{font-size:18px;padding-top:16px;padding-bottom:16px;position:sticky;top:0;background-color:var(--nsw-white);border-bottom:1px solid var(--nsw-grey-03);z-index:2;text-align:center}.modal .title+.inner{border-top:none}.modal .title button{cursor:pointer;position:absolute;top:16px;right:19px;border:none;background-color:transparent;color:var(--nsw-brand-dark)}.modal .inner{border-top:1px solid var(--nsw-grey-03);padding:32px 38px}@media (max-width: 623px){.modal .inner{padding:16px 32px}}.modal .inner.actions{display:flex;justify-content:space-between;align-items:center}.modal .subtitle{margin-bottom:19px}@media (max-width: 623px){.modal .subtitle{margin-bottom:16px}}.modal .dualRangeSlider{margin-top:30px;position:relative;padding-bottom:30px}.modal .dualRangeSlider input{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;height:2px;margin:0;width:100%;background-color:var(--nsw-grey-04);pointer-events:none}.modal .dualRangeSlider input:first-child{height:0;z-index:1}.modal .dualRangeSlider .label{position:absolute;font-size:13px;line-height:15px}.modal .dualRangeSlider .label.above{top:-30px}.modal .dualRangeSlider .label.below{bottom:0}.modal .dualRangeSlider .fill{position:absolute;top:0;height:2px;background-color:#8cdbe5}.modal .dualRangeSlider input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;background-color:var(--nsw-palette-teal-01);border-radius:50%;cursor:pointer}.modal .dualRangeSlider input::-moz-range-thumb{-webkit-appearance:none;pointer-events:all;width:18px;height:18px;background-color:var(--nsw-palette-teal-01);border-radius:50%;border:none;cursor:pointer}.modal .dualRangeSlider input::-webkit-slider-thumb:hover{background-color:var(--nsw-palette-teal-02)}.modal .buttons{display:flex;flex-wrap:wrap;gap:13px}.modal .buttons .button{display:block;color:var(--nsw-palette-teal-02);border-color:var(--nsw-palette-teal-02)}.modal .buttons label:focus-within .button{outline:2px solid var(--nsw-palette-teal-01)}.modal .buttons input:not(:checked)+.button:hover{color:var(--nsw-palette-teal-02);background-color:var(--nsw-palette-teal-04)}.modal .buttons input:checked+.button{color:var(--nsw-white);background-color:var(--nsw-palette-teal-02)}.modal .button{padding:10px 16px}.modal .buttons,.modal .patterns,.modal .tags{display:flex}.modal .buttons label,.modal .patterns label,.modal .tags label{cursor:pointer}.modal .buttons label input,.modal .patterns label input,.modal .tags label input{display:block;margin:0;height:0}.modal .patterns{gap:8px}.modal .patterns label{width:112px;font-size:16px}.modal .patterns label:focus-within .tile{outline:2px solid var(--nsw-palette-teal-01)}.modal .patterns label input:checked+.tile,.modal .patterns label:hover .tile{border-color:var(--nsw-palette-teal-01)}.modal .patterns label .tile{aspect-ratio:1;background-color:var(--nsw-palette-teal-04);padding:14px;margin-bottom:5.6px;border:2px solid var(--nsw-grey-04);border-radius:4px;display:flex;justify-content:center;align-items:center}.modal .patterns label .tile img{max-height:100%}.modal .tags{flex-wrap:wrap;gap:11px}.modal .tags label{display:flex;font-size:13px;line-height:25px;background-color:var(--nsw-palette-teal-04);border-radius:12.5px;padding-left:16px;padding-right:16px}.modal .tags label:focus-within{outline:2px solid var(--nsw-palette-teal-01)}.modal .tags label:has(input:checked),.modal .tags label:hover{color:var(--nsw-white);background-color:var(--nsw-palette-teal-01)}.modal .tags label:has(input:checked):after{content:"close";font-size:12px;font-family:Material Symbols Outlined;color:var(--nsw-white);margin-left:8px}.modal .tags label input{width:0}.modal .clearAll{cursor:pointer;color:var(--nsw-palette-teal-01);font-weight:700;font-size:16px;text-decoration:underline;border:none;background-color:transparent;padding-left:0;padding-right:0}.modal .clearAll:hover{background-color:var(--nsw-hover)}.nsw-loader{text-align:center;width:fit-content}.nsw-loader__circle{position:relative;display:inline-flex;border-radius:50%;border-style:solid;animation-name:nsw-loader-animation-rotate;animation-duration:1.4s;animation-timing-function:linear;animation-iteration-count:infinite;width:64px;height:64px;border-width:4px;transform-origin:50% 50% calc(2rem + 4px);border-color:var(--nsw-grey-03);border-top-color:var(--nsw-brand-accent)}.nsw-loader__circle--sm{width:24px;height:24px;transform-origin:50% 50% 15px;border-width:3px}.nsw-loader__circle--md{width:32px;height:32px;transform-origin:50% 50% 19px;border-width:3px}.nsw-loader__circle--lg{width:48px;height:48px;transform-origin:50% 50% 28px}.nsw-loader__label{display:block}@keyframes nsw-loader-animation-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.patternListing{max-width:1207px;margin:80px auto 103px;padding-left:21px;padding-right:21px}.patternListing .icon{font-family:Material Symbols Outlined;font-size:24px;line-height:1}.patternListing .button{cursor:pointer;color:var(--nsw-palette-teal-01);border-radius:4px;border:2px solid var(--nsw-palette-teal-01);background-color:transparent;font-size:16px;font-weight:700}.patternListing .button:hover{color:var(--nsw-white);background-color:var(--nsw-palette-teal-01)}.patternListing .clearAllFilters{cursor:pointer;border:none;background-color:transparent;color:var(--nsw-palette-teal-01);font-size:16px;font-weight:700;text-decoration:underline;margin-left:37px;padding:0}.patternListing .clearAllFilters:hover{background-color:var(--nsw-hover)}.patternListing form{display:flex;align-items:center;height:48px}.patternListing form input[type=text]{border-width:1px 0 1px 1px;border-style:solid;border-color:var(--nsw-palette-teal-01);flex-grow:1;min-width:100px;height:100%;margin-right:0;padding-left:16px;padding-right:16px;border-radius:4px 0 0 4px}@supports (-webkit-touch-callout: none){.patternListing form input[type=text]{font-size:16px}}.patternListing form input[type=text]:focus{outline-color:#055fcc}.patternListing form input[type=submit]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--nsw-white);background-color:var(--nsw-palette-teal-01);font-size:16px;font-weight:700;height:100%;margin-left:0;padding-left:24px;padding-right:24px;border:2px solid var(--nsw-palette-teal-01);border-radius:0 4px 4px 0}.patternListing form input[type=submit]:hover{color:var(--nsw-palette-teal-01);background-color:transparent}.patternListing .sortBy{margin-top:24px}.patternListing .sortBy ul{display:flex;flex-wrap:wrap;margin-top:2px;padding-left:0}@media (min-width: 661px){.patternListing .sortBy ul{margin-top:24px;box-shadow:0 4px 12px #00000026}}.patternListing .sortBy li{flex-grow:1;margin-top:0;list-style:none;position:relative}@media (max-width: 660px){.patternListing .sortBy li{margin-top:10px;width:50%}}.patternListing .sortBy li:hover button:before,.patternListing .sortBy li.active button:before{content:"";position:absolute;top:50%;left:50%;width:80%;height:28px;background-color:var(--nsw-palette-teal-01);z-index:-1;translate:-50% -50%}@media (max-width: 660px){.patternListing .sortBy li:hover button:before,.patternListing .sortBy li.active button:before{width:100%;height:48px}}.patternListing .sortBy li:hover button,.patternListing .sortBy li:hover .icon,.patternListing .sortBy li.active button,.patternListing .sortBy li.active .icon{color:var(--nsw-white)}.patternListing .sortBy li button{cursor:pointer;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;font-size:16px;color:inherit;background-color:transparent;border:none;width:100%}.patternListing .sortBy li:not(:first-child):after{content:"";display:block;position:absolute;top:12px;left:0;bottom:12px;width:1px;background-color:var(--nsw-grey-03)}@media (max-width: 660px){.patternListing .sortBy li:not(:first-child):after{top:0;bottom:0}}@media (max-width: 660px){.patternListing .sortBy li:nth-child(odd):after{display:none}}.patternListing .filter{margin-top:24px;display:flex;justify-content:space-between;align-items:center}@media (max-width: 660px){.patternListing .filter{margin-top:36px}}.patternListing .filter .right{display:flex;gap:42px}.patternListing .filter .switch{cursor:pointer;display:flex;align-items:center}@media (max-width: 660px){.patternListing .filter .switch{font-size:12px}}.patternListing .filter .switch input{opacity:0;width:0;height:0;margin:0}.patternListing .filter .switch input:checked+div:after{left:12px}.patternListing .filter .switch input:focus+div:after{border:2px solid var(--nsw-palette-teal-01)}.patternListing .filter .switch div{position:relative;width:32px;height:14px;background-color:#d1eeea;border:none;border-radius:7px;margin-left:8px;margin-right:8px}.patternListing .filter .switch div:after{position:absolute;top:50%;left:0;transform:translateY(-50%);transition:left .05s linear;content:"";display:block;width:20px;height:20px;border-radius:50%;background-color:var(--nsw-palette-teal-02);box-shadow:0 1px 2px #0003,0 .1px .3px #0000001a}.patternListing .filter .button{padding:12px 24px}.patternListing .nsw-loader{margin:24px auto 0}.patternListing .grid{margin-top:24px;display:flex;flex-wrap:wrap;row-gap:35px;column-gap:18px;padding-left:0;container-type:inline-size}.patternListing .grid>li{margin-top:0;list-style:none;border:1px solid var(--nsw-grey-03);border-radius:4px;box-shadow:0 4px 4px #00000040;width:calc((100% - 36px) / 3)}@container (max-width: 932px){.patternListing .grid>li{width:calc((100% - 18px)/2)}}@container (max-width: 614px){.patternListing .grid>li{width:100%}}.patternListing .grid>li a{display:block;height:100%;color:var(--nsw-text-dark);font-weight:400;text-decoration:none;outline:none}.patternListing .grid>li a:hover,.patternListing .grid>li a:focus{color:var(--nsw-white);background-color:var(--nsw-palette-teal-01)}.patternListing .grid>li a:hover .details .icon,.patternListing .grid>li a:hover .details .arrow,.patternListing .grid>li a:focus .details .icon,.patternListing .grid>li a:focus .details .arrow{color:var(--nsw-white)}.patternListing .grid>li img{display:block;width:100%;object-fit:cover;aspect-ratio:374/210}.patternListing .grid>li .details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding-left:30px;padding-right:30px;height:210px}.patternListing .grid>li .details .title{font-size:20px}.patternListing .grid>li .details ul{display:flex;align-items:center;font-size:14px;gap:6px;margin-top:0;padding-left:0}.patternListing .grid>li .details li{display:flex;align-items:center}.patternListing .grid>li .details li .icon{color:var(--nsw-palette-teal-02);margin-right:6px}.patternListing .grid>li .details li strong{min-width:27px}.patternListing .grid>li .details .arrow{color:var(--nsw-palette-teal-01);font-family:Material Symbols Outlined;font-weight:400;font-size:30px;line-height:1;text-decoration:none}