.uppercase {
    text-transform: uppercase
    }
.template-cart-item-added-popover {
    left: unset;
    width: -webkit-max-content;
    width: -moz-max-content;
    z-index: 30001;
    background-color: var(--navigationLinkColor);
    width: max-content;
    max-width: 300px;
    padding-right: 11px;
    line-height: 22px;
    transition: transform 0.15s 50ms, opacity 0.2s;
    display: flex;
    position: fixed;
    right: 4vw;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.08)
    }
@media screen and (max-width: 640px) {
    .template-cart-item-added-popover {
        right: 6vw
        }
    }
.template-cart-item-added-popover p {
    color: var(--siteBackgroundColor);
    margin: 0;
    padding: 16px;
    font-size: 16px;
    line-height: 22px
    }
.template-cart-item-added-popover .close {
    cursor: pointer;
    width: 36px;
    color: var(--siteBackgroundColor);
    align-items: center;
    display: flex
    }
.template-cart-item-added-popover.hidden {
    visibility: hidden
    }
.v6-visually-hidden {
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    position: absolute !important
    }
.sqs-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    word-spacing: -0.43em
    }
.yui3-u, .sqs-u, .sqs-u-1, .sqs-u-1-2, .sqs-u-1-3, .sqs-u-2-3, .sqs-u-1-4, .sqs-u-3-4, .sqs-u-1-5, .sqs-u-2-5, .sqs-u-3-5, .sqs-u-4-5, .sqs-u-1-6, .sqs-u-5-6, .sqs-u-1-8, .sqs-u-3-8, .sqs-u-5-8, .sqs-u-7-8, .sqs-u-1-12, .sqs-u-5-12, .sqs-u-7-12, .sqs-u-11-12, .sqs-u-1-24, .sqs-u-5-24, .sqs-u-7-24, .sqs-u-11-24, .sqs-u-13-24, .sqs-u-17-24, .sqs-u-19-24, .sqs-u-23-24 {
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    display: inline-block
    }
.sqs-u-1 {
    display: block
    }
.sqs-u-1-2 {
    width: 50%
    }
.sqs-u-1-3 {
    width: 33.3333%
    }
.sqs-u-2-3 {
    width: 66.6667%
    }
.sqs-u-1-4 {
    width: 25%
    }
.sqs-u-3-4 {
    width: 75%
    }
.sqs-u-1-5 {
    width: 20%
    }
.sqs-u-2-5 {
    width: 40%
    }
.sqs-u-3-5 {
    width: 60%
    }
.sqs-u-4-5 {
    width: 80%
    }
.sqs-u-1-6 {
    width: 16.656%
    }
.sqs-u-5-6 {
    width: 83.33%
    }
.sqs-u-1-8 {
    width: 12.5%
    }
.sqs-u-3-8 {
    width: 37.5%
    }
.sqs-u-5-8 {
    width: 62.5%
    }
.sqs-u-7-8 {
    width: 87.5%
    }
.sqs-u-1-12 {
    width: 8.3333%
    }
.sqs-u-5-12 {
    width: 41.6666%
    }
.sqs-u-7-12 {
    width: 58.3333%
    }
.sqs-u-11-12 {
    width: 91.6666%
    }
.sqs-u-1-24 {
    width: 4.1666%
    }
.sqs-u-5-24 {
    width: 20.8333%
    }
.sqs-u-7-24 {
    width: 29.1666%
    }
.sqs-u-11-24 {
    width: 45.8333%
    }
.sqs-u-13-24 {
    width: 54.1666%
    }
.sqs-u-17-24 {
    width: 70.8333%
    }
.sqs-u-19-24 {
    width: 79.1666%
    }
.sqs-u-23-24 {
    width: 95.8333%
    }
#sqs-css-stamp.cssgrids, .yui3-widget-hidden {
    display: none
    }
.yui3-widget-content {
    overflow: hidden
    }
.yui3-widget-content-expanded {
    box-sizing: border-box;
    height: 100%
    }
.yui3-widget-tmp-forcesize {
    overflow: hidden !important
    }
.sqs-panel {
    position: absolute
    }
.sqs-panel-hidden {
    visibility: hidden
    }
.sqs-widget-tmp-forcesize .sqs-panel-content {
    overflow: hidden !important
    }
.sqs-panel .sqs-widget-hd {
    position: relative
    }
