* {
    
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;

    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;

    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    
    box-sizing: border-box;
    
	-webkit-tap-highlight-color: rgba(0,0,0,0);

}

::-webkit-scrollbar {

    width: 20px;

}

textarea::-webkit-scrollbar {

    width: 25px;

}

::-webkit-scrollbar-track {

    background-color: transparent;

}

::-webkit-scrollbar-thumb {
    
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 20px;
    border: 7px solid transparent;
    background-clip: content-box;
    cursor: default;

}

textarea::-webkit-scrollbar-thumb {
    
    background-color: rgba(0, 0, 0, 0.15);
    border: 9px solid transparent;

}

::-webkit-scrollbar-thumb:hover {
    
    background-color: rgba(0, 0, 0, 0.5);

}

textarea::-webkit-scrollbar-thumb:hover {
    
    background-color: rgba(0, 0, 0, 0.35);

}

html {

    display: block;
    font-size: 16px;

}

body {

    position: relative;
    font-family: 'Nunito', 'Arial', 'Helvetica', sans-serif;
    height: 100%;
    line-height: 100%;
    display: block;
    color: #312a46;
    background: #fbfbfb;
    transition: padding 0.2s;
    touch-action: pan-y;
    overflow: overlay;

}

.init-hidden {

    display: none;

}

.txt-blurple {

    color: #613feb;

}

.txt-rink {

    color: #ff4b7d !important;

}

.txt-green {

    color: #04cb9d !important;

}

.txt-yellow {

    color: #ffa739 !important;

}

.txt-red {

    color: #ff6672 !important;

}

.txt-grey {

    color: #909090;

}

.txt-grey-light {

    color: #cccccc;

}

.txt-white {

    color: #ffffff;

}

.txt-grey-light-small {

    font-size: 0.85em;
    line-height: 120%;
    color: #cccccc;

}

.txt-code {
    
    display: block;
    margin-top: 1em;
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    font-weight: bold;
    color: #ff0000;
    word-break: break-all;

}

.txt-code-small {
    
    display: block;
    margin-top: -0.5em;
    font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
    color: #909090;
    font-size: 0.85em;
    word-break: break-all;

}

.txt-button {

    background: #f1f1f1;
    padding: 0.25em 0.65em;
    border-radius: 4px;
    color: #909090;
    text-shadow: 1px 1px #ffffff;
    font-weight: 700;
    font-size: 0.85em;
    box-shadow: inset -1px -1px 0px 0px rgb(0 0 0 / 13%);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;      

}

.margin-bottom-small {

    margin-bottom: 0.65em;

}

.margin-bottom-default {

    margin-bottom: 1em;

}

.margin-bottom-medium {

    margin-bottom: 1.5em;

}

.margin-bottom-medium-alt {

    margin-bottom: 1.25em;

}

.margin-bottom-large {

    margin-bottom: 2em;

}

.margin-top-large {

    margin-top: 2em;

}

.margin-top-medium {

    margin-top: 1.5em;

}

.margin-top-default {

    margin-top: 1em;

}

a {

    color: #312a46;
    text-decoration: none;

}

a:hover {

    color: #613feb;
    
}

a:active {

    color: #ff4b7d;
    
}

/* Tagify Overwrite */

.tagify {

    padding: 1em !important;
    border-radius: 12px !important;
    margin-bottom: 0.65em !important;
    border: none !important;

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);    

}

.tagify:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.tagify:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.tagify:focus {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.tagify--focus {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%) !important; 

}

.tagify__dropdown {

    background: #ffffff !important;
    padding: 1em !important;
    border-radius: 12px !important;

    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);

}

.tagify__input::before {

    padding-top: 0.2em !important;

}

/* Hidden Elements */

#username-availability-loading,
#username-availability-available,
#username-availability-unavailable,
#username-change-loading,
#username-change-available,
#username-change-unavailable,
#auth-message-register,
#auth-message-login,
#message,
#login,
#menu,
#loading,
#loading-modal,
#account-menu,
#item-options,
#message-item-options,
#item-published,
#item-cart,
#item-reject,
#item-fulfill,
#item-delete,
#item-delete-success,
#section-buyer,
#price-calculator,
#item-availability,
#unavailable-items,
#edit-username,
#edit-username-message,
#edit-mail,
#edit-mail-message,
#edit-account-image,
#edit-account-image-message,
#edit-bio,
#edit-bio-message,
#edit-password,
#edit-password-message,
#edit-payout,
#edit-payout-message,
#delete-account,
#delete-account-message,
#reset-password,
#reset-password-message,
#review-published,
#save-review-message,
#review-reply,
#review-reply-message,
#chat-message-new,
#chat-error-message,
#chat-username-search,
#chat-attachment-offer,
#message-chat-attachment-offer,
#chat-attachment-image,
#message-chat-attachment-image,
#chat-attachment-image-viewer,
#transaction-info,
#payout-info,
#verification-personal-data-details-message,
#verification-personal-data-document-message,
#verification-mobile-number-message,
#verification-mobile-code-message,
#item-request-budget,
#export-ready,
#modal-upgrade-highlight,
#modal-upgrade-boost,
#post-create,
#post-create-error-message,
#post-comments,
#edit-affiliate-tag,
#edit-affiliate-tag-message {

    display: none;

}

/* Circular Chart */

.circular-chart-wrapper {

    display: block;

}

.circular-chart {

    display: inline-block;
    max-width: 100px;

}

.circular-chart-circle-bg {

    fill: none;
    stroke: #eee;
    stroke-width: 5;

}

.circular-chart-circle {

    fill: none;
    stroke-width: 5;
    stroke-linecap: round;
    animation: circular-chart-progress 2s ease-out forwards;
    stroke: #909090;

}

@keyframes circular-chart-progress {

    0% { stroke-dasharray: 0 100; }

}

.circular-chart-percentage {

    fill: #909090;
    font-weight: 700;
    font-size: 0.4em;
    text-anchor: middle;

}

