:root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #141414; --grey: #efefef; --dark-grey: #727272; --white: #fff; --faded: rgba(0,0,0,0.24); --crawl: 0.8s; --walk: 0.4s; --run: 0.2s; --rasterboy-border-width: 1px; --rasterboy-border-color: rgba(0,0,0,0.64); --rasterboy-alt-color: rgba(0,0,0,0.06); --rasterboy-color: rgba(0,0,0,0.72); --rasterboy-raster-size: 4px; --rasterboy-raster-border-color: rgba(0,0,0,0.12); --rasterboy-offset: 3px; --rasterboy-offset-x: var(--rasterboy-offset); --rasterboy-offset-y: var(--rasterboy-offset); } :root { --black: #141414; --grey: #efefef; --dark-grey: #727272; --white: #fff; --faded: rgba(0,0,0,0.24); --crawl: 0.8s; --walk: 0.4s; --run: 0.2s; --rasterboy-border-width: 1px; --rasterboy-border-color: rgba(0,0,0,0.64); --rasterboy-alt-color: rgba(0,0,0,0.06); --rasterboy-color: rgba(0,0,0,0.72); --rasterboy-raster-size: 4px; --rasterboy-raster-border-color: rgba(0,0,0,0.12); --rasterboy-offset: 3px; --rasterboy-offset-x: var(--rasterboy-offset); --rasterboy-offset-y: var(--rasterboy-offset); } body .eboy { position: relative; box-shadow: inset 0 0 0 var(--eboy-border-width, 1px) var(--eboy-border-color, rgba(0,0,0,0.64)); border-style: none; } body .eboy:before, body .eboy:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } body .eboy:before { box-shadow: var(--eboy-offset, 3px) var(--eboy-offset, 3px) 0 1px var(--eboy-color, rgba(0,0,0,0.24)); border-radius: inherit; } body .eboy:after { box-shadow: 0 0 0 1px rgba(255,255,255,0.24); border-radius: inherit; } body .eboy.active { transform: translate(calc(var(--eboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--eboy-offset) / 2 + var(--button-offset-y, 0px))); } body .eboy.active:before { box-shadow: calc(var(--eboy-offset) / 3) calc(var(--eboy-offset) / 3) 0 1px var(--eboy-active-color, var(--eboy-color, rgba(0,0,0,0.24))); } body .rasterboy { position: relative; box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64)); border: none; transform-style: preserve-3d; } body .rasterboy:before, body .rasterboy:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; pointer-events: none; } body .rasterboy:before { border: var(--rasterboy-border-width) solid var(--rasterboy-raster-border-color); background-image: linear-gradient(45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(-45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%), linear-gradient(-45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%); background-size: var(--rasterboy-raster-size) var(--rasterboy-raster-size); background-position: 0 0, 0 10px, 10px -10px, -10px 0px; transform: var(--rasterboy-translate, translate3d(var(--rasterboy-offset-x), var(--rasterboy-offset-y), var(--rasterboy-translate-z, -1em))); } body .rasterboy:after { box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64)); border-radius: inherit; } body .debug { filter: drop-shadow(0 0 12px #f00); } :root { --title-line-height: 1.2; --title-font: 300 var(--title-font-size)/var(--title-line-height) var(--font); }:root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; outline: none; } html { font-size: 62.5%; } body { font-size: 1.5rem; -webkit-font-smoothing: subpixel-antialiased; } table { border: none !important; border-collapse: collapse; } table th, table tr, table td { border: none; padding: 0; } table tr { border-bottom: 1px solid $silver; } h1, h2, h3, h4 { margin: 0; line-height: 1.2em; color: $baseColour; } img { display: block; } .hidden { display: none; } @-moz-keyframes hr { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-webkit-keyframes hr { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-o-keyframes hr { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @keyframes hr { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-moz-keyframes min { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-webkit-keyframes min { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-o-keyframes min { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @keyframes min { 100% { -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); -webkit-transform: rotate(720deg); -moz-transform: rotate(720deg); -ms-transform: rotate(720deg); -o-transform: rotate(720deg); transform: rotate(720deg); } } @-moz-keyframes loaderFade { 0% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } 100% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } @-webkit-keyframes loaderFade { 0% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } 100% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } @-o-keyframes loaderFade { 0% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } 100% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } @keyframes loaderFade { 0% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; -ms-opacity: 0; -o-opacity: 0; opacity: 0; } 100% { zoom: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; } } @font-face { font-family: 'Circular'; src: url("/fonts/Circular/CircularXXWeb-Regular.eot"); src: url("/fonts/Circular/CircularXXWeb-Regular.eot?#iefix") format('embedded-opentype'), url("/fonts/Circular/CircularXXWeb-Regular.woff2") format('woff2'), url("/fonts/Circular/CircularXXWeb-Regular.woff") format('woff'), url("/fonts/Circular/CircularXXWeb-Regular.ttf") format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Circular'; src: url("/fonts/Circular/CircularXXWeb-Bold.eot"); src: url("/fonts/Circular/CircularXXWeb-Bold.eot?#iefix") format('embedded-opentype'), url("/fonts/Circular/CircularXXWeb-Bold.woff2") format('woff2'), url("/fonts/Circular/CircularXXWeb-Bold.woff") format('woff'), url("/fonts/Circular/CircularXXWeb-Bold.ttf") format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'CircularMono'; src: url("/fonts/Circular/CircularXXMonoTrialWeb-Regular.eot"); src: url("/fonts/Circular/CircularXXMonoTrialWeb-Regular.eot?#iefix") format('embedded-opentype'), url("/fonts/Circular/CircularXXMonoTrialWeb-Regular.woff2") format('woff2'), url("/fonts/Circular/CircularXXMonoTrialWeb-Regular.woff") format('woff'), url("/fonts/Circular/CircularXXMonoTrialWeb-Regular.ttf") format('truetype'); font-weight: 700; font-style: normal; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .glossaryHighlight { background-color: #ff0; color: #222; } a { color: var(--black); } #body { background-color: var(--white); min-height: 100%; } @media (min-width: 2001px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { #body { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { #body { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } #html { height: 100vh; overflow: scroll; overflow-x: hidden; } details summary::-webkit-details-marker { display: none; } /* Hide scrollbar for Chrome, Safari and Opera */ ::-webkit-scrollbar { display: none; } /* Hide scrollbar for IE, Edge and Firefox */ * { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ box-sizing: border-box; border-collapse: collapse; font-feature-settings: 'salt', 'ss05', 'ss08', 'liga'; } .resize-animation-stopper * { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .version { position: fixed; bottom: 0; left: 0; z-index: 100000000000000000; font-size: 0.9rem; padding: 1px; color: #fff; } @media print { .version { display: none; } } /* Hide scrollbar for IE, Edge and Firefox */ #body { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } #html.touch *:hover { all: unset !important; } @media (max-width: 767px) { } .btn { cursor: pointer; background-color: rgba(0,0,0,0); } .btn:hover { background-color: #999; } .btn.active { background-color: #999; } .blue { color: #ff0 !important; } .inline { display: inline; } h1 { font-size: 5rem; } h2 { font-weight: 700 !important; font-weight: 700 !important; } @media (min-width: 2001px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { h2 { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { h2 { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } h3 { font-weight: 700 !important; font-weight: 700 !important; } @media (min-width: 2001px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1501px) and (max-width: 2000px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1401px) and (max-width: 1500px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { h3 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } h4 { font-weight: 700 !important; } @media (min-width: 2001px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1501px) and (max-width: 2000px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1401px) and (max-width: 1500px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { h4 { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } strong, b { font-weight: 700; } i, em { font-style: italic; } .label { display: flex; gap: 0.4rem; } .label .unit { display: flex; } .label .unit:after { content: ")"; display: inline; padding-left: 0.4rem; } .label .unit:before { content: "("; display: inline; padding-right: 0.4rem; } .label .unit div { display: inline; } .upper:before { content: " – "; } .resize-animation-stopper * { animation: none !important; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .azt-helpers-Markdown-container a { text-decoration: underline !important; border-bottom-style: none !important; border-bottom-width: 0 !important; word-break: break-word !important; text-underline-offset: 0.2rem; } @media (max-width: 767px) { .azt-helpers-BrowserCheck-container { display: none !important; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #141414; --grey: #efefef; --dark-grey: #727272; --white: #fff; --faded: rgba(0,0,0,0.24); --crawl: 0.8s; --walk: 0.4s; --run: 0.2s; --rasterboy-border-width: 1px; --rasterboy-border-color: rgba(0,0,0,0.64); --rasterboy-alt-color: rgba(0,0,0,0.06); --rasterboy-color: rgba(0,0,0,0.72); --rasterboy-raster-size: 4px; --rasterboy-raster-border-color: rgba(0,0,0,0.12); --rasterboy-offset: 3px; --rasterboy-offset-x: var(--rasterboy-offset); --rasterboy-offset-y: var(--rasterboy-offset); } :root { --black: #141414; --grey: #efefef; --dark-grey: #727272; --white: #fff; --faded: rgba(0,0,0,0.24); --crawl: 0.8s; --walk: 0.4s; --run: 0.2s; --rasterboy-border-width: 1px; --rasterboy-border-color: rgba(0,0,0,0.64); --rasterboy-alt-color: rgba(0,0,0,0.06); --rasterboy-color: rgba(0,0,0,0.72); --rasterboy-raster-size: 4px; --rasterboy-raster-border-color: rgba(0,0,0,0.12); --rasterboy-offset: 3px; --rasterboy-offset-x: var(--rasterboy-offset); --rasterboy-offset-y: var(--rasterboy-offset); } .azt-react-Button-container { background-color: var(--button-background-color, #fff); display: inline-flex; justify-content: center; align-items: center; position: relative; min-width: 0; padding: var(--button-padding, var(--button-padding-top, 0) var(--button-padding-right, 0) var(--button-padding-bottom, 0) var(--button-padding-left, 0)); border: var(--button-border-width, 1px) solid var(--button-border-color, currentColor); margin: unset; color: var(--button-color, inherit); font: inherit; font-size: var(--button-font-size, 1em); letter-spacing: inherit; word-spacing: inherit; text-transform: inherit; text-shadow: inherit; text-align: unset; text-decoration: unset; transition: color var(--button-transition-duration, 0), background-color var(--button-transition-duration, 0), border-color var(--button-transition-duration, 0); cursor: pointer; } .azt-react-Button-container >span { text-overflow: ellipsis; overflow: hidden; } .azt-react-Button-container .azt-react-Button-icon { background-color: var(--icon-background-color, transparent); color: var(--icon-color, currentColor); } .azt-react-Button-container:disabled, .azt-react-Button-container.disabled { background-color: var(--disabled-button-background-color, transparent); color: var(--disabled-button-color, var(--button-color, inherit)); opacity: var(--disabled-button-opacity, 0.42); pointer-events: none !important; cursor: unset; } @media (hover: hover) { .azt-react-Button-container.enabled:hover { background-color: var(--button-color, #000); color: var(--button-background-color, #fff); border-color: var(--button-color, currentColor); } .azt-react-Button-container.enabled:hover >.azt-react-Button-icon { background-color: var(--icon-color, transparent); color: var(--icon-background-color, var(--button-background-color)); } } .azt-react-Button-container.enabled:active, .azt-react-Button-container.enabled.active { background-color: var(--button-color, #000); color: var(--button-background-color, #fff); border-color: var(--button-background-color, currentColor); } .azt-react-Button-container.clean { --button-background-color: transparent; --disabled-button-background-color: transparent; border: none; padding: unset; } @media (hover: hover) { .azt-react-Button-container.clean.enabled:hover { --button-color: transparent; --button-background-color: currentColor; } } .azt-react-Button-container.clean.enabled:active, .azt-react-Button-container.clean.enabled.active { --button-color: transparent; --button-background-color: currentColor; } .azt-react-Button-container.clean.inverted { --button-background-color: currentColor; --button-color: transparent; } .azt-react-Button-container.link { text-decoration: revert; } .azt-react-Button-container.round, .azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-eboy:before, .azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-eboy:after, .azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-rasterboy:before, .azt-react-Button-container.round.azt-react-Button-container.azt-react-Button-rasterboy:after { border-radius: 50%; } .azt-react-Button-container.round { flex-shrink: 0; padding: 0; width: var(--button-diameter, 1lh); height: var(--button-diameter, 1lh); } .azt-react-Button-container.smooth, .azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-eboy:before, .azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-eboy:after, .azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-rasterboy:before, .azt-react-Button-container.smooth.azt-react-Button-container.azt-react-Button-rasterboy:after { height: var(--button-diameter, 1lh); border-radius: calc(var(--button-diameter, 1lh) / 2); } .azt-react-Button-container.inverted { background-color: var(--button-color, #000); color: var(--button-background-color, #fff); border-color: var(--button-border-color, var(--button-color, currentColor)); } .azt-react-Button-container.inverted >.azt-react-Button-icon { color: var(--icon-color, var(--button-background-color)); } @media (hover: hover) { .azt-react-Button-container.inverted.enabled:hover { background-color: var(--button-background-color, #fff); color: var(--button-color, #000); border-color: var(--button-color, currentColor); } .azt-react-Button-container.inverted.enabled:hover >.azt-react-Button-icon { color: var(--icon-color, var(--button-color)); } } .azt-react-Button-container.inverted.enabled:active, .azt-react-Button-container.inverted.enabled.active { background-color: var(--button-background-color, #fff); color: var(--button-color, #000); border-color: var(--button-color, currentColor); } .azt-react-Button-container.inverted.enabled:active >.azt-react-Button-icon, .azt-react-Button-container.inverted.enabled.active >.azt-react-Button-icon { color: var(--icon-color, var(--button-color)); } .azt-react-Button-container.material { border: 1px solid rgba(0,0,0,0.12); box-shadow: 0 1px 4px 1px rgba(0,0,0,0.24); } @media (hover: hover) { .azt-react-Button-container.material:enabled:hover, .azt-react-Button-container.material.enabled:hover { box-shadow: 0 1px 1px 1px rgba(0,0,0,0.24); } } .azt-react-Button-container.material:enabled:active, .azt-react-Button-container.material.enabled:active, .azt-react-Button-container.material:enabled.active, .azt-react-Button-container.material.enabled.active { box-shadow: 0 1px 1px 1px rgba(0,0,0,0.24); } .azt-react-Button-container.eboy { position: relative; box-shadow: inset 0 0 0 var(--eboy-border-width, 1px) var(--eboy-border-color, rgba(0,0,0,0.64)); border-style: none; } .azt-react-Button-container.eboy:before, .azt-react-Button-container.eboy:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .azt-react-Button-container.eboy:before { box-shadow: var(--eboy-offset, 3px) var(--eboy-offset, 3px) 0 1px var(--eboy-color, rgba(0,0,0,0.24)); border-radius: inherit; } .azt-react-Button-container.eboy:after { box-shadow: 0 0 0 1px rgba(255,255,255,0.24); border-radius: inherit; } .azt-react-Button-container.eboy.azt-react-Button-active { transform: translate(calc(var(--eboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--eboy-offset) / 2 + var(--button-offset-y, 0px))); } .azt-react-Button-container.eboy.azt-react-Button-active:before { box-shadow: calc(var(--eboy-offset) / 3) calc(var(--eboy-offset) / 3) 0 1px var(--eboy-active-color, var(--eboy-color, rgba(0,0,0,0.24))); } @media (hover: hover) { .azt-react-Button-container.eboy.enabled:hover { --eboy-color: rgba(0,0,0,0.32); } } .azt-react-Button-container.eboy.enabled:active, .azt-react-Button-container.eboy.enabled.active { transform: translate(calc(var(--eboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--eboy-offset) / 2 + var(--button-offset-y, 0px))); } .azt-react-Button-container.eboy.enabled:active:before, .azt-react-Button-container.eboy.enabled.active:before { box-shadow: calc(var(--eboy-offset) / 3) calc(var(--eboy-offset) / 3) 0 1px var(--eboy-active-color, var(--eboy-color, rgba(0,0,0,0.24))); } .azt-react-Button-container.rasterboy { position: relative; box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64)); border: none; transform-style: preserve-3d; } .azt-react-Button-container.rasterboy:before, .azt-react-Button-container.rasterboy:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; pointer-events: none; } .azt-react-Button-container.rasterboy:before { border: var(--rasterboy-border-width) solid var(--rasterboy-raster-border-color); background-image: linear-gradient(45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(-45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%), linear-gradient(-45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%); background-size: var(--rasterboy-raster-size) var(--rasterboy-raster-size); background-position: 0 0, 0 10px, 10px -10px, -10px 0px; transform: var(--rasterboy-translate, translate3d(var(--rasterboy-offset-x), var(--rasterboy-offset-y), var(--rasterboy-translate-z, -1em))); } .azt-react-Button-container.rasterboy:after { box-shadow: inset 0 0 0 var(--rasterboy-border-width, 1px) var(--rasterboy-border-color, rgba(0,0,0,0.64)); border-radius: inherit; } @media (hover: hover) { .azt-react-Button-container.rasterboy.enabled:hover:before { background-image: linear-gradient(45deg, var(--rasterboy-active-color, var(--rasterboy-color)) 25%, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 25%), linear-gradient(-45deg, var(--rasterboy-active-color, var(--rasterboy-color)) 25%, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 25%), linear-gradient(45deg, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 75%, var(--rasterboy-active-color, var(--rasterboy-color)) 75%), linear-gradient(-45deg, var(--rasterboy-alt-active-color, var(--rasterboy-alt-color)) 75%, var(--rasterboy-active-color, var(--rasterboy-color)) 75%); } } .azt-react-Button-container.rasterboy.enabled:active, .azt-react-Button-container.rasterboy.enabled.active { transform: translate(calc(var(--rasterboy-offset) / 2 + var(--button-offset-x, 0px)), calc(var(--rasterboy-offset) / 2 + var(--button-offset-y, 0px))) !important; } .azt-react-Button-container.rasterboy.enabled:active:before, .azt-react-Button-container.rasterboy.enabled.active:before { background-image: linear-gradient(45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(-45deg, var(--rasterboy-color) 25%, var(--rasterboy-alt-color) 25%), linear-gradient(45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%), linear-gradient(-45deg, var(--rasterboy-alt-color) 75%, var(--rasterboy-color) 75%); background-size: var(--rasterboy-raster-size) var(--rasterboy-raster-size); background-position: 0 0, 0 10px, 10px -10px, -10px 0px; transform: translate3d(calc(var(--rasterboy-offset) / 3), calc(var(--rasterboy-offset) / 3), -1em) !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-CloseButton-close { --pseudo-line-width: var(--line-width, 2px); display: flex; align-items: center; justify-content: center; position: relative; background-color: transparent; width: var(--button-diameter, 1lh); height: var(--button-diameter, 1lh); padding: 0; color: inherit; } .azt-react-CloseButton-close:enabled:active { background-color: transparent; } .azt-react-CloseButton-close:before, .azt-react-CloseButton-close:after { background-color: currentColor; position: absolute; top: 0; bottom: 0; margin: auto; content: ''; width: var(--pseudo-line-width); } .azt-react-CloseButton-close:before { transform: rotate(45deg); } .azt-react-CloseButton-close:after { transform: rotate(-45deg); } .azt-react-CloseButton-close.round:before, .azt-react-CloseButton-close.round:after { top: 0.1em; bottom: 0.1em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Markdown-container { white-space: normal; } .azt-react-Markdown-container ul, .azt-react-Markdown-container ol, .azt-react-Markdown-container p, .azt-react-Markdown-container figure, .azt-react-Markdown-container details, .azt-react-Markdown-container details[open] summary { -webkit-hyphens: auto; hyphens: auto; } .azt-react-Markdown-container ul:last-child, .azt-react-Markdown-container ol:last-child, .azt-react-Markdown-container p:last-child, .azt-react-Markdown-container figure:last-child, .azt-react-Markdown-container details:last-child, .azt-react-Markdown-container details[open] summary:last-child { margin-bottom: 0; } .azt-react-Markdown-container figure * { margin: 0; } .azt-react-Markdown-container figure figcaption { margin-top: 0.5em; } .azt-react-Markdown-container a { display: inline; word-break: break-word; } .azt-react-Markdown-container ol, .azt-react-Markdown-container ul { list-style-position: inside; } .azt-react-Markdown-container sup, .azt-react-Markdown-container sub { vertical-align: baseline; position: relative; top: -0.3em; } .azt-react-Markdown-container sub { top: 0.3em; } .azt-react-Markdown-container iframe { max-width: 100%; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Histogram-container { display: flex; position: relative; width: 100%; height: 100%; } .azt-react-Histogram-container .azt-react-Histogram-item { flex: 1; display: flex; align-items: flex-end; position: relative; height: 100%; user-select: none; } .azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-bar { background-color: currentColor; width: 100%; height: 100%; opacity: 0.42; } .azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-bar:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-label { position: absolute; bottom: 0; transform: translate(-50%, calc(100% + 0.6em)); } .azt-react-Histogram-container .azt-react-Histogram-item .azt-react-Histogram-label:before { content: ''; background-color: currentColor; position: absolute; width: 1px; height: 0.4em; top: -0.6em; left: 50%; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-tick .azt-react-Histogram-bar:after { content: ''; background-color: currentColor; position: absolute; width: 1px; height: 0.4em; bottom: 0; transform: translateY(100%); } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-bar:before, .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-bar:before { opacity: 1; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label, .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label { height: calc(100% + 2em); bottom: 0; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label:before, .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label:before { bottom: 0; height: unset; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label { top: -1em; height: calc(100% + 1em); transform: translate(-50%, 0); } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-low .azt-react-Histogram-label:before { top: 1em; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label { top: -2em; height: calc(100% + 2em); transform: translate(-50%, 0); } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-high .azt-react-Histogram-label:before { top: 1em; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-bar:before { opacity: 1; } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-label { top: -1em; height: calc(100% + 1em); transform: translate(-50%, 0); } .azt-react-Histogram-container .azt-react-Histogram-item.azt-react-Histogram-theOne .azt-react-Histogram-label:before { top: 1em; bottom: 0; height: unset; } .azt-react-Histogram-container .azt-react-Histogram-selectionIndicator { display: none; background-color: var(--histogram-selection-indicator-color, rgba(255,255,255,0.42)); position: absolute; top: 0; left: 0; right: 0; height: 100%; } .azt-react-Histogram-container .azt-react-Histogram-hoverIndicator { display: none; justify-content: center; background-color: var(--histogram-hover-indicator-color, #f00); position: absolute; top: 0; width: 1px; height: 100%; z-index: 2; pointer-events: none; } .azt-react-Histogram-container .azt-react-Histogram-hoverIndicator .azt-react-Histogram-hoverLabel { position: absolute; padding: 0.3em 0.5em 0.3em; border-radius: 0.7em; transform: translate(50%, 0); } .azt-react-Histogram-container.azt-react-Histogram-ranger .azt-react-Histogram-selectionIndicator { display: block; } .azt-react-Histogram-container.azt-react-Histogram-depressed .azt-react-Histogram-hoverIndicator { display: flex; } @media (hover: hover) { .azt-react-Histogram-container:hover .azt-react-Histogram-hoverIndicator { display: flex; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Details-container { position: relative; display: inline-flex; flex-direction: column; justify-content: space-between; border-color: transparent !important; pointer-events: initial; white-space: initial; text-overflow: initial; cursor: initial; transition: width var(--run, 0.2s); transform: var(--transform); } .azt-react-Details-container .azt-react-Details-loader { position: relative; width: var(--loader-size, 3em); height: var(--loader-size, 3em); } .azt-react-Details-container >.azt-react-Details-shadow, .azt-react-Details-container >.azt-react-Details-summary { border: none !important; } .azt-react-Details-container >.azt-react-Details-summary { position: relative; background-color: transparent !important; align-self: flex-start; display: inline-flex; align-items: center; justify-content: space-between; transition: width var(--run, 0.2s); cursor: pointer; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label { display: inline-block; position: relative; white-space: nowrap; min-width: 0; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label >* { max-width: 100%; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-ellipse { text-overflow: ellipsis; overflow: hidden; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden { position: absolute; width: var(--label-width, auto); max-width: var(--label-max-width, auto); opacity: 0; pointer-events: none !important; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden * { pointer-events: none !important; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-padded { padding-right: 0.5em; } .azt-react-Details-container >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-overflowing { overflow: unset; } .azt-react-Details-container >.azt-react-Details-summary .azt-react-Details-chevron { flex-shrink: 0; flex-grow: 0; margin: 0; padding: 0; } .azt-react-Details-container >.azt-react-Details-summary .azt-react-Details-padding { flex-shrink: 0; width: 0.5em; } .azt-react-Details-container >.azt-react-Details-summary.azt-react-Details-centred { align-self: center !important; justify-content: center; } .azt-react-Details-container >.azt-react-Details-summary.azt-react-Details-empty >.azt-react-Details-label { flex: unset; } .azt-react-Details-container >.azt-react-Details-shadow, .azt-react-Details-container >.azt-react-Details-details { position: absolute; transition: width var(--run, 0.2s), height var(--run, 0.2s); } .azt-react-Details-container >.azt-react-Details-details { padding: 0 !important; } .azt-react-Details-container >.azt-react-Details-details >.azt-react-Details-contentWrapper { position: relative; overflow: hidden; width: 100%; height: 100%; max-width: inherit; max-height: inherit; border-radius: inherit; } .azt-react-Details-container >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content { position: absolute; max-width: inherit; max-height: inherit; overflow-x: hidden; overflow-y: auto; visibility: hidden; } .azt-react-Details-container >.azt-react-Details-details.azt-react-Details-overflowing >.azt-react-Details-contentWrapper { overflow: unset; } .azt-react-Details-container >.azt-react-Details-details.azt-react-Details-overflowing >.azt-react-Details-contentWrapper >.azt-react-Details-content { overflow: unset; } .azt-react-Details-container.azt-react-Details-right >.azt-react-Details-details, .azt-react-Details-container.azt-react-Details-right >.azt-react-Details-shadow { right: 0; } .azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-details, .azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-shadow { top: 0; left: 0; } .azt-react-Details-container.azt-react-Details-topLeft >.azt-react-Details-summary.azt-react-Details-empty { justify-content: flex-start; } .azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-summary { flex-direction: row-reverse; align-self: flex-end; } .azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-details, .azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-shadow { top: 0; right: 0; } .azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content, .azt-react-Details-container.azt-react-Details-topRight >.azt-react-Details-shadow >.azt-react-Details-contentWrapper >.azt-react-Details-content { right: 0; } .azt-react-Details-container.azt-react-Details-bottomLeft { flex-direction: column-reverse; } .azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-summary.azt-react-Details-empty { justify-content: flex-start; } .azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-details, .azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-shadow { left: 0; bottom: 0; } .azt-react-Details-container.azt-react-Details-bottomLeft >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content { bottom: 0; } .azt-react-Details-container.azt-react-Details-bottomRight { flex-direction: column-reverse; } .azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-summary { align-self: flex-end; justify-content: flex-end; } .azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-summary >.azt-react-Details-label .azt-react-Details-details { text-align: initial; } .azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-details, .azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-shadow { right: 0; bottom: 0; } .azt-react-Details-container.azt-react-Details-bottomRight >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content { bottom: 0; } .azt-react-Details-container.azt-react-Details-expanded >.azt-react-Details-summary >.azt-react-Details-label.azt-react-Details-hidden { width: unset; } .azt-react-Details-container.azt-react-Details-collapsed { position: relative; } .azt-react-Details-container.azt-react-Details-above >.azt-react-Details-details >.azt-react-Details-contentWrapper >.azt-react-Details-content { visibility: visible; } .azt-react-Details-container.azt-react-Details-disabled >.azt-react-Details-summary { pointer-events: none; } .azt-react-Details-container.azt-react-Details-disabled >.azt-react-Details-summary >.azt-react-Details-chevron { display: none; } .azt-react-Details-container.azt-react-Details-eboy >.azt-react-Details-shadow { position: absolute; } .azt-react-Details-above { z-index: 999 !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } #body .azt-react-ErrorBoundary-container { background-color: var(--background-color, #fff); display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center; height: 100vh; } #body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-error { position: relative; max-width: 1024px; padding: 1em; color: var(--error-color, #f00); } #body .azt-react-ErrorBoundary-container h1 { font-weight: 700; } #body .azt-react-ErrorBoundary-container a { text-decoration: underline !important; } #body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-home { white-space: nowrap; } #body .azt-react-ErrorBoundary-container .azt-react-ErrorBoundary-home img { display: inline-block; vertical-align: bottom; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-MultiSwitchButton-container { position: relative; display: flex; flex-direction: column; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels { display: flex; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label { flex: 1; width: var(--option-width); height: 100%; margin: 0; padding: 0 0.3em 0.2em; white-space: nowrap; text-overflow: ellipsis; text-align: center; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label:first-child { justify-content: flex-start; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-labels .azt-react-MultiSwitchButton-label:last-child { justify-content: flex-end; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-selectors { display: flex; position: absolute; width: 100%; height: 100%; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-selectors .azt-react-MultiSwitchButton-selector { flex: 1; min-width: var(--option-width); height: 100%; margin: 0; padding: 0; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-track { display: flex; align-items: center; justify-content: center; width: 100%; height: calc(var(--button-diameter, 1.2em) * 0.8); border: var(--button-border-width, 1px) solid currentColor; border-radius: calc(var(--button-diameter, 1.2em) / 2); pointer-events: none; } .azt-react-MultiSwitchButton-container .azt-react-MultiSwitchButton-track .azt-react-MultiSwitchButton-knob { position: absolute; left: calc((var(--index) + 1) / var(--count) * 100%); width: calc(var(--button-diameter, 1.2em) * 0.5); height: calc(var(--button-diameter, 1.2em) * 0.5); margin: 0; margin-left: calc(1 / var(--count) / 2 * -100%); padding: 0; border-radius: 50%; transform: translateX(-50%); will-change: left, margin, transform; transition: left var(--walk, 0.4s), margin var(--walk, 0.4s), transform var(--walk, 0.4s); } .azt-react-MultiSwitchButton-container.active .azt-react-MultiSwitchButton-toggle .azt-react-MultiSwitchButton-knob { background-color: currentColor; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-ExpandButton-container { --pseudo-line-width: var(--line-width, 2px); } .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; position: relative; width: 1em; height: 1em; transition: transform 0.2s; } .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron.azt-react-ExpandButton-padded { margin-left: 0.5em; } .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:before, .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:after { background-color: currentColor; position: absolute; top: 0; bottom: 0.25em; margin: auto; content: ''; width: var(--pseudo-line-width); transform-origin: 50% 100%; } .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:before { transform: translateX(-50%) rotate(45deg); } .azt-react-ExpandButton-container .azt-react-ExpandButton-chevron:after { transform: rotate(-45deg); } .azt-react-ExpandButton-container.azt-react-ExpandButton-tree .azt-react-ExpandButton-chevron { transform: rotate(-90deg); } .azt-react-ExpandButton-container.expanded .azt-react-ExpandButton-chevron { transform: rotate(180deg); } .azt-react-ExpandButton-container.expanded.azt-react-ExpandButton-tree .azt-react-ExpandButton-chevron { transform: rotate(0deg); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-ToggleButton-container { border-radius: calc(var(--button-diameter, 1.2em) / 2); } .azt-react-ToggleButton-container .azt-react-ToggleButton-toggle { display: flex; align-items: center; justify-content: center; width: calc(var(--button-diameter, 1.2em) * 1.4); height: calc(var(--button-diameter, 1.2em) * 0.8); border: 1px solid currentColor; border-radius: calc(var(--button-diameter, 1.2em) / 2); box-shadow: inset 0 0 1px 1px rgba(0,0,0,0.24); } .azt-react-ToggleButton-container .azt-react-ToggleButton-toggle.azt-react-ToggleButton-padded { margin-right: 0.5em; } .azt-react-ToggleButton-container .azt-react-ToggleButton-toggle:after { content: ''; position: absolute; width: calc(var(--button-diameter, 1.2em) * 0.5); height: calc(var(--button-diameter, 1.2em) * 0.5); border: 1px solid currentColor; border-radius: 50%; box-shadow: 0 0 1px 1px rgba(0,0,0,0.24); transform: translateX(calc(var(--button-diameter, 1.2em) * 0.3 * -1)); will-change: transform; transition: transform var(--walk, 0.4s); } .azt-react-ToggleButton-container.active .azt-react-ToggleButton-toggle:after { background-color: currentColor; transform: translateX(calc(var(--button-diameter, 1.2em) * 0.3)); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Img-figure figcaption { font-size: var(--caption-font-size, inherit); } figure.azt-react-Img-container { display: flex; align-items: flex-end; position: relative; width: 100%; height: 100%; flex: 1; max-width: 100%; max-height: 100%; background-size: contain; background-repeat: no-repeat; background-position: top center; } figure.azt-react-Img-container img { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } figure.azt-react-Img-container figcaption { position: absolute; padding: 0.6em 0.6em; cursor: initial; } figure.azt-react-Img-container .azt-react-Img-zoom { opacity: 0; } figure.azt-react-Img-container .azt-react-Img-zoom, figure.azt-react-Img-container .azt-react-Img-loader { position: absolute; width: 100%; height: 100%; } figure.azt-react-Img-container .azt-react-Img-loader { transition: opacity 1s, background-size 0.4s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); will-change: opacity; pointer-events: none; } figure.azt-react-Img-container.azt-react-Img-cover { width: 100% !important; height: 100% !important; background-size: cover; } figure.azt-react-Img-container.azt-react-Img-cover .azt-react-Img-loader { background-size: cover; } figure.azt-react-Img-container.azt-react-Img-loaded .azt-react-Img-loader { opacity: 0; } figure.azt-react-Img-container.azt-react-Img-loupe, figure.azt-react-Img-container.azt-react-Img-lightbox { cursor: zoom-in; } figure.azt-react-Img-container.azt-react-Img-zoomed { cursor: unset; } figure.azt-react-Img-container.azt-react-Img-zoomed .azt-react-Img-img.azt-react-Img-zoom { opacity: 1; pointer-events: initial; } .azt-react-Img-overlay { --overlay-width: 80vw; display: block !important; color: var(--white, #fff); } .azt-react-Img-overlay .azt-react-Img-header { display: flex; justify-content: flex-end; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .azt-react-Img-overlay .azt-react-Img-header .azt-react-Img-close { font-size: 2em; } .azt-react-Img-overlay .azt-react-Img-figure { background-color: #000; display: flex; width: var(--overlay-width); height: calc(var(--overlay-width) * var(--height-ratio)); max-height: 90vh; padding: 1em; } .azt-react-Img-overlay .azt-react-Img-figure figcaption { padding: 0.6em 0 0; } .azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow { background-color: transparent; position: absolute; top: 50%; } .azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow.azt-react-Img-prev { left: 0; transform: translateY(-50%) rotate(90deg); } .azt-react-Img-overlay .azt-react-Img-figure .azt-react-Img-arrow.azt-react-Img-next { right: 0; transform: translateY(-50%) rotate(-90deg); } @media (max-width: 1023px) { .azt-react-Img-overlay { --overlay-width: 95vw; } } @media print { .azt-react-Img-img { content: var(--src-url); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .overlay { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; pointer-events: none; z-index: 9999999; } .overlay > div { pointer-events: auto; } .overlay .azt-react-Overlay-BG { background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.24; will-change: opacity, background-color; transition: background-color 0.2s, opacity 0.2s; cursor: pointer; cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='1em'%20viewBox='0%200%20384%20512'%3E%3Cpath%20d='m345%20137%2017-17-34-33.9-17%2017-119%20119L73%20103%2056%2086l-33.9%2034%2017%2017%20119%20119L39%20375l-17%2017%2034%2033.9%2017-17%20119-119L311%20409l17%2017%2033.9-34-17-17-119-119L345%20137z'/%3E%3C/svg%3E") 24 24, auto; } .overlay .azt-react-Overlay-BG.azt-react-Overlay-minimised { background-color: rgba(0,0,0,0); pointer-events: none; } .overlay .azt-react-Overlay-BG.azt-react-Overlay-fixed { position: fixed; } .overlay .azt-react-Overlay-container { background-color: #fff; display: flex; flex-direction: column; justify-content: flex-start; position: relative; bottom: 0%; margin: 2em auto; box-shadow: 0 0 24px 6px rgba(0,0,0,0.24); transform: translateY(0%); will-change: bottom, width, height, max-width, max-height; transition: bottom 0.2s, width 0.2s, height 0.2s, max-width 0.2s, max-height 0.2s; } .overlay .azt-react-Overlay-container .azt-react-Overlay-header, .overlay .azt-react-Overlay-container .azt-react-Overlay-footer { display: flex; align-items: center; justify-content: center; width: 100%; padding: 1rem; } .overlay .azt-react-Overlay-container .azt-react-Overlay-header { flex-shrink: 0; cursor: pointer; } .overlay .azt-react-Overlay-container .azt-react-Overlay-header >*:first-child { flex: 1; } .overlay .azt-react-Overlay-container .azt-react-Overlay-close { position: absolute; justify-self: flex-end; top: var(--close-top, 0.3em); right: var(--close-right, 0.3em); display: flex; align-items: center; justify-content: center; } .overlay .azt-react-Overlay-container .azt-react-Overlay-content { display: flex; flex-direction: column; flex: 1; overflow-y: auto; } .overlay .azt-react-Overlay-container.azt-react-Overlay-minimised { bottom: -50%; transform: translateY(-100%); } .overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-header { position: relative; padding: 1rem; } .overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-header .fa { transform: rotate(180deg); } .overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-content { display: none; overflow-y: hidden; } .overlay .azt-react-Overlay-container.azt-react-Overlay-minimised .azt-react-Overlay-footer { display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Input-container input { padding: 1em; min-width: 24ch; max-width: 100%; transition: background-color 0.1s; text-overflow: ellipsis; color: currentColor; } .azt-react-Input-types-Input-container input:focus { background-color: _white; } .azt-react-Input-types-Input-container input::placeholder { color: currentColor; opacity: 0.42; } .azt-react-Input-types-Input-container.azt-react-Input-types-Input-resizeable:after { display: block; content: attr(data-value); white-space: pre-wrap; height: 0; padding: 0 1em; visibility: hidden; overflow: hidden; z-index: 9; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Colour-container { display: flex; justify-content: flex-start; } .azt-react-Input-types-Colour-container .azt-react-Input-types-Colour-pipette { margin-left: 1em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Date-container input { padding: 1em; transition: background-color 0.1s; } .azt-react-Input-types-Date-container input:focus { background-color: _white; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Range-container { display: flex; flex-direction: row; align-items: center; } .azt-react-Input-types-Range-container .azt-react-Input-types-Range-input { width: 100%; } .azt-react-Input-types-Range-container .azt-react-Input-types-Range-input input { transition: background-color 0.1s; } .azt-react-Input-types-Range-container .azt-react-Input-types-Range-input input:focus { background-color: _white; } .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { margin-left: 0.2em; } @media (min-width: 2001px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .azt-react-Input-types-Range-container .azt-react-Input-types-Range-unit { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .azt-react-Input-types-Range-container .azt-react-Input-types-Range-separator:after { content: '–'; margin: 0 0.5em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } input.azt-react-Input-types-Checkbox-container[type="checkbox"] { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; cursor: pointer; } input.azt-react-Input-types-Checkbox-container[type="checkbox"] +label { top: 50%; padding: 0.3em 0 0 2.2em; cursor: pointer; } input.azt-react-Input-types-Checkbox-container[type="checkbox"] +label:before { content: ''; position: absolute; top: 50%; left: 1em; width: 1.4em; height: 1.4em; display: inline-block; border: 1px solid currentColor; border-radius: 50%; transform: translate(-50%, -50%); pointer-events: none; } input.azt-react-Input-types-Checkbox-container[type="checkbox"]:enabled:hover +label:before { box-shadow: inset 0 0 3px currentColor; } input.azt-react-Input-types-Checkbox-container[type="checkbox"]:checked +label:before { box-shadow: inset 0 0 3px currentColor; } input.azt-react-Input-types-Checkbox-container[type="checkbox"]:checked +label:after { content: ''; position: absolute; top: 50%; left: 1em; width: 0px; height: 0px; border: 0.3em solid currentColor; border-radius: 50%; transform: translate(-50%, -50%); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Radio-option { display: inline-flex; margin-right: 2em; } .azt-react-Input-types-Radio-option:last-child { margin-right: 0; } .azt-react-Input-types-Radio-option input { width: 1.4em !important; height: 1.4em; opacity: 0; cursor: pointer; } .azt-react-Input-types-Radio-option input +span { display: inline-flex; align-items: center; position: relative; padding: 0 0 0 0.6em; cursor: pointer; } .azt-react-Input-types-Radio-option input +span:before { content: ''; position: absolute; top: 50%; left: 0; width: 1.4em; height: 1.4em; display: inline-block; border: 1px solid currentColor; border-radius: 50%; transform: translate(-100%, -50%); pointer-events: none; } .azt-react-Input-types-Radio-option input:enabled:hover +span:before { box-shadow: inset 0 0 3px currentColor; } .azt-react-Input-types-Radio-option input:checked +span:before { box-shadow: inset 0 0 3px currentColor; } .azt-react-Input-types-Radio-option input:checked +span:after { content: ''; position: absolute; top: 50%; left: calc((0.4em + 1px) * -1); width: 0px; height: 0px; border: 0.3em solid currentColor; border-radius: 50%; transform: translate(-100%, -50%); pointer-events: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Select-container { position: relative; background-color: inherit; display: flex; min-width: 0; justify-content: stretch; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-options { flex: 1; min-width: 0; background-color: inherit; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-value { display: flex; align-items: center; overflow: hidden; position: relative; display: block; display: -webkit-box; -webkit-box-orient: vertical; font-size: 1em; line-height: 1.3em; -webkit-line-clamp: 1; min-width: 100%; text-align: left; cursor: pointer; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-list { min-width: 100%; max-height: 12em; background-color: inherit; position: absolute; overflow-x: hidden; overflow-y: auto; z-index: 999999; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-list .azt-react-Input-types-Select-option { display: block; width: 100%; text-align: left; cursor: pointer; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-options .azt-react-Input-types-Select-list .azt-react-Input-types-Select-option.active { display: none; } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { margin-left: auto; } @media (min-width: 2001px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand:before, .azt-react-Input-types-Select-container .azt-react-Input-types-Select-expand:after { background-color: currentColor; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container { position: relative; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container.azt-react-Input-types-MultiSelect-inline { display: inline-block; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option { position: relative; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"] { position: absolute; height: 100%; opacity: 0; cursor: pointer; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"]:checked { opacity: 0; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option input[type="checkbox"]:checked + .azt-react-Input-types-MultiSelect-name { background-color: #000; color: #fff; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option button { position: initial; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option .azt-react-Input-types-MultiSelect-name { margin: 0.1em; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-option:hover .azt-react-Input-types-MultiSelect-name { border-color: #000; } .azt-react-Input-types-MultiSelect-multiselect .azt-react-Input-types-MultiSelect-container .azt-react-Input-types-MultiSelect-options { width: 100%; padding: 0 0 0.5rem 1rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-MultiSearchSelect-multisearchselect { position: relative; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value { display: flex; align-items: center; justify-content: space-between; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value > :first-child { width: 100%; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-value button { flex-shrink: 0 !important; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input { position: relative; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input input { position: relative; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input input::placeholder { color: currentColor; font-weight: 100; opacity: 0.42; transform: translateY(0.08em); } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input.azt-react-Input-types-MultiSearchSelect-focused .azt-react-Input-types-MultiSearchSelect-options { border-color: #000; box-shadow: 0 1px 6px 3px rgba(0,0,0,0.24); z-index: 1; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input.azt-react-Input-types-MultiSearchSelect-invisible { display: none; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options { background-color: #fff; position: absolute; left: 0; width: 100%; max-height: 20vh; border: 1px solid transparent; border-top-width: 0; overflow-y: auto; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option { display: flex; position: relative; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"] { position: absolute; height: 100%; opacity: 0; cursor: pointer; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"]:checked { opacity: 0; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option input[type="checkbox"]:checked + .azt-react-Input-types-MultiSearchSelect-label { background-color: #000; color: #fff; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label { flex: 1 !important; background-color: inherit; justify-content: flex-start; } .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label.active, .azt-react-Input-types-MultiSearchSelect-multisearchselect .azt-react-Input-types-MultiSearchSelect-input .azt-react-Input-types-MultiSearchSelect-options .azt-react-Input-types-MultiSearchSelect-option .azt-react-Input-types-MultiSearchSelect-label:hover { background-color: #000 !important; color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Attachment-container { position: relative; display: flex; align-items: center; justify-content: space-between; } .azt-react-Input-types-Attachment-container input { clip: rect(0, 0, 0, 0); position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; white-space: nowrap; } .azt-react-Input-types-Attachment-container input+button { width: 100%; } .azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-loader { display: none; background-color: #008000; position: absolute; top: 0; left: 0; bottom: 0; opacity: 0.24; } .azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-thumb { width: 2rem !important; height: 2rem !important; margin-right: 0.5em; } .azt-react-Input-types-Attachment-container .azt-react-Input-types-Attachment-filename { position: relative; flex: 1; } .azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading { color: _faded; } .azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading .azt-react-Input-types-Attachment-loader { display: block; } .azt-react-Input-types-Attachment-container.azt-react-Input-types-Attachment-loading .azt-react-Input-types-Attachment-remove { display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-types-Attachments-attachments { display: flex; flex-direction: column; align-items: center; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-add { display: flex; align-items: center; justify-content: center; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-add .azt-react-Input-types-Attachments-or { margin: 0.6em; } .azt-react-Input-types-Attachments-attachments input { clip: rect(0, 0, 0, 0); position: absolute; width: 1px; height: 1px; overflow: hidden; padding: 0; white-space: nowrap; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment { position: relative; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #000; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-loader { display: none; background-color: #008000; position: absolute; top: 0; left: 0; bottom: 0; opacity: 0.24; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-thumb { width: 2rem !important; height: 2rem !important; margin-right: 0.5em; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment .azt-react-Input-types-Attachments-filename { position: relative; flex: 1; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading { color: _faded; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading .azt-react-Input-types-Attachments-loader { display: block; } .azt-react-Input-types-Attachments-attachments .azt-react-Input-types-Attachments-attachment.azt-react-Input-types-Attachments-loading .azt-react-Input-types-Attachments-remove { display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } #notifications { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999999; pointer-events: none; } #notifications > div { pointer-events: auto; } #notifications .azt-react-Notification-container { background-color: var(--notification-background-color, #00f); color: var(--notification-color, #fff); box-shadow: 0 0 24px 6px rgba(0,0,0,0.24); } #notifications .azt-react-Notification-container.azt-react-Notification-error { background-color: _red; } #notifications.full { justify-content: center; } #notifications.full .azt-react-Notification-container { width: 95vw; height: 95vh; margin: 0; max-height: 100%; } .azt-react-Notification-container { display: flex; flex-direction: row; justify-content: flex-start; position: relative; bottom: 0%; max-width: 95vw; max-height: 90%; margin: 1rem 0 0; padding: 1em; color: currentColor; transform: translateY(0%); transition: bottom 0.2s; gap: 0.5rem; } .azt-react-Notification-container .azt-react-Notification-close { align-self: flex-start; display: flex; align-items: center; justify-content: center; margin-left: 0; font-size: 1em; } .azt-react-Notification-container .azt-react-Notification-content { display: flex; align-items: center; flex: 1; } .azt-react-Notification-container.azt-react-Notification-error { color: var(--error-background-color, #f00); } @media (max-width: 1023px) { #notifications .azt-react-Notification-container { padding: 5vw; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Input-fieldset { flex: 1; position: relative; display: flex; flex-direction: column-reverse; min-width: 0; border: none; } .azt-react-Input-fieldset.azt-react-Input-hidden { display: none; } .azt-react-Input-fieldset label { position: relative; } .azt-react-Input-fieldset input, .azt-react-Input-fieldset textarea { background-color: var(--input-background-color, inherit); width: 100%; padding: var(--input-padding, 0.24em 0.4em 0.24em); border: 1px solid transparent; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: 1.4em; outline: none; border: 1px solid rgba(124,124,124,0.42); } .azt-react-Input-fieldset input:focus { background-color: _white; border-color: currentColor; } .azt-react-Input-fieldset textarea { resize: none; } .azt-react-Input-fieldset textarea:focus { border-color: currentColor; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-group .azt-react-Input-name { text-transform: capitalize; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option { position: relative; display: inline-flex; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"] { position: absolute; height: 100%; opacity: 0; cursor: pointer; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"]:checked { opacity: 0; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option input[type="checkbox"]:checked + .azt-react-Input-name { background-color: rgba(124,124,124,0.42); color: #fff; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option button { position: initial; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option .azt-react-Input-name { margin: 0.1em; } .azt-react-Input-fieldset .azt-react-Input-multiselect .azt-react-Input-option:hover .azt-react-Input-name { border-color: rgba(124,124,124,0.42); } .azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment { display: flex; align-items: center; } .azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment .azt-react-Input-thumb { width: 2rem !important; height: 2rem !important; margin-right: 0.5em; } .azt-react-Input-fieldset .azt-react-Input-attachments .azt-react-Input-attachment .azt-react-Input-filename { flex: 1; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Form-container { position: relative; } .azt-react-Form-container >.invalid.touched { position: relative; } .azt-react-Form-container >.invalid.touched .validator:before { background-color: #f66; } .azt-react-Form-container >.valid.touched { position: relative; } .azt-react-Form-container >.valid.touched .validator:before { background-color: #0f0; } .azt-react-Form-container >.required { position: relative; } .azt-react-Form-container >.required .validator { position: relative; display: inline-block; height: 1em; margin-left: 0.3em; } .azt-react-Form-container >.required .validator:before { background-color: currentColor; content: ''; position: absolute; top: 50%; width: 0.3em; height: 0.3em; border: 1px solid currentColor; border-radius: 50%; transform: translateY(-25%); } .azt-react-Form-container .azt-react-Form-buttons { margin-top: 1em; text-align: center; border: 0; padding: 0; } .azt-react-Form-container .azt-react-Form-buttons >*:first-child { margin-right: 0.5em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Loader-loader { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; text-align: center; font-size: 10px; transform: rotateZ(360deg); } .azt-react-Loader-loader >div { position: absolute; background-color: inherit; display: inline-block; height: 2em; width: 2em; margin: 0 1px; border-style: solid; border-radius: 50%; animation: azt-react-Loader-sk-stretchdelay 1.5s infinite linear; } .azt-react-Loader-loader.azt-react-Loader-inverted >div { border-color: currentColor; } @-moz-keyframes azt-react-Loader-sk-stretchdelay { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(0.1); opacity: 0; } } @-webkit-keyframes azt-react-Loader-sk-stretchdelay { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(0.1); opacity: 0; } } @-o-keyframes azt-react-Loader-sk-stretchdelay { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(0.1); opacity: 0; } } @keyframes azt-react-Loader-sk-stretchdelay { 0% { transform: scale(1); opacity: 0; } 50% { transform: scale(0.5); opacity: 1; } 100% { transform: scale(0.1); opacity: 0; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content { display: block !important; width: 100%; } .azt-react-Scroller-container .ScrollbarsCustom-Track { background-color: rgba(0,0,0,0) !important; padding: 3px; } .azt-react-Scroller-container .ScrollbarsCustom-Track.ScrollbarsCustom-TrackY .ScrollbarsCustom-Thumb { margin: auto; } .azt-react-Scroller-container .ScrollbarsCustom-Track .ScrollbarsCustom-Thumb { background-color: rgba(124,124,124,0.12) !important; } .azt-react-Scroller-container.trackXVisible .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content { height: 100%; } @media print { .azt-react-Scroller-container .ScrollbarsCustom-Wrapper { position: relative !important; overflow: unset !important; } .azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller { position: relative !important; overflow: unset !important; } .azt-react-Scroller-container .ScrollbarsCustom-Wrapper .ScrollbarsCustom-Scroller .ScrollbarsCustom-Content { position: relative !important; overflow: unset !important; padding: unset !important; } .azt-react-Scroller-container .ScrollbarsCustom-Track { display: none; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Figure-figure figcaption { font-size: var(--caption-font-size, inherit); } figure.azt-react-Figure-container { display: flex; flex-direction: column; align-items: flex-end; position: relative; width: 100%; } figure.azt-react-Figure-container img { flex-shrink: 0; position: relative; width: 100%; height: 100%; } figure.azt-react-Figure-container .azt-react-Figure-zoom { opacity: 0; } figure.azt-react-Figure-container .azt-react-Figure-zoom, figure.azt-react-Figure-container .azt-react-Figure-loader { position: absolute; width: 100%; height: 100%; } figure.azt-react-Figure-container .azt-react-Figure-loader { transition: opacity 1s, background-size 0.4s; transition-timing-function: cubic-bezier(0.2, 0.8, 0.2, 1); will-change: opacity; pointer-events: none; } figure.azt-react-Figure-container.azt-react-Figure-cover { width: 100% !important; height: 100% !important; background-size: cover; } figure.azt-react-Figure-container.azt-react-Figure-cover .azt-react-Figure-loader { background-size: cover; } figure.azt-react-Figure-container.azt-react-Figure-loaded .azt-react-Figure-loader { opacity: 0; } figure.azt-react-Figure-container.azt-react-Figure-loupe, figure.azt-react-Figure-container.azt-react-Figure-lightbox { cursor: zoom-in; } figure.azt-react-Figure-container.azt-react-Figure-zoomed { cursor: unset; } figure.azt-react-Figure-container.azt-react-Figure-zoomed .azt-react-Figure-img.azt-react-Figure-zoom { opacity: 1; pointer-events: initial; } .azt-react-Figure-overlay { --overlay-width: 80vw; display: block !important; color: var(--white, #fff); } .azt-react-Figure-overlay .azt-react-Figure-header { display: flex; justify-content: flex-end; position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .azt-react-Figure-overlay .azt-react-Figure-header .azt-react-Figure-close { font-size: 2em; } .azt-react-Figure-overlay .azt-react-Figure-figure { background-color: #000; display: flex; width: var(--overlay-width); height: calc(var(--overlay-width) * var(--height-ratio)); max-height: 90vh; padding: 1em; } .azt-react-Figure-overlay .azt-react-Figure-figure figcaption { padding: 0.6em 0 0; } .azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow { background-color: transparent; position: absolute; top: 50%; } .azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow.azt-react-Figure-prev { left: 0; transform: translateY(-50%) rotate(90deg); } .azt-react-Figure-overlay .azt-react-Figure-figure .azt-react-Figure-arrow.azt-react-Figure-next { right: 0; transform: translateY(-50%) rotate(-90deg); } @media (max-width: 1023px) { .azt-react-Figure-overlay { --overlay-width: 95vw; } } @media print { .azt-react-Figure-img { content: var(--src-url); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-WindowList-container .azt-react-WindowList-placeholder { position: relative; } .azt-react-WindowList-container .azt-react-WindowList-placeholder:before { position: absolute; content: ''; top: 0.3em; left: 0.3em; right: 0.3em; bottom: 0.3em; } .azt-react-WindowList-container .azt-react-WindowList-item { padding: 1em; font-size: 1.5rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Search-container { --input-min-width: 24ch; position: relative; display: flex; align-items: center; justify-content: center; } .azt-react-Search-container .azt-react-Search-filters { display: flex; max-width: calc(100% - var(--input-min-width)); min-width: 0; } .azt-react-Search-container .azt-react-Search-filters .azt-react-Search-list { display: flex; min-width: 0; } .azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible { flex-direction: column; } .azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible .azt-react-Search-expander { flex-shrink: 0; align-self: flex-start; height: 100%; } .azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible .azt-react-Search-list { flex-direction: column; position: absolute; bottom: 0; transform: translateY(100%); } .azt-react-Search-container .azt-react-Search-filters.azt-react-Search-collapsible.collapsed { flex-shrink: 0; } .azt-react-Search-container.azt-react-Search-noInput .azt-react-Search-filters { max-width: unset; } .azt-react-Search-container .azt-react-Search-inputContainer { min-width: 0; display: flex; position: relative; } .azt-react-Search-container .azt-react-Search-inputContainer fieldset { position: relative; margin: 0; padding: 0; justify-content: center; } .azt-react-Search-container .azt-react-Search-inputContainer fieldset input { width: 100%; min-width: var(--input-min-width); height: 100%; padding: 0.6em 0.5em 0.5em; border: none; } .azt-react-Search-container .azt-react-Search-clear, .azt-react-Search-container .azt-react-Search-toggleFilter { margin: 0; z-index: 1; } .azt-react-Search-container .azt-react-Search-clear { flex-shrink: 0; margin-left: auto; padding: 0.4em; } .azt-react-Search-container .azt-react-Search-clear.azt-react-Search-hidden { visibility: hidden; pointer-events: none; } .azt-react-Search-container .azt-react-Search-toggleFilter { position: absolute; top: 50%; right: 0; border: none; transform: translateY(-50%); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .azt-react-Search-Filter-container { min-width: 0; } .azt-react-Search-Filter-container span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .azt-react-Search-Filter-container .azt-react-Search-Filter-remove { --button-diameter: 2rem; padding: 0; margin-right: -0.2em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Header-container { position: fixed; top: 0; left: 0; width: 100vw; padding: 0.8rem; display: flex; justify-content: space-between; align-items: start; z-index: 500; pointer-events: none; color: #fff; } @media (max-width: 1024px) { .Header-container { padding: 0.8rem 1.5rem; background-color: var(--black); border-bottom: solid #808080 1px; } } .Header-container .Header-logo { width: 12rem; margin-left: 1rem; pointer-events: all; cursor: pointer; } @media (max-width: 1024px) { .Header-container .Header-logo { width: unset; margin-left: 0; height: 3rem; } } .Header-container .Header-logo, .Header-container .Header-logoContainer, .Header-container .Header-burger, .Header-container .Header-button { -webkit-transition: var(--fast) -webkit-filter linear; -moz-transition: var(--fast) -moz-filter linear; -moz-transition: var(--fast) filter linear; -ms-transition: var(--fast) -ms-filter linear; -o-transition: var(--fast) -o-filter linear; transition: var(--fast) filter linear, var(--fast) -webkit-filter linear; z-index: 10; } .Header-container .Header-invert { filter: invert(); } @media (max-width: 1024px) { .Header-container .Header-invert { filter: unset; } } .Header-container .Header-closeIcon, .Header-container .Header-burger { color: #fff; width: 2.5rem; height: 3rem; margin: 0; } .Header-container .Header-closeIcon div, .Header-container .Header-burger div, .Header-container .Header-closeIcon:after, .Header-container .Header-burger:after, .Header-container .Header-closeIcon.Header-burger:before, .Header-container .Header-burger.Header-burger:before { height: 2.5px; } .Header-container .Header-closeIcon.Header-closeIcon:after, .Header-container .Header-burger.Header-closeIcon:after { height: unset; } .Header-container .Header-closeIcon:hover div, .Header-container .Header-burger:hover div, .Header-container .Header-closeIcon:hover:after, .Header-container .Header-burger:hover:after, .Header-container .Header-closeIcon:hover:before, .Header-container .Header-burger:hover:before { background-color: #d3d3d3; } .Header-container .Header-menuContainer { gap: 0.4rem; } .Header-container .Header-menuContainer button { margin: 0; } .Header-container .Header-menuContainer, .Header-container .Header-accordion { user-select: none; pointer-events: all; display: flex; justify-content: center; align-items: center; } .Header-container .Header-menuContainer .Header-menuPoint, .Header-container .Header-accordion .Header-menuPoint { width: 0; } @media (max-width: 1024px) { .Header-container .Header-menuContainer .Header-menuPoint, .Header-container .Header-accordion .Header-menuPoint { width: unset; } } .Header-container .Header-menuContainer .Header-button, .Header-container .Header-accordion .Header-button, .Header-container .Header-menuContainer .Header-negButton, .Header-container .Header-accordion .Header-negButton, .Header-container .Header-menuContainer .Header-activeButton, .Header-container .Header-accordion .Header-activeButton { display: flex; justify-content: center; align-items: center; gap: 0.5rem; font-size: 0.8em; margin: 0.25rem 0.3rem; height: calc(var(--pill-height) / 3 * 2); padding: 0.2rem 1.5rem 0 1.5rem; background-color: var(--black); border: solid #fff 1px; color: #fff; border-radius: 9999px; overflow: hidden; cursor: pointer; } .Header-container .Header-menuContainer .Header-button > button, .Header-container .Header-accordion .Header-button > button, .Header-container .Header-menuContainer .Header-negButton > button, .Header-container .Header-accordion .Header-negButton > button, .Header-container .Header-menuContainer .Header-activeButton > button, .Header-container .Header-accordion .Header-activeButton > button { margin-top: -0.2rem; margin-left: -0.5rem; height: calc(var(--pill-height) / 2); } .Header-container .Header-menuContainer .Header-activeButton, .Header-container .Header-accordion .Header-activeButton { display: flex; gap: 0.5rem; color: #000; border: solid #fff 1px; align-items: center; background-color: #fff; } .Header-container .Header-menuContainer .Header-activeButton .Header-closeIcon, .Header-container .Header-accordion .Header-activeButton .Header-closeIcon { height: 1.8rem; filter: invert(); } .Header-container .Header-menuContainer .Header-activeButton .Header-closeIcon:hover, .Header-container .Header-accordion .Header-activeButton .Header-closeIcon:hover { filter: none; } .Header-container .Header-menuContainer .Header-accordion, .Header-container .Header-accordion .Header-accordion, .Header-container .Header-menuContainer .Header-accordion > div, .Header-container .Header-accordion .Header-accordion > div { overflow: hidden; } .Header-container .Header-menuContainer .Header-button, .Header-container .Header-accordion .Header-button { padding: var(--pill-inner-padding); white-space: nowrap; } .Header-container .Header-menuContainer .Header-button:hover, .Header-container .Header-accordion .Header-button:hover { background-color: #fff !important; border-color: #000; color: #000 !important; } .Header-container .Header-menuContainer .Header-activeButton:hover, .Header-container .Header-accordion .Header-activeButton:hover { border-color: #fff; } @media (max-width: 1024px) { .Header-container .Header-menuContainer { display: flex; align-items: flex-start; justify-content: flex-end; } .Header-container .Header-menuContainer .azt-helpers-Button-container { align-self: unset; } .Header-container .Header-accordion { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; } .Header-container .Header-accordion > * { height: 0; } } .Header-glossaryActive { position: fixed; top: 4.5rem; right: 0; background-color: #ff0; color: #000; z-index: 100; padding: 0.5rem 0.4rem 0.2rem 0.4rem; display: flex; justify-content: center; align-items: center; pointer-events: all; gap: 1rem; border: solid #000 1px; border-right: 0; font-weight: 700 !important; } @media (min-width: 2001px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1501px) and (max-width: 2000px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1401px) and (max-width: 1500px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .Header-glossaryActive { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } .Header-glossaryActive .Header-closeGlossary { margin-top: -0.1rem; fill: #000; height: 1.4rem; width: 1.4rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Record-container .threems-react-Record-property label { height: 1.7em; border-top-style: solid; border-top-width: 1px; color: inherit; } @media (min-width: 2001px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .threems-react-Record-container .threems-react-Record-property label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .threems-react-Record-container .threems-react-Record-property .threems-react-Record-value { color: #000; } .threems-react-Record-container .threems-react-Record-property .threems-react-Record-value label { display: none; } .threems-react-Record-container .threems-react-Record-property .threems-react-Record-value .threems-react-Record-value { margin: 0; } .threems-react-Record-container a { text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; } .threems-react-Record-container.threems-react-Record-inline { display: inline-block; } .threems-react-Record-conjunction { margin: 0 0.3em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item { display: inline-block; } .threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item.threems-react-Property-widgets-ArrayDetailWidget-block { display: block; } .threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item.threems-react-Property-widgets-ArrayDetailWidget-ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item:after { content: ','; margin-right: 0.2em; } .threems-react-Property-widgets-ArrayDetailWidget-container .threems-react-Property-widgets-ArrayDetailWidget-item:last-child:after { display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-DownloadLinkDetailWidget-container { flex-direction: column; align-items: center; overflow: none !important; } .threems-react-Property-widgets-DownloadLinkDetailWidget-container a { flex: 1; width: 100%; min-width: 0; border-bottom: none !important; } .threems-react-Property-widgets-DownloadLinkDetailWidget-container a .threems-react-Property-widgets-DownloadLinkDetailWidget-pointer { display: flex; align-items: center; justify-content: center; height: 1.3em; margin-right: 0.3em; float: left; will-change: transform; transition: transform 0.2s; } .threems-react-Property-widgets-DownloadLinkDetailWidget-container a:after { display: block; content: ''; } .threems-react-Property-widgets-DownloadLinkDetailWidget-container a:hover .threems-react-Property-widgets-DownloadLinkDetailWidget-pointer { transform: translateY(0.2em); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-ImageDetailWidget-container img { max-width: 100%; height: auto !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-ImagePreviewDetailWidget-container img { max-width: 100%; height: auto !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-ImageThumbDetailWidget-container img { max-width: 500px; height: auto; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-NameDetailWidget-container .threems-react-Property-widgets-NameDetailWidget-value { overflow-x: hidden; text-overflow: ellipsis; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-ValueRenderer-types-stringRenderer-value { overflow: hidden; text-overflow: ellipsis; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-ValueRenderer-types-base64BinaryRenderer-value { overflow-x: hidden; text-overflow: ellipsis; height: auto !important; max-width: 100%; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-ValueRenderer-types-booleanRenderer-value { display: inline-flex; align-items: center; justify-content: center; width: 0.7em; height: 0.7em !important; padding: 0 0 0.1em 0.2em; font-size: 1.6em; border: 1px solid rgba(0,0,0,0.42); border-radius: 50%; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-ValueRenderer-types-dateTimeRenderer-value { overflow: hidden; text-overflow: ellipsis; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-widgets-DefaultDetailWidget-container .threems-react-Property-widgets-DefaultDetailWidget-container { overflow: hidden; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .threems-react-Property-container label { display: flex; align-items: center; } .threems-react-Property-container .threems-react-Property-value { height: 100%; } .threems-react-Property-container .threems-react-Property-value label { display: none; } .threems-react-Property-container.threems-react-Property-inline { display: inline-flex; } .threems-react-Property-container.threems-react-Property-inline.threems-react-Property-listed:after { content: ','; margin-right: 0.3em; } .threems-react-Property-container.threems-react-Property-inline.threems-react-Property-listed:last-child:after { content: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-Material-preview { width: calc((100vw - 4rem) / var(--tile-col-count) - 8rem); height: calc((100vw - 4rem) / var(--tile-col-count) - 8rem); margin: auto; object-fit: cover; object-position: center right; } @media (max-width: 1024px) { .Carpet-CarpetCard-types-Material-preview { width: calc((100vw - 1rem) / var(--tile-col-count) - 6rem); height: calc((100vw - 1rem) / var(--tile-col-count) - 6rem); } } .Carpet-CarpetCard-types-Material-title { width: calc((100vw - 4rem) / var(--tile-col-count) - 8rem); height: calc((100vw - 4rem) / var(--tile-col-count) - 8rem); display: flex; justify-content: center; align-items: center; } @media (min-width: 2001px) { .Carpet-CarpetCard-types-Material-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1501px) and (max-width: 2000px) { .Carpet-CarpetCard-types-Material-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1401px) and (max-width: 1500px) { .Carpet-CarpetCard-types-Material-title { font: 2.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .Carpet-CarpetCard-types-Material-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpetCard-types-Material-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .Carpet-CarpetCard-types-Material-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .Carpet-CarpetCard-types-Material-title { font: 1.8rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 413px) { .Carpet-CarpetCard-types-Material-title { font: 1.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media print { .Carpet-CarpetCard-types-Material-title { font: 1.5rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 1024px) { .Carpet-CarpetCard-types-Material-title { width: calc((100vw - 1rem) / var(--tile-col-count) - 6rem); height: calc((100vw - 1rem) / var(--tile-col-count) - 6rem); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-MaterialGroup-container { --width: calc(100vw / var(--tile-col-count) - 8rem); --factor: 4px; width: var(--width); position: relative; margin: auto; } @media (max-width: 1024px) { .Carpet-CarpetCard-types-MaterialGroup-container { --factor: 10px; --width: calc(100vw / var(--tile-col-count) - 6rem); } } .Carpet-CarpetCard-types-MaterialGroup-container > div { position: absolute; margin-bottom: calc(var(--tile-col-count) * var(--factor)); width: calc(var(--width) - (var(--factor) * (var(--tile-col-count)))); height: calc(var(--width) - var(--factor) * (var(--tile-col-count))); } .Carpet-CarpetCard-types-MaterialGroup-container > div:first-child { position: relative; } .Carpet-CarpetCard-types-MaterialGroup-dummy { height: 100%; width: 100%; border: solid #fff 1px; background-color: #222; } .Carpet-CarpetCard-types-MaterialGroup-title { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #222; padding: 3rem; font-size: 2rem; border: solid #fff 1px; text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; hyphens: auto; -webkit-hyphens: auto; } .Carpet-CarpetCard-types-MaterialGroup-preview { width: 100%; height: 100%; object-fit: cover; border: solid #fff 1px; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-Procedure-stack { --width: calc(100vw / var(--tile-col-count) - 6rem); --factor: 4px; } .Carpet-CarpetCard-types-Procedure-stack > div { position: absolute; margin-bottom: calc(var(--tile-col-count) * var(--factor)); width: calc(var(--width) - (var(--factor) * (var(--tile-col-count)))); } .Carpet-CarpetCard-types-Procedure-preview, .Carpet-CarpetCard-types-Procedure-previewStack { position: absolute; top: 0; left: 0; z-index: -1; margin: 3rem; margin-top: 6rem; height: calc(((100vw - 4rem) / var(--tile-col-count) - 6rem) / 5 * 4); width: calc((100vw - 4rem) / var(--tile-col-count) - 6rem); object-fit: cover; background-color: var(--black); } .Carpet-CarpetCard-types-Procedure-preview.Carpet-CarpetCard-types-Procedure-left, .Carpet-CarpetCard-types-Procedure-previewStack.Carpet-CarpetCard-types-Procedure-left { clip-path: polygon(0.5% 2.5%, 64% 2.5%, 42% 99.5%, 0.5% 99.5%); } .Carpet-CarpetCard-types-Procedure-preview.Carpet-CarpetCard-types-Procedure-right, .Carpet-CarpetCard-types-Procedure-previewStack.Carpet-CarpetCard-types-Procedure-right { transform: translate(0, -2%); clip-path: polygon(99.5% 3%, 62% 3%, 40% 99%, 99.5% 99%); } @media (max-width: 1024px) { .Carpet-CarpetCard-types-Procedure-preview { margin-top: 6.4rem; height: calc(((100vw - 3rem) / var(--tile-col-count) - 6rem) / 5 * 4); width: calc((100vw - 3rem) / var(--tile-col-count) - 6rem); } } .Carpet-CarpetCard-types-Procedure-previewStack { margin: 0; height: calc(100% - 6px); width: 100%; } .Carpet-CarpetCard-types-Procedure-title { text-align: left; height: 100%; width: 100%; display: flex; justify-content: start; align-items: start; font-size: 2rem; padding: 1rem; } .Carpet-CarpetCard-types-Procedure-singleSVG { padding: 1rem; padding-top: 0; height: 100%; width: 100%; } @media (max-width: 1024px) { .Carpet-CarpetCard-types-Procedure-singleSVG { padding-top: 2rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-Event-container { --width: calc(100vw / var(--tile-col-count) - 4rem); margin: -2rem; margin-top: -1rem; height: calc(100% + 3rem); } .Carpet-CarpetCard-types-Event-container > div { background: #fff; padding: 2rem; height: 100%; padding-inline: 4rem; border-right: solid #000 2px; color: #000; min-height: calc((100vw - 4rem) / var(--tile-col-count) - 8rem); } @media (max-width: 1024px) { .Carpet-CarpetCard-types-Event-container > div { min-height: calc((100vw - 1rem) / var(--tile-col-count) - 6rem); } } .Carpet-CarpetCard-types-Event-container > div.Carpet-CarpetCard-types-Event-future { background-color: #ff0; } .Carpet-CarpetCard-types-Event-container > div .Carpet-CarpetCard-types-Event-preview { max-width: 100%; max-height: 100%; margin: auto; object-fit: contain; object-position: top left; box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.6); } .Carpet-CarpetCard-types-Event-title { color: #000; padding-bottom: 1rem; width: 100%; display: flex; justify-content: start; align-items: start; } @media (min-width: 2001px) { .Carpet-CarpetCard-types-Event-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1501px) and (max-width: 2000px) { .Carpet-CarpetCard-types-Event-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1401px) and (max-width: 1500px) { .Carpet-CarpetCard-types-Event-title { font: 2.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .Carpet-CarpetCard-types-Event-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpetCard-types-Event-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .Carpet-CarpetCard-types-Event-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .Carpet-CarpetCard-types-Event-title { font: 1.8rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 413px) { .Carpet-CarpetCard-types-Event-title { font: 1.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media print { .Carpet-CarpetCard-types-Event-title { font: 1.5rem/1.3 var(--font); letter-spacing: 0.03em; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-ReferenceObject-preview { margin: -2rem 2rem -2rem -2rem; width: calc(100% + 4rem); height: calc(100% + 4rem); padding-top: 2rem; border-right: solid #222 2px; object-fit: contain; object-position: top left; } .Carpet-CarpetCard-types-ReferenceObject-title { height: 100%; width: 100%; display: flex; justify-content: start; align-items: start; } @media (min-width: 2001px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1501px) and (max-width: 2000px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1401px) and (max-width: 1500px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 1.8rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 413px) { .Carpet-CarpetCard-types-ReferenceObject-title { font: 1.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media print { .Carpet-CarpetCard-types-ReferenceObject-title { font: 1.5rem/1.3 var(--font); letter-spacing: 0.03em; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-types-ConstructionElement-stack { --width: calc(100vw / var(--tile-col-count) - 6rem); --factor: 4px; } .Carpet-CarpetCard-types-ConstructionElement-stack > div { position: absolute; margin-bottom: calc(var(--tile-col-count) * var(--factor)); width: calc(var(--width) - (var(--factor) * (var(--tile-col-count)))); } .Carpet-CarpetCard-types-ConstructionElement-preview, .Carpet-CarpetCard-types-ConstructionElement-previewStack { position: absolute; top: 0; left: 0; z-index: -1; margin: 3rem; margin-top: 6rem; height: calc(((100vw - 4rem) / var(--tile-col-count) - 6rem) / 5 * 4); width: calc((100vw - 4rem) / var(--tile-col-count) - 6rem); object-fit: cover; background-color: var(--black); --offset: 2%; } .Carpet-CarpetCard-types-ConstructionElement-preview.Carpet-CarpetCard-types-ConstructionElement-top, .Carpet-CarpetCard-types-ConstructionElement-previewStack.Carpet-CarpetCard-types-ConstructionElement-top { transform: translate(calc(-1 * var(--offset)), calc(-1 * var(--offset))); clip-path: polygon(var(--offset) 42%, var(--offset) 2%, 100% 2%, 100% 62%); } .Carpet-CarpetCard-types-ConstructionElement-preview.Carpet-CarpetCard-types-ConstructionElement-bottom, .Carpet-CarpetCard-types-ConstructionElement-previewStack.Carpet-CarpetCard-types-ConstructionElement-bottom { clip-path: polygon(var(--offset) 100%, var(--offset) 36%, 100% 56%, 100% 100%); } @media (max-width: 1024px) { .Carpet-CarpetCard-types-ConstructionElement-preview { margin-top: 6.4rem; height: calc(((100vw - 3rem) / var(--tile-col-count) - 6rem) / 5 * 4); width: calc((100vw - 3rem) / var(--tile-col-count) - 6rem); } } .Carpet-CarpetCard-types-ConstructionElement-previewStack { margin: 0; height: calc(100% - 6px); width: 100%; } .Carpet-CarpetCard-types-ConstructionElement-title { text-align: left; height: 100%; width: 100%; display: flex; justify-content: start; align-items: start; font-size: 2rem; padding: 1rem; } .Carpet-CarpetCard-types-ConstructionElement-singleSVG { padding: 1rem; padding-top: 0; height: 100%; width: 100%; } @media (max-width: 1024px) { .Carpet-CarpetCard-types-ConstructionElement-singleSVG { padding-top: 2rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpetCard-container { --card-height: auto; height: var(--card-height); position: relative; width: calc(100% / var(--tile-col-count)); display: flex; flex-direction: column; min-height: calc(100vh / var(--tile-col-count) - 20px); min-width: 0; margin-bottom: 2rem; } .Carpet-CarpetCard-container.Carpet-CarpetCard-ajustHeight { --card-height: calc((100vw - 4rem) / var(--tile-col-count) - 4rem + 5rem + 3rem); } @media (max-width: 1024px) { .Carpet-CarpetCard-container { min-height: 0; } } .Carpet-CarpetCard-container .Carpet-CarpetCard-background { display: none; } .Carpet-CarpetCard-container.Carpet-CarpetCard-light .Carpet-CarpetCard-background { color: #fff; display: block; position: absolute; z-index: 20; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; border-right: calc((100vw - 4rem) / var(--tile-col-count) - 4rem + 4rem) solid blur(9px); border-top: 5rem solid transparent; } .Carpet-CarpetCard-container.Carpet-CarpetCard-light .Carpet-CarpetCard-background svg { fill: transparent; } .Carpet-CarpetCard-container.Carpet-CarpetCard-match .Carpet-CarpetCard-descritpion { color: #000; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper { height: 100%; z-index: 10; flex-shrink: 0; flex-grow: 1; display: flex; flex-direction: column; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion { padding-top: 0.3rem; padding-left: 0.1rem; color: #fff; display: flex; flex-shrink: 0; border-left: solid #fff 1px; border-top: solid #fff 1px; height: 5rem; } @media (max-width: 1024px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion { height: 3.4rem; } } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion.Carpet-CarpetCard-invert { background-color: #fff; color: #000; border: 0; border-right: solid 2px; border-color: #000; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { display: flex; flex-direction: column; padding-left: 1rem; padding-right: 1rem; } @media (max-width: 1024px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { padding-left: 0.6rem; } } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label div { width: 100%; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label.Carpet-CarpetCard-event div { -webkit-line-clamp: 1; } @media (max-width: 1024px) and (min-width: 2001px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (min-width: 1501px) and (max-width: 2000px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (min-width: 1401px) and (max-width: 1500px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (min-width: 1201px) and (max-width: 1400px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1023px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 1024px) and (max-width: 767px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print and (max-width: 1024px) { .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-label { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-index { hyphens: auto; -webkit-hyphens: auto; padding-left: 0.6rem; flex-shrink: 0; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-descritpion .Carpet-CarpetCard-index .Carpet-CarpetCard-abbr { display: inline; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainer { flex-shrink: 0; height: calc(100% - 5rem); text-align: center; color: #fff; overflow: hidden; padding: 2rem; padding-top: 1rem; justify-content: center; word-break: break-word; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainer.Carpet-CarpetCard-cut { clip-path: polygon(0% 0%, 100% 0%, 0% calc((100vw - 4rem) / var(--tile-col-count) - 2px)); } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainerShadow { background-color: #222; display: block; opacity: 0.5; position: absolute; top: 5rem; flex-shrink: 0; width: 100%; text-align: center; color: #fff; overflow: hidden; padding: 2rem; padding-top: 1rem; justify-content: center; word-break: break-word; clip-path: polygon(100% 0px, 100% 100%, 0% 100%, 0% calc((100vw - 4rem) / var(--tile-col-count) - 5rem + 50px)); } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainerShadow div { background-color: #222; } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainerShadow.Carpet-CarpetCard-half { filter: blur(3px); } .Carpet-CarpetCard-container .Carpet-CarpetCard-wrapper .Carpet-CarpetCard-imgContainerShadow.Carpet-CarpetCard-single { filter: blur(3px); } a { text-decoration: none; } .Carpet-CarpetCard-matchIndicator { position: absolute; right: 7px; top: 0.8rem; z-index: 20; outline: 1px solid #d3d3d3; outline-offset: 0; width: 1.6rem; height: 1.6rem; padding-top: 1px; padding-left: 1px; display: flex; justify-content: center; align-items: center; border-radius: 999rem; font-size: 0.6em; margin-left: -0.2rem; background-color: #000; color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-container { background: transparent; width: 60vw; min-width: 930px; color: #fff; flex-direction: row; margin: auto; pointer-events: all; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container { width: 100vw; min-width: unset; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-overlay { top: 0; left: 0; width: calc(100vw + 600px) !important; height: calc(100vh + 600px) !important; position: fixed; z-index: 0; pointer-events: none; cursor: pointer; transition: opacity 0.2s, backdrop-filter 0.2s; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-overlay.Carpet-CarpertHeader-SearchBar-activeDropdown { transition: opacity 0.2s, backdrop-filter 0.2s; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); pointer-events: all; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper { transition: height var(--slow), padding var(--slow); height: 110px; display: flex; align-items: center; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper { width: 100%; height: 100px; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar { position: absolute; width: 60vw; min-width: 930px; transition: var(--slow) padding; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar { margin: 1rem; min-width: unset; width: calc(100% - 2 * 1rem); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar .Carpet-CarpertHeader-SearchBar-searchBar { height: var(--searchbar-height); transition: var(--slow) padding; padding-right: 2px; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar .Carpet-CarpertHeader-SearchBar-searchBar { padding-right: calc(var(--pill-height) + 1rem); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar .Carpet-CarpertHeader-SearchBar-searchBar input { font-size: 1em; transition: var(--slow) padding; padding: 0.7rem 0 0.5rem calc(var(--searchbar-height) / 2); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar .Carpet-CarpertHeader-SearchBar-searchBar input { padding-left: calc(var(--pill-height) + var(--pill-padding) * 3); font-size: 0.9em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: initial; overflow: hidden; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeCalendar { transition-delay: 0s; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-searchBar input, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-searchBar input { padding-left: calc(var(--pill-height) + var(--pill-padding) * 3); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-searchBar { transition: var(--slow) padding; padding-left: 0; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-searchBar input { padding: 0.7rem 0 0.5rem var(--searchbar-height); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-searchBar { transition: var(--slow) padding; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-searchBar input { padding: 0.7rem 0 0.5rem 0.7rem; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activePill .Carpet-CarpertHeader-SearchBar-searchBar { padding-left: 0; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activePill .Carpet-CarpertHeader-SearchBar-searchBar input { padding-left: 0.7rem; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activePill .Carpet-CarpertHeader-SearchBar-searchBar input { padding-left: calc(var(--pill-height) + 1rem); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter.Carpet-CarpertHeader-SearchBar-activePill .Carpet-CarpertHeader-SearchBar-searchBar { transition: var(--slow) padding; padding-left: calc(var(--searchbar-height) - var(--pill-padding) * 1.5); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-activeFilter.Carpet-CarpertHeader-SearchBar-activePill .Carpet-CarpertHeader-SearchBar-searchBar { padding-left: 0; } } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-related .Carpet-CarpertHeader-SearchBar-searchBar input, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchbarWrapper .Carpet-CarpertHeader-SearchBar-bar.Carpet-CarpertHeader-SearchBar-related.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-searchBar input { padding-left: var(--pill-padding); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton { position: absolute; height: var(--button-size); flex-shrink: 0; display: flex; gap: var(--pill-padding); z-index: 50; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-icon img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-icon img { padding: 3px; height: 70%; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar { box-sizing: bord-box; margin: 0; width: var(--button-size); height: var(--button-size); padding: 0 1.5rem; background: #fff; border-radius: 9999px; overflow: hidden; border: solid 1px #000; transition: transform 0.4s, height 0.4s, width 0.4s; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar { width: var(--pill-height); height: var(--pill-height); transform: translate(var(--pill-padding), 0); overflow: visible !important; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar .Carpet-CarpertHeader-SearchBar-filterAmount { color: #000; font-size: 1rem; position: absolute; background-color: #fff; padding: 0.5rem; border-radius: 999%; height: 2.2rem; width: 2.2rem; transform: translate(75%, -75%); border: solid #000 1px; display: none; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar .Carpet-CarpertHeader-SearchBar-filterAmount, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar .Carpet-CarpertHeader-SearchBar-filterAmount { display: block; } } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar { transform: translate(calc(-1 * var(--pill-padding)), 0); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter { width: var(--pill-height); height: var(--pill-height); background-color: #000; transform: translate(calc(100% + var(--pill-padding) * 4), 0); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter { transform: translate(var(--pill-padding), 0); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter img { filter: invert(); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar { transform: translate(0, 0); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar { transform: translate(calc(-1 * var(--pill-padding)), 0); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover { background-color: #000 !important; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img { filter: invert(); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter { transform: translate(calc(0), 0); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar { width: var(--pill-height); height: var(--pill-height); transform: translate(calc(-100% - var(--pill-padding) * 4), 0); background-color: #000; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar { transform: translate(calc(-1 * var(--pill-padding)), 0); } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar img { filter: invert(); } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover { background-color: #fff !important; border: solid 1px #000 !important; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonFilter:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeCalendar .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton.Carpet-CarpertHeader-SearchBar-activeFilter .Carpet-CarpertHeader-SearchBar-buttonCalendar:hover img { filter: none; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton { left: calc(min(calc((100vw - 930px) / 2), 20vw) - var(--pill-height) - var(--pill-padding) - var(--pill-padding) * 2); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-filterButton { left: 0.8rem; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton { right: calc(min(calc((100vw - 930px) / 2), 20vw) - var(--pill-height) - var(--pill-padding) - var(--pill-padding) * 2); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-calendarButton { right: 0.8rem; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar { display: flex; background: #fff; border-radius: 2.5rem; overflow: hidden; color: #000; top: 2rem; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar input { width: 100%; height: 100%; border: none; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-searchButton, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-save { white-space: nowrap; margin: auto; padding-right: 1rem; cursor: pointer; padding: 1rem; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-searchButton img, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-save img { height: 2.5rem; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-searchButton:hover, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-save:hover { opacity: 0.5; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-clear { height: 25px; width: 25px; margin-right: calc(var(--pill-padding) * 4); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-clear { margin-right: 0; } } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-save { display: none; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-clear:before, .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-searchBar .Carpet-CarpertHeader-SearchBar-clear:after { background-color: #000; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { background-color: var(--black); font-weight: 100 !important; padding: var(--pill-padding); padding-right: 0; cursor: default; transition: height var(--slow); z-index: 100; padding: 2rem 1.5rem 2rem 2rem; color: #fff; display: flex; justify-content: center; align-items: center; flex-shrink: 0; overflow: hidden; flex-shrink: 0; gap: 0.5rem; white-space: nowrap; transition: all var(--slow); pointer-events: all; margin: 1px; border-radius: 9999px 0 0 9999px; max-width: 300px; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer .Carpet-CarpertHeader-SearchBar-record { font-size: 0.9em; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: initial; overflow: hidden; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { width: 150px; z-index: 0; justify-content: center; align-items: flex-start; flex-direction: column; padding: 0.2rem 1.2rem; padding-left: calc(var(--pill-height) + var(--pill-padding) * 1.5); gap: 0; } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer .Carpet-CarpertHeader-SearchBar-record { width: 100%; } } .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer.Carpet-CarpertHeader-SearchBar-activeFilter { margin-left: var(--pill-padding); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer.Carpet-CarpertHeader-SearchBar-activeFilter { margin-left: 1px; } } @media (max-width: 1024px) and (min-width: 2001px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (max-width: 1024px) and (min-width: 1501px) and (max-width: 2000px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (max-width: 1024px) and (min-width: 1401px) and (max-width: 1500px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 1024px) and (min-width: 1201px) and (max-width: 1400px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 1024px) and (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 1024px) and (min-width: 768px) and (max-width: 1023px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 1024px) and (max-width: 767px) { .Carpet-CarpertHeader-SearchBar-container .Carpet-CarpertHeader-SearchBar-activeRecordContainer { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } .Carpet-CarpertHeader-SearchBar-sortSwicth { position: absolute; right: 0; border: none; } .Carpet-CarpertHeader-SearchBar-sortSwicth > div > button { padding: 3px 6px; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-title { font-weight: 900; padding-bottom: 0.5rem; padding-left: 0.6rem; width: 100%; } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group { display: flex; flex-flow: wrap; gap: 0.8rem; row-gap: 1rem; padding-bottom: 2rem; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group { gap: 0.6rem; row-gap: 0.4rem; } } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-moreLess { height: var(--pill-height); display: flex; justify-content: center; align-items: center; cursor: pointer; padding-left: var(--pill-padding); } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-moreLess > div:hover { text-decoration: underline; } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-activePill { background-color: #000; color: #fff; } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-child { max-width: 100%; overflow: hidden; } .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-container .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-group .Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-child.Carpet-CarpertHeader-SearchBar-Dropdown-FilterGroup-closed { white-space: nowrap; width: 0rem; display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .UI-Pill-container { position: relative; display: flex; align-items: center; cursor: pointer; flex-wrap: wrap; white-space: nowrap; user-select: none; height: var(--pill-height); } .UI-Pill-container.UI-Pill-dashed .UI-Pill-content { border-collapse: collapse; border-style: dashed; } .UI-Pill-container .UI-Pill-content { display: flex; align-items: center; border-radius: 9999px; overflow: hidden; border: #000 solid 1px; background-color: #fff; color: #000; } .UI-Pill-container .UI-Pill-content div { display: flex; align-items: center; padding: var(--pill-inner-padding); } .UI-Pill-container .UI-Pill-content div.UI-Pill-hasIcon { padding-right: var(--searchbar-height); } @media (max-width: 1024px) { .UI-Pill-container .UI-Pill-content div.UI-Pill-hasIcon { padding-right: calc(var(--searchbar-height) - 0.4rem); } } .UI-Pill-container .UI-Pill-content div:hover { background-color: #d3d3d3; border-color: #000; color: #fff; } .UI-Pill-container .UI-Pill-content div.UI-Pill-activeParent { background-color: #505050; color: #fff; } .UI-Pill-container .UI-Pill-content div.UI-Pill-active, .UI-Pill-container .UI-Pill-content div.UI-Pill-invert { background-color: #000; border-color: #fff; color: #fff; } .UI-Pill-container .UI-Pill-content div.UI-Pill-icon { position: absolute; right: 0; border: solid 1px #000; background-color: #fff; border-radius: 999px; height: calc(var(--pill-height) - 0.4rem); width: calc(var(--pill-height) - 0.4rem); padding: 0; display: flex; justify-content: center; align-items: center; } .UI-Pill-container .UI-Pill-content div.UI-Pill-icon img { height: 18px; } .UI-Pill-container .UI-Pill-content div.UI-Pill-icon.UI-Pill-open { background-color: #000; border-color: #000; color: #fff; border-width: 1.5px; } .UI-Pill-container .UI-Pill-content div.UI-Pill-icon.UI-Pill-open img { filter: invert(); } .UI-Pill-container .UI-Pill-content div.UI-Pill-icon:hover { background-color: #d3d3d3; border-color: #000; } .UI-Pill-container .UI-Pill-content .UI-Pill-close { height: 12px; width: 20px; padding-right: 0.2rem; margin-right: 0.5rem; } .UI-Pill-container.UI-Pill-small { margin: 0rem 0; font-size: 0.8em; } .UI-Pill-container.UI-Pill-small .UI-Pill-content { height: auto; } .UI-Pill-container.UI-Pill-small .UI-Pill-content > div { padding: 0.5rem 0.8rem; } .UI-Pill-container.UI-Pill-hidden { opacity: 0.2; pointer-events: none; } .UI-Pill-container.UI-Pill-round { margin: 0; border-radius: 9999px; overflow: hidden; } .UI-Pill-container.UI-Pill-round > .UI-Pill-content { background-color: #000; padding: 0; border: 0; display: flex; } .UI-Pill-container.UI-Pill-round > .UI-Pill-content > div { padding-right: 0; display: flex; align-items: center; } .UI-Pill-container.UI-Pill-round .UI-Pill-close { color: #fff; } .UI-Pill-container.UI-Pill-round .UI-Pill-close:hover { color: #d3d3d3 !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-pillWrapper { display: flex; flex-direction: column; } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-pillWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-amount { display: none; position: absolute; background-color: #000 !important; border-radius: 16px !important; color: #fff !important; display: flex; justify-content: center; align-items: center; font-size: 10px; right: 0; width: calc(16px + 22px - 20px); height: calc(16px + 22px - 20px); transform: translate(6px, -6px); } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-pill { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-pill.Carpet-CarpertHeader-SearchBar-Dropdown-Filter-openPill { border-bottom: 0; height: auto; border-radius: 4px 4px 0 0; } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-pill.Carpet-CarpertHeader-SearchBar-Dropdown-Filter-isLoading { opacity: 0.2; } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-groupContainer { position: relative; display: flex; align-items: flex-start; position: relative; gap: 0.8rem; margin-top: 1rem; row-gap: 1rem; width: calc(60vw - 11rem); max-width: calc(930px - 11rem); padding: 12px; background-color: rgba(200,200,205,0.2); border: solid #000 1px; border-radius: 16px; height: auto; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-groupContainer { max-width: unset; } } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-groupContainer.Carpet-CarpertHeader-SearchBar-Dropdown-Filter-active { width: 100%; } .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-groupContainer .Carpet-CarpertHeader-SearchBar-Dropdown-Filter-closeButton { position: absolute; top: 0.5rem; right: 0.5rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-container { position: absolute; margin-top: 0; color: #000; border-radius: 2.3rem; overflow: hidden; margin-top: 0.5rem; pointer-events: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; z-index: 100; height: 0; min-width: 100%; opacity: 0; transition: opacity var(--slow); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-Dropdown-container { width: calc(100vw - var(--pill-padding) * 2); max-height: 65vh; } } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-showResults { margin-left: 2rem; border: solid #000 1px; border-radius: 500px; padding: var(--pill-inner-padding); background-color: #fff; transform: translate(0, -50%); cursor: pointer; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-showResults:hover { background-color: #808080; color: #fff; } .Carpet-CarpertHeader-SearchBar-Dropdown-container.Carpet-CarpertHeader-SearchBar-Dropdown-active { pointer-events: all; opacity: 1; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper { background-color: #fff; border-radius: 20px; padding: 2rem 2rem 8rem 2rem; max-height: 70vh; position: relative; overflow: scroll; pointer-events: all; display: flex; flex-direction: column; gap: 2rem; min-width: 100%; overscroll-behavior: none; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper.Carpet-CarpertHeader-SearchBar-Dropdown-isLoading > * { pointer-events: none; opacity: 0.2; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-title { padding-bottom: 3rem; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-material, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-reference, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-procedure { display: flex; flex-flow: wrap; gap: 0.5rem; padding-bottom: 3rem; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-material .Carpet-CarpertHeader-SearchBar-Dropdown-child, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-reference .Carpet-CarpertHeader-SearchBar-Dropdown-child, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-procedure .Carpet-CarpertHeader-SearchBar-Dropdown-child { max-width: 100%; overflow: hidden; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-material .Carpet-CarpertHeader-SearchBar-Dropdown-child.Carpet-CarpertHeader-SearchBar-Dropdown-closed, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-reference .Carpet-CarpertHeader-SearchBar-Dropdown-child.Carpet-CarpertHeader-SearchBar-Dropdown-closed, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-procedure .Carpet-CarpertHeader-SearchBar-Dropdown-child.Carpet-CarpertHeader-SearchBar-Dropdown-closed { white-space: nowrap; width: 0rem; display: none; } .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-material :hover, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-reference :hover, .Carpet-CarpertHeader-SearchBar-Dropdown-container .Carpet-CarpertHeader-SearchBar-Dropdown-filterWrapper .Carpet-CarpertHeader-SearchBar-Dropdown-procedure :hover { background-color: #000; color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Calendar-container { position: absolute; margin-top: 0.5rem; margin-left: auto; height: 0; opacity: 0; background-color: #fff; color: #000; background: #fff; border-radius: 2.3rem; overflow: visible; transition: var(--slow) height, 0.4s opacity; transition-delay: 0s; pointer-events: none; width: 350px; height: 420px; z-index: 50; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-controlls { display: flex; justify-content: space-around; padding: 3rem; padding-bottom: 0; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-controlls div { cursor: pointer; padding: 4px 12px 2px 12px; border-radius: 9999px; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-controlls div.Carpet-CarpertHeader-SearchBar-Calendar-active { background-color: #000; color: #fff; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-controlls div:hover { background-color: #808080; color: #fff; } .Carpet-CarpertHeader-SearchBar-Calendar-container.Carpet-CarpertHeader-SearchBar-Calendar-active { height: 420px; max-height: 90vh; opacity: 1; pointer-events: all; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-calendar { height: 100%; padding: 3rem; position: relative; overflow: scroll; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-showResults { position: absolute; bottom: 0; left: 50%; z-index: 100; background-color: #fff; border: solid #000 1px; padding: 0.5rem 1rem; transform: translate(-50%, 50%); cursor: pointer; } .Carpet-CarpertHeader-SearchBar-Calendar-container .Carpet-CarpertHeader-SearchBar-Calendar-showResults:hover { background-color: #000; color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .react-calendar { width: 350px; line-height: 1.125em; margin: auto; } .react-calendar--doubleView .react-calendar__viewContainer { display: flex; margin: -0.5em; flex-direction: column; } .react-calendar--doubleView .react-calendar__viewContainer > * { margin: 0.5em; } .react-calendar, .react-calendar *, .react-calendar *:before, .react-calendar *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .react-calendar button { border: none; outline: none; } .react-calendar button:enabled:hover { cursor: pointer; } .react-calendar__navigation { display: flex; height: 44px; margin-bottom: 1em; } .react-calendar__navigation button { min-width: 44px; background: none; } .react-calendar__navigation button:disabled { background-color: #f0f0f0; } .react-calendar__navigation button:enabled:hover { background-color: #e6e6e6; } .react-calendar__month-view__weekdays { text-align: center; text-transform: uppercase; font-weight: bold; font-size: 0.75em; } .react-calendar__month-view__weekdays__weekday { padding: 0.5em; } .react-calendar__month-view__weekNumbers .react-calendar__tile { display: flex; align-items: center; justify-content: center; font-size: 0.75em; font-weight: bold; } .react-calendar__month-view__days__day--weekend { color: #757575; } .react-calendar__year-view .react-calendar__tile, .react-calendar__decade-view .react-calendar__tile, .react-calendar__century-view .react-calendar__tile { padding: 2em 0.5em; } .react-calendar__tile { max-width: 100%; padding: 10px 8px; margin: 2px 0; background: none; text-align: center; line-height: 16px; } .react-calendar__tile:disabled { background-color: #f0f0f0; } .react-calendar__tile:enabled:hover { background-color: #e6e6e6; } .react-calendar__tile--now { border: solid #f00 1px !important; background-color: #f00; color: #fff; border-radius: 10px; } .react-calendar__tile--now.react-calendar__tile--active { border-radius: 0; background-color: #f00; } .react-calendar__tile--now.react-calendar__tile--rangeStart, .react-calendar__tile--now.react-calendar__tile--rangeEnd { border-radius: 10px 0 0 10px; } .react-calendar__tile--now:enabled:hover, .react-calendar__tile--now:enabled:focus { background: #808080; color: #fff; } .react-calendar__tile--hasActive { background: #d3d3d3; } .react-calendar__tile--hasActive:enabled:hover { background: #fff; } .react-calendar__tile--active { background: #000; color: #fff; } .react-calendar__tile--active:enabled:hover { background: #d3d3d3; color: #000; } .react-calendar__tile--rangeStart, .react-calendar__tile--rangeEnd { border-radius: 10px 0 0 10px; border: solid #000 !important; background-color: #fff; color: #000; } .react-calendar__tile--rangeEnd { border-radius: 0 10px 10px 0; } .react-calendar__tile--rangeBothEnds { border-radius: 10px; } .react-calendar--selectRange .react-calendar__tile--hover { background-color: #e6e6e6; } .react-calendar--selectRange .react-calendar__tile--hoverEnd { border-radius: 0 10px 10px 0; background-color: #a9a9a9 !important; } .react-calendar--selectRange .react-calendar__tile--hoverStart { border-radius: 10px 0 0 10px; background-color: #a9a9a9 !important; } abbr { text-decoration: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-Filter-activeFilter { flex-shrink: 1; width: auto; display: flex; height: 100%; margin-right: -26px; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-Filter-activeFilter > div { border: solid #fff 1px; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-Filter-activeFilter:hover { z-index: 200; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-Filter-activeFilter.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-Filter-last { flex-shrink: 0; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-activeFilterGroup { margin-block: var(--pill-padding); margin-left: var(--pill-padding); display: flex; flex-shrink: 0; align-items: center; max-width: 50%; flex-shrink: 0; gap: 0.2rem; margin-right: calc(var(--searchbar-height) / 2); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-activeFilterGroup { display: none; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-TypeInput-input { --top-curve: 1.2em; --bottom-curve: 0.8em; } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator { top: 0; position: absolute; height: 1.7em; background-color: #fff; border-radius: 0 0 var(--bottom-curve) var(--bottom-curve); z-index: -1; transition: left 0.4s, opacity 0.2s; opacity: 1; } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator.Carpet-CarpertHeader-SearchBar-TypeInput-filterActive { opacity: 0.5; } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:before, .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:after { content: ""; position: absolute; top: 0; width: var(--top-curve); height: var(--top-curve); border: var(--top-curve) solid #fff; border-radius: 50%; clip-path: polygon(50% calc(var(--top-curve) - 1px), calc(100% - var(--top-curve) + 1px) var(--top-curve), calc(100% - var(--top-curve)) 50%, 50% 50%); } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:before { left: 0; transform: translate(calc(-50% - (var(--top-curve) / 2)), calc(-50% + (var(--top-curve) / 2))); } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:after { right: 0; transform: translate(calc(50% + (var(--top-curve) / 2)), calc(-50% + (var(--top-curve) / 2))) rotate(-90deg); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-TypeInput-indicator { border-radius: var(--bottom-curve); display: none; } .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:before, .Carpet-CarpertHeader-SearchBar-TypeInput-indicator:after { display: none; } } .Carpet-CarpertHeader-SearchBar-TypeInput-input { --walk: 0.4s; position: absolute; left: 4rem; top: var(--searchbar-height); gap: 2rem; display: flex; width: 200px; border: none; color: #fff; padding: 0.3em 0 0; z-index: 10; user-select: none; } @media (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpertHeader-SearchBar-TypeInput-input { gap: 1.5rem; font-size: 0.85em; } } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-TypeInput-input { font-size: 0.85em; left: -1rem; gap: 0; padding-block: 1rem; padding-left: 1.8rem; width: 100vw; overflow-x: scroll; } } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput { padding-inline: 0.5rem; flex-shrink: 0; cursor: pointer; transition: transform var(--walk), color var(--walk); display: flex; gap: 0.5em; position: relative; justify-content: center; align-items: center; } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput { padding-inline: 1rem; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput:last-child { padding-right: 3rem; } } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput.Carpet-CarpertHeader-SearchBar-TypeInput-active { color: #000; transform: translateY(-16%); } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput.Carpet-CarpertHeader-SearchBar-TypeInput-active { color: #fff; transform: unset; text-decoration: underline; text-underline-offset: 0.4rem; } } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput.Carpet-CarpertHeader-SearchBar-TypeInput-inactive { opacity: 0.5; pointer-events: none; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput:hover > span { opacity: 0.6; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput > div { display: inline; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput > div:before { content: " "; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput > img { height: 1em; } .Carpet-CarpertHeader-SearchBar-TypeInput-input .Carpet-CarpertHeader-SearchBar-TypeInput-typInput .Carpet-CarpertHeader-SearchBar-TypeInput-info { position: absolute; top: 3.5rem; left: -0.5rem; width: calc(200px + 1rem); border-radius: var(--bottom-curve); background-color: #fff; padding: 1.2rem; hyphens: auto; border: solid #000 1px; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container { display: flex; flex-direction: row; align-items: center; overflow: hidden; color: #000; border-radius: 999px; border: solid #000 1px; margin: 0.6rem; margin-block: 0.6rem; flex-shrink: 0; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset { cursor: pointer; min-width: 90px; height: 100%; flex-shrink: 1; display: flex; justify-content: center; align-items: center; gap: 6px; opacity: 0.2; padding-top: 1px; color: #000; background-color: #fff; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start div, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end div, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset div { display: flex; flex-direction: column; font-size: 0.86em; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-set, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-set, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-set { background-color: #000; color: #fff; opacity: 1; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-setable, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-setable, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-setable { opacity: 1; color: #000; background-color: #fff; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-toBeSet, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-toBeSet, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset.Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-toBeSet { background-color: #808080; color: #fff; opacity: 1; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-content, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-content, .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-content { display: inline; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-close { display: flex; height: 100%; background-color: #000; border-left: solid #fff 1px; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-close button { height: 1.4rem; width: 2rem; color: #fff; padding-inline: 0.3rem; --line-width: 1.4px !important; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-close:hover { color: #808080; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-close { display: flex; justify-content: center; height: 100%; padding-right: 0.5rem; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-close button { color: #fff; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-end { padding-right: 1rem; padding-left: 1rem; border-left: dashed #fff 1px; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-start { padding-left: 1rem; } .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-container .Carpet-CarpertHeader-SearchBar-Dropdown-ActiveFilterGroup-ActiveDate-preset { padding-left: 2rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-Sugestions-container { max-height: 400px; background-color: #808080; margin-inline: 2.1rem; border-radius: 0 0 2rem 1rem; z-index: 100; position: absolute; width: calc(100% - 4.5rem); height: 0; padding: 0; overflow: hidden; } .Carpet-CarpertHeader-SearchBar-Sugestions-container.Carpet-CarpertHeader-SearchBar-Sugestions-focused { padding: 1.5rem; overflow: scroll; height: auto; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-loadMore { padding-top: 2rem; cursor: pointer; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-loadMore:hover { text-decoration: underline; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-suggestion { color: #fff; padding-block: 0.2rem; border-bottom: solid #000 1px; display: flex; justify-content: space-between; cursor: pointer; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-suggestion:hover .Carpet-CarpertHeader-SearchBar-Sugestions-label { text-decoration: underline; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-suggestion:focus .Carpet-CarpertHeader-SearchBar-Sugestions-label { text-decoration: underline; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-suggestion .Carpet-CarpertHeader-SearchBar-Sugestions-label { display: inline; } .Carpet-CarpertHeader-SearchBar-Sugestions-container .Carpet-CarpertHeader-SearchBar-Sugestions-suggestion .Carpet-CarpertHeader-SearchBar-Sugestions-type { opacity: 0.5; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-SearchBar-SortInput-input { position: absolute; right: 2rem; top: calc(var(--searchbar-height) + 5px); gap: 1.5rem; display: flex; border: none; color: #fff; padding: 0; user-select: none; } @media (min-width: 1024px) and (max-width: 1200px) { .Carpet-CarpertHeader-SearchBar-SortInput-input { font-size: 0.85em; } } @media (max-width: 1024px) { .Carpet-CarpertHeader-SearchBar-SortInput-input { font-size: 0.85em; } } .Carpet-CarpertHeader-SearchBar-SortInput-input a { color: #fff; } @media (max-width: 767px) { .Carpet-CarpertHeader-SearchBar-SortInput-input { display: none; } } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput { flex-shrink: 0; cursor: pointer; } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput.Carpet-CarpertHeader-SearchBar-SortInput-active { text-decoration: underline; text-underline-offset: 2px; } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput.Carpet-CarpertHeader-SearchBar-SortInput-inactive { opacity: 0.5; pointer-events: none; } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput:hover { opacity: 0.6; } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput > div { display: inline; } .Carpet-CarpertHeader-SearchBar-SortInput-input .Carpet-CarpertHeader-SearchBar-SortInput-sortInput > div:before { content: " "; } .Carpet-CarpertHeader-SearchBar-SortInput-indicator { top: -5px; position: absolute; height: 5px; width: 3px; border-block: transparent 5px solid; border-inline: transparent 5px solid; border-top-color: #fff; transition: left 0.4s; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-CarpertHeader-container { position: fixed; left: 0; top: 5rem; z-index: 50; width: 100vw; transition: var(--slow) top, padding var(--slow); } .Carpet-CarpertHeader-container .Carpet-CarpertHeader-shadow { position: absolute; height: 250px; width: 100vw; top: -8rem; left: 0; z-index: -1; transition: top var(--slow), height var(--slow); background: linear-gradient(-180deg, #222 0%, #222 20%, rgba(0,0,0,0) 100%); pointer-events: none; } .Carpet-CarpertHeader-container .Carpet-CarpertHeader-shadow:before { content: ''; position: absolute; z-index: -100; width: 100vw; height: 100vh; top: -100vh; left: 0; opacity: 1; background-color: var(--white); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-1 { top: calc(var(--header-height) + var(--carpet-top)); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-1 .Carpet-CarpertHeader-shadow { top: -2.5rem; height: calc(250px - 8rem + 2.5rem); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-1 .Carpet-CarpertHeader-shadow:before { content: none; } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-2 { top: calc(100vh - var(--carpet-height--small)); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-2 .Carpet-CarpertHeader-shadow { top: 0; height: calc(250px - 8rem); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-2 .Carpet-CarpertHeader-shadow:before { content: none; } @media (max-width: 1024px) { .Carpet-CarpertHeader-container.Carpet-CarpertHeader-focused-2 { top: calc(100dvh - 2rem); } } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-landing { top: calc(var(--landing-height) + var(--carpet-top)); } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-landing .Carpet-CarpertHeader-shadow { top: -2rem; } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-landing .Carpet-CarpertHeader-shadow:before { content: none; } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-webpage { top: 100vh; } .Carpet-CarpertHeader-container.Carpet-CarpertHeader-webpage .Carpet-CarpertHeader-shadow { background-color: #000; top: -3rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Carpet-container { position: absolute; width: 100vw; min-height: calc(100vh); background-color: var(--black); top: 0; transition: top var(--slow); box-shadow: 1px -1px 15px 3px rgba(0,0,0,0.75); -webkit-box-shadow: 1px -1px 15px 3px rgba(0,0,0,0.75); -moz-box-shadow: 1px -1px 15px 3px rgba(0,0,0,0.75); z-index: 200; } .Carpet-container .Carpet-cardsContainer { margin-top: 20rem; } @media (max-width: 1024px) { .Carpet-container .Carpet-cardsContainer { margin-top: 18rem; } } .Carpet-container.Carpet-unfocused-1 { position: fixed; top: var(--header-height); height: calc(100vh - var(--header-height)); overflow-y: scroll; } .Carpet-container.Carpet-unfocused-1 .Carpet-cardsContainer { margin-top: 18rem; } .Carpet-container.Carpet-unfocused-1 .Carpet-cardsContainer.Carpet-related { margin-top: 16rem; } .Carpet-container.Carpet-unfocused-2 { position: fixed; top: calc(100vh - var(--carpet-height--small)); } @media (max-width: 1024px) { .Carpet-container.Carpet-unfocused-2 { top: calc(100dvh - 6rem); } } .Carpet-container.Carpet-unfocused-2 .Carpet-cardsContainer { margin-top: 13rem; } .Carpet-container.Carpet-landing { height: 100%; pointer-events: all; top: calc(var(--landing-height)); } .Carpet-container.Carpet-landing .Carpet-cardsContainer { pointer-events: none; filter: blur(3px); opacity: 0.3; } @media (max-width: 1024px) { .Carpet-container.Carpet-landing .Carpet-cardsContainer { margin-top: 13rem; } } .Carpet-container.Carpet-webPage { top: calc(100vh - 30px); height: 30px; overflow: hidden; background-color: #fff; } .Carpet-container .Carpet-cardsContainer { width: 100%; background-color: var(--black); left: 0; padding: 0 2rem; display: flex; align-items: start; justify-content: start; flex-wrap: wrap; flex-direction: row; transition: transform 0.2s, margin var(--slow); color: #fff; } @media (max-width: 1024px) { .Carpet-container .Carpet-cardsContainer { padding-inline: 1.5rem; } } .Carpet-container .Carpet-cardsContainer.Carpet-events { display: block; } .Carpet-container .Carpet-cardsContainer.Carpet-events .Carpet-future, .Carpet-container .Carpet-cardsContainer.Carpet-events .Carpet-past { display: flex; align-items: start; justify-content: start; flex-wrap: wrap; flex-direction: row; } .Carpet-container .Carpet-cardsContainer.Carpet-events .Carpet-future div { background-color: #ff0; } .Carpet-container .Carpet-cardsContainer.Carpet-events .Carpet-past { border-top: solid #fff 1px; padding-top: 2rem; margin-top: 2rem; position: relative; } .Carpet-container .Carpet-cardsContainer.Carpet-events .Carpet-past:before { position: absolute; top: -25px; content: "Vergangene Events"; } .Carpet-container .Carpet-cardsContainer .Carpet-fullMatches, .Carpet-container .Carpet-cardsContainer .Carpet-halfMatch, .Carpet-container .Carpet-cardsContainer .Carpet-singleMatch { width: calc(100% + 2rem); flex-shrink: 0; display: flex; align-items: start; justify-content: start; flex-wrap: wrap; flex-direction: row; padding-inline: 1rem; margin-left: -1rem; margin-bottom: 2rem; } .Carpet-container .Carpet-cardsContainer .Carpet-fullMatches .Carpet-indicator, .Carpet-container .Carpet-cardsContainer .Carpet-halfMatch .Carpet-indicator, .Carpet-container .Carpet-cardsContainer .Carpet-singleMatch .Carpet-indicator { display: none; margin-bottom: 1rem; width: calc(100% + 2rem); flex-shrink: 0; background-color: #ff0; color: #000; text-align: center; margin-left: -1rem; } .Carpet-container .Carpet-cardsContainer .Carpet-noResults { text-align: center; width: 100%; } .Carpet-container .Carpet-cardsContainer .Carpet-break { border-bottom: solid #fff 1px; color: #fff; text-align: left; padding: 0.2rem; padding-top: 0.5rem; width: calc(100%); margin-bottom: 2rem; margin-top: 4rem; flex-shrink: 0; } .Carpet-container .Carpet-cardsContainer .Carpet-break.Carpet-small { width: calc(100% / var(--tile-col-count)); height: calc(100vw / var(--tile-col-count)); padding: 1rem; background-color: #fff; color: #000; border: solid #fff 2px; } .Carpet-container .Carpet-cardsContainer.Carpet-isLoading { filter: blur(30px) grayscale(); } .Carpet-container .Carpet-cardsContainer .Carpet-loadingCard { width: calc(100% / var(--tile-col-count)); display: flex; flex-direction: column; height: calc(100vh / var(--tile-col-count)); padding-bottom: 2rem; } .Carpet-container .Carpet-cardsContainer .Carpet-loadingCard .Carpet-title { width: 100%; height: 30px; border-top: solid #fff; border-inline: solid #fff; } .Carpet-container .Carpet-cardsContainer .Carpet-loadingCard .Carpet-box { margin-left: 10%; width: 80%; height: 100%; background-color: #808080; } .Carpet-container .Carpet-up, .Carpet-container .Carpet-down { pointer-events: all; position: fixed; left: 50vw; transform: translate(-50%); cursor: pointer; filter: invert(); z-index: 500; top: var(--header-height); transition: top var(--slow); } .Carpet-container .Carpet-up img, .Carpet-container .Carpet-down img { width: 2.5rem; } .Carpet-container .Carpet-up.Carpet-up, .Carpet-container .Carpet-down.Carpet-up { top: var(--header-height); } .Carpet-container .Carpet-up.Carpet-down, .Carpet-container .Carpet-down.Carpet-down { top: calc(100vh - var(--carpet-height--small)); } @media (max-width: 1024px) { .Carpet-container .Carpet-up.Carpet-down, .Carpet-container .Carpet-down.Carpet-down { top: calc(100dvh - 3.5rem); } } .Carpet-container .Carpet-up.Carpet-full, .Carpet-container .Carpet-down.Carpet-full { top: calc(100vh - 25px); } .Carpet-noRecord { margin: auto; margin-top: 10vh; } .Carpet-noRecord .Carpet-typeButton { text-decoration: underline; cursor: pointer; padding-left: 0.5rem; } .Carpet-noRecord .Carpet-typeButton:hover { opacity: 0.8; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Scanner-container .Scanner-list { border: solid #000; position: fixed; bottom: 2rem; left: 2rem; background-color: #ff0; z-index: 100001; } .Scanner-container .Scanner-list .Scanner-title { display: flex; gap: 3rem; padding: 1rem; align-items: center; } .Scanner-container .Scanner-list .Scanner-title img { cursor: pointer; } .Scanner-config { display: flex; flex-direction: column; align-items: center; padding: 1em; } @media (min-width: 2001px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { .Scanner-config label { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { .Scanner-config label { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } .Scanner-config input { background-color: _grey; width: 100%; padding: 0.4em; border: 1px solid _grey; border-radius: 0; margin: 0.5em 0; } .Scanner-config input:focus { border-color: _black; } .Scanner-config button { width: 100%; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .UI-Module-container { position: fixed; width: 100vw; height: 100vh; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); z-index: 500; display: flex; top: 0; left: 0; } .UI-Module-container .UI-Module-module { max-width: 400px; border: solid #000 1px; display: flex; border-radius: 2rem; gap: 2rem; margin: auto; background-color: #fff; padding: 2rem; flex-direction: column; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Scanner-ListElement-container { background-color: #000; color: #fff; padding: 0.5rem; margin: 0.5rem; border: solid #000 1px; display: flex; gap: 0.2rem; flex-direction: column; gap: 1rem; } .Scanner-ListElement-container li { display: flex; gap: 1rem; justify-content: flex-start; align-items: center; } .Scanner-ListElement-container li .Scanner-ListElement-thumb { display: flex; justify-content: center; align-items: center; background-color: #a9a9a9; height: 3rem; width: 3rem; } .Scanner-ListElement-container li a { color: #fff; } .Scanner-ListElement-container li a:hover { text-decoration: underline; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-container { min-height: 100vh; width: 100vw; z-index: 60; transition: height var(--fast); overflow: hidden; } .DetailSheet-container.DetailSheet-small { --header-height: 99px; } .DetailSheet-container.DetailSheet-focused-1 { overflow: unset; height: var(--header-height); cursor: pointer; } .DetailSheet-container.DetailSheet-focused-2 { overflow: unset; height: unset; } .DetailSheet-container.DetailSheet-focused-landing { height: 0; } .DetailSheet-container .DetailSheet-navButtons { cursor: pointer; display: flex; position: fixed; top: 0.5rem; transform: translate(-50%); gap: 2rem; left: 50vw; z-index: 102; transition: all var(--fast); align-items: center; } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-navButtons { top: 5.8rem; left: unset; right: 0.6rem; gap: 1rem; transform: translate(0); } } .DetailSheet-container .DetailSheet-navButtons.DetailSheet-small { transform: translate(-50%, -60px); gap: 1rem; } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-navButtons.DetailSheet-small { transform: translate(0); } } .DetailSheet-container .DetailSheet-navButtons .DetailSheet-closeIcon { transition: all var(--fast); height: 3.7rem; width: 4rem; --line-width: 2.5px !important; } .DetailSheet-container .DetailSheet-navButtons .DetailSheet-closeIcon:hover { opacity: 0.5; } .DetailSheet-container .DetailSheet-navButtons .DetailSheet-closeIcon button { margin: 0; } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-navButtons .DetailSheet-closeIcon { height: 3.2rem; } } .DetailSheet-container .DetailSheet-information { margin: auto; position: relative; display: flex; max-width: 1800px; flex-direction: column; justify-items: center; transition: height var(--fast); pointer-events: none; margin-top: var(--header-height-initi); } .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon { --line-width: 2.5px !important; transition: all var(--fast); height: 3.7rem; width: 4rem; position: fixed; right: calc(max(50vw - var(--detailSheet-max-width) / 2 - 6rem, 1rem)); margin-top: 1.5rem; padding: 1rem; background: #fff; border-radius: 9999px; height: 4rem; width: 4rem; overflow: visible; z-index: 10; cursor: pointer; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); align-self: unset; } .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon img { height: 100%; width: 100%; } .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon.DetailSheet-cartOpen { right: calc(1rem + 400px); } .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon.DetailSheet-cartOpen.DetailSheet-folderOpen { right: calc(1rem + 600px); } .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon button { margin: 0; } @media (hover: hover) { .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon:hover { opacity: 0.5; } } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-information .DetailSheet-cartIcon { display: none; } } .DetailSheet-container .DetailSheet-information .DetailSheet-detail { pointer-events: all; display: flex; transition: height var(--fast); width: 90vw; margin: auto; margin-bottom: var(--carpet-height--small); max-width: var(--detailSheet-max-width); justify-content: center; } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-information .DetailSheet-detail { flex-direction: column; justify-content: flex-start; overflow-y: scroll; overflow-x: hidden; margin: unset; padding-bottom: 2rem; width: 100vw; } } .DetailSheet-container .DetailSheet-information .DetailSheet-detail > section { overscroll-behavior: none; } @media (max-width: 1024px) { .DetailSheet-container .DetailSheet-information .DetailSheet-detail > section { overscroll-behavior: unset; overflow-y: hidden; height: auto; flex-shrink: 0; } } .DetailSheet-loader { position: fixed !important; top: 0; pointer-events: all; z-index: 101; width: 100%; height: 100vh; } .DetailSheet-focused-2 .DetailSheet-shadow { height: 10px; width: 100%; bottom: 0; left: 0; position: absolute; z-index: 12; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); } .DetailSheet-error { background-color: #fff; margin: auto; color: #000; width: 100vw; height: 100vh; top: 0; left: 0; text-align: center; position: fixed; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 100; gap: 1rem; pointer-events: all; } .DetailSheet-error * { max-width: 300px; } .DetailSheet-error * a { cursor: pointer; text-decoration: underline; text-underline-offset: 0.2rem; } .DetailSheet-wrapper { display: flex; flex-direction: column; gap: 1.5rem; } .mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}:root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-MapComponent-container { position: absolute; transition: height var(--fast); height: calc(100vh - var(--carpet-height--small)); width: 100%; z-index: 51; pointer-events: all; } @media (max-width: 1024px) { .DetailSheet-MapComponent-container { height: calc(100dvh - 4rem); } } .DetailSheet-MapComponent-container .DetailSheet-MapComponent-map { height: 100%; } .DetailSheet-MapComponent-marker { background-color: #fff; border: solid 2px #fff; padding: 4px; height: 35px; width: 35px; border-radius: 999%; filter: invert(); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-HeaderDetailsheet-header { position: sticky; top: 0; display: flex; flex-direction: column; z-index: 100; pointer-events: all; cursor: pointer !important; height: var(--header-height-initial); flex-shrink: 0; overflow: hidden; background-color: var(--white); transition: transform var(--fast), height var(--fast); } .DetailSheet-HeaderDetailsheet-header:not(.DetailSheet-HeaderDetailsheet-active) { height: 0; } .DetailSheet-HeaderDetailsheet-header.DetailSheet-HeaderDetailsheet-scrolling .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItem { opacity: 0.5; pointer-events: none; } .DetailSheet-HeaderDetailsheet-header.DetailSheet-HeaderDetailsheet-small { transition: transform var(--fast); transform: translate(0%, calc(var(--header-small-height) - var(--header-height-initial) + 0px)); } .DetailSheet-HeaderDetailsheet-header.DetailSheet-HeaderDetailsheet-map { transition: none; --header-height: var(--initial-header-height); } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation { margin-inline: auto; display: flex; gap: 1rem; position: relative; } @media (max-width: 1024px) { .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation { gap: 0; padding-bottom: 0rem; } } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation.DetailSheet-HeaderDetailsheet-noIntro { gap: 0; } @media (max-width: 1024px) { .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation { width: 100vw; gap: 0.2rem; overflow-x: scroll; overflow-y: hidden; } } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-indicator { bottom: -0.6rem; position: absolute; height: 0.4rem; width: 0; background-color: #000; transition: left var(--fast), width var(--fast); } @media (max-width: 1024px) { .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-indicator { bottom: 0rem; } } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItemStart, .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItem { user-select: none; padding: 0.5rem 1.2rem 0.3rem 1.2rem; border-radius: 9999px; cursor: pointer; white-space: nowrap; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItemStart.DetailSheet-HeaderDetailsheet-hidden, .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItem.DetailSheet-HeaderDetailsheet-hidden { padding: 0; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItemStart.DetailSheet-HeaderDetailsheet-active, .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItem.DetailSheet-HeaderDetailsheet-active { opacity: 1 !important; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItemStart.DetailSheet-HeaderDetailsheet-loading, .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItem.DetailSheet-HeaderDetailsheet-loading { display: none; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-navigation .DetailSheet-HeaderDetailsheet-navItemStart { padding: 0; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-title { transition: margin var(--fast); text-align: center; margin-top: 4rem; cursor: pointer; } @media (max-width: 1024px) { .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-title { max-width: calc(100% - 4rem); margin-top: calc(3rem + 0.8rem * 2); padding-top: 0.8rem; text-align: left; } } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-title div { max-width: 100%; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-title.DetailSheet-HeaderDetailsheet-hasNoHeader { margin-top: 4.8rem; } @media (max-width: 1024px) { .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-title.DetailSheet-HeaderDetailsheet-hasNoHeader { margin-top: 6.2rem; } } .DetailSheet-HeaderDetailsheet-header.DetailSheet-HeaderDetailsheet-small .DetailSheet-HeaderDetailsheet-title { font-size: 3rem; } .DetailSheet-HeaderDetailsheet-header .DetailSheet-HeaderDetailsheet-closeMap { cursor: pointer; margin: auto; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .FontSizeAdjuste-container { margin: auto; line-height: 1.2; } @media (max-width: 1024px) { .FontSizeAdjuste-container { display: flex; align-content: start; margin: unset; margin-left: 1.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-HeaderDetailsheet-NavElement-navItem { user-select: none; margin: 0.5rem 1.2rem 0.3rem 1.2rem; border-radius: 3px; cursor: pointer !important; white-space: nowrap; } .DetailSheet-HeaderDetailsheet-NavElement-navItem.DetailSheet-HeaderDetailsheet-NavElement-loading { background-color: #000; opacity: 0.1; } .DetailSheet-HeaderDetailsheet-NavElement-navItem.DetailSheet-HeaderDetailsheet-NavElement-hidden { padding: 0; } .DetailSheet-HeaderDetailsheet-NavElement-navItem.DetailSheet-HeaderDetailsheet-NavElement-active { opacity: 1 !important; } .DetailSheet-HeaderDetailsheet-NavElement-navItem.DetailSheet-HeaderDetailsheet-NavElement-scrolling { opacity: 0.5 !important; pointer-events: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-TextComponent-text { position: relative; padding-left: 1rem; padding-top: 2rem; word-wrap: break-word; font-family: var(--font-lauftext); width: 50%; overflow: hidden; } .DetailSheet-TextComponent-text.DetailSheet-TextComponent-scrolling { opacity: 0.5 !important; pointer-events: none; } @media (max-width: 1024px) { .DetailSheet-TextComponent-text { width: calc(100% - 4rem); margin-inline: 1.5rem; padding-top: 1.5rem; border-top: solid #aaa 1px; padding-left: 0; padding-top: 1rem; } } .DetailSheet-TextComponent-text > .DetailSheet-TextComponent-wrapper { display: flex; flex-direction: column; gap: 2rem; margin-bottom: 18rem; } @media (max-width: 1024px) { .DetailSheet-TextComponent-text > .DetailSheet-TextComponent-wrapper > div:last-child { min-height: unset; } } @media (max-width: 1024px) { .DetailSheet-TextComponent-text > .DetailSheet-TextComponent-wrapper { width: calc(100%); } } @media (max-width: 1024px) and (max-width: 1024px) { .DetailSheet-TextComponent-text { padding-top: 1rem; } } .DetailSheet-TextComponent-textShadow { background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); position: fixed; width: 100%; height: 8px; top: var(--header-height); z-index: 10; left: 0; width: 100vw !important; padding: 0; transition: top var(--fast); } @media (max-width: 1024px) { .DetailSheet-TextComponent-textShadow { top: unset; height: 12px; } } .DetailSheet-TextComponent-textShadow.DetailSheet-TextComponent-heigh { top: var(--header-height); } .DetailSheet-TextComponent-textShadow.DetailSheet-TextComponent-hidden { display: none; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .MarkdownRenderer-markdown { overflow-wrap: normal; } .MarkdownRenderer-markdown p, .MarkdownRenderer-markdown ul, .MarkdownRenderer-markdown ol, .MarkdownRenderer-markdown hr { margin-bottom: 0.8em; } .MarkdownRenderer-markdown a { color: inherit; text-decoration: underline; text-underline-offset: 0.2rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-NoLabelWidget-wrapper { padding-bottom: 0.4rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-EventWidget-wrapper { display: flex; flex-direction: column; } .DetailSheet-widgets-EventWidget-wrapper > div:last-child { min-height: calc(100vh - 120px - 1rem); } @media (max-width: 1024px) { .DetailSheet-widgets-EventWidget-wrapper > div:last-child { min-height: unset; } } .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-info { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-info { margin-bottom: 1rem; padding-bottom: 0.5rem; } } .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-info .DetailSheet-widgets-EventWidget-type { font-weight: 700 !important; } .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-pdfs { padding-top: 2rem; } .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-pdfs a { display: block; text-decoration: underline; } .DetailSheet-widgets-EventWidget-wrapper .DetailSheet-widgets-EventWidget-pdfs a:hover { opacity: 0.5; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-LabelWidget-title { display: flex; justify-content: space-between; align-items: center; padding-top: 0.3rem; width: calc(100%); margin-top: 0rem; margin-bottom: 1rem; border-bottom: solid 2px #000; transition: all 0.2s; cursor: pointer; padding-right: 0.5rem; } .DetailSheet-widgets-LabelWidget-title .DetailSheet-widgets-LabelWidget-icon { display: flex; font-weight: 300; } .DetailSheet-widgets-LabelWidget-title .DetailSheet-widgets-LabelWidget-icon svg { opacity: 0; font-size: 0.9em; } @media (hover: hover) { .DetailSheet-widgets-LabelWidget-title:hover { padding-left: 0.5rem; margin-left: -0.5rem; width: calc(100% + 0.5rem); background-color: rgba(0,0,0,0.05); } .DetailSheet-widgets-LabelWidget-title:hover .DetailSheet-widgets-LabelWidget-icon svg { opacity: 1; } } .DetailSheet-widgets-LabelWidget-title.DetailSheet-widgets-LabelWidget-active { padding-left: 1rem; margin-left: -1rem; width: calc(100% + 1rem); padding-bottom: 0.2rem; letter-spacing: 0.6px; background-color: #000; color: #fff; } .DetailSheet-widgets-LabelWidget-title.DetailSheet-widgets-LabelWidget-active .DetailSheet-widgets-LabelWidget-icon svg { font-size: 1.2em; opacity: 1; } @media (max-width: 1024px) { .DetailSheet-widgets-LabelWidget-title.DetailSheet-widgets-LabelWidget-active { margin-left: 0; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-NoLabelPaddedWidget-wrapper { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-NoLabelPaddedWidget-wrapper { margin-bottom: 1rem; padding-bottom: 0.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-InlineRecordListWidget-wrapper { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-widgetElements-InlineRecordListWidget-wrapper { margin-bottom: 1rem; padding-bottom: 0.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-KeyValWidget-container .DetailSheet-widgets-widgetElements-KeyValWidget-property { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-widgetElements-KeyValWidget-container .DetailSheet-widgets-widgetElements-KeyValWidget-property { margin-bottom: 1rem; padding-bottom: 0.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-DefaultWidget-wrapper { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-widgetElements-DefaultWidget-wrapper { margin-bottom: 1rem; padding-bottom: 0.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-NoLabelSection-container { background: #fff; display: flex; flex-direction: column; gap: 2rem; } .DetailSheet-widgets-NoLabelSection-container .DetailSheet-widgets-NoLabelSection-title { border: solid #000 0.5px; padding: 0 0.2em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-InlineRecordWidget-link { display: inline; } .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > *, .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > * > *, .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > * > * > * { margin: 0; display: inline-block; text-decoration: underline; text-underline-offset: 0.2rem; } .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > *:hover, .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > * > *:hover, .DetailSheet-widgets-widgetElements-InlineRecordWidget-link > * > * > *:hover { opacity: 0.7; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-InlineWidget-wrapper { padding-bottom: 0.5rem; } .DetailSheet-widgets-widgetElements-InlineWidget-wrapper h3 { display: inline; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-RecordListWidget-wrapper { padding-top: 1.5rem; border-top: solid #aaa 1px; } @media (max-width: 1024px) { .DetailSheet-widgets-RecordListWidget-wrapper { padding-top: 1rem; } } .DetailSheet-widgets-RecordListWidget-wrapper .DetailSheet-widgets-RecordListWidget-properties { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } @media (max-width: 1024px) { .DetailSheet-widgets-RecordListWidget-wrapper .DetailSheet-widgets-RecordListWidget-properties { margin-bottom: 1rem; padding-bottom: 0.5rem; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-Section-container { background: #fff; display: flex; flex-direction: column; gap: 2rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font-weight: 700 !important; font-weight: 300 !important; padding-bottom: 0.15rem; } @media (min-width: 2001px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1501px) and (max-width: 2000px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.04em; } } @media (min-width: 1401px) and (max-width: 1500px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .DetailSheet-widgets-widgetElements-NamedListElement-wrapper { font: 1.3rem/1.3 var(--font); letter-spacing: 0.03em; } } .DetailSheet-widgets-widgetElements-NamedListElement-wrapper .DetailSheet-widgets-widgetElements-NamedListElement-title { font-weight: 700 !important; display: inline; flex-shrink: 0; } .DetailSheet-widgets-widgetElements-NamedListElement-wrapper .DetailSheet-widgets-widgetElements-NamedListElement-title:after { content: ":"; } .DetailSheet-widgets-widgetElements-NamedListElement-wrapper .DetailSheet-widgets-widgetElements-NamedListElement-text { padding-left: 0.5rem; display: inline; } .DetailSheet-widgets-widgetElements-NamedListElement-wrapper .DetailSheet-widgets-widgetElements-NamedListElement-text div { font-weight: 300 !important; display: inline; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-Designation-container { background: #fff; display: flex; flex-direction: column; } .DetailSheet-widgets-Designation-container .DetailSheet-widgets-Designation-title { border: solid #000 0.5px; padding: 0 0.2em; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-ReferenceObjectWidget-wrapper { display: flex; flex-direction: column; } .DetailSheet-widgets-ReferenceObjectWidget-wrapper > div:last-child { min-height: calc(100vh - 23.5rem - 1rem); } @media (max-width: 1024px) { .DetailSheet-widgets-ReferenceObjectWidget-wrapper > div:last-child { min-height: unset; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-widgets-CollectionWidget-wrapper { display: flex; flex-direction: column; gap: 2rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } section { padding-bottom: 4rem; } section figure figcaption { padding-top: 0.3rem; } @media (min-width: 2001px) { section figure figcaption { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { section figure figcaption { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { section figure figcaption { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } section figure figcaption a { text-decoration: underline; } section figure figcaption a:hover { opacity: 0.5; } section { display: flex; flex-direction: column; gap: 1rem; overflow-y: scroll; overscroll-behavior: none; width: 50%; padding-top: 2rem; } section.DetailSheet-GalleryComponent-noImages { width: 0; } @media (max-width: 1024px) { section { width: 100%; overscroll-behavior: unset; padding-bottom: 2rem; flex-direction: row; padding-top: 1rem; gap: 0; } } section .DetailSheet-GalleryComponent-image { width: 100%; padding: 0 1rem; } @media (max-width: 1024px) { section .DetailSheet-GalleryComponent-image { padding: 0 0 0 1rem; } } section .DetailSheet-GalleryComponent-image img { object-fit: contain; object-position: left top; width: 100%; } @media (max-width: 1024px) { section .DetailSheet-GalleryComponent-image { height: 100%; width: unset; } section .DetailSheet-GalleryComponent-image img { padding-bottom: 0.4rem; height: 30vh; width: unset; } } section .DetailSheet-GalleryComponent-dummy { padding: 0 1rem; height: 500px; width: calc(100% - 1rem); display: flex; justify-content: center; align-items: center; background-color: var(--light-black); color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-GalleryComponent-LocationsPanel-container { position: fixed; left: calc(max(50vw - var(--detailSheet-max-width) / 2 - 180px, 1rem)); margin-top: -0.5rem; display: flex; flex-direction: column; gap: 1rem; z-index: 0; } @media (max-width: 1024px) { .DetailSheet-GalleryComponent-LocationsPanel-container { left: 0.7rem; transition: left 0.2s; transition-delay: var(--fast); bottom: 5rem; z-index: 50; } } .DetailSheet-GalleryComponent-LocationsPanel-container.DetailSheet-GalleryComponent-LocationsPanel-hidden { display: none; } @media (max-width: 1024px) { .DetailSheet-GalleryComponent-LocationsPanel-container.DetailSheet-GalleryComponent-LocationsPanel-hidden { transition-delay: 0s; display: block; left: -100vw; } } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper { display: flex; gap: 0; width: 250px; flex-direction: column; align-items: flex-start; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place, .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-locations { width: 100%; background-color: #fff; overflow: hidden; box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.3); } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place .DetailSheet-GalleryComponent-LocationsPanel-title, .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-locations .DetailSheet-GalleryComponent-LocationsPanel-title { width: calc(100% - 1.2rem); display: flex; justify-content: space-between; align-items: center; width: 100%; height: calc(1em + 1.4rem); padding-inline: 0.6rem; padding-block: 0.8rem; font-weight: 700; user-select: none; gap: 2rem; cursor: pointer; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place .DetailSheet-GalleryComponent-LocationsPanel-title .DetailSheet-GalleryComponent-LocationsPanel-chevron, .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-locations .DetailSheet-GalleryComponent-LocationsPanel-title .DetailSheet-GalleryComponent-LocationsPanel-chevron { height: 150%; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place .DetailSheet-GalleryComponent-LocationsPanel-title .DetailSheet-GalleryComponent-LocationsPanel-chevron:hover, .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-locations .DetailSheet-GalleryComponent-LocationsPanel-title .DetailSheet-GalleryComponent-LocationsPanel-chevron:hover { opacity: 0.5; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place .DetailSheet-GalleryComponent-LocationsPanel-collections, .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-locations .DetailSheet-GalleryComponent-LocationsPanel-collections { height: 0; display: flex; flex-direction: column; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place { display: flex; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-place img { padding: 0.7rem; height: 2.8rem; cursor: pointer; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup { display: flex; flex-direction: column; justify-content: start; align-items: start; text-align: left; width: 250px; background-color: transparent; color: #fff; padding-right: 1.2rem; background-color: #000; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-close { cursor: pointer; margin-inline: 0.2rem; margin-block: 0.5rem; position: absolute; right: 0; width: 2rem; height: 2rem; filter: invert(); } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-samples { display: flex; flex-direction: column; padding-bottom: 0.6rem; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-samples .DetailSheet-GalleryComponent-LocationsPanel-label { padding-inline: 1.2rem; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-samples ul { padding-left: 3.6rem; list-style: outside; list-style-type: "- "; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-samples ul li { padding-right: 1.2rem; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-label { gap: 0.5rem; padding-inline: 1.2rem; padding-block: 0.6rem; } .DetailSheet-GalleryComponent-LocationsPanel-container .DetailSheet-GalleryComponent-LocationsPanel-locationsWapper .DetailSheet-GalleryComponent-LocationsPanel-popup .DetailSheet-GalleryComponent-LocationsPanel-label a { color: #fff; text-decoration: underline; text-underline-offset: 3px; display: flex; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .DetailSheet-GalleryComponent-LocationsPanel-Collection-collection { cursor: pointer; text-align: left; color: #000; border-top: solid #000 1px; overflow: hidden; padding-inline: 0.6rem; padding-block: 0.4rem; opacity: 1; } .DetailSheet-GalleryComponent-LocationsPanel-Collection-collection:hover { color: #fff; background-color: #808080; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .SubPage-Glossar-GlossaryTerm-container details { display: flex; flex-direction: column; justify-content: space-between; gap: 1rem; width: 100%; padding-bottom: 2rem; border-bottom: solid #fff 1px; } .SubPage-Glossar-GlossaryTerm-container details summary { width: 100%; list-style: none; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title { cursor: pointer; display: flex; justify-content: space-between; gap: 2rem; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-label, .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-openIcon, .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-bookmarkIcon { color: #000 !important; display: flex; margin-top: -0.1rem; padding: 0.8rem 1.1rem 0.6rem 1.1rem; background-color: #fff; border-radius: 999px; border: solid #fff 1px; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-label { display: flex; max-width: 100%; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-label .SubPage-Glossar-GlossaryTerm-term { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-icon { height: 1.6rem; width: 1.6rem; padding: 0.2rem; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-label:hover { background-color: #000; color: #fff !important; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-label:hover .SubPage-Glossar-GlossaryTerm-icon { filter: invert(); } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper { display: flex; gap: 1rem; position: relative; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-bookmarkIcon, .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-openIcon { position: relative; user-select: none; padding: 0.4rem; align-items: center; background-color: #000; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-bookmarkIcon .SubPage-Glossar-GlossaryTerm-icon, .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-openIcon .SubPage-Glossar-GlossaryTerm-icon { height: 2.5rem; width: 2.5rem; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-bookmarkIcon .SubPage-Glossar-GlossaryTerm-icon { padding: 0.4rem; filter: invert(); } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-openIcon:hover { background-color: #fff; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-openIcon:hover .SubPage-Glossar-GlossaryTerm-icon { filter: invert(); } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-bookmarkIcon:hover { background-color: #fff; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-title .SubPage-Glossar-GlossaryTerm-iconsWrapper .SubPage-Glossar-GlossaryTerm-bookmarkIcon:hover .SubPage-Glossar-GlossaryTerm-icon { filter: none; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-description { margin-bottom: -0.5rem; padding: 1rem 0.7rem 0rem 0.7rem; hyphens: auto; -webkit-hyphens: auto; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-description > div { margin-bottom: 1rem; border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-description > div:last-child { border-bottom: none; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-description > div .SubPage-Glossar-GlossaryTerm-label { font-weight: bold; margin-bottom: 0.5rem; } .SubPage-Glossar-GlossaryTerm-container .SubPage-Glossar-GlossaryTerm-description > div a { color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .SubPage-Glossar-title { text-align: center; padding-top: 6rem; background-color: #000; } @media (min-width: 2001px) { .SubPage-Glossar-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1501px) and (max-width: 2000px) { .SubPage-Glossar-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1401px) and (max-width: 1500px) { .SubPage-Glossar-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1201px) and (max-width: 1400px) { .SubPage-Glossar-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1024px) and (max-width: 1200px) { .SubPage-Glossar-title { font: 500 3rem/1 var(--font); } } @media (min-width: 768px) and (max-width: 1023px) { .SubPage-Glossar-title { font: 500 3rem/1 var(--font); } } @media (max-width: 767px) { .SubPage-Glossar-title { font: 500 3rem/1 var(--font); } } @media (max-width: 1024px) { .SubPage-Glossar-title { padding-top: 9rem; } } .SubPage-Glossar-title .SubPage-Glossar-smallLoader { position: relative; height: 1.3em; padding-right: 2rem; display: inline-flex; opacity: 0.5; } @media (min-width: 2001px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { .SubPage-Glossar-title .SubPage-Glossar-subtitle { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } .SubPage-Glossar-title .SubPage-Glossar-alphabet { display: flex; align-items: center; justify-content: center; padding-bottom: 1rem; padding-top: 2rem; border-bottom: solid #fff 1px; width: 50%; margin-inline: auto; top: 12rem; cursor: pointer; } @media (min-width: 2001px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { .SubPage-Glossar-title .SubPage-Glossar-alphabet { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } @media (max-width: 1024px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet { width: 100%; overflow: scroll; padding-inline: 1rem; gap: 0.5rem; padding-top: 1rem; justify-content: flex-start; } } .SubPage-Glossar-title .SubPage-Glossar-alphabet .SubPage-Glossar-letter { flex-shrink: 0; padding-top: 0.3rem; width: 2.5rem; height: 2.5rem; display: flex; justify-items: center; justify-content: center; font-size: 0.9em; border-radius: 9999px; } .SubPage-Glossar-title .SubPage-Glossar-alphabet .SubPage-Glossar-letter:hover { background-color: #808080; color: #fff; } .SubPage-Glossar-title .SubPage-Glossar-alphabet .SubPage-Glossar-active { background-color: #fff; color: #000; } .SubPage-Glossar-title .SubPage-Glossar-alphabet .SubPage-Glossar-icon { background-image: linear-gradient(90deg, transparent, #000, #000); height: 1.3em; width: calc(1rem + 1.3em); margin-left: 1rem; padding-left: 0.5rem; border-left: 1px solid #fff; flex-shrink: 0; } @media (max-width: 1024px) { .SubPage-Glossar-title .SubPage-Glossar-alphabet .SubPage-Glossar-icon { display: none; } } .SubPage-Glossar-detail { margin: auto; display: flex; gap: 2rem; flex-direction: column; max-width: 1000px; margin-block: 2rem; width: 50%; } @media (max-width: 1024px) { .SubPage-Glossar-detail { width: 100%; padding-inline: 2rem; } } .SubPage-Glossar-detail.SubPage-Glossar-loading { pointer-events: none; } .SubPage-Glossar-detail button { all: unset; border: solid #fff 1px; display: flex; padding: 4px; justify-content: center; border-radius: 9999px; margin: auto; margin-bottom: 10rem; padding-inline: 1.2rem; cursor: pointer; } .SubPage-Glossar-detail button:hover { background-color: #fff; color: #000; } .SubPage-Glossar-loaderContainer { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .SubPage-container { position: fixed; height: 0vh; width: 100vw; color: var(--white); background-color: #000; z-index: 60; transition: height var(--fast); overflow: hidden; overflow-y: scroll; overscroll-behavior: contain; } .SubPage-container * { hyphens: none !important; } .SubPage-container.SubPage-focused { padding-bottom: 8rem; height: calc(100vh - 30px); } .SubPage-container .SubPage-closeIcon { position: fixed; top: 1rem; left: calc(50vw - 2.5rem); width: 5rem; height: 5rem; z-index: 1000; } .SubPage-container .SubPage-closeIcon button { margin: 0; } .SubPage-container .SubPage-information { margin: auto; position: relative; display: flex; flex-direction: column; justify-items: center; padding: 0 12rem; } @media (max-width: 1024px) { .SubPage-container .SubPage-information { padding: 0; } } .SubPage-container .SubPage-information .SubPage-title { text-align: center; padding-top: 6rem; background-color: #000; font-weight: 700; } @media (max-width: 1024px) { .SubPage-container .SubPage-information .SubPage-title { padding-top: 9rem; } } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage { padding-top: 3rem; display: flex; min-height: 100%; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage > * { width: 50%; } @media (max-width: 1024px) { .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage > * { width: 100%; padding-bottom: 12rem; } } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text { border-left: solid 1px #000; padding-inline: 1rem; margin: auto; text-align: left; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1.2em; letter-spacing: 0.023em; text-underline-offset: 4px; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text > * { max-width: 480px; max-width: 580px; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text p { width: 100%; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text h2 { margin-inline: 0rem; width: calc(100% + 6rem); font-size: inherit; letter-spacing: 0.0253em; margin-bottom: 0.5lh; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text h2:not(:first-child) { margin-top: 2lh; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text hr { margin: 3rem 0; width: 100%; border: none; border-top: solid 1px #fff; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text ul li { list-style: "— "; text-align: start; padding-left: 0; } @media (max-width: 1024px) { .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text ul li { margin-left: 3ch; } } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text img { align-self: center; object-fit: contain; object-position: left top; max-width: 100%; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text a { color: #fff; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text .contribute { margin-inline: -1lh; background-color: #fff; border: solid #f00 7px; color: #f00; text-align: center; padding: 1lh 1lh 1.5lh 1lh; } @media (max-width: 1024px) { .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text .contribute { margin: 0; padding: 0.5lh; padding-bottom: 1lh; } } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text .contribute a { display: ineline; color: #f00; } .SubPage-container .SubPage-information .SubPage-detail.SubPage-subpage .SubPage-text .contribute img { width: 50%; max-width: 300px; height: auto; margin: 0 auto; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .HomeHeader-container { position: fixed; top: 0; height: 0; width: 100vw; color: var(--white); background-color: var(--black); z-index: 300; transition: height var(--slow), padding var(--slow), border-width var(--slow); border-bottom: 0px solid #fff; padding: 0; overflow: hidden; } .HomeHeader-container.HomeHeader-focused { border-bottom: 1px solid #fff; height: var(--landing-height); } .HomeHeader-container .HomeHeader-closeIcon { color: #fff; position: absolute; top: 1rem; right: 2.5rem; width: 2.5rem; height: 2.5rem; z-index: 500; } .HomeHeader-container .HomeHeader-closeIcon button { margin: 0; } .HomeHeader-container .HomeHeader-information { width: 100vw; height: 100%; display: flex; flex-shrink: 0; margin: auto; margin-left: 20rem; border-left: solid #fff 1px; } @media (max-width: 1024px) { .HomeHeader-container .HomeHeader-information { margin-left: 0; padding-top: 7rem; border-left: none; } } .HomeHeader-container .HomeHeader-information .HomeHeader-navigation { position: absolute; z-index: 100; height: var(--landing-height); width: calc(100% - 20rem); pointer-events: none; display: flex; justify-content: space-between; align-items: center; mix-blend-mode: difference; } @media (max-width: 1024px) { .HomeHeader-container .HomeHeader-information .HomeHeader-navigation { display: none; } } .HomeHeader-container .HomeHeader-information .HomeHeader-navigation img { height: 5rem; } .HomeHeader-container .HomeHeader-information .HomeHeader-navigation .HomeHeader-next, .HomeHeader-container .HomeHeader-information .HomeHeader-navigation .HomeHeader-back { cursor: pointer; pointer-events: all; } .HomeHeader-container .HomeHeader-information .HomeHeader-navigation .HomeHeader-next:hover, .HomeHeader-container .HomeHeader-information .HomeHeader-navigation .HomeHeader-back:hover { opacity: 0.5; } .HomeHeader-container .HomeHeader-information .HomeHeader-gallery { overflow-x: scroll; overflow-y: hidden; width: 100%; display: flex; justify-items: center; overscroll-behavior: contain; flex-shrink: 0; padding-right: 20.5rem; } @media (max-width: 1024px) { .HomeHeader-container .HomeHeader-information .HomeHeader-gallery { padding-right: 0; } } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .HomeHeader-FeaturedElement-container { position: relative; color: #fff; background-color: var(--black); height: var(--landing-height); width: calc((100vw - 20rem) / 100 * (100 / var(--feautured-col-count))); overflow: hidden; line-height: 1.2; font-size: 1.9rem; padding-top: 1.6rem; border-left: solid #fff 1px; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } @media (min-width: 2001px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1501px) and (max-width: 2000px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1401px) and (max-width: 1500px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1201px) and (max-width: 1400px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 1024px) and (max-width: 1200px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (min-width: 768px) and (max-width: 1023px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media (max-width: 767px) { .HomeHeader-FeaturedElement-container { font: 1.6rem/1.3 var(--font); letter-spacing: 0.02em; font-weight: 300; } } @media print { .HomeHeader-FeaturedElement-container { font: 1.4rem/1.3 var(--font); letter-spacing: 0.03em; font-weight: 300; } } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-imgContainer { flex-shrink: 1; flex-grow: 0; } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-imgContainer .HomeHeader-FeaturedElement-img { width: 100%; height: 100%; object-fit: contain; object-position: top left; } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description { flex-shrink: 0; flex-grow: 1; padding-left: 1rem; padding-right: 2rem; width: 100%; overflow: hidden; z-index: 10; } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type { min-height: calc(1em + 1rem); } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type > div { display: inline; } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font-weight: 700; padding-bottom: 0.2rem; } @media (min-width: 2001px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1501px) and (max-width: 2000px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.3rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1401px) and (max-width: 1500px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1201px) and (max-width: 1400px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 1024px) and (max-width: 1200px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (min-width: 768px) and (max-width: 1023px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 2.1rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 767px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 1.8rem/1.2 var(--font); letter-spacing: 0.03em; } } @media (max-width: 413px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 1.2rem/1.2 var(--font); letter-spacing: 0.03em; } } @media print { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-title { font: 1.5rem/1.3 var(--font); letter-spacing: 0.03em; } } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { padding-bottom: 1rem; } @media (min-width: 2001px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-type, .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .HomeHeader-FeaturedElement-container .HomeHeader-FeaturedElement-description .HomeHeader-FeaturedElement-date { padding-bottom: 1.6rem; } @media (max-width: 1024px) { .HomeHeader-FeaturedElement-container { width: calc((100vw) / 100 * (100 / var(--feautured-col-count) * 1.2)); padding-top: 0; height: calc(var(--landing-height) - 7rem); } } .HomeHeader-FeaturedElement-past .HomeHeader-FeaturedElement-container { background-color: var(--black); color: #fff; border-color: #fff; opacity: 0.3; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Collections-container { position: fixed; height: 0vh; width: 100vw; color: var(--white); background-color: var(--black); z-index: 60; transition: height var(--fast); overflow: hidden; overflow-y: scroll; } .Collections-container.Collections-focused { height: calc(100vh - 30px); } .Collections-container .Collections-closeIcon { position: fixed; top: 1rem; left: calc(50vw - 2.5rem); width: 5rem; height: 5rem; z-index: 500; } .Collections-container .Collections-closeIcon button { margin: 0; } .Collections-container .Collections-information { margin: auto; position: relative; display: flex; max-width: 1800px; flex-direction: column; justify-items: center; padding: 6rem 12rem; } @media (max-width: 1024px) { .Collections-container .Collections-information { padding: 6rem 2rem; } } .Collections-container .Collections-information .Collections-title { text-align: center; } @media (min-width: 2001px) { .Collections-container .Collections-information .Collections-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1501px) and (max-width: 2000px) { .Collections-container .Collections-information .Collections-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1401px) and (max-width: 1500px) { .Collections-container .Collections-information .Collections-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1201px) and (max-width: 1400px) { .Collections-container .Collections-information .Collections-title { font: 500 4rem/1 var(--font); } } @media (min-width: 1024px) and (max-width: 1200px) { .Collections-container .Collections-information .Collections-title { font: 500 3rem/1 var(--font); } } @media (min-width: 768px) and (max-width: 1023px) { .Collections-container .Collections-information .Collections-title { font: 500 3rem/1 var(--font); } } @media (max-width: 767px) { .Collections-container .Collections-information .Collections-title { font: 500 3rem/1 var(--font); } } .Collections-container .Collections-information .Collections-collections { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; min-height: 100%; padding: 6rem; } @media (max-width: 1024px) { .Collections-container .Collections-information .Collections-collections { padding: 0; } } .Collections-container .Collections-information .Collections-collections .Collections-collection { width: calc(33.333%); padding: 1rem; } @media (max-width: 1024px) { .Collections-container .Collections-information .Collections-collections .Collections-collection { width: 100%; } } .Collections-container .Collections-information .Collections-collections .Collections-collection img { width: 100%; object-fit: cover; } .Collections-container .Collections-information .Collections-collections .Collections-collection .Collections-name { color: #fff; padding-bottom: 1rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-container { --folder-width: 200px; } @media print { .Cart-container { display: none; } } .Cart-container .Cart-cart { position: fixed; display: flex; flex-direction: column; z-index: 500; bottom: 0rem; right: 0rem; height: calc(100vh - 0rem); width: 0; transform: translate(100%, 0); background-color: var(--light-black); color: #fff; padding: 1.8rem 2.2rem 2.2rem 2.2rem; outline: #fff solid 2px; outline-offset: -0.8rem; transition: all 0.4s; overscroll-behavior: contain; } .Cart-container .Cart-cart.Cart-inactive { pointer-events: none; } .Cart-container .Cart-cart.Cart-inactive > div { opacity: 0.1; } .Cart-container .Cart-cart .Cart-header { flex-shrink: 0; } .Cart-container .Cart-cart .Cart-header .Cart-top { display: flex; justify-content: space-between; border-bottom: solid #fff 1px; padding-bottom: 0.3rem; } .Cart-container .Cart-cart .Cart-options { padding-top: 0.6rem; display: flex; justify-content: space-between; gap: 1rem; border-bottom: solid #d3d3d3 1px; padding-bottom: 0.6rem; } .Cart-container .Cart-cart .Cart-options .Cart-listOptions { border-right: 1px solid #fff; padding-right: 1rem; transition: width var(--fast); justify-content: space-between; display: flex; width: calc(100% + 1rem); } .Cart-container .Cart-cart .Cart-options.Cart-folderOpen .Cart-listOptions { width: calc(100% - var(--folder-width) - 2.7rem); } .Cart-container .Cart-cart .Cart-options .Cart-search { display: flex; height: 2.2rem; } .Cart-container .Cart-cart .Cart-options .Cart-search img { cursor: pointer; height: 2.2rem; opacity: 0.8; filter: invert(); } .Cart-container .Cart-cart .Cart-options .Cart-search input { color: #fff; background-color: rgba(244,244,244,0.24); border: none; border-bottom: 1px solid #fff; padding: 0.2em 0.4em; } .Cart-container .Cart-cart .Cart-options .Cart-search input::placeholder { color: rgba(255,255,255,0.6); } .Cart-container .Cart-cart .Cart-options .Cart-searchButton, .Cart-container .Cart-cart .Cart-options .Cart-folderToggle, .Cart-container .Cart-cart .Cart-options .Cart-selectButton { cursor: pointer; } .Cart-container .Cart-cart .Cart-options .Cart-searchButton img, .Cart-container .Cart-cart .Cart-options .Cart-folderToggle img, .Cart-container .Cart-cart .Cart-options .Cart-selectButton img { height: 2.2rem; filter: invert(); } .Cart-container .Cart-cart .Cart-options .Cart-searchButton, .Cart-container .Cart-cart .Cart-options .Cart-folderToggle { opacity: 1; } .Cart-container .Cart-cart .Cart-options .Cart-searchButton img { padding: 3px; } .Cart-container .Cart-cart .Cart-options .Cart-selectButton img { padding: 3px; } .Cart-container .Cart-openCart { position: fixed; z-index: 501; bottom: 2rem; right: 2rem; background-color: #fff; border-radius: 9999%; cursor: pointer; padding: 0 1.5rem; border: solid 1px #000; transition: right 0.4s; width: var(--button-size); height: var(--button-size); display: inline-flex; justify-content: center; align-items: center; align-self: center; } .Cart-container .Cart-openCart img { height: 70%; } .Cart-container .Cart-openCart .Cart-indicator { background-color: #000; border: solid #fff 1px; color: #fff; border-radius: 9999%; width: 2.3rem; height: 2.3rem; display: flex; align-content: center; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; left: 1.15rem; left: 3.2rem; top: -1rem; font-size: 0.8em; } .Cart-container .Cart-openCart:hover { filter: invert(); } .Cart-container .Cart-cart { transition: all var(--fast); } .Cart-container .Cart-cart .Cart-header, .Cart-container .Cart-cart .Cart-controlls { transition: all var(--fast); width: calc(400px - 4.4rem); } .Cart-container .Cart-cart.Cart-activeFolder .Cart-header { width: calc(600px - 4.4rem); } .Cart-container.Cart-active .Cart-cart { width: 400px; transform: translate(0); } .Cart-container.Cart-active .Cart-cart.Cart-activeFolder { width: 600px; } #coverup { padding-block: 6px; padding-left: 20px; padding-right: 12px; background: #000; color: #fff; border: solid #fff 1px; transform: translate(-100%, -100%); position: absolute; top: -2px; right: 0; z-index: 2; } .Cart-moduleText { display: flex; } .Cart-moduleText img { height: 2rem; cursor: pointer; } .Cart-moduleText img:hover { opacity: 0.5; } .Cart-moduleText .Cart-moduleCoppyButton { text-decoration: underline; } .Cart-moduleLink { white-space: no-wrap; word-break: break-all; } .Cart-printButton { position: fixed; bottom: 2rem; right: 8rem; height: 5rem; width: 5rem; padding: 1rem; background-color: #fff; border: solid #000 1px; border-radius: 999%; cursor: pointer; } .Cart-printButton:hover { background-color: #fff; filter: invert(); color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-PrintSettings-container { position: fixed; display: flex; flex-direction: column; justify-content: space-between; z-index: 999; bottom: 0rem; right: -400px; height: calc(100vh - 0rem); width: 400px; background-color: var(--light-black); color: #fff; padding: 1.8rem 2.2rem 2.2rem 2.2rem; outline: #fff dotted 2px; outline-offset: -0.8rem; transition: all var(--fast); overflow: scroll; } .Cart-PrintSettings-container .Cart-PrintSettings-printButton { position: sticky; bottom: 0; height: 5rem; width: 5rem; padding: 1rem; background-color: #fff; border-radius: 999%; cursor: pointer; } .Cart-PrintSettings-container .Cart-PrintSettings-printButton:hover { border: solid #000 1px; background-color: #fff; filter: invert(); color: #fff; } .Cart-PrintSettings-container .Cart-PrintSettings-title { padding-bottom: 3rem; } .Cart-PrintSettings-container.Cart-PrintSettings-active { right: 400px; transform: translate(0, 0); } .Cart-PrintSettings-container.Cart-PrintSettings-folderActive { right: 600px; } .Cart-PrintSettings-container .Cart-PrintSettings-close { position: absolute; top: 2rem; right: 2rem; } .Cart-PrintSettings-container .Cart-PrintSettings-settingsBlock { padding-bottom: 2rem; } .Cart-PrintSettings-container .Cart-PrintSettings-settingsBlock .Cart-PrintSettings-settingsLabel { border-bottom: solid #fff 2px; margin-bottom: 1.2rem; padding-bottom: 0.5rem; } fieldset { border: 0; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-PrintSettings-Checkbox-setting { border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } @media (max-width: 1024px) { .Cart-PrintSettings-Checkbox-setting { margin-bottom: 1rem; padding-bottom: 0.5rem; } } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { display: flex; flex-direction: row; gap: 1rem; cursor: pointer; } @media (min-width: 2001px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel input { cursor: pointer; margin-top: 0.4rem; position: absolute; opacity: 0; height: 0; width: 0; } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel .Cart-PrintSettings-Checkbox-checkmark { flex-shrink: 0; border-radius: 9999%; height: 1em; width: 1em; background-color: #fff; opacity: 0.1; } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel .Cart-PrintSettings-Checkbox-labelText { display: flex; flex-direction: column; } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel input:checked ~ .Cart-PrintSettings-Checkbox-checkmark { opacity: 1; outline: solid #000 4px; outline-offset: -10px; } .Cart-PrintSettings-Checkbox-setting .Cart-PrintSettings-Checkbox-settingLabel:hover input ~.Cart-PrintSettings-Checkbox-labelText { opacity: 0.6; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-ImportModule-selectionButtons, .Cart-ImportModule-actionButtons { display: flex; flex-direction: column; gap: 1rem; align-items: center; } .Cart-ImportModule-selectionButtons { flex-direction: row; justify-content: center; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-cartWrapper { display: flex; justify-content: space-between; flex-shrink: 1; height: 100%; overflow-x: scroll; padding-bottom: 5rem; overscroll-behavior: contain; position: relative; width: calc(400px - 4.4rem); transition: all var(--fast); opacity: 1 !important; } .Cart-CartList-cartWrapper.Cart-CartList-activeFolder { width: calc(600px - 4.4rem); } .Cart-CartList-cartWrapper .Cart-CartList-liste { display: flex; flex-direction: column; width: 100%; margin-top: 1.5rem; } .Cart-CartList-cartWrapper .Cart-CartList-liste ul { flex-grow: 1; overflow-y: scroll; overflow-x: visible; margin-bottom: 1.5rem; padding-inline: 0.2rem; padding-right: 0.5rem; transition: padding var(--fast); } .Cart-CartList-cartWrapper .Cart-CartList-liste ul .Cart-CartList-empty { display: flex; height: 100%; justify-content: center; align-items: center; } .Cart-CartList-cartWrapper .Cart-CartList-liste ul.Cart-CartList-folder { background-color: #fff; position: relative; padding: 0.6rem 1rem 0.8rem 1rem; } .Cart-CartList-cartWrapper .Cart-CartList-liste ul.Cart-CartList-folder * { color: #000; border-color: #000; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-CartElementWrapper-classContainer { display: flex; align-items: center; gap: 12px; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-check { height: 15px; filter: invert(); } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-check.Cart-CartList-CartElementWrapper-inactive { opacity: 1; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-check.Cart-CartList-CartElementWrapper-isFolder { filter: none; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-draggable { width: 100%; cursor: grab; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-draggable .Cart-CartList-CartElementWrapper-dummyUp, .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-draggable .Cart-CartList-CartElementWrapper-dummyDown { opacity: 0 !important; height: 0; width: 100%; outline: solid #fff 1px; background-color: #fff; margin: 0; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-draged { background-color: var(--light-black); } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-draged div { opacity: 0.2; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-dragedOver.Cart-CartList-CartElementWrapper-up .Cart-CartList-CartElementWrapper-dummyUp { opacity: 1 !important; } .Cart-CartList-CartElementWrapper-classContainer .Cart-CartList-CartElementWrapper-dragedOver.Cart-CartList-CartElementWrapper-down .Cart-CartList-CartElementWrapper-dummyDown { opacity: 1 !important; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-CartElement-container { margin-block: 0.3rem; border: solid #fff 1px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px; position: relative; } .Cart-CartList-CartElement-container.Cart-CartList-CartElement-new { border: dashed #fff; } .Cart-CartList-CartElement-container:hover { background-color: #808080; } .Cart-CartList-CartElement-container > div { flex-wrap: nowrap; display: flex; align-items: center; gap: 12px; } .Cart-CartList-CartElement-container .Cart-CartList-CartElement-preview { height: 50px; width: 50px; flex-shrink: 0; background-color: #808080; color: #fff; display: flex; justify-content: center; align-content: center; } .Cart-CartList-CartElement-container .Cart-CartList-CartElement-preview img { height: 100%; width: 100%; } .Cart-CartList-CartElement-container .Cart-CartList-CartElement-remove { cursor: pointer; font-size: 8px; flex-shrink: 0; } .Cart-CartList-CartElement-container a { color: #fff; text-decoration: unset; width: 100%; flex-grow: 0; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; overflow: hidden; } @media (min-width: 2001px) { .Cart-CartList-CartElement-container a { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1501px) and (max-width: 2000px) { .Cart-CartList-CartElement-container a { font: 1.4rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1401px) and (max-width: 1500px) { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1201px) and (max-width: 1400px) { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 1024px) and (max-width: 1200px) { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (min-width: 768px) and (max-width: 1023px) { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media (max-width: 767px) { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } @media print { .Cart-CartList-CartElement-container a { font: 1.3rem/1.2 var(--font); letter-spacing: 0.02em; font-weight: 400; } } .Cart-CartList-CartElement-container a:hover { text-decoration: underline; } .Cart-CartList-CartElement-container.Cart-CartList-CartElement-current { background-color: #fff; color: #000; } .Cart-CartList-CartElement-container.Cart-CartList-CartElement-current a { color: #000; padding: 0.4rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-CartElement-QueryElement-container { display: flex; flex-direction: column !important; align-items: flex-start !important; gap: 0.5rem !important; } .Cart-CartList-CartElement-QueryElement-container * { pointer-events: none; } .Cart-CartList-CartElement-QueryElement-container .Cart-CartList-CartElement-QueryElement-filter { gap: 0.2rem; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; gap: 0.5rem; } .Cart-CartList-CartElement-QueryElement-container .Cart-CartList-CartElement-QueryElement-text { padding-left: 0.3rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-CartElement-DeletePopup-container { display: flex; gap: 2rem; hyphens: auto; -webkit-hyphens: auto; flex-direction: column; } .Cart-CartList-CartElement-DeletePopup-container .Cart-CartList-CartElement-DeletePopup-buttons { display: flex; } .Cart-CartList-CartElement-DeletePopup-container .Cart-CartList-CartElement-DeletePopup-buttons button { flex-shrink: 0; } .Cart-CartList-CartElement-DeletePopup-container .Cart-CartList-CartElement-DeletePopup-buttons .Cart-CartList-CartElement-DeletePopup-dark { background-color: #d3d3d3; border-color: #000; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-FolderStructure-folderStructur { height: auto; margin-block: 1.5rem; display: flex; overflow: hidden; flex-shrink: 0; gap: 0; flex-direction: column; align-items: flex-end; border: solid 1px; border-color: transparent; margin-left: 0rem; transition: width var(--fast), border-color var(--fast), margin var(--fast); width: 0; justify-content: space-between; } .Cart-CartList-FolderStructure-folderStructur .Cart-CartList-FolderStructure-folderContainer { height: 100%; transition: width var(--fast), margin var(--fast); overflow: hidden; display: flex; flex-direction: column; width: calc(var(--folder-width) + 1.4rem); overflow-y: scroll; } .Cart-CartList-FolderStructure-folderStructur .Cart-CartList-FolderStructure-folderContainer .Cart-CartList-FolderStructure-empty { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; } .Cart-CartList-FolderStructure-folderStructur .Cart-CartList-FolderStructure-folderOptions { padding-block: 1rem; margin-inline: 0.7rem; width: var(--folder-width); border-top: solid 1px #fff; display: flex; flex-direction: column; gap: 0.6rem; padding-left: 0.7rem; } .Cart-CartList-FolderStructure-folderStructur .Cart-CartList-FolderStructure-folderOptions h3 { cursor: pointer; } .Cart-CartList-FolderStructure-folderStructur.Cart-CartList-FolderStructure-open { margin-left: 2rem; border-color: #fff; width: calc(var(--folder-width) + 1.4rem); box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.75); } .Cart-CartList-FolderStructure-folderStructur.Cart-CartList-FolderStructure-folderActive { overflow: visible; width: calc(var(--folder-width) + 3.4rem); margin-left: 0; } .Cart-CartList-FolderStructure-folderStructur.Cart-CartList-FolderStructure-folderActive .Cart-CartList-FolderStructure-folderContainer { width: calc(var(--folder-width) + 3.2rem); } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartList-FolderStructure-CartFolder-container { overflow-y: scroll; overflow-x: visible; border-bottom: solid #808080 1px; position: relative; flex-shrink: 0; width: 100%; overscroll-behavior: none; min-height: 6rem; display: flex; align-content: center; flex-direction: row; flex-wrap: wrap; } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-dragOver { background-color: #fff; color: #000; border-color: #000; } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-dragOver .Cart-CartList-FolderStructure-CartFolder-icons { filter: invert(); } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-isIncluded { color: #fff; opacity: 0.2; } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-isIncluded.Cart-CartList-FolderStructure-CartFolder-dragOver { background-color: unset; } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-isIncluded.Cart-CartList-FolderStructure-CartFolder-dragOver .Cart-CartList-FolderStructure-CartFolder-icons { filter: unset; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-icons { display: none; padding-inline: 0.5rem; padding-top: 1rem; background-color: var(--light-black); border-left: 1px solid #808080; position: absolute; right: 0; top: 0rem; align-items: center; justify-content: flex-start; flex-direction: column; gap: 1rem; z-index: 100; cursor: pointer; height: 100%; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-icons img:hover { opacity: 0.5; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-icons img { height: 2rem; width: 2rem; filter: invert(); } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-icons .Cart-CartList-FolderStructure-CartFolder-edit { height: 1.4rem; width: 1.4rem; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-icons.Cart-CartList-FolderStructure-CartFolder-setable { display: flex; } .Cart-CartList-FolderStructure-CartFolder-container:hover .Cart-CartList-FolderStructure-CartFolder-icons { display: flex; } .Cart-CartList-FolderStructure-CartFolder-container input { width: 100%; padding: 1rem; margin-left: 1rem; margin-right: 4rem; background-color: rgba(244,244,244,0.24); border: none; border-bottom: 1px solid #fff; outline: none; } .Cart-CartList-FolderStructure-CartFolder-container input::placeholder { color: rgba(255,255,255,0.6); } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-activeFolder .Cart-CartList-FolderStructure-CartFolder-icons { display: none; } .Cart-CartList-FolderStructure-CartFolder-container.Cart-CartList-FolderStructure-CartFolder-activeFolder .Cart-CartList-FolderStructure-CartFolder-label { padding-left: 3rem; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-label { cursor: pointer; width: 100%; display: inline-flex; gap: 1rem; padding: 1.6rem 1rem; padding-right: 2.2rem; transition: padding var(--fast); } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-label .Cart-CartList-FolderStructure-CartFolder-amount { flex-grow: 0; flex-shrink: 1; border: solid 1px; border-radius: 999px; padding: 0.2rem 1rem; font-size: 0.7em; height: 2.5em; width: 2.5em; display: flex; justify-content: center; align-items: center; background-color: #fff; color: #000; transition: all var(--fast); } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-label.Cart-CartList-FolderStructure-CartFolder-active { background-color: #fff; color: #000; padding-right: 4.2rem; padding-left: 0.5rem; } .Cart-CartList-FolderStructure-CartFolder-container .Cart-CartList-FolderStructure-CartFolder-label .Cart-CartList-FolderStructure-CartFolder-folderLabel { display: flex; align-items: center; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .Cart-CartControlls-controlls { position: absolute; bottom: 2.5rem; left: 2rem; cursor: pointer; border: solid #fff 1px; background-color: var(--light-black); } .Cart-CartControlls-controlls hr { opacity: 0.5; } .Cart-CartControlls-controlls > div { display: flex; gap: 0.6rem; flex-direction: column; padding: 1rem; } .Cart-CartControlls-controlls .Cart-CartControlls-openActions { gap: 4rem; flex-direction: row; align-items: center; } .Cart-CartControlls-controlls .Cart-CartControlls-openActions img { height: 1.3em; width: 1.3em; filter: invert(); } .Cart-CartControlls-controlls .Cart-CartControlls-openActions img:hover { opacity: 0.5; } .Cart-CartControlls-controlls.Cart-CartControlls-open .Cart-CartControlls-actions { padding-top: 0; } .Cart-CartControlls-controlls.Cart-CartControlls-open .Cart-CartControlls-actions > h3 { padding-right: 4rem; } .Cart-CartControlls-controlls.Cart-CartControlls-closed:hover { background-color: #fff; color: #000; } .Cart-CartControlls-controlls.Cart-CartControlls-closed:hover img { filter: none; } .Cart-CartControlls-controlls h3 { padding-right: 1rem; } .Cart-CartControlls-controlls h3 a { color: #fff; text-decoration: none; } .Cart-CartControlls-controlls h3:hover { opacity: 0.5; } .Cart-CartControlls-controlls .Cart-CartControlls-close { position: absolute; right: 0.5rem; top: 0.7rem; filter: invert(); height: 1.4em; } .Cart-CartControlls-controlls .Cart-CartControlls-close:hover { opacity: 0.5; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .PrintLayout-container { margin: auto; min-height: 100vh; color: #000 !important; padding: 0px; padding-top: 0px; margin: auto; background-color: #fff; } .PrintLayout-container .PrintLayout-disclaimer { font-size: 0.8em; opacity: 0.6; } .PrintLayout-container .PrintLayout-folderLabel { border-bottom: solid 1px #000; padding: 3rem; padding-bottom: 0.5rem; margin-bottom: 2.5rem; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .PrintLayout-ListElement-containerEl { padding-inline: 30px; padding-block: 30px; border-bottom: solid #fff; margin-right: auto; background-color: #fff; border-bottom: #000 solid 3px; max-width: 90%; display: flex; gap: 2rem; flex-direction: column; } .PrintLayout-ListElement-containerEl .PrintLayout-ListElement-titleEL { padding-bottom: 15px; font-size: 2.5rem; } .PrintLayout-ListElement-containerEl .PrintLayout-ListElement-images { width: 100%; display: flex; flex-wrap: wrap; padding-bottom: 30px; gap: 0.5rem; } .PrintLayout-ListElement-containerEl .PrintLayout-ListElement-images figure { flex-grow: 0; width: calc(33.333% - 0.5rem); max-width: 400px; } .PrintLayout-ListElement-containerEl .PrintLayout-ListElement-images figure img { width: 100%; } .PrintLayout-ListElement-containerEl .PrintLayout-ListElement-images figure figcaption { font-size: 0.8em; } .PrintLayout-ListElement-container { padding-bottom: 30px; display: flex; flex-direction: column; } .PrintLayout-ListElement-container h2 { border: none; padding: 0; padding-bottom: 10px; } .PrintLayout-ListElement-container h3 { padding-top: 10px; } .PrintLayout-ListElement-container .label { display: flex; gap: 6px; } .PrintLayout-ListElement-container .label span { display: flex; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .UI-PopUp-container { position: fixed; left: 0; top: 0; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; z-index: 300; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } .UI-PopUp-container .UI-PopUp-popup { padding: 1.3rem 1.7rem 1.7rem 1.7rem; background-color: #000; color: #fff; width: 50vw; max-width: 900px; box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.4); -webkit-box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 10px 7px rgba(255,255,255,0.4); } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header { padding-bottom: 2rem; font-weight: 700; display: flex; justify-content: space-between; } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons { display: flex; gap: 0.5rem; } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-close, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-set, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-save { cursor: pointer; height: 2rem; } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-close button, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-set button, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-save button, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-close img, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-set img, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-save img { margin: 0.2rem; height: 100%; } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-close:hover, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-set:hover, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-save:hover { opacity: 0.5; } .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-set, .UI-PopUp-container .UI-PopUp-popup .UI-PopUp-header .UI-PopUp-icons .UI-PopUp-save { filter: invert(); } .UI-PopUp-container .UI-PopUp-description { margin-bottom: -0.5rem; hyphens: auto; -webkit-hyphens: auto; } .UI-PopUp-container .UI-PopUp-description > div { margin-bottom: 1rem; border-bottom: solid #aaa 1px; margin-bottom: 1.5rem; padding-bottom: 1rem; } .UI-PopUp-container .UI-PopUp-description > div:last-child { margin: 0; border-bottom: none; } .UI-PopUp-container .UI-PopUp-description > div .UI-PopUp-label { font-weight: bold; margin-bottom: 0.5rem; } .UI-PopUp-container .UI-PopUp-description > div a { color: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } @media (max-width: 1024px) { .App-container { --searchbar-height: 4.5rem; --pill-inner-padding: 0.8rem 1.2rem 0.61rem 1.2rem; } } .App-container .App-cookie { z-index: 100000; } .App-callToAction { --button-diameter: calc((var(--pill-height) / 3 * 2) * 1.5); position: fixed; display: flex; justify-content: center; align-items: center; top: calc(calc(var(--pill-height) / 3 * 2) + 0.8rem * 2); right: 0.6rem; z-index: 1000; padding: 0.2em !important; color: #fff; } @media (max-width: 1024px) { .App-callToAction { top: 0rem; right: unset; left: 7rem; transform: translate(50%, 0); transition: top 0.3s, left 0.3s, transform 0.3s; } .App-callToAction.App-open { top: 0.7rem; left: 50vw; transform: translate(-50%, 0); } } .App-callToAction .App-callToAction__button button, .App-callToAction .App-callToAction__button a { background-color: var(--white); font: var(--title-font); border-color: #f00 !important; } .App-callToAction .App-callToAction__button button div, .App-callToAction .App-callToAction__button a div { display: flex; justify-content: center; align-items: center; } .App-callToAction .App-callToAction__button button div svg path, .App-callToAction .App-callToAction__button a div svg path { fill: #f00; } .App-callToAction .App-callToAction__button button.active, .App-callToAction .App-callToAction__button a.active { background-color: var(--white) !important; color: var(--black) !important; } .App-callToAction .App-callToAction__button button:hover, .App-callToAction .App-callToAction__button a:hover { background-color: #f00 !important; border-color: #f00 !important; } .App-callToAction .App-callToAction__button button:hover svg path, .App-callToAction .App-callToAction__button a:hover svg path { fill: #fff; } :root { --black: #222; --light-black: #444; --white: #fff; --faded: rgba(0,0,0,0.24); --tile-col-count: 6; --header-height-initial: 135px; --header-height: 135px; --header-small-height: 99px; --searchbar-height: 5rem; --pill-padding: 0.5rem; --pill-height: calc(var(--searchbar-height) - var(--pill-padding) * 2); --pill-inner-padding: 0.71rem 2rem 0.71rem 2rem; --button-size: calc(var(--pill-padding) * 2 + var(--pill-height)); --detailSheet-max-width: 1200px; --carpet-height--small: 110px; --carpet-header-blur: 10px; --landing-height: calc(50vh - var(--searchbar-height)); --carpet-top: 2rem; --slow: 0.5s; --fast: 0.3s; --font: 'Circular'; --font-mono: 'CircularMono'; --title-font-size: 2.3rem; } @media (min-width: 2001px) { :root { --tile-col-count: 7; --feautured-col-count: 4; } } @media (min-width: 1501px) and (max-width: 2000px) { :root { --feautured-col-count: 4; --tile-col-count: 6; } } @media (min-width: 1401px) and (max-width: 1500px) { :root { --feautured-col-count: 3; --tile-col-count: 6; } } @media (min-width: 1201px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 5; } } @media (min-width: 1024px) and (max-width: 1400px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 1024px) and (max-width: 1200px) { :root { --feautured-col-count: 3; --tile-col-count: 4; } } @media (min-width: 768px) and (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 4; } } @media (max-width: 1023px) { :root { --feautured-col-count: 2; --tile-col-count: 3; } } @media (max-width: 767px) { :root { --feautured-col-count: 2; --tile-col-count: 2; } } @media (max-width: 413px) { :root { --feautured-col-count: 2; --tile-col-count: 1; } } @media (max-width: 1024px) { :root { --black: #111; --landing-height: calc(80svh - var(--searchbar-height)); --carpet-top: 0rem; --header-height: 142px; --carpet-height--small: 100px; --header-height-initial: var(--header-height); } } .overlay.SubPage-Overlay-container { --radius: calc((var(--pill-height) / 3 * 2) * 1.5 * 0.5); align-items: flex-start; justify-content: flex-end; z-index: 999; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container { align-items: center; justify-content: center; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-bg { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); opacity: 1; background-color: rgba(0,0,0,0.4); cursor: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='1em'%20fill='white'%20viewBox='0%200%20384%20512'%3E%3Cpath%20d='m345%20137%2017-17-34-33.9-17%2017-119%20119L73%20103%2056%2086l-33.9%2034%2017%2017%20119%20119L39%20375l-17%2017%2034%2033.9%2017-17%20119-119L311%20409l17%2017%2033.9-34-17-17-119-119L345%20137z'/%3E%3C/svg%3E") 24 24, auto; } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay { margin: unset; margin-top: calc(var(--radius) + calc(var(--pill-height) / 3 * 2) + 0.8rem * 2); margin-right: calc(var(--radius) + 0.6rem); border-radius: var(--radius) 0 var(--radius) var(--radius); overflow: hidden; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay { margin-top: 0; margin-inline: 1rem; border-radius: calc(var(--radius) * 0.5); } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper { position: relative; width: 30vw; min-width: 700px; max-height: 80vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; text-align: left; padding-bottom: 5rem; padding: 3rem; padding-top: 2.5rem; color: #000; overflow: hidden; overflow-y: scroll; overflow-behavior: none; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper { width: 100vw; max-width: 100vw; min-width: unset; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper * { hyphens: none !important; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper { width: 90vw; height: 95dvh; padding-bottom: 3rem; padding: 1rem; padding-top: 1.5rem; border-width: 5px; overflow-y: auto; overflow-x: hidden; text-align: left; align-items: flex-start; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper > * { display: flex; gap: 1lh; flex-direction: column; justify-content: flex-start; align-items: flex-start; padding-bottom: 6rem; max-width: 600px; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper > * { margin: unset; max-width: 100%; align-items: flex-start; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper h1 { max-width: 800px; line-height: 1; padding-bottom: 1rem; width: 100%; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper h1 { max-width: calc(100% - 4rem); font-size: 1.7em; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper img { width: 60%; } @media (max-width: 1024px) { .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-wrapper img { width: 80%; } } .overlay.SubPage-Overlay-container .SubPage-Overlay-overlay .SubPage-Overlay-header { position: absolute !important; z-index: 1; top: 12px; right: 12px; }