.sqs-panel .sqs-widget-hd .sqs-widget-buttons {
    position: absolute;
    top: 0;
    right: 0
    }
.sqs-panel .sqs-widget-ft .sqs-widget-buttons {
    zoom: 1;
    display: inline-block
    }
.yui3-slider, .yui3-slider-rail {
    display: -moz-inline-stack;
    zoom: 1;
    vertical-align: middle;
    display: inline-block
    }
.yui3-slider-content {
    display: block;
    position: relative
    }
.yui3-slider-rail {
    position: relative
    }
.yui3-slider-rail-cap-top, .yui3-slider-rail-cap-left, .yui3-slider-rail-cap-bottom, .yui3-slider-rail-cap-right, .yui3-slider-thumb, .yui3-slider-thumb-image, .yui3-slider-thumb-shadow {
    position: absolute
    }
.yui3-slider-thumb {
    overflow: hidden
    }
.sqs-aclist, .yui3-aclist {
    z-index: 10;
    position: absolute
    }
.sqs-aclist-hidden, .yui3-aclist-hidden {
    visibility: hidden
    }
.sqs-aclist-aria, .yui3-aclist-aria {
    position: absolute;
    left: -9999px
    }
.sqs-aclist-list, .yui3-aclist-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
    }
.sqs-aclist-item, .yui3-aclist-item {
    cursor: pointer;
    padding: 2px 5px;
    list-style: none
    }
.sqs-aclist-item-active, .yui3-aclist-item-active {
    outline: thin dotted #afafaf
    }
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
        } 50% {
        opacity: 1;
        transform: scale(1.05)
        } 70% {
        transform: scale(.9)
        } to {
        transform: scale(1)
        }
    }
@keyframes bounceOut {
    0% {
        transform: scale(1)
        } 25% {
        transform: scale(.95)
        } 50% {
        opacity: 1;
        transform: scale(1.1)
        } to {
        opacity: 0;
        transform: scale(.3)
        }
    }
@media screen and (max-width: 432px) {
    .mobile-hidden, .subDesktop-hidden {
        display: none
        }
    }
@media screen and (min-width: 433px) {
    .desktop-hidden {
        display: none
        }
    }
.sqs-system-error {
    background: url(/assets.squarespace.com/universal/images-v6/damask/error-dark.png) 12px 12px no-repeat;
    color: #3e3e3e !important
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-system-error {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/error-dark@2x.png);
        background-size: 44px
        }
    }
.sqs-system-error input {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #3e3e3e;
    padding: 11px;
    font-family: inherit;
    line-height: 22px;
    transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out
    }
.sqs-system-error input, .sqs-system-error input > * {
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    color: #fff !important
    }
.sqs-system-error input:focus, .sqs-system-error input > :focus {
    outline-offset: -2px;
    outline: 2px solid #fff
    }
.sqs-system-error input:focus:not(:focus-visible) {
    outline: none
    }
.sqs-system-error input > :focus:not(:focus-visible) {
    outline: none
    }
.sqs-system-error input:hover {
    box-shadow: none;
    background-color: #000
    }
.sqs-system-error input.disabled {
    opacity: 0.3;
    cursor: default
    }
.sqs-system-error input.disabled > * {
    opacity: 0.5
    }
.sqs-system-error input.disabled:hover {
    background-color: #3e3e3e !important
    }
.sqs-system-error-overlay.dialog-screen-overlay {
    background: rgba(246, 246, 246, 0.98)
    }
.sqs-video-wrapper .intrinsic {
    max-width: 100%
    }
.sqs-video-wrapper.video-none {
    position: relative
    }
.sqs-video-wrapper.video-fill {
    width: 100%;
    height: 100%;
    position: absolute
    }
.sqs-video-wrapper.video-fit {
    width: 100%;
    position: absolute
    }
.sqs-video-wrapper.video-fit .intrinsic {
    width: 100%
    }
.sqs-video-wrapper.video-fit .intrinsic-inner {
    position: relative
    }
.sqs-video-wrapper iframe, .sqs-video-wrapper object, .sqs-video-wrapper embed {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
    }
.sqs-video-wrapper .sqs-video-overlay {
    color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
    }
.sqs-video-wrapper .sqs-video-overlay .sqs-video-opaque {
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0
    }
.sqs-video-wrapper .sqs-video-overlay.no-thumb .sqs-video-opaque {
    opacity: 1
    }
.sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
    cursor: pointer;
    background: url(/assets.squarespace.com/universal/images-v6/damask/play-button.png) 50% no-repeat;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    margin-left: -24px;
    position: absolute;
    top: 50%;
    left: 50%
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/play-button@2x.png);
        background-size: 33px
        }
    }
.sqs-video-wrapper.video-invalid {
    height: 48px !important;
    position: static !important
    }
.sqs-video-wrapper .sqs-video-invalid-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
    }
body.no-scroll {
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
    }
.no-scroll {
    overflow: hidden !important
    }
.sqs-lightbox-overlay {
    opacity: 0;
    background: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
    }
.sqs-lightbox-overlay.sqs-lightbox-overlay-style-orb {
    background: radial-gradient(circle at 50% 25%, rgba(0, 0, 0, 0.75), #000)
    }
.sqs-lightbox-overlay.light {
    color: #3e3e3e;
    background: rgba(246, 246, 246, 0.98) !important
    }
.sqs-lightbox-overlay.white.sqs-lightbox-overlay-style-orb {
    background: radial-gradient(circle at 50% 25%, rgba(255, 255, 255, 0.96), #fff)
    }
.sqsp-tooltip {
    color: inherit;
    background-color: #f6f6f6;
    max-width: 250px;
    padding: 22px 33px;
    position: absolute;
    overflow: hidden;
    box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04);
    text-align: left !important
    }
.sqsp-tooltip .title {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
    font-weight: 500
    }
.sqsp-tooltip .description {
    margin: 11px 0
    }
.sqsp-tooltip .buttons {
    border-top: 1px solid #e4e4e4;
    margin: 22px -33px -22px;
    display: flex
    }
.sqsp-tooltip .buttons:empty {
    border-top: 0
    }
.sqsp-tooltip .buttons > * {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    border-left: 1px solid #e4e4e4 !important
    }
.sqsp-tooltip .buttons > :first-child {
    border-left: none !important
    }
.sqsp-tooltip .buttons input, .sqsp-tooltip .buttons button {
    background: 0 0
    }
.sqsp-tooltip .buttons a {
    border-bottom: none
    }
.sqsp-tooltip .buttons a:not(.reject) {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #f6f6f6;
    padding: 11px;
    font-family: inherit;
    line-height: 22px;
    transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out
    }
.sqsp-tooltip .buttons a:not(.reject), .sqsp-tooltip .buttons a:not(.reject) > * {
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    color: #3e3e3e !important
    }
.sqsp-tooltip .buttons a:not(.reject):focus, .sqsp-tooltip .buttons a:not(.reject) > :focus {
    outline-offset: -2px;
    outline: 2px solid #3e3e3e
    }
.sqsp-tooltip .buttons a:not(.reject):focus:not(:focus-visible) {
    outline: none
    }
.sqsp-tooltip .buttons a:not(.reject) > :focus:not(:focus-visible) {
    outline: none
    }
.sqsp-tooltip .buttons a:not(.reject):hover {
    box-shadow: none;
    background-color: #fff
    }
.sqsp-tooltip .buttons a:not(.reject).disabled {
    opacity: 0.3;
    cursor: default
    }
.sqsp-tooltip .buttons a:not(.reject).disabled > * {
    opacity: 0.5
    }
.sqsp-tooltip .buttons a:not(.reject).disabled:hover {
    background-color: #f6f6f6 !important
    }
.sqsp-tooltip .buttons a:not(.reject).disabled {
    opacity: 0.5
    }
.sqsp-tooltip .buttons a.reject {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #f6f6f6;
    padding: 11px;
    font-family: inherit;
    line-height: 22px;
    transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out
    }
.sqsp-tooltip .buttons a.reject, .sqsp-tooltip .buttons a.reject > * {
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    color: #3e3e3e !important
    }
.sqsp-tooltip .buttons a.reject:focus, .sqsp-tooltip .buttons a.reject > :focus {
    outline-offset: -2px;
    outline: 2px solid #3e3e3e
    }
.sqsp-tooltip .buttons a.reject:focus:not(:focus-visible) {
    outline: none
    }
.sqsp-tooltip .buttons a.reject > :focus:not(:focus-visible) {
    outline: none
    }
.sqsp-tooltip .buttons a.reject:hover {
    box-shadow: none;
    background-color: #000
    }
.sqsp-tooltip .buttons a.reject.disabled {
    opacity: 0.3;
    cursor: default
    }
.sqsp-tooltip .buttons a.reject.disabled > * {
    opacity: 0.5
    }
.sqsp-tooltip .buttons a.reject.disabled:hover {
    background-color: #f6f6f6 !important
    }
.sqsp-tooltip .buttons a.reject:hover {
    background-color: #f0523d
    }
.sqsp-tooltip .buttons a.reject:hover, .sqsp-tooltip .buttons a.reject:hover * {
    color: #fff !important
    }
.sqs-action-overlay {
    white-space: nowrap;
    opacity: 0;
    z-index: 50;
    background-color: #3e3e3e;
    border-radius: 3px;
    height: 32px;
    transition: opacity 0.1s ease-out;
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden
    }
.sqs-action-overlay.loading {
    opacity: 1
    }
.sqs-action-overlay.bottom {
    top: auto;
    bottom: 0
    }
.sqs-action-overlay > div {
    opacity: 0.3;
    cursor: pointer;
    width: 33px;
    height: 32px;
    display: inline-block
    }
.sqs-action-overlay > div:hover {
    opacity: 0.9
    }
.sqs-action-overlay > div:active, .sqs-action-overlay > div:focus {
    opacity: 1
    }
.sqs-action-overlay > div.edit-image, .sqs-action-overlay > div.edit {
    background: url(/assets.squarespace.com/universal/images-v6/damask/edit-aviary-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.edit-image, .sqs-action-overlay > div.edit {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/edit-aviary-light@2x.png);
        background-size: 16px
        }
    }
.sqs-action-overlay > div.edit.loading {
    background: 0 0
    }
.sqs-action-overlay > div.image-info {
    background: url(/assets.squarespace.com/universal/images-v6/damask/edit-info-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.image-info {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/edit-info-light@2x.png);
        background-size: 16px
        }
    }
.sqs-action-overlay > div.remove, .sqs-action-overlay > div.remove-image {
    cursor: pointer;
    background: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove, .sqs-action-overlay > div.remove-image {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light@2x.png);
        background-size: 9px 11px
        }
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-image:hover {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-red@2x.png);
        background-size: 9px 11px
        }
    }
.sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-image:hover {
    background: #f0523d url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove:hover, .sqs-action-overlay > div.remove-image:hover {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light@2x.png);
        background-size: 9px 11px
        }
    }
.sqs-action-overlay > div.video-info {
    background: url(/assets.squarespace.com/universal/images-v6/damask/edit-info-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.video-info {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/edit-info-light@2x.png);
        background-size: 16px
        }
    }
.sqs-action-overlay > div.getty {
    background: url(/assets.squarespace.com/universal/images-v6/damask/getty-16-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.getty {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/getty-32-light.png);
        background-size: 16px
        }
    }
.sqs-action-overlay > div.buy {
    background: url(/assets.squarespace.com/universal/images-v6/damask/shopping-cart-16-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.buy {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/shopping-cart-32-light.png);
        background-size: 16px
        }
    }
.sqs-action-overlay > div.remove-video {
    cursor: pointer;
    background: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove-video {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light@2x.png);
        background-size: 9px 11px
        }
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove-video:hover {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-red@2x.png);
        background-size: 9px 11px
        }
    }
.sqs-action-overlay > div.remove-video:hover {
    background: #f0523d url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light.png) 50% no-repeat
    }
@media (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
    .sqs-action-overlay > div.remove-video:hover {
        background-image: url(/assets.squarespace.com/universal/images-v6/damask/trash-9-light@2x.png);
        background-size: 9px 11px
        }
    }
.sqs-action-overlay > div.loading {
    opacity: 1;
    background: 0 0;
    position: relative
    }
.sqs-action-overlay > div.loading .sqs-spin.default {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%) translatey(-50%)
    }
.sqs-action-overlay-container:hover .sqs-action-overlay, .touch .sqs-action-overlay {
    opacity: 1
    }
.image-focal-point {
    cursor: move;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    border: 3px solid rgba(255, 255, 255, 0.8);
    border-radius: 14px;
    width: 14px;
    height: 14px;
    margin-top: -10px;
    margin-left: -10px;
    position: absolute
    }
.sqs-loading-overlay-node {
    background: rgba(255, 255, 255, 0.9)
    }
.sqs-loading-overlay-node .sqs-spin {
    position: absolute;
    top: 50%;
    left: 50%
    }