.circular-chart-green .circular-chart-circle { stroke: #04cb9d; }
.circular-chart-green .circular-chart-percentage { fill: #04cb9d; }
.circular-chart-green .circular-chart-circle-bg { stroke: #d8fbe1; }

.circular-chart-blurple .circular-chart-circle { stroke: #613feb; }
.circular-chart-blurple .circular-chart-percentage { fill: #613feb; }
.circular-chart-blurple .circular-chart-circle-bg { stroke: #f4f1ff; }

.circular-chart-yellow .circular-chart-circle { stroke: #ffa739; }
.circular-chart-yellow .circular-chart-percentage { fill: #ffa739; }
.circular-chart-yellow .circular-chart-circle-bg { stroke: #fff2d4; }

.circular-chart-red .circular-chart-circle { stroke: #ff6672; }
.circular-chart-red .circular-chart-percentage { fill: #ff6672; }
.circular-chart-red .circular-chart-circle-bg { stroke: #ffecec; }

/* Header */

.header {

    display: block;
    background: #312a46;

}

.header-gradient {

    display: block;
    height: 10px;
    background: linear-gradient(120deg,#ff4b7d,#bd4cff,#613feb,#4c8bff,#613feb,#bd4cff,#ff4b7d);
    background-size: 300% 300%;
    animation: Gradient 30s linear infinite;

}

.header-warning {

    display: block;
    background: #ff6672;
    color: #ffffff;
    padding: 1em;
    font-weight: 700;
    line-height: 120%;
    text-align: center;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  

}

@keyframes Gradient {

    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%;	}

}

.header-notification {

    display: block;
    padding: 1em 0;
    font-weight: 700;
    background: #ffffff;

}

.header-wrapper {

    display: flex;
    align-items: center;

}

.header-logo {

    flex-shrink: 0;
    width: 125px;

}

.header-logo-xmas {

    width: 150px;

}

.header-logo img {

    display: block;
    width: 100%;

}

.header-nav {

    flex-grow: 1;
    text-align: right;

}

#btn-account-menu:hover .header-nav-item-img {

    box-shadow: 0px 0px 0px 3px #312a46, 0px 0px 0px 7px rgba(255, 255, 255, 0.25);

}

#btn-account-menu:active .header-nav-item-img {

    box-shadow: 0px 0px 0px 3px #312a46, 0px 0px 0px 7px rgba(255, 255, 255, 1);

}

.header-nav-item {

    display: inline-block;
    position: relative;
    background: rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 1.25em;
    color: #ffffff;
    margin-right: 0.45em;
    border: none !important;
    cursor: pointer;

}

.header-nav-item-profile-image {

    background: rgba(255,255,255,0) !important;

}

.header-nav-item-profile-image:hover {

    background: rgba(255,255,255,0) !important;

}

.header-nav-item-profile-image:active {

    background: rgba(255,255,255,0) !important;

}

.header-nav-item-img {

    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
    width: 3.6em;
    height: 3.6em;
    z-index: 2;
    transition: transform 0.1s;
    transition-timing-function: ease-out;

}

.header-nav-item-img-active {

    box-shadow: 0px 0px 0px 3px #312a46, 0px 0px 0px 7px #ffffff !important;
    transform: scale(0.9);

}

.header-nav-item:hover {

    background: rgba(255,255,255,0.25);
    color: #ffffff;

}

.header-nav-item:active {

    background: rgba(255,255,255,1);
    color: #312a46;

}

.header-nav-item:last-child {

    margin-right: 0;

}

.header-nav-item-active {

    background: rgba(255,255,255,1) !important;
    color: #312a46 !important;

}

.header-nav-item-active:hover {

    background: rgba(255,255,255,1) !important;
    color: #312a46 !important;

}

.header-nav-item-active:active {

    background: rgba(255,255,255,0.9) !important;
    color: #312a46 !important;

}

.header-nav-account {

    display: block;
    position: absolute;
    width: max-content;
    line-height: 100%;
    right: 3.65em;
    padding-right: 1em;
    top: 50%;
    transform: translate(0, -50%);

}

.header-nav-account-username {

    display: block;
    line-height: 100%;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 0.1em;

}

.header-nav-account-details-a {

    display: block;
    line-height: 100%;
    color: #978bc7;
    font-weight: 700;
    font-size: 0.85em;
    margin-bottom: 0.1em;

}

.header-nav-account-details-a:last-child {

    margin-bottom: 0;

}

.header-nav-account-details-b {

    display: block;
    line-height: 100%;
    color: #978bc7;
    font-size: 0.85em;

}

.header-nav-account-dropdown {

    display: block;
    position: absolute;
    width: max-content;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    top: 5em;
    border-radius: 16px;
    padding: 0.5em;
    background: #ffffff;
    color: #312a46;
    z-index: 2;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);   

}

.header-nav-account-dropdown:after {

    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-bottom: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;

}

.header-nav-account-dropdown-item {

    display: block;
    color: #606060;
    border: none !important;
    text-decoration: none !important;
    background: none;
    border-radius: 12px;
    padding: 1.25em 1.5em;
    margin-bottom: 1px;
    cursor: pointer;

}

.header-nav-account-dropdown-item svg {

    margin-right: 0.5em;

}

.header-nav-account-dropdown-item:hover {

    background: #613feb;
    color: #ffffff;

}

.header-nav-account-dropdown-item:active {

    background: #ff4b7d;
    color: #ffffff;

}

.header-nav-account-dropdown-item-active,
.header-nav-account-dropdown-item-active:hover,
.header-nav-account-dropdown-item-active:active {

    background: #f1f1f1;
    color: #606060;

}

.header-nav-account-dropdown-separator {

    display: block;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #f1f1f1;

}

.header-nav-notification {

    display: none;
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    background: #ff4b7d;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85em;
    overflow: hidden;
    z-index: 3;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.header-nav-notification-num {

    display: block;
    padding-top: 5px;
    margin-left: -1px;

}

/* Buttons */

.button {

    display: inline-block;
    text-align: center;
    padding: 1.6em 2.25em;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
    line-height: 100%;
    border: none !important;
    text-decoration: none !important;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.button-fw {

    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;

}

.button-narrow {

    padding: 1em 1.25em;
    border-radius: 8px;

}

.button-blurple {

    background: #613feb;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0);  
    transition: box-shadow 0.25s;  
    color: #ffffff;

}

.button-blurple:hover {

    background: #6b46ff;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0.25);
    color: #ffffff;

}

.button-blurple:active {

    background: #ff4b7d;
    box-shadow: 0px 0px 15px 0px rgba(255,75,125,0.25);
    color: #ffffff;

}

.button-red {

    background: #ff6672;
    box-shadow: 0px 0px 15px 0px rgba(255, 102, 114,0);  
    transition: box-shadow 0.25s;  
    color: #ffffff;

}

.button-red:hover {

    background: #ff4e5c;
    box-shadow: 0px 0px 15px 0px rgba(255, 102, 114,0.25);
    color: #ffffff;

}

.button-red:active {

    background: #db3e4b;
    box-shadow: 0px 0px 15px 0px rgba(219, 62, 75,0.25);
    color: #ffffff;

}

.button-yellow {

    background: #ffa739;
    box-shadow: 0px 0px 15px 0px rgba(255, 167, 57,0);  
    transition: box-shadow 0.25s;  
    color: #ffffff;

}

.button-yellow:hover {

    background: #ff9939;
    box-shadow: 0px 0px 15px 0px rgba(255, 167, 57,0.25);
    color: #ffffff;

}

.button-yellow:active {

    background: #ff8839;
    box-shadow: 0px 0px 15px 0px rgba(255, 136, 57,0.25);
    color: #ffffff;

}

.button-green {

    background: #04cb9d;
    box-shadow: 0px 0px 15px 0px rgba(4, 203, 157,0);  
    transition: box-shadow 0.25s;  
    color: #ffffff;

}

.button-green:hover {

    background: #07d3a3;
    box-shadow: 0px 0px 15px 0px rgba(4, 203, 157,0.25);
    color: #ffffff;

}

.button-green:active {

    background: #00b187;
    box-shadow: 0px 0px 15px 0px rgba(0, 155, 119, 0.25);
    color: #ffffff;

} 

.button-help {

    display: inline;
    background: #eaf0ff;
    color: #7da0ff;
    cursor: pointer;

}

.button-help:hover {

    background: #4e7dff;
    color: #ffffff;

}

.button-help:active {

    background: #2b54c5;
    color: #ffffff;

}

.button-grey {

    background: #f1f1f1;
    color: #606060;

}

.button-grey:hover {

    background: #ececec;
    color: #606060;

}

.button-grey:active {

    background: #303030;
    color: #ffffff;

}

.button-grey-dark {

    background: #e5e5e5;
    color: #606060;

}

.button-grey-dark:hover {

    background: #dddddd;
    color: #606060;

}

.button-grey-dark:active {

    background: #303030;
    color: #ffffff;

}

.button-border {

    background: none;
    color: #606060;
    box-shadow: inset 0px 0px 0px 1px #dddddd; 

}

.button-border:hover {

    background: none;
    color: #606060;
    box-shadow: inset 0px 0px 0px 1px #606060;     

}

.button-border:active {

    background: none;
    color: #303030;
    box-shadow: inset 0px 0px 0px 1px #303030; 

}

.button-border-active {

    background: #f4f1ff !important;
    color: #613feb !important;
    box-shadow: none !important;

}

.button-disabled,
.button-disabled:hover,
.button-disabled:active {

    background: #c3c3c3;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0);  
    transition: box-shadow 0.25s;  
    color: #f9f9f9;
    pointer-events: none;

}

.button-disabled-alt,
.button-disabled-alt:hover,
.button-disabled-alt:active {

    pointer-events: none !important;

}

.button-info {

    display: inline;
    color: #a9c0ff;
    cursor: pointer;

}

.button-info:hover {

    color: #4e7dff;

}

.button-info:active {

    color: #2b54c5;

}

.button-searchbox-large {

    font-size: 1.45em;
    border-radius: 20px;

}

.button-shop-create {

    display: flex;
    align-items: center;
    gap: 1em;
    padding: 0.65em 1em;
    border-radius: 12px;
    background: #f4f1ff;
    color: #613feb;    
    cursor: pointer;
    line-height: 100%;
    border: none !important;
    text-decoration: none !important;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.button-shop-create-icon {

    flex-basis: 50px;
    flex-shrink: 0;

}

.button-shop-create-text {

    flex-basis: 100%;
    color: #613feb;
    line-height: 110%;
    font-weight: 700;

}

.button-shop-create-arrow {

    flex-shrink: 0;
    color: #613feb;

}

.button-shop-create:hover {

    background: #613feb;
    color: #ffffff;    

}

.button-shop-create:hover .button-shop-create-text,
.button-shop-create:hover .button-shop-create-arrow {

    color: #ffffff;    

}

.button-shop-create:active .button-shop-create-text,
.button-shop-create:active .button-shop-create-arrow {

    color: #ffffff;    

}

.button-shop-create:active {

    background: #ff4b7d;

}

/* Global Messages */

.loading-wrapper {

    position: fixed;
    display: table;
    width: 100%;
    height: 100%;
    top: 0;
	left: 0;
    overflow: hidden;
    z-index: 999;
    background: rgb(255 255 255 / 50%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);    

}

.loading-container {

    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 2em;

}

.loading-animation {

    display: block;
    position: relative;
    max-width: 100px;
    margin: auto;

}

.loading-animation img {

    width: 100%;

}

/* Modal */

.modal-window-top .modal-wrapper {

    z-index: 99 !important;

}

.modal-wrapper {

    position: fixed;
    display: table;
    width: 100%;
    height: 100vh;
    min-height: 100%;
    top: 0;
	left: 0;
    z-index: 9;
    background: rgb(49 42 70 / 70%);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

}

.modal-container {

    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 2em;

}

.modal {

    display: block;
    position: relative;
    text-align: left;
    max-width: 600px;
    margin: auto;
    background: #ffffff;
    padding: 3em;
    border-radius: 20px;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 5%),
                1px 1px 15px 0px rgb(0 0 0 / 5%),
                1px 1px 50px 0px rgb(0 0 0 / 15%);
    transition: all ease-out 0.15s;

}

.modal-small {

    max-width: 500px;

}

.modal-fw {

    max-width: fit-content;
    padding: 0.5em !important;

}

.modal-center {

    text-align: center !important;

}

.modal-x {

    display: block;
    position: absolute;
    top: 1em;
    right: 1em;
    padding: 0.5em;
    border-radius: 8px;
    background: #ffffff;
    color: #e0e0e0;
    cursor: pointer;

}

.modal-x:hover {

    background: #f1f1f1;
    color: #606060;

}

.modal-x:active {

    background: #303030;
    color: #ffffff;

}

.modal-scale {

    transform: scale(0.9);

}

.modal-switch {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em;
    margin-bottom: 2em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;       

}

.modal-switch-button {

    display: block;
    padding: 0 0 1em 0;
    border-bottom: 3px solid #f1f1f1;
    color: #312a46;
    text-align: center;
    cursor: pointer;

}

.modal-switch-button:hover {

    color: #312a46;
    border-bottom: 3px solid #613feb;

}

.modal-switch-button:active {

    color: #312a46;
    border-bottom: 3px solid #ff4b7d;

}

.modal-switch-button-active {

    border-bottom: 3px solid #312a46 !important;

}

.modal-head {

    display: block;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;    
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 110%;
    color: #613feb;

}

.modal-icon {

    display: block;
    margin-bottom: 1.5em;
    
}

.modal-icon img {

    max-width: 50px;
    
}

.modal-icon-large img {

    max-width: 100px;
    
}

.modal-desc {

    display: block;
    margin-bottom: 1.35em;
    line-height: 130%;
    
}

.modal-desc-highlight {

    border-radius: 12px;
    padding: 1.5em;
    background: #f7faff;
    color: #7395c9; 
    
}

.modal-desc-highlight a {

    color: #7395c9;
    border-bottom: 1px solid #7395c9;

}

.modal-desc-highlight a:hover {

    color: #254e8d;
    border-bottom: 1px solid #254e8d;
    
}

.modal-desc-highlight a:active {

    color: #122b50;
    border-bottom: 1px solid #122b50;
    
}

.modal-desc:last-child {

    margin-bottom: 0;
    
}

.modal-input {

    display: block;
    margin-bottom: 1.35em;
    
}

.modal-button {

    display: block;
    
}

/* Table */

.table-default {

    display: table;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    cursor: default;
    
}

.table-default tr {

    background: none;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    
}

.table-default td {

    padding: 1em 0.5em 1em 0;
    white-space: nowrap;
    overflow: hidden;
    line-height: 100%;
    text-overflow: ellipsis;
    
}

.table-default td:last-child {

    padding-right: 0;
    
}

.table-default thead td {

    font-weight: 700;
    padding-top: 0;
    
}

.table-default thead tr,
.table-default thead tr:hover {

    background: none;
    border-bottom: 1px solid rgba(0,0,0,0.075);
    
}

/* Input */

.input-split {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65em;

}

.input-split-alt {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65em;

}

.input-split-keep {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65em;

}

.input-split-large {

    gap: 1.5em;

}

.input-split-dropdown-button {

    display: flex;
    width: 100%;
    gap: 0.65em;

}

.input-split-dropdown-button .input-dropdown-wrapper {

    flex-basis: 100%;

}

.input-split-dropdown-button .button {

    flex-shrink: 0;

}

.input-button-split {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65em;

}

.input-split-item {

    display: block;

}

.input-field-highlight {
    
    box-shadow: inset 0px 0px 0px 3px rgb(255 75 125 / 100%),
                0px 0px 30px 0px rgb(255 75 125 / 40%) !important; 

}

.input-head {

    display: block;
    position: relative;
    color: #312a46;
    margin-bottom: 0.85em;
    padding-top: 1em;
    font-weight: 700;
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 

}

.input-head-alt {

    padding-top: 0;

}

.input-head svg {

    color: #613feb;

}

.input-txt-wrapper {

    position: relative;
    display: block;
    width: 100%;
    line-height: 100%;

}

.input-label {

    position: absolute;
    pointer-events: none;
    left: 1.6em;
    top: 1.6em;
    font-size: 1em;
    transition: 0.1s ease all;
    color: #909090;

}

.input-label svg {

    margin-right: 0.25em;

}

.input-txt {

    display: block;
    font-family: 'Nunito', 'Arial', 'Helvetica', sans-serif;
    font-size: 1em;
    font-weight: 700;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    color: #312a46;
    padding: 2em 1.5em 1em 1.5em;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.15s;
    margin-bottom: 0.65em;

}

.input-txt:last-child {

    margin-bottom: 0;

}

.input-txt:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.input-txt:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-txt:focus {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.input-txt:disabled {

    pointer-events: none;
    background: #f1f1f1;
    color: #909090 !important;
    box-shadow: 0px 0px 1px 0px rgb(255 255 255 / 0%),
            0px 0px 1px 1px rgb(255 255 255 / 0%),
            0px 0px 3px 0px rgb(255 255 255 / 0%),
            inset 0px 0px 3px 0px rgb(0 0 0 / 0%),
            inset 0px 0px 0px 1px rgb(255 255 255 / 5%),
            inset 0px 0px 5px 0px rgb(0 0 0 / 0%);  

}

.input-txt::placeholder {

    color: rgba(0,0,0,0);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.input-txt:last-child {

    margin-bottom: 0;

}

.input-txt:focus ~ .input-label,
.input-txt:not(:placeholder-shown) ~ .input-label {

    top: 1.35em;
    left: 1.8em;
    font-size: 0.85em;

}

.input-txt-large {

    display: block;
    font-family: 'Nunito', 'Arial', 'Helvetica', sans-serif;
    font-size: 1.85em;
    font-weight: 700;
    width: 100%;
    border-radius: 20px;
    background: #ffffff;
    color: #312a46;
    padding: 1em 1.25em 1em 1.25em;
    box-shadow: inset 0px 0px 0px 3px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.15s;

}

.input-txt-large:last-child {

    margin-bottom: 0;

}

.input-txt-large:hover {

    box-shadow: inset 0px 0px 0px 3px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.input-txt-large:active {

    box-shadow: inset 0px 0px 0px 4px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-txt-large:focus {

    box-shadow: inset 0px 0px 0px 4px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.input-txt-large:disabled {

    pointer-events: none;
    background: #f1f1f1;
    color: #909090 !important;
    box-shadow: 0px 0px 1px 0px rgb(255 255 255 / 0%),
            0px 0px 1px 1px rgb(255 255 255 / 0%),
            0px 0px 3px 0px rgb(255 255 255 / 0%),
            inset 0px 0px 3px 0px rgb(0 0 0 / 0%),
            inset 0px 0px 0px 1px rgb(255 255 255 / 5%),
            inset 0px 0px 5px 0px rgb(0 0 0 / 0%);  

}

.input-txt-large::placeholder {

    color: #cccccc;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.input-txt-area {

    width: 100%;
    resize: none;
    height: 250px;
    padding: 1.5em;

}

.input-selector-wrapper {

    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    margin-bottom: 0.65em;
    gap: 0.5em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.input-selector-wrapper:last-child {

    margin-bottom: 0;

}

.input-selector-item-color {

    display: block;
    width: 3.69em;
    height: 3.25em;
    border-radius: 12px;
    cursor: pointer;
    box-shadow: inset 0px 0px 0px 0px #cccccc,
                inset 0px 0px 0px 0px #ffffff;   
    transition: all 0.1s; 

}

.input-selector-item-icon {

    display: block;
    border-radius: 12px;
    font-size: 1.25em;
    padding: 0.85em;
    cursor: pointer;
    background: #f1f1f1;
    color: #707070;
    box-shadow: inset 0px 0px 0px 0px #cccccc,
                inset 0px 0px 0px 0px #ffffff;
    transition: all 0.1s;

}

.input-selector-item-selected,
.input-selector-item-selected:hover,
.input-selector-item-selected:active {

    box-shadow: inset 0px 0px 0px 3px #606060,
                inset 0px 0px 0px 6px #ffffff,
                0px 0px 10px 0px rgba(0, 0, 0, 0.1);

}

.input-dropdown-wrapper {

    display: block;
    position: relative;
    z-index: 1;
    margin-bottom: 0.65em;    

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.input-dropdown-wrapper:last-child {

    margin-bottom: 0;

}

.input-dropdown {

    display: block;
    font-size: 1em;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    background-image: url('/img/ico.dropdown.arrow.grey.svg');
    background-repeat: no-repeat;
    background-size: 0.75em;
    background-position: right 1.6em top 1.95em;
    color: #312a46;
    padding: 2.2em 1.5em 1.15em 1.5em;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.25s;
    cursor: pointer;
    font-weight: 700;

}

.input-dropdown svg {

    margin-right: 0.2em;

}

.input-dropdown:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);  

}

.input-dropdown:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-dropdown-active,
.input-dropdown-active:hover,
.input-dropdown-active:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                      0px 0px 20px 0px rgb(97 63 235 / 20%); 
    background-image: url('/img/ico.dropdown.arrow.blurple.svg');
    background-repeat: no-repeat;
    background-size: 0.75em;
    background-position: right 1.6em top 1.95em;    
    transition: all 0.075s;

}

.input-dropdown-wrapper-active {

    z-index: 2;

}

.input-dropdown-label {

    position: absolute;
    pointer-events: none;    
    color: #909090;
    top: 1.35em;
    left: 1.75em;
    font-size: 0.85em;

}

.input-dropdown-list {

    display: none;
    position: absolute;
    width: 100%;
    background: #ffffff;
    padding: 0.5em;
    border-radius: 12px;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);

}

.input-dropdown-list-item {

    display: block;
    background: none;
    color: #312a46;
    padding: 1em;
    border-radius: 8px;
    margin-bottom: 1px;
    cursor: pointer;

}

.input-dropdown-list-item-count {

    float: right;
    color: #909090;

}

.input-dropdown-list-item-active {

    background: #f4f1ff;
    color: #613feb;

}

.input-dropdown-list-item-active .input-dropdown-list-item-count {
    
    color: #613feb;

}

.input-dropdown-list-item svg {

    margin-right: 0.2em;

}

.input-dropdown-list-item:hover {

    display: block;
    color: #ffffff;
    background: #613feb;

}

.input-dropdown-list-item:active {

    display: block;
    color: #ffffff;    
    background: #ff4b7d;

}

.input-dropdown-list-item:hover .input-dropdown-list-item-count,
.input-dropdown-list-item:active .input-dropdown-list-item-count  {

    color: #ffffff;

}

.input-dropdown-list-separator {

    display: block;
    background: none;
    border-bottom: 1px dashed #dddddd;
    margin: 0.75em 1em 0.75em 1em;
    pointer-events: none;

}

.input-dropdown-value {

    display: none;

}

.input-option-wrapper {

    display: block;
    margin-bottom: 0.65em;
    
}

.input-option-item-wrapper {

    display: flex;
    align-items: center;
    
}

.input-option-item {

    flex-basis: 100%;
    border-radius: 12px;
    background: #ffffff;
    color: #909090;
    padding: 1.5em 0 1.5em 0;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.25s;
    cursor: pointer;
    margin-left: 0.325em;
    margin-right: 0.325em;
    font-weight: 400;
    text-align: center;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.input-option-item:first-child {

    margin-left: 0;

}

.input-option-item:last-child {

    margin-right: 0;

}

.input-option-item:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.input-option-item:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-option-selected {

    color: #613feb;
    font-weight: 700;
    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.input-option-selected:hover,
.input-option-selected:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%) !important; 

}

.input-option-value {

    display: none;
    
}

.input-select-wrapper {

    display: block;
    margin-bottom: 1.35em;
    
}

.input-select-wrapper:last-child {

    margin-bottom: 0;
    
}

.input-select {

    display: flex;
    align-items: center;
    margin-bottom: 1em;
    background: #ffffff;
    padding: 1.5em 1.85em;
    border-radius: 12px;
    cursor: pointer;
    transition: box-shadow 0.25s;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);    

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    
}

.input-select:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.input-select:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-select:last-child {

    margin-bottom: 0;
    
}

.input-select-icon {

    flex-basis: 60px;
    margin-right: 1em;
    flex-shrink: 0;
    
}

.input-select-desc {

    flex-basis: 100%;
    
}

.input-select-desc-title {
    
    display: block;
    font-weight: 700;
    margin-bottom: 0.25em;
    line-height: 110%;
    
}

.input-select-desc-sub {
    
    display: block;
    color: #707070;
    font-size: 0.85em;
    line-height: 120%;
    
}

.input-select-value {
    
    display: none;
    
}

.input-button-wrapper {

    display: flex;
    align-items: center;
    width: 100%;

}

.input-button-wrapper-a {

    flex-basis: 100%;

}

.input-button-wrapper-b {

    position: relative;
    flex-shrink: 0;
    margin-left: 0.5em;

}

.username-availability-wrapper {

    display: block;
    position: relative;

}

.username-availability-icon {

    display: block;
    position: absolute;
    width: 1.5em;
    height: 1.5em;
    right: 1.5em;
    top: 1.5em;
    pointer-events: none;
    z-index: 2;

}

.username-availability-icon img {

    width: 100%;

}

.box-description {

    display: block;
    font-size: 0.85em;
    color: #cccccc;
    margin-top: 1.5em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;       

}

.input-description {

    display: block;
    font-size: 0.85em;
    color: #cccccc;
    margin: -0.25em 0.5em 1em 0.5em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;       

}

.input-description a {

    color: #cccccc;     
    text-decoration: none;

}

.input-description a:hover {

    color: #707070;     
    text-decoration: none;

}

.input-description a:active {

    color: #303030;     
    text-decoration: none;

}

.item-price-calculator {

    display: block;
    position: relative;
    background: #f9f9f9;
    padding: 1.5em;
    border-radius: 12px;
    color: #909090;
    margin-bottom: 0.85em;

}

.item-price-calculator-head {

    display: block;
    font-weight: 700;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #e9e9e9;

}

.item-price-calculator-item {

    display: flex;
    align-items: center;
    line-height: 110%;
    margin-bottom: 0.5em;

}

.item-price-calculator-item-payout {

    margin-top: 0.75em;
    padding-top: 0.75em;
    border-top: 1px solid #e3e3e3;
    color: #613feb;
    font-weight: 700;

}

.item-price-calculator-item:last-child {

    margin-bottom: 0;

}

.item-price-calculator-item-desc {

    display: block;
    flex-basis: 100%;

}

.item-price-calculator-item-price {

    flex-shrink: 0;

}

.item-inventory-options {

    display: block;
    position: relative;

}

.item-inventory-options-menu {

    display: none;
    position: absolute;
    width: max-content;
    width: 100%;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    bottom: 4.35em;
    border-radius: 16px;
    padding: 0.5em;
    background: #ffffff;
    color: #312a46;
    z-index: 2;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);  

}

.item-inventory-options-menu-item {

    display: block;
    color: #606060;
    border: none !important;
    text-decoration: none !important;
    background: none;
    border-radius: 12px;
    padding: 1.25em 1.5em;
    margin-bottom: 1px;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;        

}

.item-inventory-options-menu-item svg {

    margin-right: 0.5em;

}

.item-inventory-options-menu-item:hover {

    background: #613feb;
    color: #ffffff;

}

.item-inventory-options-menu-item:active {

    background: #ff4b7d;
    color: #ffffff;

}

.item-inventory-options-menu-item-head {

    display: block;
    margin-bottom: 0.25em;

}

.item-inventory-options-menu-item-head svg {

    margin-right: 0.5em;

}

.item-inventory-options-menu-item-sub {

    display: block;
    color: #cccccc;
    font-size: 0.85em;
    margin-left: 2.35em;
    line-height: 110%;

}

.item-inventory-options-menu-item:hover .item-inventory-options-menu-item-sub {

    color: rgba(255, 255, 255, 0.35);

}

.item-inventory-options-menu-item:active .item-inventory-options-menu-item-sub {

    color: rgba(255, 255, 255, 0.35);

}

.item-inventory-options-menu-item-disabled {

    display: block;
    color: #cccccc !important;

    pointer-events: none;      

}

.item-highlight-blurple {

    background: #613feb;

}

.item-highlight-rink {

    background: #ff4b7d;

}

.item-highlight-green {

    background: #04cb9d;

}

.item-highlight-yellow {

    background: #ffa739;

}

.item-highlight-blue {

    background: #4bb4ff;

}

.input-image-wrapper {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5em;
    width: 100%;
    margin-bottom: 0.65em;

}

.input-image-preview-hidden {

    display: none;

}

.input-image-preview-wrapper {

    display: block;
    position: relative;

}

.input-image-preview {

    display: block;
    position: relative;
    background: #f1f1f1;
    color: #606060;
    border-radius: 12px;
    text-align: center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.input-image-remove {

    display: none;
    position: absolute;
    width: 1.75em;
    height: 1.75em;
    font-size: 0.85em;
    text-align: center;
    padding-top: 0.375em;
    top: -0.25em;
    right: -0.25em;
    border-radius: 6px;
    background: #909090;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0px 0px 0px 2px #ffffff;

}

.input-image-remove:hover {

    background: #ff6672;

}

.input-image-remove:active {

    background: #d13c48;

}

.input-image-preview-disabled {

    color: #dddddd;
    background: #f9f9f9;
    pointer-events: none;

}

.input-image-preview-disabled .input-image-preview-file img {

    opacity: 0.1;
    filter: grayscale(1);

}

.input-image-preview:hover {

    background: #613feb;
    color: #ffffff;

}

.input-image-preview:active {

    background: #ff4b7d;
    color: #ffffff;

}

.input-image-preview-selected {

    background: #f1f1f1;

}

.input-image-preview-selected .input-image-preview-file img {

    width: 100%;
    height: 100%;
    object-fit: cover;

}

.input-image-preview-file {

    display: block;
    margin: auto;
    overflow: hidden;
    width: 100%;
    height: 7em;
    border-radius: 12px;

}

.input-image-preview-file-modal {

    height: 12em !important;

}

.input-image-preview-file img {

    width: 100%;
    height: 100%;

}

.input-image-default {

    display: block;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    color: #312a46;
    padding: 2em;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.15s;
    margin-bottom: 0.65em;
    cursor: pointer;

}

.input-image-default:last-child {

    margin-bottom: 0;

}

.input-image-default:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.input-image-default:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.input-image-default:focus {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.input-image-preview-account-image {

    display: block;
    margin-bottom: 1em;

}

.input-image-select {

    display: flex;
    align-items: center;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     
    
}

.input-image-select-img {

    flex-basis: 50px;
    height: 50px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 2px dashed #e0e0e0;

}

.input-image-select:hover .input-image-select-img {

    border: 2px dashed #613feb;
    
}

.input-image-select:active .input-image-select-img {

    border: 2px dashed #ff4b7d;
    
}

.input-image-select-selected .input-image-select-img {

    border: none !important; 
    
}

.input-image-select-img img {

    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;

}

.input-image-select-desc {

    flex-basis: 100%;
    margin-left: 1em;
    line-height: 120%;
    
}

.input-image-select-hidden {

    display: none;

}

.input-extra {

    display: flex;
    align-items: center;
    font-size: 1em;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    color: #312a46;
    padding: 1.325em 1.5em 1.325em 1.5em;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.15s;
    margin-bottom: 0.65em;

}

.input-extra-left {

    flex-basis: 100%;
    margin-right: 1em;

}

.input-extra-right {

    flex-shrink: 0;
    text-align: right;

}

.input-extra-name {

    display: block;
    font-weight: 700;
    color: #312a46;
    word-break: break-word;
    margin-bottom: 0.25em;

}

.input-extra-name:last-child {

    margin-bottom: 0;

}

.input-extra-desc {

    display: block;
    color: #909090;
    word-break: break-word;

}

.input-extra-price {

    display: block;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0.25em;

}

.input-extra-actions {

    display: block;
    text-align: right;

}

.input-extra-actions a {

    color: #cccccc;

}

.input-extra-actions a:hover {

    color: #613feb;
    
}

.input-extra-actions a:active {

    color: #ff4b7d;
    
}

.input-mobile-wrapper {

    display: flex;
    align-items: center;

}

.input-mobile-cc {

    flex-basis: 145px;
    flex-shrink: 0;

}

.input-mobile-number {

    flex-basis: 100%;
    margin-left: 0.65em;

}

.input-mobile-number .input-txt {

    margin-bottom: 0;

}

/* Menu */

.menu {

    display: block;
    background: #221c30;
    border-top: 1px solid #3f3758;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.menu-alt {

    background: #fbfbfb;
    border-bottom: 1px solid #e3e3e3;

}

.menu-search {

    display: block;

}

.menu-search .input-txt {

    margin-bottom: 0;

}

.menu-item-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5em;

}

.menu-item {

    display: flex;
    align-items: center;
    width: 100%;
    background: none;
    padding: 1.5em;
    border-radius: 12px;
    margin-right: 1em;
    border: none !important;
    text-decoration: none !important;

}

.menu-item-icon {

    font-size: 1.25em;
    padding: 0.85em 0.75em;
    margin-right: 1em;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05),
                0px 0px 10px 0px rgba(97,63,235,0);
    color: #613feb;

}

.menu-item-content {

    flex-basis: 100%;

}

.menu-item-head {

    display: block;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0.25em;
    color: #ffffff;

}

.menu-item-head-icon {

    display: inline;
    float: right;
    opacity: 0;
    margin-right: 1em;
    transition: margin-right 0s;

}

.menu-item-desc {

    display: block;
    font-size: 0.85em;
    color: #978bc7;
    line-height: 120%;

}

.menu-item:hover {

    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
    color: #613feb;

}

.menu-item:hover .menu-item-head {

    color: #613feb;

}

.menu-item:hover .menu-item-head .menu-item-head-icon {

    opacity: 1;
    margin-right: 0;
    transition: margin-right 0.2s ease-out;

}

.menu-item:hover .menu-item-icon {

    background: #613feb;
    background: linear-gradient(150deg, rgb(165, 92, 255) 0%, rgba(97,63,235,1) 100%);    
    color: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0),
                0px 0px 15px 0px rgba(97,63,235,0.15);

}

.menu-item:hover .menu-item-desc {

    color: #312a46;

}

.menu-item:active {

    background: #ffffff;

}

.menu-item:active .menu-item-head {

    color: #ff4b7d;

}

.menu-item:active .menu-item-desc {

    color: #312a46;

}

.menu-item:active .menu-item-icon {

    background: #ff4b7d;
    background: linear-gradient(150deg, rgb(255, 160, 219) 0%, rgb(255,75,125,1) 100%);    
    color: #ffffff;    
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0),
                0px 0px 15px 0px rgba(255,75,125,0.15);

}

.menu-item-active,
.menu-item-active:hover,
.menu-item-active:active {

    background: #e3eaf5;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0);
    color: #613feb;

}

.menu-item-active .menu-item-head {

    color: #613feb;

}

.menu-item-active:hover .menu-item-head .menu-item-head-icon {

    opacity: 0;
    margin-right: 0;
    transition: margin-right 0.2s ease-out;

}

.menu-item-active .menu-item-icon {

    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05),
                0px 0px 10px 0px rgba(97,63,235,0);
    color: #613feb;

}

.menu-item-active .menu-item-desc {

    color: #456697 !important;

}

.menu-item-active:active .menu-item-head {

    color: #613feb;

}

.menu-item-active:active .menu-item-desc {

    color: #456697 !important;

}

.menu-item-active:hover .menu-item-icon,
.menu-item-active:active .menu-item-icon {

    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05),
                0px 0px 10px 0px rgba(97,63,235,0);
    color: #613feb;

}

/* Layout */

.main {

    display: block;
    background: #ffffff;

}

.footer {

    display: block;
    color: #909090;
    background: #ffffff;
    border-top: 1px solid #e3e3e3;

}

.footer-content {

    display: block;
    font-size: 0.85em;
    margin-bottom: 1.5em;

}

.footer-content-grid {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5em;
    font-size: 0.85em;

}

.footer-content-grid-link {

    display: block;
    line-height: 110%;
    color: #bbbbbb;
    background: none;

}

.footer-content-grid-link:hover {

    color: #909090;

}

.footer-content-grid-link:active {

    color: #303030;

}

.wrapper {

    display: block;
    margin: 0 auto;
    max-width: 1200px;
    padding: 2em 2em;

}

.wrapper-small {

    max-width: 800px;
    margin: 0 auto 0 0;

}

.wrapper-border {

    display: block;
    background: #ffffff;
    padding: 6% 12%;
    border-radius: 24px;
    border: 1px solid #e3e3e3;
    transition: all 0.2s;

}

.tab-switch-wrapper {

    display: block;  

}

.tab-switch-wrapper-home {

    margin-top: 1.5em;
    margin-bottom: 3em;

}

.tab-switch-heading {

    display: block;
    text-align: center;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;    
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 110%;

}

.tab-switch-heading-sub {

    display: block;
    text-align: center;
    color: #aaaaaa;
    font-size: 1.25em;
    margin-bottom: 2.5em;
    line-height: 110%;

}

.tab-switch-head {

    display: flex;
    margin-bottom: 2em;
    gap: 1em;
    width: 100%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.tab-switch-item {

    flex-basis: 100%;
    font-weight: 700;
    padding: 0 0 1em 0;
    border-bottom: 3px solid #f1f1f1;
    color: #312a46;
    text-align: center;
    cursor: pointer;    

}

.tab-switch-item:hover {

    color: #312a46;
    border-bottom: 3px solid #613feb;

}

.tab-switch-item:active {

    color: #312a46;
    border-bottom: 3px solid #ff4b7d;

}

.tab-switch-item-active {

    border-bottom: 3px solid #312a46 !important;

}

.tab-switch-section-margin {

    margin: 0 1.5em 0 1.5em;

}

.checklist-wrapper {

    display: flex;
    align-items: flex-start;
    background: #f9f9f9;
    padding: 2em;
    margin-bottom: 1em;
    border-radius: 12px;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 5%);

}

.checklist-wrapper-alt {

    display: flex;
    align-items: flex-start;
    margin-bottom: 1em;

}

.checklist-item-icon {

    flex-basis: 20px;
    margin-right: 1em;

}

.checklist-item-icon img {

    width: 100%;

}

.checklist-item-content {

    flex-basis: 100%;

}

.checklist-item-content-head {

   display: block;
   font-weight: 700;
   margin-bottom: 0.25em;
   line-height: 120%;

}

.checklist-item-content-desc {

    display: block;
    line-height: 130%;
    color: #707070;
 
 }

.grid-2xlp-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
    margin-bottom: 2em;

}

.grid-2xlp-item {

    display: block;
    background: #f9f9f9;
    border-radius: 20px;
    padding: 4em;
    text-align: center;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 5%);

}

.grid-2xlp-item-icon {

    display: block;
    color: #613feb;
    margin-bottom: 1.25em;

}

.grid-2xlp-item-icon img {

    width: 100%;
    max-width: 100px;

}

.grid-2xlp-item-head {

    display: block;  
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;    
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 110%;

}

.grid-2xlp-item-desc {

    display: block;
    margin-bottom: 2em;
    line-height: 130%;
    color: #909090;

}

.grid-2xlp-item-button {

    display: block;

}

.grid-sc-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em;

}

.grid-sc-wrapper-alt {

    grid-template-columns: repeat(2, 1fr);

}

.grid-sc-item {

    display: block;
    position: relative;
    padding: 4.5em 3em;
    border-radius: 12px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.grid-sc-item-icon {

    display: block; 
    margin-bottom: 1em;
    text-align: center;

}

.grid-sc-item-icon img {

    width: 100%;
    max-width: 100px;

}

.grid-sc-item-head {

    display: block;
    color: #613feb;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom: 0.5em;
}

.grid-sc-item-desc {

    display: block;
    color: #909090;
    line-height: 130%;

}

.grid-sc-item-badge-green {

    display: inline-block;
    padding: 1em 1.5em;
    border-radius: 8px;
    background: #d8fbe1;
    color: #04cb9d;
    border: 1px solid #04cb9d;
    font-weight: 700;
    margin-top: 1.5em;

}

.grid-sc-item-badge-yellow {

    display: inline-block;
    padding: 1em 1.5em;
    border-radius: 8px;
    background: #fff2d4;
    color: #ffa739;
    border: 1px solid #ffa739;
    font-weight: 700;
    margin-top: 1.5em;    

}

.grid-sc-item-badge-blurple {

    display: inline-block;
    padding: 1em 1.5em;
    border-radius: 8px;
    background: #f4f1ff;
    color: #613feb;
    border: 1px solid #613feb;
    font-weight: 700;
    margin-top: 1.5em;    

}

.grid-sc-item-count {

    display: block; 
    position: absolute;
    right: 1.5em;
    top: 1.5em;
    text-align: center;
    background: #613feb;
    color: #ffffff;
    font-weight: 700;
    padding: 0.65em 0.85em;
    border-radius: 6px;

}

.sc-notification {

    display: flex;
    align-items: flex-start;
    line-height: 120%;
    margin-bottom: 1.5em;

}

.sc-notification-icon {

    margin-right: 1em;

}

.sc-notification-text {

    flex-basis: 100%;

}

.section-head {

    display: block;
    background: #ffffff;
    border-bottom: 1px solid #e3e3e3;

}

.section-head-wrapper {

    display: flex;
    align-items: center;

}

.section-head-backbtn {

    flex-shrink: 0;
    margin-right: 1.5em;
    background: #f1f1f1;
    border-radius: 12px;
    color: #909090;
    padding: 1.25em;
    cursor: pointer;

}

.section-head-backbtn:hover {

    background: #613feb;
    color: #ffffff;

}

.section-head-backbtn:active {

    background: #ff4b7d;
    color: #ffffff;

}

.section-head-content {

    flex-basis: 100%;

}

.section-head-button {

    flex-shrink: 0;
    margin-left: 1.5em;

}

.section-head-button .button {

    padding: 1.25em 1.5em;

}

.box-caption {

    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 110%;
    color: #909090;    

}

.box-caption-right {

    display: block;
    float: right;
    font-size: 1em;
    font-weight: 400;
    line-height: 110%;
    color: #cccccc;    

}

.box-caption-edit {

    display: block;
    position: relative;
    float: right;
    font-size: 1em;
    font-weight: 400;
    color: #909090;
    cursor: pointer;
    background: #f1f1f1;
    padding: 0.65em 1em;
    border-radius: 6px;
    line-height: 100%;
    top: -0.65em;
    right: -0.5em;
    box-shadow: 0px 0px 0px 1px rgb(255 255 255 / 100%), inset 0px 0px 0px 1px rgb(0 0 0 / 5%), inset 0px 0px 2px 0px rgb(0 0 0 / 5%);

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;       

}

.box-caption-edit:hover {

    background: #606060;
    color: #ffffff;
    box-shadow: 0px 0px 0px 1px rgb(255 255 255), inset 0px 0px 0px 1px rgb(0 0 0 / 10%), inset 0px 0px 2px 0px rgb(0 0 0 / 25%);

}

.box-caption-edit:active {

    background: #303030;

}

.section-white {

    display: block;
    background: #ffffff;

}

.section-dark {

    background: #312a46;
    background: linear-gradient(0deg, rgb(52 42 83) 0%, rgb(29 22 53) 100%);

}

.section-grey-light {

    display: block;
    background: #f9f9f9;

}

.section-border-bottom {

    border-bottom: 1px solid #e3e3e3;

}

.section-border-top {

    border-top: 1px solid #e3e3e3;

}

.section-footer {

    display: block;
    background: #ffffff;
    border-top: 1px solid #e3e3e3;

}

.section-headline {

    display: block;
    color: #613feb;
    font-size: 1.5em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0.25em;

}

.section-headline-sub {

    display: block;
    color: #909090;
    font-size: 1em;
    line-height: 120%;

}

.section-headline-alt {

    margin-bottom: 1.5em;
    color: #606060;
    text-shadow: 0px 0px 0px #ffffff;

}

.section-headline-alt-link {

    margin-bottom: 1.5em;
    color: #606060;
    text-shadow: 0px 0px 0px #ffffff;

}

/* Layout Elements */

.msgbox {

    display: flex;
    align-items: flex-start;
    border-radius: 12px;
    padding: 1.25em;
    line-height: 120%;
    background: #f0f5ff;
    color: #7395c9;
    margin-bottom: 1.5em;

}

.msgbox-bottom {

    margin-bottom: 0;
    margin-top: 1.5em;

}

.msgbox a {

    color: #7395c9;
    text-decoration: underline;

}

.msgbox a:hover {

    color: #254e8d;
    
}

.msgbox a:active {

    color: #122b50;
    
}

.msgbox-red {

    background: #ffecec;
    color: #ff6672;

}

.msgbox-red a {

    color: #ff6672;
    text-decoration: underline;

}

.msgbox-red a:hover {

    color: #d83b48;
    
}

.msgbox-red a:active {

    color: #a32d36;
    
}

.msgbox-yellow {

    background: #fff2d4;
    color: #ffa739;

}

.msgbox-yellow a {

    color: #ffa739;
    text-decoration: underline;

}

.msgbox-yellow a:hover {

    color: #e66610;
    
}

.msgbox-yellow a:active {

    color: #d34d0e;
    
}

.msgbox-green {

    background: #d8fbe1;
    color: #04cb9d;

}

.msgbox-green a {

    color: #04cb9d;
    text-decoration: underline;

}

.msgbox-green a:hover {

    color: #00a17c;
    
}

.msgbox-green a:active {

    color: #00614a;
    
}

.msgbox-white {

    background: #ffffff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
    color: #909090;

}

.msgbox-white a {

    color: #909090;
    text-decoration: underline;

}

.msgbox-white a:hover {

    color: #606060;
    
}

.msgbox-white a:active {

    color: #303030;
    
}

.msgbox-blurple {

    background: #f4f1ff;
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.05);
    color: #613feb;

}

.msgbox-blurple a {

    color: #613feb;
    text-decoration: underline;

}

.msgbox-blurple a:hover {

    color: #4623d3;
    
}

.msgbox-blurple a:active {

    color: #2f13a0;
    
}

.msgbox-border-dashed {

    background: none;
    border: 1px dashed #cccccc;
    color: #909090;

}

.msgbox-border-dashed a {

    color: #909090;
    text-decoration: underline;

}

.msgbox-border-dashed a:hover {

    color: #606060;
    
}

.msgbox-border-dashed a:active {

    color: #303030;
    
}

.msgbox-icon {

    margin-right: 1em;

}

.msgbox-text {

    flex-basis: 100%;

}

.notice {

    display: block;
    margin: 2em 0;
    text-align: center;

}

.notice-hidden {

    display: none;

}

.notice-icon {

    display: block;
    margin-bottom: 2.5em;
    color: #b1b1b1;

}

.notice-image {

    display: block;
    margin-bottom: 1.5em;

}

.notice-image img {

    max-width: 120px;

}

.notice-head {

    display: block;
    margin: auto;
    color: #613feb;
    max-width: 900px;
    font-size: 2em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0.5em;  
    line-height: 110%;

}

.notice-desc {

    display: block;
    color: #909090;
    margin: auto;
    max-width: 900px;
    line-height: 130%;
    margin-bottom: 2em; 
    font-size: 1.25em;

}

.notice-desc a,
.notice-desc a:hover,
.notice-desc a:active {

    font-weight: 700;

}

.notice-desc:last-child {

    margin-bottom: 0; 

}

.notice-desc-sub {

    display: block;
    margin: auto;
    color: #909090;
    max-width: 900px;
    line-height: 130%;
    font-size: 1em;
    margin-bottom: 1em;

}

.notice-desc-sub:last-child {

    margin-bottom: 0;

}

.notice-desc-sub a {

    padding: 0.5em 0.85em;
    color: #909090;

}

.notice-desc-sub a:hover {

    color: #606060;

}

.notice-desc-sub a:active {

    color: #303030;

}

.notice-frontpage {

    display: flex;
    align-items: flex-start;
    background: #f9f7ff;
    color: #312a46;
    border-radius: 20px;
    padding: 4em;
    box-shadow: inset -1px -1px 0 0 rgb(0 0 0 / 5%);
    margin: 2em 0 4em 0;

}

.notice-frontpage-icon {

    flex-basis: 100px;
    flex-shrink: 0;

}

.notice-frontpage-icon img {

    width: 100%;

}

.notice-frontpage-content {

    flex-basis: 100%;
    margin-left: 4em;

}

.notice-frontpage-content-head {

    display: block;
    color: #613feb;
    font-size: 1.5em;
    line-height: 110%;
    margin-bottom: 0.75em;
    font-weight: 700;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.notice-frontpage-content-desc {

    display: block;
    color: #7e6fad;
    line-height: 130%;

}

.notice-frontpage-content-highlight {

    display: inline-block;
    background: #ffffff;
    color: #04cb9d;
    margin-top: 1.5em;
    line-height: 130%;
    border-radius: 10px;
    padding: 1em 1.25em;
    box-shadow: 1px 1px 0 0 rgb(0 0 0/5%);
    font-weight: 700;

}

.splash {

    display: block;
    padding: 1em;
    border-radius: 18px;
    background: #ffffff;
    text-align: center;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.splash-border {

    border: 2px dashed #e9e9e9;
    border-radius: 12px;
    padding: 6em 3em;

}

.splash-image {

    display: block;
    margin-bottom: 1.5em;

}

.splash-image img {

    display: inline-block;
    max-width: 190px;

}

.splash-image-small img {

    max-width: 100px;

}

.splash-head {

    display: block;
    margin: auto;
    color: #613feb;
    max-width: 900px;
    font-size: 2em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0.5em;  
    line-height: 110%;

}

.splash-desc {

    display: block;
    margin: auto;
    max-width: 900px;
    line-height: 130%;
    margin-bottom: 2em; 
    font-size: 1.25em;
    color: #909090;

}

.splash-desc a,
.splash-desc a:hover,
.splash-desc a:active {

    font-weight: 700;

}

.splash-desc:last-child {

    margin-bottom: 0; 

}

.splash-button {

    display: block;

}

.box-default-white {

    padding: 1.5em;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.box-default-lp {

    padding: 2.5em !important;

}

.box-default-highlight {

    box-shadow: 0 0 0 3px #613feb, 0px 0px 15px 0px rgba(97,63,235,0.25) !important;

}

.box-default-clickable {

    display: block;
    cursor: pointer;
    transition: box-shadow 0.15s;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.box-default-clickable:hover {

    box-shadow: 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%),
                0px 0px 3px 0px rgb(0 0 0 / 0%),
                2px 2px 5px 0px rgb(0 0 0 / 0%);

}

.box-default-clickable:active {

    box-shadow: 0px 0px 0px 3px rgb(255 75 125 / 100%),
                0px 0px 20px 0px rgb(255 75 125 / 20%),
                0px 0px 3px 0px rgb(0 0 0 / 0%),
                2px 2px 5px 0px rgb(0 0 0 / 0%);

}

.box-default-white-text {

    display: block;
    line-height: 120%;
    color: #909090;

}

.box-default-white-alt {

    border-top-left-radius: 0px;
    border-top-right-radius: 0px;

}

.box-default-text {

    display: block;
    line-height: 130%;
    margin-bottom: 1.25em;

}

.box-default-text:last-child{

    margin-bottom: 0;

}

.box-default-head {

    display: block;
    padding: 1.5em;
    border-top-color: #ffffff;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom: 1px solid #ededed;
    background: #fbfbfb;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.box-default-head .box-caption {

    margin-bottom: 0 !important;
    line-height: 100%;

}

.box-image-wrapper {

    display: flex;
    width: 100%;

}

.box-image-img {

    flex-basis: 80px;
    flex-shrink: 0;

}

.box-image-img img {

    width: 100%;

}

.box-image-content {

    flex-basis: 100%;
    margin-left: 1.5em;

}

.box-image-content-head {

    display: block;
    line-height: 110%;
    font-weight: 700;
    font-size: 1.25em;
    margin-bottom: 0.5em;

}

.box-image-content-desc {

    display: block;
    line-height: 130%;

}

.box-image-content-btn {

    display: block;
    margin-top: 1em;

}

.box-order-wrapper {

    display: flex;
    align-items: center;

}

.box-order-icon {

    flex-shrink: 0;
    margin-right: 1em;
    padding: 1em;
    border-radius: 12px;

}

.box-order-arrow {

    flex-shrink: 0;
    margin-left: 1em;

}

.box-order-icon-pending {

    background: #f9f9f9;
    color: #aaaaaa;

}

.box-order-icon-shipment {

    background: #f4f1ff;
    color: #613feb;

}

.box-order-icon-fulfilled {

    background: #d8fbe1;
    color: #04cb9d;

}

.box-order-icon-canceled {

    background: #ffecec;
    color: #ff6672;

}

.box-order-icon-unpaid {

    background: #fff2d4;
    color: #ffa739;

}

.box-order-icon-unknown {

    background: #ffffff;
    color: #606060;
    box-shadow: inset 0px 0px 0px 1px #dddddd;

}

.box-order-details {

    flex-basis: 100%;

}

.box-order-head {

    display: block;
    margin-bottom: 0.25em;

}

.box-order-head-title {

    display: block;
    font-weight: 400;
    line-height: 110%;
    color: #312a46;

}

.box-order-head-right {

    float: right;
    font-size: 1em;
    font-weight: 400;
    line-height: 110%;
    color: #cccccc;    

}

.box-order-head .box-caption {

    margin-bottom: 0;
    line-height: 100%;

}

.box-order-sub {

    display: block;

}

.box-purchase-head {

    display: block;
    margin-bottom: 0.5em;

}

.box-purchase-progress {

    display: block;

}

.box-purchase-progress svg {

    margin-right: 0.25em;

}

.box-purchase-progress-bar-wrapper {

    display: block;
    background: #f1f1f1;
    height: 10px;
    border-radius: 10px;
    margin-bottom: 0.5em;

}

.box-purchase-progress-bar {

    display: block;
    background: #613feb;
    background: linear-gradient(90deg, rgb(165, 92, 255) 0%, rgba(97,63,235,1) 100%);        
    height: 10px;
    border-radius: 10px;    

}

.box-purchase-progress-bar-complete {

    background: #04cb9d;
    background: linear-gradient(90deg, rgb(55, 228, 187) 0%, rgb(4, 203, 157) 100%);        

}

.box-purchase-progress-bar-text {

    display: block;
    font-size: 0.85em;    
    color: #909090;

}

.box-purchase-progress-bar-text-right {

    float: right;

}

.large-center-logo {

    display: block;
    max-width: 300px;
    margin: 2em auto 2em auto;

}

.large-center-logo img {

    width: 100%;

}

.large-center-text {

    display: block;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 3em;
    line-height: 110%;
    text-align: center;
    max-width: 900px;
    margin: auto auto 0.65em auto;

}

.large-center-text-alt {

    display: block;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 3em;
    line-height: 110%;
    text-align: center;
    max-width: 900px;
    margin: auto auto 0.5em auto;
    padding-top: 0.85em;

}

.large-center-text-alt-sub {

    display: block;
    color: #909090;
    font-size: 1.25em;
    line-height: 120%;
    text-align: center;
    max-width: 900px;
    margin: auto auto 3.25em auto;    

}

.large-center-text-alt-sub a,
.large-center-text-alt-sub a:hover,
.large-center-text-alt-sub a:active {

    font-weight: 700;

}

.promo-wrapper {

    display: flex;
    gap: 3em;
    max-width: 900px;
    margin: 2.5em auto;
    align-items: center;

}

.promo-wrapper-image {

    flex-basis: 250px;
    flex-shrink: 0;

}

.promo-wrapper-image img {

    border-radius: 12px;
    width: 100%;
    box-shadow: 0px 10px 50px 0px rgb(22 14 49 / 75%);

}

.promo-wrapper-text {

    flex-basis: 100%;

}

.promo-wrapper-text-head {

    display: block;
    font-size: 1.5em;
    margin-bottom: 0.5em;
    line-height: 120%;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;    

}

.promo-wrapper-text-desc {

    display: block;
    font-size: 1.25em;
    line-height: 130%;
    color: #c4bce3;

}

.category-highlight-wrapper {
    
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;

}

.category-highlight-item {

    display: block;
    background: #f9f9f9;
    border-radius: 20px;
    padding: 3em 2em;
    text-align: center;
    cursor: pointer;

}

.category-highlight-item:hover {

    background: #f4f1ff;
    color: #613feb;

}

.category-highlight-item:hover .category-highlight-item-text {

    color: #613feb;

}

.category-highlight-item:active {

    background: #613feb;
    color: #ffffff;

}

.category-highlight-item:active .category-highlight-item-text {

    color: #ffffff;

}

.category-highlight-item-icon {

    display: block;
    margin-bottom: 1em;

}

.category-highlight-item-icon img {

    max-width: 100px;

}

.category-highlight-item-text {

    display: block;
    color: #707070;
    font-weight: 700;

}

.searchbox-large {

    display: block;
    line-height: 110%;
    text-align: center;
    max-width: 900px;
    margin: 2em auto 3.5em auto;

}

.searchbox-icon  {

    display: block;
    margin-bottom: 1.25em;

}

.searchbox-icon img {

    width: 100%;
    max-width: 160px;

}

.searchbox-heading {

    display: block;  
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;    
    font-size: 1.5em;
    font-weight: 900;
    margin-bottom: 0.5em;
    line-height: 110%;

}

.searchbox-heading-sub {

    display: block;  
    color: #aaaaaa;
    font-size: 1.25em;
    margin-bottom: 1.25em;
    line-height: 110%;

}

.data-loading {

    display: none;
    padding-top: 1.85em;
    padding-bottom: 1.85em;
    text-align: center;

}

.data-loading img {

    max-width: 50px;

}

.status-card-preview-wrapper-home {

    display: block;
    margin-top: 1.5em;
    margin-bottom: 2em;

}

.status-card-preview-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;

}

.status-card-preview-wrapper .status-card-wrapper {

    width: 100%;
    max-width: 100%;
    margin-bottom: 0;

}

.status-card-preview-wrapper .status-card-content-item-img {

    flex-basis: 5em;
    height: 5em;

}

.status-card-preview-wrapper .status-card-content-item-meta-desc {

    font-size: 0.85em;

}

.status-card-preview-wrapper .box-default-white {

    height: 100%;

}

.status-card-wrapper {

    display: block;
    max-width: 600px;
    margin: 0 auto 1.5em auto;

}

.status-card-wrapper:last-child {

    margin-bottom: 0;

}

.status-card-top {

    display: flex;
    align-items: center;
    margin-bottom: 1em;
    gap: 1em;

}

.status-card-user {

    flex-basis: 100%;
    color: #312a46;

}

.status-card-user-name {

    display: block;

}

.status-card-user-sub {

    display: block;
    margin-top: 0.35em;
    font-size: 0.85em;
    color: #909090;

}

.status-card-user a {

    color: #312a46;
    border: none;

}

.status-card-user a:hover {

    color: #613feb;

}

.status-card-user a:active {

    color: #ff4b7d;

}

.status-card-shop {

    flex-shrink: 0;
    font-size: 0.75em;
    font-weight: 700;
    padding: 0.85em 0.9em;
    border-radius: 5px;
    line-height: 100%;
    text-transform: uppercase;
    background: #ff4b7d;
    color: #ffffff;
    cursor: pointer;
    box-shadow: inset 1px 1px 0px 0px rgb(255 255 255 / 25%),
                      0px 0px 0px 1px #c52e57;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;       

}

.status-card-shop:hover {

    background: #f33d71;
    color: #ffffff;

}

.status-card-shop:active {

    background: #e23465;
    color: #ffffff;

}

.status-card-shop svg {

    margin-right: 0.15em;

}

.status-card-menu {

    flex-shrink: 0;
    color: #909090;

}

.status-card-content {

    flex-shrink: 0;
    line-height: 130%;

}

.status-card-content-image {

    display: block;
    aspect-ratio: 1/1;
    margin-bottom: 0.85em;
    padding-top: 0.5em;
    margin-left: -1.5em;
    margin-right: -1.5em;

}

.status-card-content-image img {

    width: 100%;
    height: 100%;
    object-fit: cover;

}

.status-card-content-item {

    display: flex;
    align-items: center;
    padding: 1.5em;
    border: 1px solid #e0e0e0;
    border-radius: 14px;

}

.status-card-content-item:hover {

    border: 1px solid #613feb;

}

.status-card-content-item:active {

    border: 1px solid #ff4b7d;

}

.status-card-content-item-img {

    flex-basis: 8em;
    height: 8em;
    margin-right: 1.5em;
    flex-shrink: 0;

}

.status-card-content-item-img img {

    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;

}

.status-card-content-item-meta {

    flex-basis: 100%;
    
}

.status-card-content-item-meta-title {

    display: block;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0.25em;

}

.status-card-content-item-meta-desc {

    display: block;
    line-height: 120%;
    color: #909090;
    word-break: break-word;

}

.status-card-bottom {

    display: flex;
    align-items: center;
    margin-top: 1em;

}

.status-card-icons {

    display: flex;
    flex-basis: 100%;
    gap: 1em

}

.status-card-icon {

    display: flex;
    font-size: 1.5em;
    align-items: center;
    color: #312a46;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.status-card-icon-disabled {

    pointer-events: none;

}

.status-card-icon:hover .status-card-icon-svg {

    color: #613feb;
    
}

.status-card-icon:active .status-card-icon-svg {

    color: #ff4b7d;
    
}

.status-card-icon-svg {

    margin-right: 0.25em;

}

.status-card-icon-liked {

    color: #ff4b7d !important;

}

.status-card-icon-count {

    background: #f1f1f1;
    padding: 0.5em 0.65em;
    font-size: 0.65em;
    border-radius: 6px;
    font-weight: 700;
    color: #7c7c7c;

}

.status-card-footer {

    flex-shrink: 0;

}

.status-card-link {

    color: #613feb;
    padding: 0.1em 0;
    text-decoration: none;

}

.status-card-link:hover {

    color: #613feb;
    background: rgb(97 63 235 / 10%);
    
}

.status-card-link:active {

    color: #613feb;
    background: rgb(97 63 235 / 20%);
    
}

.modal-comments {

    display: block;
    max-height: 60vh;
    overflow-y: scroll;
    
}

.modal-comments-empty {

    display: block;
    padding: 0.25em 0;
    color: #cccccc;
    font-style: italic;
    line-height: 120%;
    
}

.modal-comments-add {

    display: flex;
    margin-top: 1.5em;
    
}

.modal-comments-add-input {

    flex-basis: 100%;
    
}

.modal-comments-add-btn {

    flex-shrink: 0;
    margin-left: 1em;
    
}

.comment-wrapper {

    display: block;
    margin-bottom: 1em;

}

.comment-wrapper:last-child {

    margin-bottom: 0;

}

.comment-wrapper-user {

    display: block;
    margin-bottom: 0.5em;
    font-weight: 700;

}

.comment-wrapper-text {

    display: block;
    line-height: 120%;

}

.comments-more {

    display: block;

}

.item-preview-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;

}

.item-preview {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    padding: 1.5em;
    border: 5px solid #ffffff;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.item-preview-highlight-blurple {

    border: 5px solid #613feb;
    box-shadow: 0px 0px 0px 1px #613feb,
                0px 0px 4px 0px #613feb !important;

}

.item-preview-highlight-rink {

    border: 5px solid #ff4b7d;
    box-shadow: 0px 0px 0px 1px #ff4b7d,
                0px 0px 4px 0px #ff4b7d !important;

}

.item-preview-highlight-blue {

    border: 5px solid #4bb4ff;
    box-shadow: 0px 0px 0px 1px #4bb4ff,
                0px 0px 4px 0px #4bb4ff !important;

}

.item-preview-highlight-green {

    border: 5px solid #04cb9d;
    box-shadow: 0px 0px 0px 1px #04cb9d,
                0px 0px 4px 0px #04cb9d !important;

}

.item-preview-highlight-yellow {

    border: 5px solid #ffa739;
    box-shadow: 0px 0px 0px 1px #ffa739,
                0px 0px 4px 0px #ffa739 !important;

}

.item-preview-top {

    display: flex;
    align-items: center;
    margin-bottom: 1em;

}

.item-preview-user {

    flex-basis: 100%;
    color: #312a46;
    font-weight: 700;

}

.item-preview-user a {

    color: #312a46;
    border: none;

}

.item-preview-user a:hover {

    color: #613feb;

}

.item-preview-user a:active {

    color: #ff4b7d;

}

.item-preview-icon-flame {

    flex-shrink: 0;
    margin-left: 1em;

}

.item-preview-icon-flame img {

    height: 1em;
    transform: scale(2) translate(0, -0.15em);

}

.item-preview-img {

    display: block;
    position: relative;
    width: 100%;
    height: 14em;
    border-radius: 8px;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;
    margin-bottom: 1em;

}

.item-preview-img-badge-topright {

    display: block;
    position: absolute;
    background: #ffffff;
    color: #312a46;
    border-radius: 4px;
    top: 1em;
    right: 1em;
    padding: 0.5em 0.85em;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 25%);

}

.item-preview-img-badge-topleft {

    display: block;
    position: absolute;
    background: #ffffff;
    color: #312a46;
    border-radius: 4px;
    top: 1em;
    left: 1em;
    padding: 0.5em 0.85em;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 25%);

}

.item-preview-img-badge-topright a,
.item-preview-img-badge-topright a:hover,
.item-preview-img-badge-topright a:active,
.item-preview-img-badge-topleft a,
.item-preview-img-badge-topleft a:hover,
.item-preview-img-badge-topleft a:active {

    color: #312a46;

}

.item-preview-img-nav {

    width: 100%;
    text-align: center;
    margin-bottom: 1em;
    margin-top: -0.5em;

}

.item-preview-img-nav-item {

    display: inline-block;
    background: #e9e9e9;
    width: 15px;
    height: 8px;
    border-radius: 12px;
    margin-right: 5px;
    cursor: pointer;

}

.item-preview-img-nav-item:last-child {

    margin-right: 0;

}

.item-preview-img-nav-item:hover {

    background: #909090;

}

.item-preview-img-nav-item:active {

    background: #303030;

}

.item-preview-img-nav-item-active,
.item-preview-img-nav-item-active:hover,
.item-preview-img-nav-item-active:active {

    background: #613feb;
    cursor: default;
    pointer-events: none;

}

.item-preview-head {

    display: flex;
    margin-bottom: 0.5em;

}

.item-preview-review {

    display: block;
    background: #fff2d4;
    font-weight: 700;
    color: #ffa739;
    border-radius: 8px;
    padding: 1em 1.25em;
    font-size: 0.85em;
    margin-bottom: 1em;

}

.item-preview-rejected {

    display: block;
    background: #ffecec;
    font-weight: 700;
    color: #ff6672;
    border-radius: 8px;
    padding: 1em 1.25em;
    font-size: 0.85em;
    margin-bottom: 1em;

}

.item-preview-title {

    flex-basis: 100%;
    line-height: 120%;
    margin-right: 1em;
    font-weight: 700;
    word-break: break-word;

}

.item-preview-price {

    flex-shrink: 0;
    line-height: 120%;
    text-align: right;
    color: #613feb;

}

.item-preview-desc {

    font-size: 0.85em;
    line-height: 120%;
    color: #909090;
    word-break: break-word;

}

.item-preview-btn {

    padding-top: 1em;
    margin-top: auto;

}

.item-preview-btn-alt {

    padding-top: 0.5em;
    margin-top: 0;

}

.item-details-wrapper {

    display: flex;

}

.item-details-images {

    flex-basis: 50%;
    margin-right: 2em;

}

.item-details-icon {

    flex-basis: 130px;
    flex-shrink: 0;
    margin-right: 2em;

}

.item-details-icon img {

    width: 100%;

}

.item-details-images-title {

    display: block;
    position: relative;
    margin-bottom: 1.5em;

}

.item-details-images-title-loading {

    display: none;
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.item-details-images-title-loading img {

    width: 100%;

}

.item-details-images-title img {

    max-width: 100%;
    border-radius: 12px;

}

.item-details-images-thumbs {

    display: block;

}

.item-details-images-thumbs-item {

    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 12px;
    margin: 0 0.5em 0.5em 0;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;    
    overflow: hidden;
    cursor: pointer;

}

.item-details-images-thumbs-item-active {

    box-shadow: inset 0px 0px 0px 3px #613feb,
                inset 0px 0px 0px 6px #ffffff;  

}

.item-details-images-thumbs-item:last-child {

    margin-right: 0;

}

.item-details-content {

    flex-basis: 50%;

}


.item-details-content-alt {

    flex-basis: 100%;

}

.item-details-content-popular {

    display: flex;
    align-items: center;
    margin-bottom: 1em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.item-details-content-popular-icon {

    flex-shrink: 0;

}

.item-details-content-popular-icon img {

    width: 2.5em;
    transform: translate(-0.5em, -0.2em);

}

.item-details-content-popular-desc {

    flex-basis: 100%;

}

.item-details-content-popular-desc-title {

    display: block;
    color: #613feb;
    font-weight: 700;
    line-height: 110%;

}

.item-details-content-popular-desc-sub {

    display: block;
    font-size: 0.85em;
    color: #909090;
    line-height: 110%;

}

.item-details-content-head {

    display: block;
    color: #312a46;
    font-size: 1.5em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0.85em;
    word-break: break-word;

}

.item-details-content-price {

    display: block;
    line-height: 130%;
    margin-bottom: 1.5em;

}

.item-details-content-price-tag {

    display: inline-block;
    background: #f0ecff;
    color: #613feb;
    font-size: 1.25em;
    font-weight: 700;
    padding: 0.85em 1em;
    border-radius: 12px;
    transition: all ease-out 0.15s;

}

.item-details-content-price-tag-compare {

    display: inline-block;
    margin-left: 0.5em;
    background: rgb(255 102 114 / 7%);
    color: #ff6672;
    font-size: 1.25em;
    font-weight: 700;
    padding: 0.85em 1em;
    border-radius: 12px;
    text-decoration: line-through;
    transition: all ease-out 0.15s;

}

.item-details-content-price-tag-green {

    display: inline-block;
    background: #d8fbe1;
    color: #04cb9d;
    font-size: 1.25em;
    font-weight: 700;
    padding: 0.85em 1em;
    border-radius: 12px;
    transition: all ease-out 0.15s;

}

.item-details-content-price-tag-scale {

    transform: scale(1.1);

}

.item-details-content-desc {

    display: block;
    line-height: 130%;
    margin-bottom: 1.5em;
    word-break: break-word;

}

.item-details-content-desc:last-child {

    margin-bottom: 0;

}

.item-details-content-cart {

    display: block;
    margin-top: 2em;

}

.item-request-title {

    display: block;
    line-height: 120%;
    font-weight: 700;
    margin-bottom: 0.25em;
    word-break: break-word;

}

.item-request-top {

    display: block;
    margin-bottom: 1em;
    margin-right: 4.5em;

}

.item-request-budget {

    display: block;
    margin-bottom: 0.5em;

}

.item-request-budget-set {

    display: inline-block;
    padding: 0.65em 0.85em;
    font-weight: 700;
    font-size: 0.85em;
    line-height: 100%;
    margin-bottom: 0.5em;
    background: #f4f1ff;
    color: #613feb;
    border-radius: 6px;

}

.item-request-budget-unset {

    display: inline-block;
    padding: 0.65em 0.85em;
    font-weight: 700;
    font-size: 0.85em;
    line-height: 100%;
    margin-bottom: 0.5em;
    background: #d8fbe1;
    color: #04cb9d;
    border-radius: 6px;

}

.item-request-badge {

    display: block;
    position: absolute;
    right: 1em;
    top: -0.5em;
    background: #707070;
    color: #ffffff;
    padding: 1.25em 1em;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    box-shadow: inset 0px -2px 0px 0px rgb(0 0 0 / 20%);

}

.item-request-badge-grey {

    background: #707070;

}

.item-request-badge-blurple {

    background: #613feb;

}

.item-request-badge-rink {

    background: #ff4b7d;

}

.item-request-badge-green {

    background: #04cb9d;

}

.item-request-badge-yellow {

    background: #ffa739;

}

.item-request-badge-blue {

    background: #4bb4ff;

}

.item-extra {

    display: flex;
    align-items: center;
    font-size: 1em;
    width: 100%;
    border-radius: 12px;
    background: #ffffff;
    color: #312a46;
    padding: 1.5em;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 10%),
                0px 0px 0px 0px rgb(0 0 0 / 0%);
    transition: box-shadow 0.15s;
    margin-bottom: 0.65em;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.item-extra:last-child {

    margin-bottom: 0;

}

.item-extra:hover {

    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 35%),
                0px 0px 0px 0px rgb(0 0 0 / 0%); 

}

.item-extra:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 0px 0px rgb(97 63 235 / 0%); 

}

.item-extra-selected {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%); 

}

.item-extra-selected .item-extra-checkbox,
.item-extra-selected .item-extra-name,
.item-extra-selected .item-extra-price {

    color: #613feb; 

}

.item-extra-selected:hover,
.item-extra-selected:active {

    box-shadow: inset 0px 0px 0px 3px rgb(97 63 235 / 100%),
                0px 0px 20px 0px rgb(97 63 235 / 20%) !important; 

}

.item-extra-disabled {

    pointer-events: none !important;
    background: #f9f9f9 !important;
    box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 3%),
                0px 0px 0px 0px rgb(0 0 0 / 0%) !important;    

}

.item-extra-disabled .item-extra-name {

    color: #707070 !important;

}

.item-extra-disabled .item-extra-desc,
.item-extra-disabled .item-extra-price {

    color: #bbbbbb !important;

}

.item-extra-checkbox {

    margin-right: 1em;
    color: #e7e7e7;

}

.item-extra-details {

    flex-basis: 100%;

}

.item-extra-name {

    display: block;
    font-weight: 700;
    color: #312a46;
    margin-bottom: 0.25em;
    word-break: break-word;

}

.item-extra-name:last-child {

    margin-bottom: 0;

}

.item-extra-desc {

    display: block;
    color: #909090;
    word-break: break-word;
    line-height: 110%;

}

.item-extra-price {

    display: block;
    flex-shrink: 0;
    font-weight: 700;
    margin-left: 1em;

}

.item-individual-badge {

    display: inline-block;
    padding: 0.75em 1em;
    font-weight: 700;
    font-size: 0.85em;
    line-height: 100%;
    margin-bottom: 0.5em;
    color: #ff4b7d;
    background: #ffebf1;
    border-radius: 6px;

}

.cart-wrapper {

    display: flex;
    align-items: flex-start;

}

.cart-items {

    flex-basis: 60%;
    margin-right: 0.5em;

}

.cart-item-wrapper {

    display: flex;
    align-items: center;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px dashed #e9e9e9;

}

.cart-item-wrapper:last-child {

    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;    

}

.cart-item-image {

    flex-shrink: 0;
    margin-right: 1.25em;

}

.cart-item-image-container {

    display: block;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;    

}

.cart-item-details {

    flex-basis: 100%;

}

.cart-item-details-name {

    display: block;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0.35em;
    word-break: break-word;

}

.cart-item-details-name a {

    color: #312a46;

}

.cart-item-details-name a:hover {

    color: #613feb;
    
}

.cart-item-details-name a:active {

    color: #ff4b7d;
    
}

.cart-item-details-options {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 120%;
    font-size: 0.75em;
    font-weight: 700;
    margin-bottom: 0.35em;

}

.cart-item-details-seller {

    display: block;
    line-height: 120%;

}

.cart-item-details-notes {

    display: block;
    color: #909090;
    line-height: 120%;
    padding-top: 0.5em;
    font-size: 0.85em;

}

.cart-item-details-unavailable {

    display: block;
    color: #ff6672;
    font-weight: 700;
    font-size: 0.85em;
    margin-top: 0.5em;

}

.cart-item-details-options-item {

    background: #f4f1ff;
    color: #613feb;
    border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0.5em 0.85em;

}

.cart-item-right {

    display: block;
    margin-left: 1.25em;
    flex-shrink: 0;   
    text-align: right;

}

.cart-item-price {

    display: block;
    line-height: 120%;
    font-weight: 700;
    color: #613feb;

}

.cart-item-delete {

    display: block;
    line-height: 120%;
    color: #cccccc;
    cursor: pointer;

}

.cart-item-delete-disabled {

    pointer-events: none;

}

.cart-item-delete:hover {

    color: #909090;
    border-bottom: none;
    
}

.cart-item-delete:active {

    color: #303030;
    border-bottom: none;
    
}

.cart-summary {

    flex-basis: 40%;
    margin-left: 0.5em;

}

.cart-summary-button {

    font-size: 1.25em;

}

.cart-summary-total {

    display: block;
    background: #f4f1ff;
    color: #613feb;
    font-size: 1.65em;
    font-weight: 700;
    padding: 1.5em 0;
    border-radius: 12px;
    text-align: center;
    margin-bottom: 0.35em;

}

.cart-summary-total-sub {

    display: block;
    color: #909090;
    margin-bottom: 1.85em;
    font-size: 0.85em;
    text-align: center;
    line-height: 120%;

}

.checkout-wrapper {

    display: flex;
    align-items: flex-start;

}

.checkout-customer {

    flex-basis: 60%;
    margin-right: 0.5em;

}

.checkout-payment {

    flex-basis: 40%;
    margin-left: 0.5em;

}

.checkout-payment-processor {

    display: block;

}

.checkout-payment-method-info {

    display: block;
    margin-bottom: 1.5em;
    line-height: 130%;
    color: #909090;

}

.checkout-payment-method {

    display: flex;
    margin-bottom: 1em;
    align-items: flex-start;

}

.checkout-payment-method:last-child {

    margin-bottom: 0;

}

.checkout-payment-method-icon {

    color: #909090;
    flex-shrink: 0;
    background: #f5f5f5;
    padding: 1em;
    border-radius: 12px;

}

.checkout-payment-method-desc {

    flex-basis: 100%;
    margin-left: 1em;

}

.checkout-payment-method-desc-head {

    display: block;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0.25em;

}

.checkout-payment-method-desc-body {

    display: block;
    line-height: 130%;
    font-size: 0.85em;
    color: #c9c9c9;

}

.create-wrapper {

    display: flex;
    align-items: flex-start;

}

.create-main {

    flex-basis: 60%;
    margin-right: 0.5em;

}

.create-side {

    flex-basis: 40%;
    margin-left: 0.5em;

}

.profile-head-wrapper {

    display: flex;
    width: 100%;
    align-items: center;

}

.profile-head-picture {

    width: 100px;
    flex-shrink: 0;

}

.profile-head-picture img {

    width: 100%;
    border-radius: 100%;

}

.profile-head-details {

    flex-basis: 100%;
    margin-left: 1.5em;
    margin-right: 1.5em;

}

.profile-head-rating {

    flex-shrink: 0;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;        

}

.profile-head-rating-stars {

    display: inline-block;
    font-size: 1.5em;
    background: #f4f1ff;
    padding: 0.65em 0.85em;
    border-radius: 999px;

}

.profile-head-rating-stars-small {

    display: inline-block;
    font-size: 1.25em;
    background: #f4f1ff;
    padding: 0.65em 0.85em;
    border-radius: 999px;

}

.profile-head-rating-stars-small-noreviews {

    background: #f9f9f9;

}

.profile-head-rating-details {

    display: block;
    font-size: 0.85em;
    color: #d5caf7;
    margin-top: 0.5em;
    text-align: center;

}

.profile-head-rating-details-alt {

    display: block;
    font-size: 0.85em;
    color: #d5caf7;
    margin-top: 0.5em;
    text-align: center;

}

.profile-head-rating-0 {

    color: #e6deff;

}

.profile-head-rating-1 {

    color: #613feb;

}

.profile-head-rating-noreviews {

    color: #e0e0e0;

}

.profile-head-details-name {

    display: block;
    font-size: 2em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 110%;

}

.profile-head-details-sub {

    display: block;
    margin-top: 0.5em;
    font-weight: 700;

}

.profile-head-details-sub a {

    color: #312a46;

}

.profile-head-details-sub a:hover {

    color: #613feb;
    
}

.profile-head-details-sub a:active {

    color: #ff4b7d;
    
}

.profile-account-image-wrapper {

    display: flex;
    align-items: center;

}

.profile-account-image-preview {

    position: relative;
    width: 80px;
    flex-shrink: 0;
    margin-right: 1.5em;

}

.profile-account-image-preview-icon {

    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.5em;
    height: 1.5em;

}

.profile-account-image-preview-icon img {

    width: 100%;
    border-radius: 100%;
    box-shadow: 0px 0px 0px 3px rgb(255 255 255);    

}

.profile-account-image-preview img {

    width: 100%;
    border-radius: 100%;

}

.profile-account-image-desc {

    flex-basis: 100%;
    line-height: 120%;

}

.profile-payout-bank-name {

    display: block;
    font-weight: 700;
    margin-bottom: 0.25em;

}

.profile-payout-bank-iban {

    display: block;
    margin-bottom: 0.25em;

}

.profile-payout-bank-bic {

    display: block;
    color: #cccccc;

}

.profile-bio-empty {

    color: #cccccc;
    line-height: 120%;
    font-style: italic;

}

.profile-bio-wrapper {

    display: block;
    width: 100%;

}

.profile-bio {

    display:block;
    line-height: 130%;

}

.profile-account-type {

    display: block;
    line-height: 130%;
    margin-bottom: 1.25em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #e0e0e0;

}

.profile-message-button {

    display: block;
    margin-bottom: 1em;

}

.profile-url-wrapper {

    display: block;
    margin-top: 1em;

}

.profile-url-head {

    display: block;
    font-size: 0.85em;
    margin-bottom: 0.25em;
    color: #909090;

}

.profile-url-link {

    display: block;
    font-size: 0.85em;

}

.profile-card-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 1em;

}

.profile-card-item {

    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    background: #ffffff;
    border-radius: 12px;
    padding: 1.75em;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.profile-card-image {

    display: block;
    margin-bottom: 1em;
    text-align: center;
    transition: transform 0.15s;    

}

.profile-card-image img {

    width: 100%;
    max-width: 8em;
    border-radius: 100%;

}

.profile-card-image:hover {

    transform: scale(1.1);

}

.profile-card-image:active {

    transform: scale(1.05);

}

.profile-card-name {

    display: block;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 0.25em;
    text-align: center;
    word-break: break-all;

}

.profile-card-items {

    display: block;
    color: #909090;
    text-align: center;

}

.profile-card-items-pricerange {

    display: block;
    color: #613feb;
    font-size: 0.85em;
    font-weight: 700;
    text-align: center;
    margin-top: 1em;

}

.profile-card-items-rating {

    display: block;
    margin-top: 1em;
    text-align: center;

}

.profile-card-buttons {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.65em;
    padding-top: 1em;
    margin-top: auto;

}

.discover-section-wrapper {

    display: block;
    margin-bottom: 3em;

}

.discover-section-wrapper:last-child {

    margin-bottom: 0;

}

.discover-section-head-wrapper {

    display: flex;
    align-items: center;
    margin-bottom: 2em;

}

.discover-section-icon {

    flex-shrink: 0;
    font-size: 2.5em;
    color: #ff4b7d;
    margin-right: 0.75em;
    background: #ffffff;
    padding: 0.55em 0.5em;
    border-radius: 18px;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.discover-section-title {

    flex-basis: 100%;

}

.discover-section-title-head {

    display: block;
    color: #606060;
    font-size: 1.5em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 110%; 
    margin-bottom: 0.25em;

}

.discover-section-title-desc {

    display: block;
    color: #aaaaaa;
    line-height: 110%;

}

.payments-overview {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;

}

.payments-overview-item {

    display: block;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);
    padding: 3em 0;
    text-align: center;

}

.payments-overview-item-ico {

    display: block;
    font-size: 2em;
    margin-bottom: 0.65em;

}

.payments-overview-item-num {

    display: block;
    font-size: 2em;
    margin-bottom: 0.5em;
    font-weight: 700;

}

.payments-overview-item-desc {

    display: block;
    font-weight: 700;
    color: #909090;

}

.payments-transactions-button {

    display: block;
    width: 100%;
    padding: 1em 0em;
    text-align: center;
    border-radius: 8px;
    background: #f1f1f1;
    color: #606060;
    cursor: pointer;
    font-size: 0.85em;
    font-weight: 700;
    
}

.payments-transactions-button:hover {

    background: #ececec;
    color: #606060;

}

.payments-transactions-button:active {

    background: #303030;
    color: #ffffff;

}

.payments-transactions-button-disabled,
.payments-transactions-button-disabled:hover,
.payments-transactions-button-disabled:active {

    background: #303030;
    color: #ffffff;
    pointer-events: none;
    
}

.payments-transactions-sub {

    display: block;
    color: #909090;
    font-size: 0.85em;
    
}

.payments-info-head {

    display: block;
    margin-bottom: 0.25em;
    line-height: 110%;

}

.payments-info-desc {

    display: block;
    color: #909090;
    font-size: 0.85em;
    line-height: 130%;
    margin-bottom: 1.5em;

}

.payments-info-desc:last-child {

    margin-bottom: 0;

}

.table-sub {

    display: block;
    margin-top: 0.25em;

}

.settings-split-view {

    display: flex;
    align-items: flex-start;
    margin-bottom: 2em;
    padding-bottom: 1em;
    border-bottom: 1px solid #e3e3e3;

}

.settings-split-view:last-child {

    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;

}

.settings-split-content {

    flex-basis: 60%;

}

.settings-split-desc {

    flex-basis: 40%;
    margin-right: 2em;
    padding-top: 1em;    

}

.settings-split-desc-head {

    display: block;
    color: #909090;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 0.5em;

}

.settings-split-desc-sub {

    display: block;
    color: #cccccc;
    line-height: 120%;

}

.review-wrapper {

    display: flex;

}

.review-wrapper-left {

    flex-basis: 40%;
    margin-right: 1.5em;

}

.review-wrapper-right {

    flex-basis: 60%;

}

.review-stars-wrapper {

    display: block;
    margin-bottom: 1.5em;

}

.review-stars {

    display: flex;

}

.review-stars-item {

    font-size: 2.5em;
    color: #e0e0e0;
    cursor: pointer;
    padding-right: 3px;

}

.review-stars-item-active {

    color: #909090;

}

.review-stars-item-selected {

    color: #613feb !important;

}

.review-stars-desc {

    display: block;
    color: #909090;
    font-weight: 700;
    margin-top: 1em

}

.review-item-wrapper {

    display: flex;

}

.review-item-meta {

    flex-basis: 25%;
    margin-right: 1.5em;

}

.review-item-meta-rating {

    display: flex;
    margin-bottom: 0.5em;

}

.review-item-meta-rating-0 {

    color: #e6deff;

}

.review-item-meta-rating-1 {

    color: #613feb;

}

.review-item-meta-name {

    display: block;
    margin-bottom: 0.5em;    
    font-weight: 700;

}

.review-item-meta-date {

    display: block;
    color: #909090;

}

.review-item-text {

    flex-basis: 85%;

}

.review-item-text-article {

    display: block;

}

.review-item-text-heading {

    display: block;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 0.5em;

}

.review-item-text-heading:last-child {

    margin-bottom: 0;

}

.review-item-text-body {

    display: block;
    line-height: 130%;

}

.review-item-text-empty {

    display: block;
    line-height: 130%;
    font-style: italic;
    color: #909090;

}

.review-item-details-wrapper {

    display: flex;
    flex-direction: row-reverse;
    margin-top: 1em;
    align-items: center;

}

.review-item-details {

    color: #909090;
    flex-basis: 50%;
    flex-shrink: 0;

}

.review-item-details-reply {

    flex-basis: 50%;
    flex-shrink: 0;

}

.review-item-details {

    color: #909090;

}

.review-item-details a {

    color: #909090;

}

.review-item-details a:hover {

    color: #606060;

}

.review-item-details a:active {

    color: #303030;

}

.review-item-details-order {

    display: block;
    font-size: 0.85em;
    margin-bottom: 0.35em;

}

.review-item-details-buyer {

    display: block;
    font-size: 0.85em;

}

.review-reply-wrapper {

    display: block;
    background: #f5f5f5;
    color: #606060;
    padding: 1.5em;
    border-radius: 10px;
    border-top: 12px solid #613feb;
    margin-top: 1em;

}

.review-reply-head {

    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;

}

.review-reply-text {

    display: block;
    line-height: 130%;
    word-break: break-word;

}

.chat-wrapper {

    display: block;
    overflow-y: auto;

}

.chat-attachment-menu {

    display: none;
    position: absolute;
    width: max-content;
    text-align: left;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5.5em;
    border-radius: 16px;
    padding: 0.5em;
    background: #ffffff;
    color: #312a46;
    z-index: 2;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);  

}

.chat-attachment-menu:after {

    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;

}

.chat-attachment-menu-item {

    display: block;
    color: #606060;
    border: none !important;
    text-decoration: none !important;
    background: none;
    border-radius: 12px;
    padding: 1.25em 1.5em;
    margin-bottom: 1px;
    cursor: pointer;

}

.chat-attachment-menu-item svg {

    margin-right: 0.5em;

}

.chat-attachment-menu-item:hover {

    background: #613feb;
    color: #ffffff;

}

.chat-attachment-menu-item:active {

    background: #ff4b7d;
    color: #ffffff;

}

.chat-attachment-image-fullsize {

    display: block;
    width: 100%;
    border-radius: 14px;

}

.message-chat-wrapper {

    display: flex;
    align-items: center;
    margin-bottom: 1em;

}

.message-chat-wrapper:last-child {

    margin-bottom: 0;

}

.message-chat-wrapper:hover .message-chat-arrow {

    color: #613feb;

}

.message-chat-wrapper:active .message-chat-arrow {

    color: #ff4b7d;

}

.message-chat-icon {

    flex-shrink: 0;
    width: 50px;    
    margin-right: 1em;

}

.message-chat-icon img {

    width: 100%;
    border-radius: 100%;

}

.message-chat-details {

    flex-basis: 100%;

}

.message-chat-details-name {

    display: block;
    margin-bottom: 0.25em;
    font-weight: 700;
    line-height: 120%;

}

.message-chat-details-preview {

    display: block;
    font-size: 0.85em;
    color: #909090;

}

.message-chat-arrow {

    flex-shrink: 0;
    margin-left: 1em;
    color: #909090;

}

.message-chat-notification {

    flex-shrink: 0;
    margin-left: 1em;
    color: #909090;

}

.message-chat-notification-badge {

    display: inline-block;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.85em;
    padding: 0.65em 1em;
    background: #ffecf2;
    color: #ff4b7d;

}

.message-chat-search-users {

    display: block;
    position: absolute;
    width: 100%;
    background: #ffffff;
    padding: 0.5em;
    margin-top: -0.65em;
    border-radius: 12px;
    z-index: 1;
    box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                1px 1px 15px 0px rgb(0 0 0 / 3%),
                0px 5px 50px 0px rgb(0 0 0 / 10%);

}

.message-chat-search-users-status {

    display: block;
    color: #bbbbbb;
    padding: 1em;
    border-radius: 8px;

}

.message-chat-search-users-results {

    display: none;

}

.message-chat-search-users-item {

    display: block;
    color: #bbbbbb;
    padding: 1em;
    border-radius: 8px;

}

.message-chat-search-users-item {

    display: block;
    background: none;
    color: #312a46;
    padding: 1em;
    border-radius: 8px;
    margin-bottom: 1px;
    cursor: pointer;

}

.message-chat-search-users-item:hover {

    display: block;
    color: #ffffff;
    background: #613feb;

}

.message-chat-search-users-item:active {

    display: block;
    color: #ffffff;    
    background: #ff4b7d;

}

.message-bubble-wrapper {

    display: block;
    width: 100%;
    margin-bottom: 1em;

}

.message-bubble-wrapper:last-child {

    margin-bottom: 0;

}

.message-bubble {

    display: inline-block;
    text-align: left;
    padding: 1.25em 1.5em;
    border-radius: 16px;
    width: 60%;

}

.message-bubble-image {

    display: flex;
    align-items: center;
    background: #ffffff;
    padding: 1em;
    border-radius: 8px;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.35em;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);
    cursor: pointer;

}

