@media only screen and (min-width: 576px){.sc-sm\:p-xxlarge{padding:60px}}@media only screen and (min-width: 768px){.sc-md\:p-xxlarge{padding:60px}}@media only screen and (min-width: 992px){.sc-lg\:p-xxlarge{padding:60px}}@media only screen and (min-width: 1400px){.sc-xl\:p-xxlarge{padding:60px}}@media only screen and (min-width: 1700px){.sc-hg\:p-xxlarge{padding:60px}}.sc-pt-xxlarge{padding-top:60px}@media only screen and (min-width: 576px){.sc-sm\:pt-xxlarge{padding-top:60px}}@media only screen and (min-width: 768px){.sc-md\:pt-xxlarge{padding-top:60px}}@media only screen and (min-width: 992px){.sc-lg\:pt-xxlarge{padding-top:60px}}@media only screen and (min-width: 1400px){.sc-xl\:pt-xxlarge{padding-top:60px}}@media only screen and (min-width: 1700px){.sc-hg\:pt-xxlarge{padding-top:60px}}.sc-pr-xxlarge{padding-right:60px}@media only screen and (min-width: 576px){.sc-sm\:pr-xxlarge{padding-right:60px}}@media only screen and (min-width: 768px){.sc-md\:pr-xxlarge{padding-right:60px}}@media only screen and (min-width: 992px){.sc-lg\:pr-xxlarge{padding-right:60px}}@media only screen and (min-width: 1400px){.sc-xl\:pr-xxlarge{padding-right:60px}}@media only screen and (min-width: 1700px){.sc-hg\:pr-xxlarge{padding-right:60px}}.sc-pb-xxlarge{padding-bottom:60px}@media only screen and (min-width: 576px){.sc-sm\:pb-xxlarge{padding-bottom:60px}}@media only screen and (min-width: 768px){.sc-md\:pb-xxlarge{padding-bottom:60px}}@media only screen and (min-width: 992px){.sc-lg\:pb-xxlarge{padding-bottom:60px}}@media only screen and (min-width: 1400px){.sc-xl\:pb-xxlarge{padding-bottom:60px}}@media only screen and (min-width: 1700px){.sc-hg\:pb-xxlarge{padding-bottom:60px}}.sc-pl-xxlarge{padding-left:60px}@media only screen and (min-width: 576px){.sc-sm\:pl-xxlarge{padding-left:60px}}@media only screen and (min-width: 768px){.sc-md\:pl-xxlarge{padding-left:60px}}@media only screen and (min-width: 992px){.sc-lg\:pl-xxlarge{padding-left:60px}}@media only screen and (min-width: 1400px){.sc-xl\:pl-xxlarge{padding-left:60px}}@media only screen and (min-width: 1700px){.sc-hg\:pl-xxlarge{padding-left:60px}}.sc-pe-xxlarge{padding-top:60px;padding-bottom:60px}@media only screen and (min-width: 576px){.sc-sm\:pe-xxlarge{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width: 768px){.sc-md\:pe-xxlarge{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width: 992px){.sc-lg\:pe-xxlarge{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width: 1400px){.sc-xl\:pe-xxlarge{padding-top:60px;padding-bottom:60px}}@media only screen and (min-width: 1700px){.sc-hg\:pe-xxlarge{padding-top:60px;padding-bottom:60px}}.sc-ps-xxlarge{padding-left:60px;padding-right:60px}@media only screen and (min-width: 576px){.sc-sm\:ps-xxlarge{padding-left:60px;padding-right:60px}}@media only screen and (min-width: 768px){.sc-md\:ps-xxlarge{padding-left:60px;padding-right:60px}}@media only screen and (min-width: 992px){.sc-lg\:ps-xxlarge{padding-left:60px;padding-right:60px}}@media only screen and (min-width: 1400px){.sc-xl\:ps-xxlarge{padding-left:60px;padding-right:60px}}@media only screen and (min-width: 1700px){.sc-hg\:ps-xxlarge{padding-left:60px;padding-right:60px}}.sc-m-huge{margin:80px}@media only screen and (min-width: 576px){.sc-sm\:m-huge{margin:80px}}@media only screen and (min-width: 768px){.sc-md\:m-huge{margin:80px}}@media only screen and (min-width: 992px){.sc-lg\:m-huge{margin:80px}}@media only screen and (min-width: 1400px){.sc-xl\:m-huge{margin:80px}}@media only screen and (min-width: 1700px){.sc-hg\:m-huge{margin:80px}}.sc-mt-huge{margin-top:80px}@media only screen and (min-width: 576px){.sc-sm\:mt-huge{margin-top:80px}}@media only screen and (min-width: 768px){.sc-md\:mt-huge{margin-top:80px}}@media only screen and (min-width: 992px){.sc-lg\:mt-huge{margin-top:80px}}@media only screen and (min-width: 1400px){.sc-xl\:mt-huge{margin-top:80px}}@media only screen and (min-width: 1700px){.sc-hg\:mt-huge{margin-top:80px}}.sc-mr-huge{margin-right:80px}@media only screen and (min-width: 576px){.sc-sm\:mr-huge{margin-right:80px}}@media only screen and (min-width: 768px){.sc-md\:mr-huge{margin-right:80px}}@media only screen and (min-width: 992px){.sc-lg\:mr-huge{margin-right:80px}}@media only screen and (min-width: 1400px){.sc-xl\:mr-huge{margin-right:80px}}@media only screen and (min-width: 1700px){.sc-hg\:mr-huge{margin-right:80px}}.sc-mb-huge{margin-bottom:80px}@media only screen and (min-width: 576px){.sc-sm\:mb-huge{margin-bottom:80px}}@media only screen and (min-width: 768px){.sc-md\:mb-huge{margin-bottom:80px}}@media only screen and (min-width: 992px){.sc-lg\:mb-huge{margin-bottom:80px}}@media only screen and (min-width: 1400px){.sc-xl\:mb-huge{margin-bottom:80px}}@media only screen and (min-width: 1700px){.sc-hg\:mb-huge{margin-bottom:80px}}.sc-ml-huge{margin-left:80px}@media only screen and (min-width: 576px){.sc-sm\:ml-huge{margin-left:80px}}@media only screen and (min-width: 768px){.sc-md\:ml-huge{margin-left:80px}}@media only screen and (min-width: 992px){.sc-lg\:ml-huge{margin-left:80px}}@media only screen and (min-width: 1400px){.sc-xl\:ml-huge{margin-left:80px}}@media only screen and (min-width: 1700px){.sc-hg\:ml-huge{margin-left:80px}}.sc-me-huge{margin-top:80px;margin-bottom:80px}@media only screen and (min-width: 576px){.sc-sm\:me-huge{margin-top:80px;margin-bottom:80px}}@media only screen and (min-width: 768px){.sc-md\:me-huge{margin-top:80px;margin-bottom:80px}}@media only screen and (min-width: 992px){.sc-lg\:me-huge{margin-top:80px;margin-bottom:80px}}@media only screen and (min-width: 1400px){.sc-xl\:me-huge{margin-top:80px;margin-bottom:80px}}@media only screen and (min-width: 1700px){.sc-hg\:me-huge{margin-top:80px;margin-bottom:80px}}.sc-ms-huge{margin-left:80px;margin-right:80px}@media only screen and (min-width: 576px){.sc-sm\:ms-huge{margin-left:80px;margin-right:80px}}@media only screen and (min-width: 768px){.sc-md\:ms-huge{margin-left:80px;margin-right:80px}}@media only screen and (min-width: 992px){.sc-lg\:ms-huge{margin-left:80px;margin-right:80px}}@media only screen and (min-width: 1400px){.sc-xl\:ms-huge{margin-left:80px;margin-right:80px}}@media only screen and (min-width: 1700px){.sc-hg\:ms-huge{margin-left:80px;margin-right:80px}}.sc-p-huge{padding:80px}@media only screen and (min-width: 576px){.sc-sm\:p-huge{padding:80px}}@media only screen and (min-width: 768px){.sc-md\:p-huge{padding:80px}}@media only screen and (min-width: 992px){.sc-lg\:p-huge{padding:80px}}@media only screen and (min-width: 1400px){.sc-xl\:p-huge{padding:80px}}@media only screen and (min-width: 1700px){.sc-hg\:p-huge{padding:80px}}.sc-pt-huge{padding-top:80px}@media only screen and (min-width: 576px){.sc-sm\:pt-huge{padding-top:80px}}@media only screen and (min-width: 768px){.sc-md\:pt-huge{padding-top:80px}}@media only screen and (min-width: 992px){.sc-lg\:pt-huge{padding-top:80px}}@media only screen and (min-width: 1400px){.sc-xl\:pt-huge{padding-top:80px}}@media only screen and (min-width: 1700px){.sc-hg\:pt-huge{padding-top:80px}}.sc-pr-huge{padding-right:80px}@media only screen and (min-width: 576px){.sc-sm\:pr-huge{padding-right:80px}}@media only screen and (min-width: 768px){.sc-md\:pr-huge{padding-right:80px}}@media only screen and (min-width: 992px){.sc-lg\:pr-huge{padding-right:80px}}@media only screen and (min-width: 1400px){.sc-xl\:pr-huge{padding-right:80px}}@media only screen and (min-width: 1700px){.sc-hg\:pr-huge{padding-right:80px}}.sc-pb-huge{padding-bottom:80px}@media only screen and (min-width: 576px){.sc-sm\:pb-huge{padding-bottom:80px}}@media only screen and (min-width: 768px){.sc-md\:pb-huge{padding-bottom:80px}}@media only screen and (min-width: 992px){.sc-lg\:pb-huge{padding-bottom:80px}}@media only screen and (min-width: 1400px){.sc-xl\:pb-huge{padding-bottom:80px}}@media only screen and (min-width: 1700px){.sc-hg\:pb-huge{padding-bottom:80px}}.sc-pl-huge{padding-left:80px}@media only screen and (min-width: 576px){.sc-sm\:pl-huge{padding-left:80px}}@media only screen and (min-width: 768px){.sc-md\:pl-huge{padding-left:80px}}@media only screen and (min-width: 992px){.sc-lg\:pl-huge{padding-left:80px}}@media only screen and (min-width: 1400px){.sc-xl\:pl-huge{padding-left:80px}}@media only screen and (min-width: 1700px){.sc-hg\:pl-huge{padding-left:80px}}.sc-pe-huge{padding-top:80px;padding-bottom:80px}@media only screen and (min-width: 576px){.sc-sm\:pe-huge{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 768px){.sc-md\:pe-huge{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 992px){.sc-lg\:pe-huge{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 1400px){.sc-xl\:pe-huge{padding-top:80px;padding-bottom:80px}}@media only screen and (min-width: 1700px){.sc-hg\:pe-huge{padding-top:80px;padding-bottom:80px}}.sc-ps-huge{padding-left:80px;padding-right:80px}@media only screen and (min-width: 576px){.sc-sm\:ps-huge{padding-left:80px;padding-right:80px}}@media only screen and (min-width: 768px){.sc-md\:ps-huge{padding-left:80px;padding-right:80px}}@media only screen and (min-width: 992px){.sc-lg\:ps-huge{padding-left:80px;padding-right:80px}}@media only screen and (min-width: 1400px){.sc-xl\:ps-huge{padding-left:80px;padding-right:80px}}@media only screen and (min-width: 1700px){.sc-hg\:ps-huge{padding-left:80px;padding-right:80px}}.sc-mt{margin-top:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-mt{margin-top:var(--sc-spacing-base)}}.sc-mr{margin-right:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-mr{margin-right:var(--sc-spacing-base)}}.sc-mb{margin-bottom:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-mb{margin-bottom:var(--sc-spacing-base)}}.sc-ml{margin-left:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-ml{margin-left:var(--sc-spacing-base)}}.sc-me{margin-top:var(--sc-spacing-small);margin-bottom:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-me{margin-top:var(--sc-spacing-base);margin-bottom:var(--sc-spacing-base)}}.sc-ms{margin-left:var(--sc-spacing-small);margin-right:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-ms{margin-left:var(--sc-spacing-base);margin-right:var(--sc-spacing-base)}}.sc-pt{padding-top:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-pt{padding-top:var(--sc-spacing-base)}}.sc-pr{padding-right:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-pr{padding-right:var(--sc-spacing-base)}}.sc-pb{padding-bottom:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-pb{padding-bottom:var(--sc-spacing-base)}}.sc-pl{padding-left:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-pl{padding-left:var(--sc-spacing-base)}}.sc-pe{padding-top:var(--sc-spacing-small);padding-bottom:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-pe{padding-top:var(--sc-spacing-base);padding-bottom:var(--sc-spacing-base)}}.sc-ps{padding-left:var(--sc-spacing-small);padding-right:var(--sc-spacing-small)}@media only screen and (min-width: 768px){.sc-ps{padding-left:var(--sc-spacing-base);padding-right:var(--sc-spacing-base)}}.sc-mt-spacious{margin-top:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-mt-spacious{margin-top:var(--sc-spacing-xlarge)}}.sc-mr-spacious{margin-right:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-mr-spacious{margin-right:var(--sc-spacing-xlarge)}}.sc-mb-spacious{margin-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-mb-spacious{margin-bottom:var(--sc-spacing-xlarge)}}.sc-ml-spacious{margin-left:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-ml-spacious{margin-left:var(--sc-spacing-xlarge)}}.sc-me-spacious{margin-top:var(--sc-spacing-base);margin-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-me-spacious{margin-top:var(--sc-spacing-xlarge);margin-bottom:var(--sc-spacing-xlarge)}}.sc-ms-spacious{margin-left:var(--sc-spacing-base);margin-right:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-ms-spacious{margin-left:var(--sc-spacing-xlarge);margin-right:var(--sc-spacing-xlarge)}}.sc-ms-auto{margin-left:auto;margin-right:auto}.sc-pt-spacious{padding-top:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-pt-spacious{padding-top:var(--sc-spacing-xlarge)}}.sc-pr-spacious{padding-right:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-pr-spacious{padding-right:var(--sc-spacing-xlarge)}}.sc-pb-spacious{padding-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-pb-spacious{padding-bottom:var(--sc-spacing-xlarge)}}.sc-pl-spacious{padding-left:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-pl-spacious{padding-left:var(--sc-spacing-xlarge)}}.sc-pe-spacious{padding-top:var(--sc-spacing-base);padding-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-pe-spacious{padding-top:var(--sc-spacing-xlarge);padding-bottom:var(--sc-spacing-xlarge)}}.sc-ps-spacious{padding-left:var(--sc-spacing-base);padding-right:var(--sc-spacing-base)}@media only screen and (min-width: 768px){.sc-ps-spacious{padding-left:var(--sc-spacing-xlarge);padding-right:var(--sc-spacing-xlarge)}}.u-s-mt-micro{margin-top:3px}.u-s-mr-micro{margin-right:3px}.u-s-mb-micro{margin-bottom:3px}.u-s-ml-micro{margin-left:3px}.u-s-me-micro{margin-top:3px;margin-bottom:3px}.u-s-ms-micro{margin-left:3px;margin-right:3px}.u-s-pt-micro{padding-top:3px}.u-s-pr-micro{padding-right:3px}.u-s-pb-micro{padding-bottom:3px}.u-s-pl-micro{padding-left:3px}.u-s-pe-micro{padding-top:3px;padding-bottom:3px}.u-s-ps-micro{padding-left:3px;padding-right:3px}.u-s-mt-tiny{margin-top:5px}.u-s-mr-tiny{margin-right:5px}.u-s-mb-tiny{margin-bottom:5px}.u-s-ml-tiny{margin-left:5px}.u-s-me-tiny{margin-top:5px;margin-bottom:5px}.u-s-ms-tiny{margin-left:5px;margin-right:5px}.u-s-pt-tiny{padding-top:5px}.u-s-pr-tiny{padding-right:5px}.u-s-pb-tiny{padding-bottom:5px}.u-s-pl-tiny{padding-left:5px}.u-s-pe-tiny{padding-top:5px;padding-bottom:5px}.u-s-ps-tiny{padding-left:5px;padding-right:5px}.u-s-mt-small{margin-top:10px}.u-s-mr-small{margin-right:10px}.u-s-mb-small{margin-bottom:10px}.u-s-ml-small{margin-left:10px}.u-s-me-small{margin-top:10px;margin-bottom:10px}.u-s-ms-small{margin-left:10px;margin-right:10px}.u-s-pt-small{padding-top:10px}.u-s-pr-small{padding-right:10px}.u-s-pb-small{padding-bottom:10px}.u-s-pl-small{padding-left:10px}.u-s-pe-small{padding-top:10px;padding-bottom:10px}.u-s-ps-small{padding-left:10px;padding-right:10px}.u-s-mt-medium{margin-top:15px}.u-s-mr-medium{margin-right:15px}.u-s-mb-medium{margin-bottom:15px}.u-s-ml-medium{margin-left:15px}.u-s-me-medium{margin-top:15px;margin-bottom:15px}.u-s-ms-medium{margin-left:15px;margin-right:15px}.u-s-pt-medium{padding-top:15px}.u-s-pr-medium{padding-right:15px}.u-s-pb-medium{padding-bottom:15px}.u-s-pl-medium{padding-left:15px}.u-s-pe-medium{padding-top:15px;padding-bottom:15px}.u-s-ps-medium{padding-left:15px;padding-right:15px}.u-s-mt-base{margin-top:20px}.u-s-mr-base{margin-right:20px}.u-s-mb-base{margin-bottom:20px}.u-s-ml-base{margin-left:20px}.u-s-me-base{margin-top:20px;margin-bottom:20px}.u-s-ms-base{margin-left:20px;margin-right:20px}.u-s-pt-base{padding-top:20px}.u-s-pr-base{padding-right:20px}.u-s-pb-base{padding-bottom:20px}.u-s-pl-base{padding-left:20px}.u-s-pe-base{padding-top:20px;padding-bottom:20px}.u-s-ps-base{padding-left:20px;padding-right:20px}.u-s-mt-large{margin-top:30px}.u-s-mr-large{margin-right:30px}.u-s-mb-large{margin-bottom:30px}.u-s-ml-large{margin-left:30px}.u-s-me-large{margin-top:30px;margin-bottom:30px}.u-s-ms-large{margin-left:30px;margin-right:30px}.u-s-pt-large{padding-top:30px}.u-s-pr-large{padding-right:30px}.u-s-pb-large{padding-bottom:30px}.u-s-pl-large{padding-left:30px}.u-s-pe-large{padding-top:30px;padding-bottom:30px}.u-s-ps-large{padding-left:30px;padding-right:30px}.u-s-mt-xlarge{margin-top:40px}.u-s-mr-xlarge{margin-right:40px}.u-s-mb-xlarge{margin-bottom:40px}.u-s-ml-xlarge{margin-left:40px}.u-s-me-xlarge{margin-top:40px;margin-bottom:40px}.u-s-ms-xlarge{margin-left:40px;margin-right:40px}.u-s-pt-xlarge{padding-top:40px}.u-s-pr-xlarge{padding-right:40px}.u-s-pb-xlarge{padding-bottom:40px}.u-s-pl-xlarge{padding-left:40px}.u-s-pe-xlarge{padding-top:40px;padding-bottom:40px}.u-s-ps-xlarge{padding-left:40px;padding-right:40px}.u-s-mt-xxlarge{margin-top:60px}.u-s-mr-xxlarge{margin-right:60px}.u-s-mb-xxlarge{margin-bottom:60px}.u-s-ml-xxlarge{margin-left:60px}.u-s-me-xxlarge{margin-top:60px;margin-bottom:60px}.u-s-ms-xxlarge{margin-left:60px;margin-right:60px}.u-s-pt-xxlarge{padding-top:60px}.u-s-pr-xxlarge{padding-right:60px}.u-s-pb-xxlarge{padding-bottom:60px}.u-s-pl-xxlarge{padding-left:60px}.u-s-pe-xxlarge{padding-top:60px;padding-bottom:60px}.u-s-ps-xxlarge{padding-left:60px;padding-right:60px}.u-s-mt-huge{margin-top:80px}.u-s-mr-huge{margin-right:80px}.u-s-mb-huge{margin-bottom:80px}.u-s-ml-huge{margin-left:80px}.u-s-me-huge{margin-top:80px;margin-bottom:80px}.u-s-ms-huge{margin-left:80px;margin-right:80px}.u-s-pt-huge{padding-top:80px}.u-s-pr-huge{padding-right:80px}.u-s-pb-huge{padding-bottom:80px}.u-s-pl-huge{padding-left:80px}.u-s-pe-huge{padding-top:80px;padding-bottom:80px}.u-s-ps-huge{padding-left:80px;padding-right:80px}.u-s-me-spacious{margin-top:var(--sc-spacing-base);margin-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-me-spacious{margin-top:var(--sc-spacing-xlarge)}}@media only screen and (min-width: 576px){.u-s-me-spacious{margin-bottom:var(--sc-spacing-xlarge)}}.u-s-mt-spacious{margin-top:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-mt-spacious{margin-top:var(--sc-spacing-xlarge)}}.u-s-mb-spacious{margin-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-mb-spacious{margin-bottom:var(--sc-spacing-xlarge)}}.u-s-pe-spacious{padding-top:var(--sc-spacing-base);padding-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-pe-spacious{padding-top:var(--sc-spacing-xlarge)}}@media only screen and (min-width: 576px){.u-s-pe-spacious{padding-bottom:var(--sc-spacing-xlarge)}}.u-s-pt-spacious{padding-top:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-pt-spacious{padding-top:var(--sc-spacing-xlarge)}}.u-s-pb-spacious{padding-bottom:var(--sc-spacing-base)}@media only screen and (min-width: 576px){.u-s-pb-spacious{padding-bottom:var(--sc-spacing-xlarge)}}.u-s-me{margin-top:var(--sc-spacing-medium);margin-bottom:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-me{margin-top:var(--sc-spacing-base)}}@media only screen and (min-width: 576px){.u-s-me{margin-bottom:var(--sc-spacing-base)}}.u-s-mt{margin-top:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-mt{margin-top:var(--sc-spacing-base)}}.u-s-mb{margin-bottom:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-mb{margin-bottom:var(--sc-spacing-base)}}.u-s-pe{padding-top:var(--sc-spacing-medium);padding-bottom:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-pe{padding-top:var(--sc-spacing-base)}}@media only screen and (min-width: 576px){.u-s-pe{padding-bottom:var(--sc-spacing-base)}}.u-s-pt{padding-top:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-pt{padding-top:var(--sc-spacing-base)}}.u-s-pb{padding-bottom:var(--sc-spacing-medium)}@media only screen and (min-width: 576px){.u-s-pb{padding-bottom:var(--sc-spacing-base)}}.is-hidden{display:none}.sc-rotate-45{transform:rotate(45deg)}.sc-rotate-90{transform:rotate(90deg)}.sc-rotate-135{transform:rotate(135deg)}.sc-rotate-180{transform:rotate(180deg)}.sc-rotate-225{transform:rotate(225deg)}.sc-font-family{font-family:var(--sc-font-family)}.sc-font-normal{font-weight:var(--sc-font-normal)}.sc-font-bold{font-weight:var(--sc-font-bold)}.sc-font-line-through{text-decoration:line-through}.sc-text-decoration-none{text-decoration:none}.sc-font-zero{font-size:0}.u-font-size-tiny,.sc-font-tiny{font-size:var(--sc-font-tiny)}.u-font-size-small,.sc-font-small{font-size:var(--sc-font-small)}.u-font-size-base,.sc-font-base{font-size:var(--sc-font-base)}.sc-font-medium,.sc-font-medium{font-size:var(--sc-font-medium)}.u-font-size-large,.sc-font-large{font-size:var(--sc-font-large)}.u-font-size-xlarge,.sc-font-xlarge{font-size:var(--sc-font-xlarge)}.u-font-size-xxlarge,.sc-font-xxlarge{font-size:var(--sc-font-xxlarge)}.u-font-size-huge,.sc-font-huge{font-size:var(--sc-font-huge)}.u-font-size-gigantic,.sc-font-gigantic{font-size:var(--sc-font-gigantic)}.sc-color-primary{color:hsla(var(--sc-color-primary-h), var(--sc-color-primary-s), var(--sc-color-primary-l), 1)}.sc-color-secondary{color:hsla(var(--sc-color-secondary-h), var(--sc-color-secondary-s), var(--sc-color-secondary-l), 1)}.sc-color-error{color:hsla(var(--sc-color-error-h), var(--sc-color-error-s), var(--sc-color-error-l), 1)}.sc-color-sale{color:hsla(var(--sc-color-sale-h), var(--sc-color-sale-s), var(--sc-color-sale-l), 1)}.sc-color-bonus{color:hsla(var(--sc-color-bonus-h), var(--sc-color-bonus-s), var(--sc-color-bonus-l), 1)}.sc-shade-darkest{color:var(--sc-shade-darkest)}.sc-shade-dark{color:var(--sc-shade-dark)}.sc-shade-neutral{color:var(--sc-shade-neutral)}.sc-shade-light{color:var(--sc-shade-light)}.sc-shade-lighter{color:var(--sc-shade-lighter)}.sc-shade-lightest{color:var(--sc-shade-lightest)}.sc-whitespace-nowrap{white-space:nowrap}.sc-font-normal{font-weight:var(--sc-font-normal)}.sc-font-bold{font-weight:var(--sc-font-bold)}.sc-uppercase{text-transform:uppercase}.sc-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-text-left{text-align:left}.sc-text-right{text-align:right}.sc-text-center{text-align:center}.u-color-primary{color:hsla(var(--sc-color-primary-h), var(--sc-color-primary-s), var(--sc-color-primary-l), 1)}.u-color-secondary{color:hsla(var(--sc-color-secondary-h), var(--sc-color-secondary-s), var(--sc-color-secondary-l), 1)}.u-color-error{color:hsla(var(--sc-color-error-h), var(--sc-color-error-s), var(--sc-color-error-l), 1)}.u-color-sale{color:hsla(var(--sc-color-sale-h), var(--sc-color-sale-s), var(--sc-color-sale-l), 1)}.u-color-bonus{color:hsla(var(--sc-color-bonus-h), var(--sc-color-bonus-s), var(--sc-color-bonus-l), 1)}.u-shade-darkest{color:var(--sc-shade-darkest)}.u-shade-dark{color:var(--sc-shade-dark)}.u-shade-neutral{color:var(--sc-shade-neutral)}.u-shade-light{color:var(--sc-shade-light)}.u-shade-lighter{color:var(--sc-shade-lighter)}.u-shade-lightest{color:var(--sc-shade-lightest)}.u-font-bold{font-weight:var(--sc-font-bold)}.u-font-weight-normal{font-weight:var(--sc-font-normal)}.u-font-weight-bold{font-weight:var(--sc-font-bold)}.u-text-decoration-none{text-decoration:none}.u-text-uppercase{text-transform:uppercase}.sc-outline:after{--sc-border-width: 2px;content:"";pointer-events:none;position:absolute;top:calc(var(--sc-border-width)*-1);right:calc(var(--sc-border-width)*-1);bottom:calc(var(--sc-border-width)*-1);left:calc(var(--sc-border-width)*-1);border-radius:var(--sc-border-radius);border:var(--sc-border-width) solid var(--sc-color-primary)}input:checked+.sc-checked-outline:after{--sc-border-width: 2px;content:"";pointer-events:none;position:absolute;top:calc(var(--sc-border-width)*-1);right:calc(var(--sc-border-width)*-1);bottom:calc(var(--sc-border-width)*-1);left:calc(var(--sc-border-width)*-1);border-radius:var(--sc-border-radius);border:var(--sc-border-width) solid var(--sc-color-primary)}.sc-expand{width:100%}.sc-mw-100{max-width:100%}.sc-one-whole{width:100%}@media only screen and (min-width: 576px){.sc-one-whole-small-and-up{width:100%}}@media only screen and (min-width: 768px){.sc-one-whole-medium-and-up{width:100%}}@media only screen and (max-width: 767.98px){.sc-one-whole-up-to-medium{width:100%}}.sc-three-quarters{width:75%}@media only screen and (min-width: 576px){.sc-three-quarters-small-and-up{width:75%}}@media only screen and (min-width: 768px){.sc-three-quarters-medium-and-up{width:75%}}@media only screen and (max-width: 767.98px){.sc-three-quarters-up-to-medium{width:75%}}.sc-two-thirds{width:66.666%}@media only screen and (min-width: 576px){.sc-two-thirds-small-and-up{width:66.666%}}@media only screen and (min-width: 768px){.sc-two-thirds-medium-and-up{width:66.666%}}@media only screen and (max-width: 767.98px){.sc-two-thirds-up-to-medium{width:66.666%}}.sc-one-half{width:50%}@media only screen and (min-width: 576px){.sc-one-half-small-and-up{width:50%}}@media only screen and (min-width: 768px){.sc-one-half-medium-and-up{width:50%}}@media only screen and (max-width: 767.98px){.sc-one-half-up-to-medium{width:50%}}.sc-one-third{width:33.333%}@media only screen and (min-width: 576px){.sc-one-third-small-and-up{width:33.333%}}@media only screen and (min-width: 768px){.sc-one-third-medium-and-up{width:33.333%}}@media only screen and (max-width: 767.98px){.sc-one-third-up-to-medium{width:33.333%}}.sc-one-quarter{width:25%}@media only screen and (min-width: 576px){.sc-one-quarter-small-and-up{width:25%}}@media only screen and (min-width: 768px){.sc-one-quarter-medium-and-up{width:25%}}@media only screen and (max-width: 767.98px){.sc-one-quarter-up-to-medium{width:25%}}.u-one-whole{width:100% !important}@media only screen and (min-width: 576px){.u-one-whole-small-and-up{width:100% !important}.u-one-whole-from-mobile{width:100% !important}}@media only screen and (min-width: 768px){.u-one-whole-medium-and-up{width:100% !important}.u-one-whole-from-tablet{width:100% !important}}.u-three-quarters{width:75% !important}@media only screen and (min-width: 576px){.u-three-quarters-small-and-up{width:75% !important}.u-three-quarters-from-mobile{width:75% !important}}@media only screen and (min-width: 768px){.u-three-quarters-medium-and-up{width:75% !important}.u-three-quarters-from-tablet{width:75% !important}}.u-two-thirds{width:66.666% !important}@media only screen and (min-width: 576px){.u-two-thirds-small-and-up{width:66.666% !important}.u-two-thirds-from-mobile{width:66.666% !important}}@media only screen and (min-width: 768px){.u-two-thirds-medium-and-up{width:66.666% !important}.u-two-thirds-from-tablet{width:66.666% !important}}.u-one-half{width:50% !important}@media only screen and (min-width: 576px){.u-one-half-small-and-up{width:50% !important}.u-one-half-from-mobile{width:50% !important}}@media only screen and (min-width: 768px){.u-one-half-medium-and-up{width:50% !important}.u-one-half-from-tablet{width:50% !important}}.u-one-third{width:33.333% !important}@media only screen and (min-width: 576px){.u-one-third-small-and-up{width:33.333% !important}.u-one-third-from-mobile{width:33.333% !important}}@media only screen and (min-width: 768px){.u-one-third-medium-and-up{width:33.333% !important}.u-one-third-from-tablet{width:33.333% !important}}.u-one-quarter{width:25% !important}@media only screen and (min-width: 576px){.u-one-quarter-small-and-up{width:25% !important}.u-one-quarter-from-mobile{width:25% !important}}@media only screen and (min-width: 768px){.u-one-quarter-medium-and-up{width:25% !important}.u-one-quarter-from-tablet{width:25% !important}}.sc-display-inline-block{display:inline-block}.sc-display-inline{display:inline}.sc-display-block{display:block}.sc-hide{display:none}.sc-invisible{visibility:hidden}@media only screen and (max-width: 575.98px){.sc-hide-up-to-small{display:none}}@media only screen and (max-width: 767.98px){.sc-hide-up-to-medium{display:none}}@media only screen and (max-width: 991.98px){.sc-hide-up-to-large{display:none}}@media only screen and (min-width: 768px){.sc-hide-medium-and-up{display:none}}@media only screen and (min-width: 992px){.sc-hide-large-and-up{display:none}}@media only screen and (min-width: 1400px){.sc-hide-xlarge-and-up{display:none}}@media only screen and (min-width: 1700px){.sc-hide-huge-and-up{display:none}}.u-hide,.hide{display:none}@media only screen and (max-width: 575.98px){.u-hide-up-to-small{display:none}}@media only screen and (max-width: 767.98px){.u-hide-up-to-medium{display:none}}@media only screen and (max-width: 991.98px){.u-hide-up-to-large{display:none}}@media only screen and (min-width: 768px){.u-hide-medium-and-up{display:none}}@media only screen and (min-width: 992px){.u-hide-large-and-up{display:none}}@media only screen and (min-width: 1400px){.u-hide-xlarge-and-up{display:none}}@media only screen and (min-width: 1700px){.u-hide-huge-and-up{display:none}}.u-hide-inactive:not(.is-active){display:none}.u-display-inline-block{display:inline-block}.u-display-inline{display:inline}.u-display-block{display:block}@media only screen and (min-width: 576px){.u-display-block-small-and-up{display:block}}@media only screen and (min-width: 768px){.u-display-block-medium-and-up{display:block}}@media only screen and (min-width: 992px){.u-display-block-large-and-up{display:block}}@media only screen and (min-width: 1400px){.u-display-block-xlarge-and-up{display:block}}@media only screen and (min-width: 1700px){.u-display-block-huge-and-up{display:block}}.u-invisible{visibility:hidden}@media only screen and (min-width: 768px){.u-hide-tablet-and-up{display:none}}@media only screen and (max-width: 575.98px){.u-hide-mobile{display:none}}@media only screen and (max-width: 767.98px){.u-hide-handheld{display:none}}@media only screen and (min-width: 1400px){.u-hide-desktop{display:none}}.sc-focus\:outline:focus{outline:2px solid var(--sc-color-primary)} /* =========================================================================== StoreConnect Theme V3 - commerce brand layer --------------------------------------------------------------------------- Loaded immediately after the compiled base theme component layer, on the commerce routes only (product / cart / checkout / account / order). The base theme is fully tokenised, so most of this file is just repointing its --sc-* custom properties at the V3 palette that the Tailwind bundle already defines. Component rules below the token block exist only where the base theme's shape - not its colour - differs from the marketing site. Two constraints shaped this file: 1. The compiled layer deliberately excludes base/elements/*, because those are unscoped element selectors (body, a, h1, p) and this sheet loads on pages that also carry the V3 header and footer. The consequence is that Tailwind's preflight - which zeroes heading and paragraph margins - is left unopposed inside the base theme's own markup. The "vertical rhythm" block restores it, scoped to base theme containers so it cannot reach the chrome or a V3 content block. 2. Everything risky is scoped under #SC-Main (the
element). The header and footer render outside it. =========================================================================== */ /* --------------------------------------------------------------------------- Tokens --------------------------------------------------------------------------- */ :root { /* Primary: teal-600, hover derives to teal-700 via the base theme's own hsl() math, which is why the h/s/l triplet has to be set and not just the composite. */ --sc-color-primary: #307e8a; --sc-color-primary-h: 188deg; --sc-color-primary-s: 48%; --sc-color-primary-l: 36%; /* Secondary: navy. Used by SC-Button-secondary and SC-Button-buy. */ --sc-color-secondary: #0f3980; --sc-color-secondary-h: 218deg; --sc-color-secondary-s: 79%; --sc-color-secondary-l: 28%; --sc-color-error: #c22626; --sc-color-error-h: 0deg; --sc-color-error-s: 67%; --sc-color-error-l: 45%; /* Sale and bonus lean on the orange accent rather than the base theme red, so a discount reads as a highlight instead of an error. */ --sc-color-sale: #de4f02; --sc-color-sale-h: 21deg; --sc-color-sale-s: 98%; --sc-color-sale-l: 44%; --sc-color-bonus: #307e8a; --sc-color-bonus-h: 188deg; --sc-color-bonus-s: 48%; --sc-color-bonus-l: 36%; /* Shades retinted from neutral grey to the slate ramp the rest of the site uses, so a checkout panel sits beside a marketing section without the temperature shifting. */ --sc-shade-darkest: #0f172a; --sc-shade-dark: #334155; --sc-shade-neutral: #64748b; --sc-shade-light: #cbd5e1; --sc-shade-lighter: #e2e8f0; --sc-shade-lightest: #f1f5f9; --sc-font-family: "Intelo", ui-sans-serif, system-ui, sans-serif; --sc-font-bold: 600; /* 16px floor is deliberate: iOS Safari zooms the viewport on focus for any input under 16px, which is unusable on a checkout form. */ --sc-font-base: 16px; --sc-border-color: #e2e8f0; --sc-border-radius: 12px; --sc-input-border-radius: 12px; --sc-border-rounded: 18px; --sc-input-height: 48px; /* Teal-tinted rather than neutral black, matching .button in the Tailwind bundle. */ --sc-shadow: 0 1px 2px rgba(44, 85, 94, 0.1); --sc-shadow-2: 0 4px 12px rgba(44, 85, 94, 0.12), 0 1px 1px rgba(44, 85, 94, 0.05); --sc-shadow-3: 0 8px 24px rgba(44, 85, 94, 0.16), 0 1px 2px rgba(44, 85, 94, 0.1); } /* --------------------------------------------------------------------------- Vertical rhythm Everything here is wrapped in :where() so it carries zero specificity. That matters: a product page renders base theme markup and V3 content blocks in the same
, and the blocks style their headings with Tailwind utility classes. An "#SC-Main h1" rule would score 1-0-1 and beat .text-4xl at 0-1-0, silently resizing every content block heading on the page. At zero specificity these rules only reach headings that nothing else has claimed - which is exactly the set the excluded base/elements/typography used to cover, such as the bare

on the products index. --------------------------------------------------------------------------- */ :where(#SC-Main) :where(h1, h2, h3, h4, h5, h6) { color: var(--sc-shade-darkest); font-weight: 600; line-height: 1.25; text-wrap: balance; margin-block: 0 0.5em; } :where(#SC-Main) :where(h1) { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem); } :where(#SC-Main) :where(h2) { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2rem); } :where(#SC-Main) :where(h3) { font-size: 1.375rem; } :where(#SC-Main) :where(h4) { font-size: 1.125rem; } :where(#SC-Main) :where(h5, h6) { font-size: 1rem; } :where(#SC-Main) :where(p, ul, ol, dl) { margin-block: 0 0.75em; line-height: 1.6; } :where(#SC-Main) :where(.sc-rich-text, .SC-ProductFeatures, .SC-ProductSpecifications) :where(ul, ol) { padding-left: 1.25em; list-style: revert; } :where(#SC-Main) :where(.sc-rich-text, .SC-ProductFeatures, .SC-ProductSpecifications) :where(li) { margin-block: 0.25em; } :where(#SC-Main) :where(.sc-rich-text) :where(a):not(.SC-Button) { color: var(--sc-color-primary); text-decoration: underline; text-underline-offset: 2px; } /* --------------------------------------------------------------------------- Buttons Reshaped to the marketing site's .button - pill radius, semibold, soft lift. Colour still comes from the tokens above. --------------------------------------------------------------------------- */ #SC-Main :is(.SC-Button, .Button) { border-radius: var(--sc-border-rounded); font-family: var(--sc-font-family); font-weight: 600; letter-spacing: 0.01em; transition: background-color 0.25s var(--ease-in-out, ease), color 0.25s var(--ease-in-out, ease), box-shadow 0.25s var(--ease-in-out, ease); } #SC-Main :is(.SC-Button-primary, .SC-Button-secondary, .SC-Button-buy, .SC-Button-add) { box-shadow: 0 2px 4px rgba(44, 85, 94, 0.1); min-height: var(--sc-input-height); } #SC-Main :is(.SC-Button-primary, .SC-Button-secondary, .SC-Button-buy, .SC-Button-add):hover:not(:disabled) { box-shadow: 0 4px 10px rgba(44, 85, 94, 0.18); } #SC-Main .SC-Button-subtle { border: 1px solid var(--sc-border-color); background-color: #fff; } #SC-Main .SC-Button:focus-visible { outline: 2px solid var(--sc-color-primary); outline-offset: 2px; } /* --------------------------------------------------------------------------- Panels and cards --------------------------------------------------------------------------- */ #SC-Main .SC-Panel { background-color: #fff; border: 1px solid var(--sc-border-color); border-radius: var(--sc-border-radius); padding: var(--sc-spacing-large); box-shadow: var(--sc-shadow); } #SC-Main .SC-Panel_header_heading { font-size: var(--sc-font-large); font-weight: 600; margin: 0; } #SC-Main .SC-Panel_header-border { border-bottom: 1px solid var(--sc-border-color); padding-bottom: var(--sc-spacing-medium); margin-bottom: var(--sc-spacing-base); } #SC-Main .SC-Card { border-radius: var(--sc-border-radius); border: 1px solid var(--sc-border-color); background-color: #fff; } #SC-Main .SC-Card-floating { box-shadow: var(--sc-shadow-2); } /* --------------------------------------------------------------------------- Fields --------------------------------------------------------------------------- */ #SC-Main :is(.SC-Field_input, .SC-Field_select, .SC-Field_textarea) { border: 1px solid var(--sc-border-color); border-radius: var(--sc-input-border-radius); background-color: #fff; font-family: var(--sc-font-family); font-size: var(--sc-font-base); color: var(--sc-shade-darkest); transition: border-color 0.2s ease, box-shadow 0.2s ease; } #SC-Main :is(.SC-Field_input, .SC-Field_select, .SC-Field_textarea):focus { outline: none; border-color: var(--sc-color-primary); box-shadow: 0 0 0 3px rgba(48, 126, 138, 0.16); } /* display:block restores what base/elements/label used to do. Without it a