.sqs-loading-overlay-node .sqs-spin.large {
    margin-top: -11px;
    margin-left: -11px
    }
.sqs-loading-overlay-node .sqs-spin.extra-large {
    margin-top: -20px;
    margin-left: -20px
    }
.sqs-loading-overlay-node.has-title .title {
    text-align: center;
    color: #999;
    width: 100%;
    margin-top: 22px;
    font-size: 14px;
    position: absolute;
    top: 50%
    }
.sqs-loading-overlay-node.has-title .sqs-spin {
    margin-top: -22px
    }
body > .login-wrapper {
    z-index: 30100;
    width: 100%;
    height: 100%;
    transition: all 0.5s ease-in-out;
    position: fixed;
    top: 0;
    left: 0
    }
body > .login-wrapper.hidden {
    opacity: 0
    }
.sqs-spin {
    vertical-align: middle;
    background-color: transparent;
    border-radius: 150px;
    animation: 1s linear infinite sqs-spin;
    display: inline-block
    }
.sqs-spin.light {
    border: 2px solid rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.15) !important
    }
.sqs-spin.dark {
    border: 2px solid rgba(0, 0, 0, 0.75) !important;
    border-color: rgba(0, 0, 0, 0.08) rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.75) rgba(0, 0, 0, 0.08) !important
    }
.sqs-spin.extra-small {
    width: 4px;
    height: 4px
    }
.sqs-spin.small {
    width: 8px;
    height: 8px
    }
.sqs-spin.default {
    width: 12px;
    height: 12px
    }
.sqs-spin.large {
    width: 22px;
    height: 22px
    }
.sqs-spin.extra-large {
    width: 40px;
    height: 40px
    }
.sqs-spin.xx-large {
    width: 80px;
    height: 80px
    }
.sqs-spin.degraded {
    border: 0;
    border-radius: 0;
    animation: none
    }
.sqs-spin.degraded img {
    width: 100%;
    height: 100%;
    box-shadow: none !important;
    border: 0 !important;
    outline: 0 !important
    }
@keyframes sqs-spin {
    0% {
        transform: rotate(0)
        } to {
        transform: rotate(360deg)
        }
    }
.sqs-widgets-confirmation {
    color: #3e3e3e;
    z-index: 1000000;
    font-size: 12px
    }
@media screen and (max-width: 432px) {
    .sqs-widgets-confirmation {
        width: 300px !important
        }
    }
@media screen and (min-width: 433px) {
    .sqs-widgets-confirmation {
        position: absolute
        }
    }
.sqs-widgets-confirmation-content {
    color: inherit;
    text-align: center;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 22px 33px;
    overflow: hidden;
    box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04)
    }
@media screen and (max-width: 432px) {
    .sqs-widgets-confirmation-content {
        padding: 22px
        }
    }
.sqs-widgets-confirmation-content > .title {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 11px;
    font-weight: 500
    }
.sqs-widgets-confirmation-content .fields {
    margin-bottom: 11px
    }
.sqs-widgets-confirmation-content .fields .check-field-wrapper {
    padding: 0
    }
.sqs-widgets-confirmation-content .fields .check-field-wrapper .field-description {
    background: 0 0
    }
.sqs-widgets-confirmation-content .buttons {
    border-top: 1px solid #e4e4e4;
    margin: 22px -33px -22px;
    display: flex
    }
.sqs-widgets-confirmation-content .buttons:empty {
    border-top: 0
    }
.sqs-widgets-confirmation-content .buttons > * {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    border-left: 1px solid #e4e4e4 !important
    }
.sqs-widgets-confirmation-content .buttons > :first-child {
    border-left: none !important
    }
.sqs-widgets-confirmation-content .buttons input, .sqs-widgets-confirmation-content .buttons button {
    background: 0 0
    }