.message-bubble-image-preview {

    display: block;
    background: #cccccc;
    flex-basis: 80px;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    border-radius: 6px;

}

.message-bubble-image-preview img {

    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;

}

.message-bubble-image-desc {

    margin-left: 1.5em;

}

.message-bubble-image-desc-head {

    display: block;
    line-height: 110%;
    color: #312a46;
    font-weight: 700;
    margin-bottom: 0.25em;

}

.message-bubble-image-desc-sub {

    display: block;
    line-height: 110%;
    color: #aaaaaa;

}

.message-bubble-head {

    display: block;
    margin-bottom: 0.15em;
    line-height: 130%;

}

.message-bubble-head-date {

    display: block;
    float: right;
    font-size: 0.85em;

}

.message-bubble-body {

    display: block;
    line-height: 130%;

}

.message-bubble-left {

    text-align: left;

}

.message-bubble-right {

    text-align: right;

}

.message-bubble-center {

    text-align: center;

}

.message-bubble-left .message-bubble {

    background: #f1f1f1;
    color: #303030;

}

.message-bubble-right .message-bubble {

    background: #613feb;
    background: linear-gradient(150deg, rgb(165, 92, 255) 0%, rgba(97,63,235,1) 100%);  
    color: #ffffff;

}

.message-bubble-left .message-bubble-head-date {

    color: #000000;
    opacity: 0.3;

}

.message-bubble-right .message-bubble-head-date {

    color: #ffffff;
    opacity: 0.3;

}

.message-bubble-offer-wrapper {

    display: inline-block;
    text-align: left;
    padding: 12px;
    border-radius: 16px;
    width: 60%;
    background: #ffebf1;

}

.message-bubble-offer {

    display: block;
    width: 100%;
    border-radius: 10px;
    background: #ffffff;
    border-top: 15px solid #ff4b7d;
    padding: 2em;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);    

}

.message-bubble-offer-head {

    display: block;
    font-size: 0.85em;
    color: #909090;
    margin-bottom: 1.15em;
    line-height: 110%;

}

.message-bubble-offer-title {

    display: block;
    color: #312a46;
    font-weight: 700;
    font-size: 1.25em;
    margin-bottom: 0.85em;
    line-height: 110%;

}

.message-bubble-offer-price {

    display: inline-block;
    background: #f0ecff;
    color: #613feb;
    font-weight: 700;
    padding: 0.85em 1em;
    margin-bottom: 1em;
    border-radius: 8px;

}

.message-bubble-offer-desc {

    display: block;
    color: #909090;
    margin-bottom: 1em;
    line-height: 130%;

}

.message-bubble-offer-btns {

    display: block;
    color: #909090;
    margin-bottom: 1em;
    line-height: 130%;

}