.sqs-widgets-confirmation-content .buttons a {
    border-bottom: none
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #f6f6f6;
    padding: 11px;
    font-family: inherit;
    line-height: 16px;
    transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject), .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) > * {
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    color: #3e3e3e !important
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus, .sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) > :focus {
    outline-offset: -2px;
    outline: 2px solid #3e3e3e
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):focus:not(:focus-visible) {
    outline: none
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject) > :focus:not(:focus-visible) {
    outline: none
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject):hover {
    box-shadow: none;
    background-color: #fff
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled {
    opacity: 0.3;
    cursor: default
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled > * {
    opacity: 0.5
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled:hover {
    background-color: #f6f6f6 !important
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button:not(.reject).disabled {
    opacity: 0.5
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject {
    cursor: pointer;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #f6f6f6;
    padding: 11px;
    font-family: inherit;
    line-height: 16px;
    transition: background-color 0.1s ease-in-out, opacity 0.1s ease-in-out
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject > * {
    -webkit-appearance: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: 0;
    font-size: 11px;
    font-weight: 500;
    color: #3e3e3e !important
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject > :focus {
    outline-offset: -2px;
    outline: 2px solid #3e3e3e
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject:focus:not(:focus-visible) {
    outline: none
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject > :focus:not(:focus-visible) {
    outline: none
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover {
    box-shadow: none;
    background-color: #000
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled {
    opacity: 0.3;
    cursor: default
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled > * {
    opacity: 0.5
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject.disabled:hover {
    background-color: #f6f6f6 !important
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover {
    background-color: #f0523d
    }
.sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover, .sqs-widgets-confirmation-content .buttons .confirmation-button.reject:hover * {
    color: #fff !important
    }
.sqs-widgets-confirmation.sqs-widgets-data-confirmation .sqs-widgets-confirmation-content {
    text-align: left
    }
.sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content, .sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button {
    background-color: #f0523d;
    color: #fff !important
    }
.sqs-widgets-confirmation.danger-zone .sqs-widgets-confirmation-content .buttons .confirmation-button:hover {
    background-color: #e4351e
    }
.sqs-widgets-confirmation.dangerous-confirmation-button .sqs-widgets-confirmation-content .buttons .confirm:hover {
    background-color: #f0523d;
    color: #fff !important
    }
.sqs-widgets-confirmation.reject-warning .buttons .confirmation-button.reject:hover {
    color: #fff;
    background-color: #f0523d
    }
.sqs-widgets-confirmation.delete-collection .confirmation-button.confirm:hover {
    background-color: #f0523d;
    color: #fff !important
    }
.sqs-widgets-confirmation.with-media .title:empty, .sqs-widgets-confirmation.with-media .message:empty {
    display: none
    }
.sqs-widgets-confirmation.with-media .title:empty + .message:empty + .media {
    margin-top: -22px
    }
.sqs-widgets-confirmation.with-media .media {
    margin: 0 -33px;
    display: block;
    position: relative
    }
.sqs-widgets-confirmation.with-media .media > * {
    margin: 0 auto;
    display: block;
    position: relative
    }
.sqs-widgets-confirmation.with-media .buttons {
    margin-top: 0
    }
.sqs-widgets-confirmation.with-media .sqs-widgets-confirmation-content {
    background: #fff
    }
.sqs-widgets-confirmation.shown .media > * {
    width: 100%
    }
.sqs-widgets-confirmation {
    opacity: 0;
    transform: scale(0.96)
    }
.sqs-widgets-confirmation.mobile {
    transform: translatey(-50%)
    }
.sqs-widgets-confirmation.shown {
    opacity: 1;
    animation-name: show-confirmation;
    animation-duration: 0.3s;
    animation-iteration-count: 1;
    transform: scale(1)
    }
.sqs-widgets-confirmation.shown.mobile {
    animation-name: show-confirmation-mobile;
    transform: translatey(0)
    }
.sqs-widgets-confirmation.hiding {
    opacity: 0;
    transition-property: all;
    transition-duration: 0.3s;
    animation-name: none;
    transform: scale(0.96)
    }
.sqs-widgets-confirmation.hiding.mobile {
    transform: translatey(-50%)
    }
.sqs-widgets-confirmation-hidden {
    display: none
    }
@keyframes show-confirmation {
    0% {
        opacity: 0;
        transform: scale(.96)
        } to {
        opacity: 1;
        transform: scale(1)
        }
    }
@keyframes show-confirmation-mobile {
    0% {
        transform: translateY(-50%)
        } to {
        transform: translateY(0)
        }
    }
.sqs-widgets-confirmation-overlay {
    opacity: 0.4;
    z-index: 999999;
    background: #000;
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0;
    left: 0
    }
@media screen and (max-width: 432px) {
    .sqs-widgets-confirmation-overlay {
        opacity: 0.4 !important;
        z-index: 999999 !important
        }
    }