.message-bubble-offer-info {

    display: block;
    font-size: 0.85em;
    color: #cccccc;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.message-bubble-system {

    display: block;
    padding: 1.25em 1.5em;
    background: #f0f5ff;
    color: #7395c9;
    line-height: 110%;
    border-radius: 16px;

}

.message-bubble-system-text {

    font-size: 0.85em;

}

.verification-badge {

    color: #04cb9d;
    font-size: 0.85em;
    
}

.admin-badge,
.admin-badge:hover,
.admin-badge:active {

    display: inline;
    font-size: 0.6em;
    padding: 0.35em 0.65em;
    font-weight: 700;
    background: #613feb;
    background: linear-gradient(150deg, rgb(165, 92, 255) 0%, rgba(97,63,235,1) 100%); 
    border-radius: 4px;
    color: #ffffff;
    line-height: 100%;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 0.5em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    
}

.username-image {

    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 999px;
    vertical-align: top;
    margin-right: 0.35em;

}

.username-image img {

    display: flex;
    width: 100%;
    border-radius: 100%;

}

.tab-nav-wrapper {

    display: block;

}

.tab-nav-wrapper-item {

    display: inline-block;
    background: #f1f1f1;
    border-radius: 12px;
    color: #606060;
    padding: 1.5em 2em;
    margin-right: 0.5em;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;     

}

.tab-nav-wrapper-item:hover {

    background: #613feb;
    color: #ffffff;

}

.tab-nav-wrapper-item:active {

    background: #ff4b7d;
    color: #ffffff;

}

.tab-nav-wrapper-item-active,
.tab-nav-wrapper-item-active:hover,
.tab-nav-wrapper-item-active:active {

    background: #312a46;
    color: #ffffff;

}

.sub-nav-element-wrapper {

    display: flex;
    align-items: center;
    gap: 1em;
    
}

.sub-nav-element {

    flex-basis: 100%;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.sub-nav-element .input-txt {

    margin-bottom: 0;
    line-height: 130%;

}

.sub-nav-wrapper {

    display: block;
    
}

.sub-nav-item-wrapper {

    display: flex;
    align-items: center;
    gap: 1em;
    
}

.sub-nav-item {

    flex-basis: 100%;
    text-align: left;
    border-radius: 12px;
    background: #f9f9f9;
    color: #909090;
    padding: 1.5em;
    transition: box-shadow 0.25s;
    cursor: pointer;
    font-weight: 400;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.sub-nav-item-wrapper-inv {

    display: flex;
    align-items: center;
    
}

.sub-nav-item-inv {

    flex-basis: 100%;
    margin-left: 0.5em;
    margin-right: 0.5em;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}

.sub-nav-item-inv .input-txt {

    margin-bottom: 0;
    line-height: 130%;

}

.sub-nav-item-inv:first-child {

    margin-left: 0;

}

.sub-nav-item-inv:last-child {

    margin-right: 0;

}

.sub-nav-item:hover {

    background: #613feb;
    color: #ffffff;

}

.sub-nav-item:active {

    background: #ff4b7d;
    color: #ffffff;

}

.sub-nav-item-name {

    display: block;
    
}

.sub-nav-item-icon {

    display: inline;
    margin-right: 0.5em;
    
}

.sub-nav-item-text {

    display: inline;
    
}

.sub-nav-item-count {

    display: block;
    float: right;
    
}

.sub-nav-item-selected {

    background: #f4f1ff;
    color: #613feb;
    font-weight: 700;

}

.sub-nav-item-selected:hover,
.sub-nav-item-selected:active {

    background: #f4f1ff;
    color: #613feb;

}

.order-wrapper {

    display: block;
    width: 100%;
    margin-bottom: 1em;

}

.order-wrapper:last-child {

    margin-bottom: 0;

}

.order-head {

    font-size: 0.85em;
    color: #909090;
    line-height: 110%;
    margin-bottom: 1.5em;

}

.order-item-wrapper {

    display: flex;
    align-items: center;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #e9e9e9;    

}

.order-item-wrapper:last-child {

    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;    

}

.order-item-wrapper-small {

    display: flex;
    align-items: center;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #e9e9e9;    

}

.order-item-wrapper-small:last-child {

    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;    

}

.order-item-img {

    display: block;
    flex-shrink: 0;
    margin-right: 1.25em;

}

.order-item-img-small {

    display: block;
    flex-shrink: 0;
    margin-right: 0.85em;

}

.order-item-image-container {

    display: block;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;    

}

.order-item-image-container-fixed {

    display: block;
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;    

}

.order-item-image-container-small {

    display: block;
    width: 1.5em;
    height: 1.5em;
    border-radius: 6px;
    background-color: #f1f1f1;
    background-position: center center;
    background-size: cover;    

}

.order-item-meta {

    display: block;
    flex-basis: 100%;
    margin-right: 1.25em;

}

.order-item-head {

    color: #909090;
    line-height: 110%;
    margin-bottom: 0.5em;

}

.order-item-meta:last-child {

    margin-right: 0;

}

.order-item-meta-title {

    font-weight: 700;
    line-height: 120%;
    margin-bottom: 0.35em;
    word-break: break-word;

}

.order-item-meta-title:last-child {

    margin-bottom: 0;

}

.order-item-meta-title a {

    color: #312a46;

}

.order-item-meta-title a:hover {

    color: #613feb;
    
}

.order-item-meta-title a:active {

    color: #ff4b7d;
    
}

.order-item-meta-options {

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 120%;
    font-size: 0.75em;
    font-weight: 700;
    margin-bottom: 0.35em;

}

.order-item-meta-options-item {

    background: #f4f1ff;
    color: #613feb;
    border-radius: 6px;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 0.5em 0.85em;

}

.order-item-meta-options-item-large {

    display: block;
    margin-bottom: 0.5em;

}

.order-item-meta-options-item-large-head {

    display: block;
    color: #613feb;
    font-weight: 700;
    margin-bottom: 0.25em;

}

.order-item-meta-options-item-large-head:last-child {

    margin-bottom: 0;

}

.order-item-meta-options-item-large-desc {

    display: block;
    font-size: 0.85em;
    opacity: 0.5;

}

.order-item-meta-notes {

    display: block;
    color: #909090;
    line-height: 120%;
    padding-top: 0.5em;
    font-size: 0.85em;

}

.order-item-meta-seller {

    display: block;
    line-height: 120%;

}

.order-item-meta-buyer {

    display: block;
    line-height: 120%;

}

.order-item-meta-details {

    display: block;
    line-height: 120%;

}

.order-item-status {

    display: block;
    flex-shrink: 0;
    margin-right: 1em;
    text-align: center;
    min-width: 160px;

}

.order-item-status:last-child {

    margin-right: 0;

}

.order-item-status-green-light {

    display: block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #d8fbe1;
    color: #04cb9d;
    font-size: 0.85em;
    font-weight: 700;

}

.order-item-status-yellow-light {

    display: block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #fff2d4;
    color: #ffa739;
    font-size: 0.85em;
    font-weight: 700;    

}

.order-item-status-red-light {

    display: block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #ffecec;
    color: #ff6672;
    font-size: 0.85em;
    font-weight: 700;    

}

.order-item-status-grey-light {

    display: block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #f9f9f9;
    color: #cccccc;
    font-size: 0.85em;
    font-weight: 700;    

}

.order-item-status-blurple-light {

    display: block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #f4f1ff;
    color: #613feb;
    font-size: 0.85em;
    font-weight: 700;    

}

.order-item-status-blurple {

    display: inline-block;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #613feb;
    color: #ffffff;

}

.order-item-status-review {

    display: block;
    margin-top: 2px;
    padding: 0.85em 1.25em;
    border-radius: 8px;
    background: #f1f1f1;
    color: #606060;
    font-size: 0.85em;
    font-weight: 700;    

}

.order-item-status-review:hover {

    background: #ececec;
    color: #606060;

}

.order-item-status-review:active {

    background: #303030;
    color: #ffffff;

}

.order-item-price {

    flex-shrink: 0;
    color: #613feb;

}

.order-item-actions {

    display: flex;
    flex-shrink: 0;

}

.btn-order-item-extend {

    display: inline-block;
    background: none;
    border-radius: 12px;
    color: #613feb;
    cursor: pointer;
    padding: 1em;
    background: #f4f1ff;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

}

.btn-order-item-extend:hover {

    color: #613feb;
    background: #ede8ff;

}

.btn-order-item-extend:active {

    color: #613feb;
    background: #e0d7ff;

}

.btn-order-item-details {

    padding: 1em 1.25em !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;    

}

.btn-order-item-cancel {

    display: inline-block;
    background: #f1f1f1;
    border-radius: 12px;
    color: #909090;
    padding: 1em;
    cursor: pointer;

}

.order-extended-wrapper:last-child {

    margin-bottom: 0;

}

.order-extended-head {

    display: block;
    width: 100%;

}

.order-extended-head-active {

    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #e3e3e3;

}

.order-extended-details {

    display: none;
    width: 100%;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;

}

.order-extended-details-head {

    display: block;
    font-size: 0.85em;
    margin-bottom: 1.5em;
    padding: 1em 1.25em;
    border-radius: 12px;
    background: #ffffff;
    color: #a5a5a5;
    box-shadow: inset 0px 0px 5px 0px rgb(0 0 0 / 5%),
                inset 0px 0px 0px 1px rgb(0 0 0 / 10%),
                0px 0px 0px 1px rgb(255 255 255 / 100%);

}

.order-details-wrapper {

    display: flex;
    align-items: flex-start;   

}

.order-details-meta {

    flex-basis: 40%;
    margin-right: 0.5em;

}

.order-details-items {

    flex-basis: 60%;
    margin-left: 0.5em;

}

.order-details-status {

    display: block;
    padding: 1.5em;
    border-radius: 12px;
    background: #f1f1f1;
    color: #909090;
    margin-bottom: 1em;

}

.order-details-status:last-child {

    margin-bottom: 0;

}

.order-details-status-head {

    display: block;
    font-weight: 700;
    margin-bottom: 0.5em;

}

.order-details-status-desc {

    display: block;
    font-size: 0.85em;

}

.order-details-status svg {

    margin-right: 0.25em;

}

.order-details-status-shipment {

    background: #f4f1ff;
    color: #613feb;

}

.order-details-status-unpaid {

    background: #fff2d4;
    color: #ffa739;

}

.order-details-status-fulfilled {

    background: #d8fbe1;
    color: #04cb9d;  

}

.order-details-status-canceled {

    background: #ffecec;
    color: #ff6672;

}

.order-details-status-unknown {

    background: #f1f1f1;
    color: #909090;  

}

.order-details-customer-name {

    display: block;
    font-size: 1em;
    font-weight: 700;
    margin-bottom: 0.25em;

}

.order-details-customer-username {

    display: block;
    margin-bottom: 1em

}

.order-details-customer-username-desc {

    display: block;
    font-size: 0.85em;
    color: #cccccc;

}

.order-details-customer-message {

    display: block;

}

.order-details-customer-address {

    display: block;
    line-height: 130%;

}

.stats {

    display: flex;
    align-items: flex-start;
    margin-bottom: 0.35em;
    word-break: break-word;

}

.stats:last-child {

    margin-bottom: 0;

}

.stats-desc {

    flex-basis: 100%;
    margin-right: 1em;
    color: #909090;

}

.stats-num {

    flex-shrink: 0;
    font-weight: 700;

}

.stats-separator {

    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dashed #e0e0e0;

}

.category-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5em;

}

.account-wrapper {

    display: flex;
    align-items: flex-start;    

}

.account-a {

    flex-basis: 50%;
    margin-right: 0.5em;

}

.account-b {

    flex-basis: 50%;
    margin-left: 0.5em;

}

.vipely-shield-wrapper {

    display: flex;
    padding: 1.85em 2em;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);
    align-items: center;

}

.vipely-shield-icon {

    flex-basis: 50px;
    flex-shrink: 0;
    margin-right: 1.5em;

}

.vipely-shield-desc {

    flex-basis: 100%;

}

.vipely-shield-desc-head {

    display: block;
    color: #613feb;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 0.25em;

}

.vipely-shield-desc-body {

    display: block;
    line-height: 130%;
    color: #909090;
    font-size: 0.85em;
    
}

.upgrade-list-wrapper {

    display: flex;
    background: #ffffff;
    align-items: center;
    padding: 2.5em;
    border-radius: 16px;
    margin-bottom: 2em;
    box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                1px 1px 3px 0px rgb(0 0 0 / 5%),
                0px 0px 30px 0px rgb(0 0 0 / 5%);

}

.upgrade-list-icon {

    flex-basis: 130px;
    flex-shrink: 0;
    margin-right: 2em;

}

.upgrade-list-icon img {

    width: 100%;

}

.upgrade-list-desc {

    flex-basis: 100%;
    margin-right: 2em;    

}

.upgrade-list-button {

    flex-shrink: 0;
    text-align: right;

}

.upgrade-list-desc-title {

    font-size: 1.25em;
    font-weight: 700;
    line-height: 120%;
    color: #312a46;
    margin-bottom: 0.35em;

}

.upgrade-list-desc-sub {

    display: block;
    line-height: 130%;    
    color: #909090;
    margin-bottom: 1em;

}

.upgrade-list-desc-status {

    display: inline-block;
    line-height: 100%;    
    font-weight: 700;
    background: #ffffff;
    padding: 1em 1.25em;
    border-radius: 10px;
    border: 1px solid #e3e3e3;

}

.page-head {

    display: block;
    margin-bottom: 2em;

}

.page-head-heading {

    display: block;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    color: #707070;
    line-height: 120%;
    margin-bottom: 1.25em;
    padding-top: 0.85em;

}

.page-head-sub {

    display: block;
    color: #707070;
    line-height: 140%;
    margin-bottom: 1.5em;

}

.page-head-sub:last-child {

    margin-bottom: 0;

}

.page-body {

    margin-bottom: 2em;   

}

.page-body:last-child {

    margin-bottom: 0;   

}

.page-body-head {

    display: block;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.5em;
    color: #707070;
    margin-bottom: 1.25em;  
    line-height: 120%; 

}

.page-body-section-wrapper {

    display: block;
    padding: 2em;  
    background: #fbfbfb;
    border-radius: 6px;
    border: 1px solid #e0e0e0;
    margin-bottom: 1.5em;

}

.page-body-section-wrapper svg {

    margin-right: 0.5em;

}

.page-body-section-wrapper:last-child {

    margin-bottom: 0;

}

.page-body-list {

    text-indent: -2em;
    padding-left: 1.85em;

}

.page-body-section-wrapper .page-body-section {

    color: #909090;  

}

.page-body-section {

    display: block;
    margin-bottom: 1.5em;  
    line-height: 140%; 
    color: #707070;    

}

.page-body-section-small {

    margin-bottom: 0.5em;

}

.page-body-section:last-child {

    margin-bottom: 0;   

}

.page-static-head {

    display: block;
    color: #613feb;
    font-size: 1.5em;
    margin-bottom: 1.5em;
    padding-top: 1em;
    font-weight: 700;

}

.page-static-claim {

    display: block;
    color: #ff4b7d;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 2.5em;
    line-height: 110%;
    margin-bottom: 1em;

}

.page-static-claim-small {

    display: block;
    color: #ff4b7d;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 2em;
    line-height: 110%;
    margin-bottom: 1em;

}

.page-static-details {

    display: block;
    line-height: 140%;
    margin-bottom: 2.5em;
    font-size: 1.25em;
    font-weight: 700;

}

.page-static-details-alt {

    display: block;
    line-height: 140%;
    margin-bottom: 2.5em;
    font-size: 1.25em;
    margin-top: -0.5em;

}

.page-static-highlight-grid {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5em;
    margin-bottom: 3.5em;

}

.page-static-highlight-grid-item {

    display: block;

}

.page-static-highlight-grid-icon {

    display: block;
    margin-bottom: 1.5em;

}

.page-static-highlight-grid-icon img {

    max-width: 50px;

}

.page-static-highlight-grid-head {

    display: block;
    margin-bottom: 0.5em;
    font-size: 1.25em;
    color: #312a46;
    font-weight: 700;
    line-height: 110%;

}

.page-static-highlight-grid-desc {

    display: block;
    color: #909090;
    line-height: 130%;

}

.page-static-highlight-list-wrapper {

    display: block;
    margin-bottom: 3.5em;

}

.page-static-highlight-list {

    display: flex;
    align-items: start;
    margin-bottom: 2em;

}

.page-static-highlight-list:last-child {

    margin-bottom: 0;

}

.page-static-highlight-list-icon {

    flex-basis: 80px;
    flex-shrink: 0;
    margin-right: 2.5em;

}

.page-static-highlight-list-icon img {

    width: 100%;

}

.page-static-highlight-list-desc {

    flex-basis: 100%; 

}

.page-static-highlight-list-desc-head {

    display: block;
    margin-bottom: 0.5em;
    font-size: 1.25em;
    color: #312a46;
    font-weight: 700;
    line-height: 110%;

}

.page-static-highlight-list-desc-sub {

    display: block;
    line-height: 140%;
    font-size: 1.25em;
    color: #909090;

}

.page-static-highlight-box-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5em;
    margin-bottom: 3.5em;

}

.page-static-highlight-box {

    display: block;
    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    padding: 3em 2em;
    text-align: center;

}

.page-static-highlight-box-icon {

    display: block;
    margin-bottom: 1em;

}

.page-static-highlight-box-icon img {

    display: inline-block;
    max-width: 120px;

}

.page-static-highlight-box-head {

    display: block;
    margin-bottom: 0.5em;
    font-size: 1.25em;
    color: #613feb;
    font-weight: 700;
    line-height: 110%;

}

.page-static-highlight-box-desc {

    display: block;
    color: #909090;
    line-height: 130%;

}

.page-static-register-cta {

    display: block;
    margin-bottom: 3.5em;
    background: #f9f9f9;
    border-radius: 20px;
    padding: 5em 3em;
    text-align: center;

}

.page-static-register-cta-btn {

    display: block;
    margin-bottom: 1.5em;
    font-size: 1.25em;

}

.page-static-register-cta-desc {

    display: block;
    font-size: 1.25em;
    color: #909090;
    line-height: 120%;
    max-width: 800px;
    margin: auto;

}

.page-static-team-grid {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5em;
    margin-bottom: 1.5em;

}

.page-static-team-grid-item {

    display: block;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    padding: 3em 2em;

}

.page-static-team-grid-image {

    display: block;
    margin-bottom: 1.5em;

}

.page-static-team-grid-image img {

    width: 100%;
    max-width: 150px;
    border-radius: 50%;

}

.page-static-team-grid-head {

    display: block;
    margin-bottom: 0.25em;
    font-size: 1.25em;
    color: #312a46;
    font-weight: 700;
    line-height: 110%;

}

.page-static-team-grid-desc {

    display: block;
    color: #909090;
    line-height: 130%;

}

.page-static-team-details {

    display: block;
    line-height: 140%;
    font-size: 1.25em;
    color: #909090;

}

.page-static-tabs-nav {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
    margin-bottom: 1em;

}

.page-static-tabs-nav-item {

    display: block;
    background: #f9f9f9;
    color: #909090;
    padding: 1.5em;
    cursor: pointer;
    text-align: center;
    border-radius: 12px;

}

.page-static-tabs-nav-item:hover {

    background: #613feb;
    color: #ffffff;

}

.page-static-tabs-nav-item:hover {

    background: #ff4b7d;
    color: #ffffff;
    
}

.page-static-tabs-nav-item-active {

    background: #f4f1ff !important;
    color: #613feb !important;
    font-weight: 700 !important;

}

.page-static-tabs-nav-item-active:hover,
.page-static-tabs-nav-item-active:active {

    background: #f4f1ff !important;
    color: #613feb !important;

}

.page-static-tabs-nav-section {

    text-align: center;
    border: 2px solid #e0e0e0;
    border-radius: 20px;
    padding: 3em;
    text-align: left;
    margin-bottom: 3.5em;

}

.page-static-tabs-nav-section-head {

    display: block;
    color: #613feb;
    font-size: 1.25em;
    font-weight: 700;
    margin-bottom: 1em;
    line-height: 110%;

}

.page-static-tabs-nav-section-desc {

    display: block;
    line-height: 130%;
    margin-bottom: 1.5em;

}

.page-static-tabs-nav-section-desc:last-child {

    margin-bottom: 0;

}

.hero-wrapper {

    display: flex;
    position: relative;
    height: 91vh;
    z-index: 1;
    align-items: center;

}

.onboarding-teaser {

    display: flex;
    align-items: flex-start;
    gap: 3em;

}

.onboarding-teaser-a {

    flex-basis: 50%;

}

.onboarding-teaser-b {

    flex-basis: 50%;

}

.onboarding-head {

    display: block;
    color: #312a46;
    font-size: 1.5em;
    font-family: 'Noto Sans', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', Myriad, Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 1.25em;
    word-break: break-word;
    padding: 1em;
    border-radius: 12px;
    background: #f5f5f5;
    color: #606060;
    text-align: center;

}

.onboarding-testimonial-wrapper {

    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
    margin-bottom: 2em;

}

.onboarding-testimonial-item {

    flex-basis: 100%;
    text-align: center;
    padding: 3em 2em;
    border-radius: 16px;
    background: #f4f1ff;
    color: #9587ca;

}

.onboarding-testimonial-item-img {

    display: block;
    margin-bottom: 0.5em;

}

.onboarding-testimonial-item-img img {

    display: inline-block;
    max-width: 100px;
    border-radius: 50%;
    border: 5px solid #ffffff;
    box-shadow: 1px 1px 20px 1px rgb(97 63 235 / 26%);

}

.onboarding-testimonial-item-head {

    display: block;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 0.65em;
    color: #613feb;
    font-size: 1.25em;

}

.onboarding-testimonial-item-badge {

    display: inline-block;
    background: #ff4b7d;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85em;
    padding: 0.65em 1em;
    border-radius: 6px;
    margin-bottom: 1em;
}

.onboarding-testimonial-item-body {

    display: block;
    line-height: 130%;

}

.affiliate-link {

    display: block;
    position: relative;
    font-weight: 700;
    background: #f4f1ff;
    color: #613feb; 
    padding: 1.5em 1.75em;
    border-radius: 10px;

}

.affiliate-link-copy {

    display: block;
    position: absolute;
    top: 0.95em;
    right: 1em;
    background: #613feb;
    color: #ffffff;
    font-size: 0.85em;
    padding: 0.85em 1.25em;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0);  
    transition: box-shadow 0.25s;     

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    

}

.affiliate-link-copy:hover {

    background: #6b46ff;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0.25);
    color: #ffffff;

}

.affiliate-link-copy:active {

    background: #ff4b7d;
    box-shadow: 0px 0px 15px 0px rgba(255,75,125,0.25);
    color: #ffffff;

}

.affiliate-link-copy-success {

    background: #ffffff !important;
    color: #613feb !important;
    box-shadow: 0px 0px 15px 0px rgba(97,63,235,0.15);   
    pointer-events: none;

}

.affiliate-commission-wrapper {

    display: flex;
    gap: 1em;
    align-items: center;

}

.affiliate-commission-amount {

    flex-shrink: 0;
    background: #d8fbe1;
    color: #04cb9d;
    padding: 1.25em 1.5em;
    border-radius: 8px;
    font-weight: 700;
    text-align: center;

}

.affiliate-commission-amount svg {

    margin-right: 0.15em;

}

.affiliate-commission-desc {

    flex-basis: 100%;
    line-height: 130%;

}

.article-preview-wrapper {

    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;

}

.article-preview-item {

    display: block;
    background: #f9f9f9;
    border-radius: 12px;
    padding: 1.5em;
    text-align: center;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 5%);
    text-align: center;
    transition: all 0.2s;

}

.article-preview-item:hover {

    box-shadow: 0px 0px 0px 5px #613feb;

}

.article-preview-item:active {

    box-shadow: 0px 0px 0px 5px #613feb;
    transform: scale(0.95);

}

.article-preview-item-image {

    display: block;
    margin-bottom: 1em;

}

.article-preview-item-image img {

    display: block;
    width: 100%;
    border-radius: 8px;

}

.article-preview-item-title {

    display: block;
    width: 100%;
    line-height: 130%;
    color: #909090;

}

@media screen and (max-width: 1000px) {

    body {

        font-size: 0.85em;
    
    }

    .modal {

        font-size: 1.15em;
    
    }    

    .large-center-text,
    .large-center-text-alt {

        font-size: 2.5em;
    
    }

    .menu-item-wrapper {

        grid-template-columns: repeat(2, 1fr);
    
    }    

    .grid-2xlp-wrapper {

        gap: 1.5em;
        font-size: 0.85em;
    
    }

    .grid-2xlp-item {

        padding: 3em;
    
    }    

    .section-headline,
    .item-details-content-head {

        font-size: 1.25em;
    
    }

    .item-details-images-thumbs-item {

        width: 75px;
        height: 75px;
    
    }    

    .item-details-images {

        margin-right: 1.5em;
    
    }    

    .cart-item-image-container,
    .order-item-image-container {

        width: 40px;
        height: 40px;

    }      

    .box-default-white,
    .box-default-head {

        padding: 1.25em;
    
    }    

    .status-card-content-image {

        margin-left: -1.25em;
        margin-right: -1.25em;
        padding-top: 0.1em;
    
    }    

    .profile-head-picture {

        width: 80px;
    
    }    

    .vipely-shield-desc-head {

        font-size: 1.15em;
        
    }  

    .vipely-shield-desc-body {

        font-size: 1em;
        
    } 

    .margin-bottom-large {

        margin-bottom: 1.85em;
    
    }    

    .message-chat-wrapper {

        font-size: 1.15em;

    }

    .page-static-highlight-box-icon img {

        max-width: 100px;

    }     

    .category-highlight-item-icon img {

        max-width: 70px;
    
    }   

}

@media screen and (max-width: 900px) {

    .sub-nav-item {

        display: block;
        position: relative;
        text-align: center;
        padding-left: 0;
        padding-right: 0;

    }

    .sub-nav-item-count {

        display: block;
        position: absolute;
        right: -0.25em;
        top: -0.25em;
        padding: 0.5em 0.75em;
        background: #613feb;
        box-shadow: 0px 0px 0px 2px rgba(255,255,255,1);
        border-radius: 4px;
        color: #ffffff;
        font-weight: 700;

    }  

    .sub-nav-item-count:hover,
    .sub-nav-item-count:active {

        color: #ffffff;

    }      

    .sub-nav-item-icon {

        display: block;
        margin-bottom: 0.5em;
        font-size: 1.5em;        
        margin-right: 0;

    }    

    .sub-nav-item-text {

        display: block;
        font-weight: 700;

    }    

    .grid-sc-wrapper {

        grid-template-columns: repeat(2, 1fr);
    
    }    

    .footer-content-grid {

        grid-template-columns: repeat(3, 1fr);
    
    }    

    .page-static-team-grid,
    .page-static-highlight-box-wrapper {

        gap: 1.5em;
    
    }    

    .profile-card-wrapper,
    .item-preview-wrapper {

        grid-template-columns: repeat(3, 1fr);
    
    }    

    .profile-card-item,
    .item-preview {

        padding: 1.25em;
    
    }     

    .wrapper-border {

        padding: 6% 10%;
    
    }        
    
}

@media screen and (max-width: 750px) {

    body {

        font-size: 1em;
    
    }

    .wrapper {

        padding: 1.5em 1.5em;
    
    }    

    .modal {

        padding: 2.5em;
        font-size: 0.85em;
    
    }

    .modal-x {

        font-size: 1.25em;
        top: 1.5em;
        right: 2em;
        background: #f5f5f5;
        color: #cccccc;
    
    }

    .modal-x:hover,
    .modal-x:active {

        box-shadow: inset 0px 0px 0px 2px rgb(0 0 0 / 0%);
    
    }      

    .button {

        padding-top: 1.85em;
        padding-bottom: 1.85em;
    
    }

    .button-noscale {

        padding-top: 1.6em !important;
        padding-bottom: 1.6em !important;
    
    }    

    .button-mobile-narrow {

        padding-left: 1.6em !important;
        padding-right: 1.6em !important;

    }

    .large-center-text,
    .large-center-text-alt {

        font-size: 2em;
    
    }

    .large-center-text-alt-sub {

        margin-bottom: 2.65em;    
    
    }    

    .menu-item-wrapper {

        grid-template-columns: repeat(1, 1fr);
    
    }       

    .grid-2xlp-wrapper {

        grid-template-columns: repeat(1, 1fr);
        gap: 1.5em;
        font-size: 1em;
    
    }

    .grid-2xlp-item {

        padding: 3em;
    
    }    

    .input-split-dropdown-button {

        display: block;
        width: 100%;
    
    }

    .input-split-dropdown-button .button {

        width: 100%;
    
    }     
    
    .input-txt-area {

        height: 200px;
    
    }    
    
    .item-details-images-thumbs-item {

        width: 60px;
        height: 60px;
    
    }      

    .item-details-wrapper,
    .cart-wrapper,
    .checkout-wrapper,
    .create-wrapper,
    .order-details-wrapper,
    .account-wrapper {

        display: block;

    }

    .item-details-images {

        display: block;
        margin-right: 0;
        margin-bottom: 1.5em;

    }    

    .item-details-icon {

        display: block;
        margin: -1.5em -1.5em 1.5em -1.5em;
        background: #f5f5f5;
        border-radius: 0;
        padding: 3em;
        text-align: center;
        border-bottom: 1px solid #e3e3e3;

    }      
    
    .item-details-icon img {

        max-width: 130px;

    }      
    
    .item-inventory-options-menu {

        bottom: 4.85em;
    
    }    

    .cart-items {

        display: block;
        margin-right: 0;
        margin-bottom: 1em;
    
    }  

    .cart-summary {

        display: block;
        margin-left: 0;
    
    }   

    .checkout-customer,
    .create-main,
    .order-details-meta,
    .account-a {

        display: block;
        margin-right: 0;
        margin-bottom: 1em;
    
    }      

    .checkout-payment,
    .create-side,
    .order-details-items,
    .account-b {

        display: block;
        margin-left: 0;
    
    }       
    
    .cart-item-wrapper {

        font-size: 1em;

    }  
    
    .cart-item-image-container,
    .order-item-image-container {

        width: 60px;
        height: 60px;

    }

    .box-default-white,
    .box-default-head {

        padding: 1.5em;
    
    }    

    .status-card-content-image {

        margin-left: -1.5em;
        margin-right: -1.5em;
        padding-top: 0.5em;
    
    }    

    .profile-card-item,
    .item-preview {

        padding: 1.5em;
    
    }      

    .sub-nav-item-wrapper {

        gap: 0.5em;
    
    }   

    .sub-nav-element-wrapper {

        display: block;
        
    }

    .sub-nav-element {

        margin-bottom: 0.5em;
        
    }    

    .sub-nav-element:last-child {

        margin-bottom: 0;

    }

    .sub-nav-element {
    
        flex-basis: 100%;
    
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    
    }    

    .sub-nav-item-wrapper-inv {

        display: block;

    }

    .sub-nav-item-inv {

        display: block;
        margin: 0 0 0.65em 0;

    }      
    
    .sub-nav-item-inv:last-child {

        margin-bottom: 0;

    }      
    
    .sub-nav-item-text {

        font-size: 0.85em;

    }    
    
    .sub-nav-item-count {

        font-size: 0.85em;

    }    
    
    .payments-overview-item-ico {

        font-size: 1.5em;
        margin-bottom: 0.45em;
    
    }
    
    .payments-overview-item-num {
    
        font-size: 1.5em;
        margin-bottom: 0.35em;

    }   
    
    .payments-overview-item-desc {
    
        font-size: 0.85em;
    
    }      

    .table-default {

        font-size: 0.85em;
        
    }    

    .grid-sc-wrapper,
    .grid-sc-wrapper-alt {

        font-size: 0.85em;
    
    }      

    .review-item-wrapper {

        display: block;
    
    }

    .review-item-meta {

        display: block;
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px dashed #e9e9e9;
    
    }

    .review-item-meta-name {

        margin-bottom: 0;
    
    }    

    .review-item-meta-date {

        position: absolute;
        right: 0;
        top: 0;
    
    }      

    .review-item-text {

        display: block;
        width: 100%;
    
    } 
    
    .review-item-details-wrapper {

        display: block;

    }
    
    .review-item-details {
    
        display: block;
    
    }
    
    .review-item-details-reply {
    
        display: block;
        margin-bottom: 1em;

    }   

    .vipely-shield-wrapper {

        padding: 1.5em 1.5em;
    
    }    

    .vipely-shield-desc-head {

        font-size: 1em;
        
    }     

    .vipely-shield-desc-body {

        font-size: 0.85em;
        
    }     

    .vipely-shield-icon {

        margin-right: 1em;
        
    }     

    .margin-bottom-large {

        margin-bottom: 1.5em;
    
    }      

    .payments-overview-item {

        padding: 2em 0;
    
    }

    .section-head-button .button {

        padding: 1.25em;
    
    }

    .section-head-button .section-head-button-text {

        display: none;
    
    }   
    
    .message-chat-wrapper {

        font-size: 1em;

    }    

    .message-bubble,
    .message-bubble-offer-wrapper {

        width: 80%;
    
    }    

    .footer-content-grid {

        grid-template-columns: repeat(2, 1fr);
    
    }     

    .page-static-highlight-grid {

        grid-template-columns: repeat(1, 1fr);
        gap: 3em;
    
    }

    .page-padding {

        padding-left: 2em;
        padding-right: 2em;

    }

    .page-static-highlight-list {

        display: block;
        margin-bottom: 2.5em;

    }

    .page-static-highlight-list-icon {

        display: block;
        margin-right: 0;
        margin-bottom: 1.5em;
    
    }

    .page-static-highlight-list-icon img {

        max-width: 70px;
    
    }    
    
    .page-static-highlight-list-desc {
    
        display: block;
        line-height: 130%;
        font-size: 1em;    
    
    }    

    .page-static-claim {

        font-size: 2em;
    
    }    

    .page-static-claim-small {

        font-size: 1.5em;

    }

    .page-static-team-grid,
    .page-static-highlight-box-wrapper {

        gap: 1em;
    
    }      

    .page-static-team-grid-item,
    .page-static-highlight-box {

        padding: 2em;

    }

    .profile-card-wrapper,
    .item-preview-wrapper {

        grid-template-columns: repeat(2, 1fr);
    
    }   
    
    .notice-frontpage {

        display: block;
        padding: 2em;
        text-align: center;

    }

    .notice-frontpage-content {

        display: block;
        margin-left: 0;

    }    

    .notice-frontpage-icon {

        display: block;
        margin-bottom: 1em;
    
    }  
    
    .notice-frontpage-icon img {

        max-width: 100px;

    }

    .splash-border {

        padding: 4em 2em;
    
    }    

    .page-static-highlight-box {

        font-size: 0.85em;

    }

    .page-static-highlight-box-icon img {

        max-width: 80px;

    }    

    .page-static-register-cta-btn {

        font-size: 1em;
    
    }    

    .page-static-tabs-nav {

        grid-template-columns: repeat(1, 1fr);
        gap: 0.5em;
    
    }   
    
    .page-static-tabs-nav-section {

        padding: 2.5em;
    
    }    

    .message-bubble-offer {
    
        padding: 1.5em;
    
    }
    
    .input-txt-large {

        font-size: 1.5em;
        border-radius: 16px;

    }

    .button-searchbox-large {

        font-size: 1.15em;
        border-radius: 16px;

    }

    .chat-attachment-menu:after {

        right: 1.6em;
    
    }    

    .discover-section-head-wrapper {

        margin-bottom: 1.5em;
    
    }    

    .discover-section-icon {

        font-size: 2em;
        border-radius: 12px;
    
    }

    .discover-section-title-head {

        font-size: 1.25em;

    }     

    .modal-wrapper-scrollable {

        position: absolute;
    
    }

    .modal-wrapper-scrollable .modal-container {

        vertical-align: top;
        padding-top: 25%;
    
    }     
    
    .category-highlight-wrapper {
    
        grid-template-columns: repeat(2, 1fr);
    
    }    

    .tab-switch-section-margin {

        margin: 0;
    
    }    

    .category-wrapper {

        grid-template-columns: repeat(2, 1fr);
    
    }

    .wrapper-border {

        padding: 0;
        border: none;
        border-radius: 0px;
    
    }    

    .splash-head {

        font-size: 1.5em;

    }

    .splash-desc {

        font-size: 1em;

    }

    .splash-image img {

        max-width: 150px;

    }

    .splash-image-small img {

        max-width: 100px;

    }

    .section-grey-light-desktop-only {

        background: #ffffff;
    
    }    

    .upgrade-list-wrapper {

        display: block;
        text-align: center;
    
    }    

    .upgrade-list-icon {

        display: block;
        margin: 0 auto 1.5em auto;
        width: 120px;

    }
    
    .upgrade-list-desc {

        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 2em;        

    }

    .upgrade-list-button {

        display: block;
        width: 100%;
        text-align: center;  

    }   
    
    .upgrade-list-button .button {

        width: 100%;

    }      

    .settings-split-view {

        display: block;
        margin-bottom: 1.5em;
        padding-bottom: 0;
        border-bottom: none;
    
    }
    
    .settings-split-desc {
    
        display: block;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.5em;
        padding-top: 0.25em;
        padding-left: 0;
    
    }

    .settings-split-desc-head {

        margin-bottom: 0.25em;
    
    }    

    .settings-split-content {
    
        display: block;
        width: 100%;
    
    }

    .status-card-content-item-meta-desc {

        font-size: 0.85em;
    
    }

    .status-card-content-item-img {

        flex-basis: 7em;
        height: 7em;
    
    }    

    .status-card-preview-wrapper {

        grid-template-columns: repeat(1, 1fr);
    
    }  
    
    .onboarding-teaser {

        display: block;
    
    }
    
    .onboarding-teaser-a {
    
        display: block;
        margin-bottom: 3em;
    
    }
    
    .onboarding-teaser-b {
    
        display: block;
    
    }    

    .onboarding-testimonial-wrapper {

        grid-template-columns: repeat(1, 1fr);
    
    }    

    .promo-wrapper {

        display: block;
        text-align: center;
    
    }
    
    .promo-wrapper-image {
    
        margin-bottom: 2em;
    
    }
    
    .promo-wrapper-image img {
    
        max-width: 250px;
    
    }

}

@media screen and (max-width: 600px) {

    .modal-x {

        top: 1.3em;
        right: 1.65em;
    
    }   

    .modal-container:not(.modal-float) {

        padding-left: 0;
        padding-right: 0;

    }

    .modal:not(.modal-float) {

        position: fixed;
        padding: 2em;
        bottom: 0;
        bottom: env(safe-area-inset-bottom);
        width: 100%;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    
    } 

    .modal-small:not(.modal-float) {

        max-width: none;
    
    }     

    .modal-scale:not(.modal-float) {

        transform: translateY(100%);
    
    }    

    .status-card-wrapper {

        margin: 0 auto 1em auto;
    
    }

    .menu-item {

        padding: 1.25em;

    }

    .header-nav-account {

        display: none;

    }    

    .cart-item-image-container,
    .order-item-image-container {

        width: 40px;
        height: 40px;
        border-radius: 6px;

    }    

    .input-image-preview-file {

        height: 6em;

    } 
    
    .category-wrapper {

        display: block;
    
    }     
    
    .profile-head-wrapper {

        display: block;
        text-align: center;
        margin-top: 1em;
        margin-bottom: 1em;

    }

    .profile-bio-wrapper {

        margin-top: 1em;
        margin-bottom: 1em;

    }  

    .profile-head-picture {

        display: block;
        margin: auto;
        width: inherit;
        max-width: 150px;
        margin-bottom: 1em;

    }    

    .profile-head-details,
    .profile-head-rating {

        display: block;
        margin: auto;
        width: inherit;

    }       

    .profile-head-rating-stars {

        margin-top: 1em;

    }

    .profile-head-rating-details {

        font-size: 1em;

    }

    .section-headline-alt {

        margin-top: 0.5em;
    
    }    

    .sub-nav-item-icon {

        margin-bottom: 0.35em;
        font-size: 1.25em;

    }  

    .sub-nav-item-text {

        font-size: 0.75em;

    }    
    
    .sub-nav-item-count {

        font-size: 0.75em;

    }     

    .mobile-center {

        text-align: center;
    
    }    

    .payments-overview-item-ico {

        font-size: 1.5em;
    
    }
    
    .payments-overview-item-num {
    
        font-size: 1.25em;
        margin-bottom: 0.15em;        
    
    }   

    .grid-sc-wrapper,
    .grid-sc-wrapper-alt {

        grid-template-columns: repeat(1, 1fr);
        font-size: 1em;
    
    }      

    .vipely-shield-wrapper {

        align-items: start;
    
    }   
    
    .page-body-section-wrapper {

        padding: 1.5em;  
    
    }   
    
    .page-padding {

        padding-left: 2em;
        padding-right: 2em;

    }    

    .page-static-team-grid,
    .page-static-highlight-box-wrapper {

        grid-template-columns: repeat(1, 1fr);
        gap: 1.5em;
    
    }    

    .page-static-team-grid-item,
    .page-static-highlight-box {

        padding: 2.5em 2em;

    }   

    .page-static-highlight-box {

        font-size: 1em;

    }    
    
    .page-static-highlight-box-icon img {

        max-width: 120px;

    }
    
    .profile-card-wrapper,
    .item-preview-wrapper {

        grid-template-columns: repeat(1, 1fr);
    
    }     

    .box-image-wrapper {

        display: block;
    
    }
    
    .box-image-img {
    
        display: block;
        text-align: center;
        margin-bottom: 1em;
    
    }

    .box-image-img img {
    
        display: inline-block;
        width: 80px;
    
    }    
    
    .box-image-content {
    
        display: block;
        margin-left: 0;
        text-align: center;
    
    }
    
    .box-image-content-btn {
    
        margin-top: 1.5em;
    
    }    
    
    .box-default-white,
    .box-default-head,
    .item-preview,
    .profile-card-item,
    .vipely-shield-wrapper,
    .box-default-clickable,
    .grid-sc-item,
    .upgrade-list-wrapper {

        margin-left: -1.5em;
        margin-right: -1.5em;
        border-radius: 0;
        box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                    0px 0px 3px 0px rgb(0 0 0 / 0%);

    }  

    .upgrade-list-wrapper {

        padding-top: 3.5em;
        padding-bottom: 3.5em;

    }
    
    .profile-card-item {

        padding-top: 3em;
        padding-bottom: 3em;

    }

    .box-keep-appearance {

        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 7%),
                    1px 1px 15px 0px rgb(0 0 0 / 3%);

    }
    
    .box-default-clickable:hover {

        box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                    0px 0px 3px 0px rgb(0 0 0 / 0%);
    
    }
    
    .box-default-clickable:active {
    
        background: #f9f9f9;        
        box-shadow: 0px 0px 0px 1px rgb(0 0 0 / 7%),
                    0px 0px 3px 0px rgb(0 0 0 / 0%);
    
    }    

    .page-static-tabs-nav-section {

        padding: 2em;
    
    }       

    .order-item-wrapper {

        display: block;
        position: relative;
    
    }      

    .order-item-wrapper .box-order-icon {

        position: absolute;
        float: right;
        margin-right: 0;
        padding: 0.4em 0.75em;
        font-size: 0.65em;
        top: -0.5em;
        right: -0.5em;
        border-radius: 4px;
        box-shadow: 0px 0px 0px 2px #ffffff;
    
    }   

    .order-item-wrapper .order-item-status {

        margin-top: 1em;
    
    }       

    .order-item-wrapper .order-item-status-green-light,
    .order-item-wrapper .order-item-status-red-light,
    .order-item-wrapper .order-item-status-yellow-light,
    .order-item-wrapper .order-item-status-grey-light,
    .order-item-wrapper .order-item-status-blurple-light,
    .order-item-wrapper .order-item-status-blurple,
    .order-item-wrapper .order-item-status-review {

        padding: 1.25em;
    
    }   

    .order-item-meta {

        margin-right: 0;
    
    }      

    .order-item-img {

        float: right;
        margin-right: 0;
        margin-left: 1em;
    
    }     
    
    .order-item-price {

        margin-top: 1em;

    }

    .cart-item-wrapper {

        display: block;
    
    }    

    .cart-item-image {

        float: right;
        margin-left: 1em;
        margin-right: 0;     
    
    }

    .cart-item-right {

        margin-left: 0;
        margin-top: 1em;
        text-align: left;

    } 

    .cart-item-delete {

        display: block;
        margin-top: 1em;
        border-radius: 8px;
        padding: 1em;
        text-align: center;
        background: none;
        color: #606060;
        box-shadow: inset 0px 0px 0px 1px #dddddd; 
    
    }
    
    .cart-item-delete:hover {
    
        background: none;
        color: #606060;
        box-shadow: inset 0px 0px 0px 1px #606060;     
    
    }
    
    .cart-item-delete:active {
    
        background: none;
        color: #303030;
        box-shadow: inset 0px 0px 0px 1px #303030; 
    
    }    

    .box-caption-right {

        float: none;
        margin-bottom: 0.25em;

    }      

    .input-select-icon {

        flex-basis: 50px;
        
    }    

    .item-preview-highlight-blurple {

        box-shadow: none !important;
        border-top: 10px solid #613feb !important;
        border-bottom: 10px solid #613feb !important;
        border-left: none !important;
        border-right: none !important;
    
    }
    
    .item-preview-highlight-rink {
    
        box-shadow: none !important;
        border-top: 10px solid #ff4b7d !important;
        border-bottom: 10px solid #ff4b7d !important;
        border-left: none !important;
        border-right: none !important;        
    
    }
    
    .item-preview-highlight-blue {
    
        box-shadow: none !important;
        border-top: 10px solid #4bb4ff !important;
        border-bottom: 10px solid #4bb4ff !important;
        border-left: none !important;
        border-right: none !important;        
    
    }
    
    .item-preview-highlight-green {
    
        box-shadow: none !important;
        border-top: 10px solid #04cb9d !important;
        border-bottom: 10px solid #04cb9d !important;
        border-left: none !important;
        border-right: none !important;        
    
    }
    
    .item-preview-highlight-yellow {
    
        box-shadow: none !important;
        border-top: 10px solid #ffa739 !important;
        border-bottom: 10px solid #ffa739 !important;
        border-left: none !important;
        border-right: none !important;        
    
    } 
    
    .status-card-preview-wrapper .status-card-content-item-meta-desc {

        font-size: 1em;
    
    }      

    .profile-card-buttons {

        padding-top: 2.5em;
    
    }    
   
}

@media screen and (max-width: 500px) {

    body {

        font-size: 0.85em;
    
    }

    .modal {

        font-size: 1em;
    
    }    

    .menu-item-desc {

        font-size: 1em;
    
    }    

    .wrapper {

        padding: 1.5em 1.5em;
    
    }    

    .header-nav-item {

        border-radius: 12px;
    
    }     

    .item-preview-desc {

        font-size: 1em;
    
    }    

    .section-head-backbtn {

        margin-right: 1em;
        border-radius: 12px;
        padding: 1.1em;
    
    }    

    .section-head-button .button {

        padding: 1.1em;
    
    }   

    .header-nav-notification {

        width: 22px;
        height: 22px;
    }     

    .cart-item-image-container,
    .order-item-image-container {

        width: 35px;
        height: 35px;

    }   
    
    .notice-image img {

        max-width: 100px;
    
    }    

    .input-option-item-wrapper {

        display: block;

    }

    .input-option-item {

        display: block;
        margin: 0 0 0.65em 0;

    }    

    .input-split {

        grid-template-columns: repeat(1, 1fr);
        gap: 0;

    }

    .large-center-text-alt-sub {

        margin-bottom: 2em;    
    
    }     
    
    .section-headline-alt {

        margin-top: 0.25em;
    
    }       

    .order-item-status {

        min-width: 120px;

    }  

    .vipely-shield-icon {

        flex-basis: 40px;
        
    }   

    .message-chat-icon {

        width: 40px;

    }   

    .message-chat-wrapper {

        font-size: 1.15em;

    }    

    .message-bubble,
    .message-bubble-offer-wrapper {

        width: 90%;
    
    }   

    .message-bubble-offer-wrapper {

        padding: 10px;
    
    } 
    
    .page-padding {

        padding-left: 2em;
        padding-right: 2em;

    }    

    .header-logo,
    .header-logo-xmas {

        width: 120px;
    
    }    

    .splash-border {

        padding: 3em 2em;
    
    }   
    
    .page-static-highlight-box-icon img {

        max-width: 100px;

    }     
    
    .input-mobile-cc {
    
        flex-basis: 125px;
    
    }    

    .upgrade-list-icon {

        width: 100px;

    }  

    .status-card-content-item {

        align-items: flex-start;
    
    }

    .status-card-content-item-meta-desc {

        font-size: 1em;
    
    }
   
    .status-card-content-item-img {

        flex-basis: 6em;
        height: 6em;
    
    }
    
    .status-card-content-item-img img {

        border-radius: 8px;
    
    }    
    
}

@media screen and (max-width: 420px) {

    .footer-content-grid {

        grid-template-columns: repeat(1, 1fr);
    
    }

    .vipely-shield-icon {

        flex-basis: 30px;
        
    }     
    
    .page-padding {

        padding-left: 2em;
        padding-right: 2em;

    }    

    .item-preview {

        padding: 1.25em;
    
    }

    .profile-card-item {

        padding: 3em 1.25em 3em 1.25em;

    }    

    .box-default-white,
    .box-default-head {

        padding: 1.25em;
    
    }       

    .status-card-content-image {

        margin-left: -1.25em;
        margin-right: -1.25em;
    
    }    
    
    .header-logo,
    .header-logo-xmas {

        width: 90px;
    
    }

    .input-select-icon {

        flex-basis: 40px;
        
    }    

    .input-button-split {

        grid-template-columns: repeat(1, 1fr);

    }

    .input-button-split .button-blurple {

        order: -1;

    }      

    .input-split-alt {

        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    
    }     
    
    .input-mobile-wrapper {

        display: block;
    
    }
    
    .input-mobile-cc {
    
        display: block;
        margin-bottom: 0.65em;
    
    }
    
    .input-mobile-number {
    
        display: block;
        margin-left: 0;
    
    }     
    
    .input-selector-wrapper {

        font-size: 0.75em;
    
    }    

    .input-selector-item-color,
    .input-selector-item-icon {

        border-radius: 8px;

    }

    .header-nav-item {

        padding: 1em;
        margin-right: 0.25em;
        border-radius: 10px;
    
    }   
    
    .header-nav-item-img {

        width: 3.15em;
        height: 3.15em;

    }

    #btn-account-menu:hover .header-nav-item-img {

        box-shadow: 0px 0px 0px 2px #312a46, 0px 0px 0px 5px rgba(255, 255, 255, 0.25);
    
    }
    
    #btn-account-menu:active .header-nav-item-img {
    
        box-shadow: 0px 0px 0px 2px #312a46, 0px 0px 0px 5px rgba(255, 255, 255, 1);
    
    }

    .header-nav-item-img-active {

        box-shadow: 0px 0px 0px 2px #312a46, 0px 0px 0px 5px #ffffff !important;
        transform: scale(0.85);
    
    }  
    
    .status-card-content-item-img {

        flex-basis: 4em;
        height: 4em;
    
    }     

}

@media screen and (max-width: 370px) {

    body {

        font-size: 0.75em;
    
    }   

}