/* Shared product-group page styles. */ :root{--swal2-outline: 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-container-padding: 0.625em;--swal2-backdrop: rgba(0, 0, 0, 0.4);--swal2-backdrop-transition: background-color 0.15s;--swal2-width: 32em;--swal2-padding: 0 0 1.25em;--swal2-border: none;--swal2-border-radius: 0.3125rem;--swal2-background: white;--swal2-color: #545454;--swal2-show-animation: swal2-show 0.3s;--swal2-hide-animation: swal2-hide 0.15s forwards;--swal2-icon-zoom: 1;--swal2-title-padding: 0.8em 1em 0;--swal2-html-container-padding: 1em 1.6em 0.3em;--swal2-input-border: 1px solid #d9d9d9;--swal2-input-border-radius: 0.1875em;--swal2-input-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-background: transparent;--swal2-input-transition: border-color 0.2s, box-shadow 0.2s;--swal2-input-hover-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;--swal2-input-focus-border: 1px solid #b4dbed;--swal2-input-focus-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);--swal2-progress-step-background: #add8e6;--swal2-validation-message-background: #f0f0f0;--swal2-validation-message-color: #666;--swal2-footer-border-color: #eee;--swal2-footer-background: transparent;--swal2-footer-color: inherit;--swal2-timer-progress-bar-background: rgba(0, 0, 0, 0.3);--swal2-close-button-position: initial;--swal2-close-button-inset: auto;--swal2-close-button-font-size: 2.5em;--swal2-close-button-color: #ccc;--swal2-close-button-transition: color 0.2s, box-shadow 0.2s;--swal2-close-button-outline: initial;--swal2-close-button-box-shadow: inset 0 0 0 3px transparent;--swal2-close-button-focus-box-shadow: inset var(--swal2-outline);--swal2-close-button-hover-transform: none;--swal2-actions-justify-content: center;--swal2-actions-width: auto;--swal2-actions-margin: 1.25em auto 0;--swal2-actions-padding: 0;--swal2-actions-border-radius: 0;--swal2-actions-background: transparent;--swal2-action-button-transition: background-color 0.2s, box-shadow 0.2s;--swal2-action-button-hover: black 10%;--swal2-action-button-active: black 10%;--swal2-confirm-button-box-shadow: none;--swal2-confirm-button-border-radius: 0.25em;--swal2-confirm-button-background-color: #7066e0;--swal2-confirm-button-color: #fff;--swal2-deny-button-box-shadow: none;--swal2-deny-button-border-radius: 0.25em;--swal2-deny-button-background-color: #dc3741;--swal2-deny-button-color: #fff;--swal2-cancel-button-box-shadow: none;--swal2-cancel-button-border-radius: 0.25em;--swal2-cancel-button-background-color: #6e7881;--swal2-cancel-button-color: #fff;--swal2-toast-show-animation: swal2-toast-show 0.5s;--swal2-toast-hide-animation: swal2-toast-hide 0.1s forwards;--swal2-toast-border: none;--swal2-toast-box-shadow: 0 0 1px hsl(0deg 0% 0% / 0.075), 0 1px 2px hsl(0deg 0% 0% / 0.075), 1px 2px 4px hsl(0deg 0% 0% / 0.075), 1px 3px 8px hsl(0deg 0% 0% / 0.075), 2px 4px 16px hsl(0deg 0% 0% / 0.075)}[data-swal2-theme=dark]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}@media(prefers-color-scheme: dark){[data-swal2-theme=auto]{--swal2-dark-theme-black: #19191a;--swal2-dark-theme-white: #e1e1e1;--swal2-background: var(--swal2-dark-theme-black);--swal2-color: var(--swal2-dark-theme-white);--swal2-footer-border-color: #555;--swal2-input-background: color-mix(in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10%);--swal2-validation-message-background: color-mix( in srgb, var(--swal2-dark-theme-black), var(--swal2-dark-theme-white) 10% );--swal2-validation-message-color: var(--swal2-dark-theme-white);--swal2-timer-progress-bar-background: rgba(255, 255, 255, 0.7)}}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow:hidden}body.swal2-height-auto{height:auto !important}body.swal2-no-backdrop .swal2-container{background-color:rgba(0,0,0,0) !important;pointer-events:none}body.swal2-no-backdrop .swal2-container .swal2-popup{pointer-events:auto}body.swal2-no-backdrop .swal2-container .swal2-modal{box-shadow:0 0 10px var(--swal2-backdrop)}body.swal2-toast-shown .swal2-container{box-sizing:border-box;width:360px;max-width:100%;background-color:rgba(0,0,0,0);pointer-events:none}body.swal2-toast-shown .swal2-container.swal2-top{inset:0 auto auto 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right{inset:0 0 auto auto}body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left{inset:0 auto auto 0}body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left{inset:50% auto auto 0;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-center{inset:50% auto auto 50%;transform:translate(-50%, -50%)}body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right{inset:50% 0 auto auto;transform:translateY(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left{inset:auto auto 0 0}body.swal2-toast-shown .swal2-container.swal2-bottom{inset:auto auto 0 50%;transform:translateX(-50%)}body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right{inset:auto 0 0 auto}@media print{body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown){overflow-y:scroll !important}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown)>[aria-hidden=true]{display:none}body.swal2-shown:not(.swal2-no-backdrop,.swal2-toast-shown) .swal2-container{position:static !important}}div:where(.swal2-container){display:grid;position:fixed;z-index:1060;inset:0;box-sizing:border-box;grid-template-areas:"top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";grid-template-rows:minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);height:100%;padding:var(--swal2-container-padding);overflow-x:hidden;transition:var(--swal2-backdrop-transition);-webkit-overflow-scrolling:touch}div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation{background:var(--swal2-backdrop)}div:where(.swal2-container).swal2-backdrop-hide{background:rgba(0,0,0,0) !important}div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start{grid-template-columns:minmax(0, 1fr) auto auto}div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom{grid-template-columns:auto minmax(0, 1fr) auto}div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end{grid-template-columns:auto auto minmax(0, 1fr)}div:where(.swal2-container).swal2-top-start>.swal2-popup{align-self:start}div:where(.swal2-container).swal2-top>.swal2-popup{grid-column:2;place-self:start center}div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup{grid-column:3;place-self:start end}div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup{grid-row:2;align-self:center}div:where(.swal2-container).swal2-center>.swal2-popup{grid-column:2;grid-row:2;place-self:center center}div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup{grid-column:3;grid-row:2;place-self:center end}div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup{grid-column:1;grid-row:3;align-self:end}div:where(.swal2-container).swal2-bottom>.swal2-popup{grid-column:2;grid-row:3;place-self:end center}div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup{grid-column:3;grid-row:3;place-self:end end}div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-column:1/4;width:100%}div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup{grid-row:1/4;align-self:stretch}div:where(.swal2-container).swal2-no-transition{transition:none !important}div:where(.swal2-container)[popover]{width:auto;border:0}div:where(.swal2-container) div:where(.swal2-popup){display:none;position:relative;box-sizing:border-box;grid-template-columns:minmax(0, 100%);width:var(--swal2-width);max-width:100%;padding:var(--swal2-padding);border:var(--swal2-border);border-radius:var(--swal2-border-radius);background:var(--swal2-background);color:var(--swal2-color);font-family:inherit;font-size:1rem}div:where(.swal2-container) div:where(.swal2-popup):focus{outline:none}div:where(.swal2-container) div:where(.swal2-popup).swal2-loading{overflow-y:hidden}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable{cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-draggable div:where(.swal2-icon){cursor:grab}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging{cursor:grabbing}div:where(.swal2-container) div:where(.swal2-popup).swal2-dragging div:where(.swal2-icon){cursor:grabbing}div:where(.swal2-container) h2:where(.swal2-title){position:relative;max-width:100%;margin:0;padding:var(--swal2-title-padding);color:inherit;font-size:1.875em;font-weight:600;text-align:center;text-transform:none;overflow-wrap:break-word;cursor:initial}div:where(.swal2-container) div:where(.swal2-actions){display:flex;z-index:1;box-sizing:border-box;flex-wrap:wrap;align-items:center;justify-content:var(--swal2-actions-justify-content);width:var(--swal2-actions-width);margin:var(--swal2-actions-margin);padding:var(--swal2-actions-padding);border-radius:var(--swal2-actions-border-radius);background:var(--swal2-actions-background)}div:where(.swal2-container) div:where(.swal2-loader){display:none;align-items:center;justify-content:center;width:2.2em;height:2.2em;margin:0 1.875em;animation:swal2-rotate-loading 1.5s linear 0s infinite normal;border-width:.25em;border-style:solid;border-radius:100%;border-color:#2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)}div:where(.swal2-container) button:where(.swal2-styled){margin:.3125em;padding:.625em 1.1em;transition:var(--swal2-action-button-transition);border:none;box-shadow:0 0 0 3px rgba(0,0,0,0);font-weight:500}div:where(.swal2-container) button:where(.swal2-styled):not([disabled]){cursor:pointer}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm){border-radius:var(--swal2-confirm-button-border-radius);background:initial;background-color:var(--swal2-confirm-button-background-color);box-shadow:var(--swal2-confirm-button-box-shadow);color:var(--swal2-confirm-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active{background-color:color-mix(in srgb, var(--swal2-confirm-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny){border-radius:var(--swal2-deny-button-border-radius);background:initial;background-color:var(--swal2-deny-button-background-color);box-shadow:var(--swal2-deny-button-box-shadow);color:var(--swal2-deny-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):hover{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):active{background-color:color-mix(in srgb, var(--swal2-deny-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){border-radius:var(--swal2-cancel-button-border-radius);background:initial;background-color:var(--swal2-cancel-button-background-color);box-shadow:var(--swal2-cancel-button-box-shadow);color:var(--swal2-cancel-button-color);font-size:1em}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-hover))}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active{background-color:color-mix(in srgb, var(--swal2-cancel-button-background-color), var(--swal2-action-button-active))}div:where(.swal2-container) button:where(.swal2-styled):focus-visible{outline:none;box-shadow:var(--swal2-action-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-styled)[disabled]:not(.swal2-loading){opacity:.4}div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-footer){margin:1em 0 0;padding:1em 1em 0;border-top:1px solid var(--swal2-footer-border-color);background:var(--swal2-footer-background);color:var(--swal2-footer-color);font-size:1em;text-align:center;cursor:initial}div:where(.swal2-container) .swal2-timer-progress-bar-container{position:absolute;right:0;bottom:0;left:0;grid-column:auto !important;overflow:hidden;border-bottom-right-radius:var(--swal2-border-radius);border-bottom-left-radius:var(--swal2-border-radius)}div:where(.swal2-container) div:where(.swal2-timer-progress-bar){width:100%;height:.25em;background:var(--swal2-timer-progress-bar-background)}div:where(.swal2-container) img:where(.swal2-image){max-width:100%;margin:2em auto 1em;cursor:initial}div:where(.swal2-container) button:where(.swal2-close){position:var(--swal2-close-button-position);inset:var(--swal2-close-button-inset);z-index:2;align-items:center;justify-content:center;width:1.2em;height:1.2em;margin-top:0;margin-right:0;margin-bottom:-1.2em;padding:0;overflow:hidden;transition:var(--swal2-close-button-transition);border:none;border-radius:var(--swal2-border-radius);outline:var(--swal2-close-button-outline);background:rgba(0,0,0,0);color:var(--swal2-close-button-color);font-family:monospace;font-size:var(--swal2-close-button-font-size);cursor:pointer;justify-self:end}div:where(.swal2-container) button:where(.swal2-close):hover{transform:var(--swal2-close-button-hover-transform);background:rgba(0,0,0,0);color:#f27474}div:where(.swal2-container) button:where(.swal2-close):focus-visible{outline:none;box-shadow:var(--swal2-close-button-focus-box-shadow)}div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner{border:0}div:where(.swal2-container) div:where(.swal2-html-container){z-index:1;justify-content:center;margin:0;padding:var(--swal2-html-container-padding);overflow:auto;color:inherit;font-size:1.125em;font-weight:normal;line-height:normal;text-align:center;overflow-wrap:break-word;word-break:break-word;cursor:initial}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox){margin:1em 2em 3px}div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea){box-sizing:border-box;width:auto;transition:var(--swal2-input-transition);border:var(--swal2-input-border);border-radius:var(--swal2-input-border-radius);background:var(--swal2-input-background);box-shadow:var(--swal2-input-box-shadow);color:inherit;font-size:1.125em}div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror{border-color:#f27474 !important;box-shadow:0 0 2px #f27474 !important}div:where(.swal2-container) input:where(.swal2-input):hover,div:where(.swal2-container) input:where(.swal2-file):hover,div:where(.swal2-container) textarea:where(.swal2-textarea):hover{box-shadow:var(--swal2-input-hover-box-shadow)}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{border:var(--swal2-input-focus-border);outline:none;box-shadow:var(--swal2-input-focus-box-shadow)}div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder{color:#ccc}div:where(.swal2-container) .swal2-range{margin:1em 2em 3px;background:var(--swal2-background)}div:where(.swal2-container) .swal2-range input{width:80%}div:where(.swal2-container) .swal2-range output{width:20%;color:inherit;font-weight:600;text-align:center}div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output{height:2.625em;padding:0;font-size:1.125em;line-height:2.625em}div:where(.swal2-container) .swal2-input{height:2.625em;padding:0 .75em}div:where(.swal2-container) .swal2-file{width:75%;margin-right:auto;margin-left:auto;background:var(--swal2-input-background);font-size:1.125em}div:where(.swal2-container) .swal2-textarea{height:6.75em;padding:.75em}div:where(.swal2-container) .swal2-select{min-width:50%;max-width:100%;padding:.375em .625em;background:var(--swal2-input-background);color:inherit;font-size:1.125em}div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox{align-items:center;justify-content:center;background:var(--swal2-background);color:inherit}div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label{margin:0 .6em;font-size:1.125em}div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input{flex-shrink:0;margin:0 .4em}div:where(.swal2-container) label:where(.swal2-input-label){display:flex;justify-content:center;margin:1em auto 0}div:where(.swal2-container) div:where(.swal2-validation-message){align-items:center;justify-content:center;margin:1em 0 0;padding:.625em;overflow:hidden;background:var(--swal2-validation-message-background);color:var(--swal2-validation-message-color);font-size:1em;font-weight:300}div:where(.swal2-container) div:where(.swal2-validation-message)::before{content:"!";display:inline-block;width:1.5em;min-width:1.5em;height:1.5em;margin:0 .625em;border-radius:50%;background-color:#f27474;color:#fff;font-weight:600;line-height:1.5em;text-align:center}div:where(.swal2-container) .swal2-progress-steps{flex-wrap:wrap;align-items:center;max-width:100%;margin:1.25em auto;padding:0;background:rgba(0,0,0,0);font-weight:600}div:where(.swal2-container) .swal2-progress-steps li{display:inline-block;position:relative}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step{z-index:20;flex-shrink:0;width:2em;height:2em;border-radius:2em;background:#2778c4;color:#fff;line-height:2em;text-align:center}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{background:#2778c4}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step{background:var(--swal2-progress-step-background);color:#fff}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{background:var(--swal2-progress-step-background)}div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line{z-index:10;flex-shrink:0;width:2.5em;height:.4em;margin:0 -1px;background:#2778c4}div:where(.swal2-icon){position:relative;box-sizing:content-box;justify-content:center;width:5em;height:5em;margin:2.5em auto .6em;zoom:var(--swal2-icon-zoom);border:.25em solid rgba(0,0,0,0);border-radius:50%;border-color:#000;font-family:inherit;line-height:5em;cursor:default;user-select:none}div:where(.swal2-icon) .swal2-icon-content{display:flex;align-items:center;font-size:3.75em}div:where(.swal2-icon).swal2-error{border-color:#f27474;color:#f27474}div:where(.swal2-icon).swal2-error .swal2-x-mark{position:relative;flex-grow:1}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line]{display:block;position:absolute;top:2.3125em;width:2.9375em;height:.3125em;border-radius:.125em;background-color:#f27474}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left]{left:1.0625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right]{right:1em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-error.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark{animation:swal2-animate-error-x-mark .5s}div:where(.swal2-icon).swal2-warning{border-color:#f8bb86;color:#f8bb86}div:where(.swal2-icon).swal2-warning.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .5s}div:where(.swal2-icon).swal2-info{border-color:#3fc3ee;color:#3fc3ee}div:where(.swal2-icon).swal2-info.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{animation:swal2-animate-i-mark .8s}div:where(.swal2-icon).swal2-question{border-color:#87adbd;color:#87adbd}div:where(.swal2-icon).swal2-question.swal2-icon-show{animation:swal2-animate-error-icon .5s}div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content{animation:swal2-animate-question-mark .8s}div:where(.swal2-icon).swal2-success{border-color:#a5dc86;color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line]{position:absolute;width:3.75em;height:7.5em;border-radius:50%}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.4375em;left:-2.0635em;transform:rotate(-45deg);transform-origin:3.75em 3.75em;border-radius:7.5em 0 0 7.5em}div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.6875em;left:1.875em;transform:rotate(-45deg);transform-origin:0 3.75em;border-radius:0 7.5em 7.5em 0}div:where(.swal2-icon).swal2-success .swal2-success-ring{position:absolute;z-index:2;top:-0.25em;left:-0.25em;box-sizing:content-box;width:100%;height:100%;border:.25em solid rgba(165,220,134,.3);border-radius:50%}div:where(.swal2-icon).swal2-success .swal2-success-fix{position:absolute;z-index:1;top:.5em;left:1.625em;width:.4375em;height:5.625em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line]{display:block;position:absolute;z-index:2;height:.3125em;border-radius:.125em;background-color:#a5dc86}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip]{top:2.875em;left:.8125em;width:1.5625em;transform:rotate(45deg)}div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long]{top:2.375em;right:.5em;width:2.9375em;transform:rotate(-45deg)}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-animate-success-line-tip .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-animate-success-line-long .75s}div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right{animation:swal2-rotate-success-circular-line 4.25s ease-in}[class^=swal2]{-webkit-tap-highlight-color:rgba(0,0,0,0)}.swal2-show{animation:var(--swal2-show-animation)}.swal2-hide{animation:var(--swal2-hide-animation)}.swal2-noanimation{transition:none}.swal2-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.swal2-rtl .swal2-close{margin-right:initial;margin-left:0}.swal2-rtl .swal2-timer-progress-bar{right:0;left:auto}.swal2-toast{box-sizing:border-box;grid-column:1/4 !important;grid-row:1/4 !important;grid-template-columns:min-content auto min-content;padding:1em;overflow-y:hidden;border:var(--swal2-toast-border);background:var(--swal2-background);box-shadow:var(--swal2-toast-box-shadow);pointer-events:auto}.swal2-toast>*{grid-column:2}.swal2-toast h2:where(.swal2-title){margin:.5em 1em;padding:0;font-size:1em;text-align:initial}.swal2-toast .swal2-loading{justify-content:center}.swal2-toast input:where(.swal2-input){height:2em;margin:.5em;font-size:1em}.swal2-toast .swal2-validation-message{font-size:1em}.swal2-toast div:where(.swal2-footer){margin:.5em 0 0;padding:.5em 0 0;font-size:.8em}.swal2-toast button:where(.swal2-close){grid-column:3/3;grid-row:1/99;align-self:center;width:.8em;height:.8em;margin:0;font-size:2em}.swal2-toast div:where(.swal2-html-container){margin:.5em 1em;padding:0;overflow:initial;font-size:1em;text-align:initial}.swal2-toast div:where(.swal2-html-container):empty{padding:0}.swal2-toast .swal2-loader{grid-column:1;grid-row:1/99;align-self:center;width:2em;height:2em;margin:.25em}.swal2-toast .swal2-icon{grid-column:1;grid-row:1/99;align-self:center;width:2em;min-width:2em;height:2em;margin:0 .5em 0 0}.swal2-toast .swal2-icon .swal2-icon-content{display:flex;align-items:center;font-size:1.8em;font-weight:bold}.swal2-toast .swal2-icon.swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line]{top:.875em;width:1.375em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left]{left:.3125em}.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right]{right:.3125em}.swal2-toast div:where(.swal2-actions){justify-content:flex-start;height:auto;margin:0;margin-top:.5em;padding:0 .5em}.swal2-toast button:where(.swal2-styled){margin:.25em .5em;padding:.4em .6em;font-size:1em}.swal2-toast .swal2-success{border-color:#a5dc86}.swal2-toast .swal2-success [class^=swal2-success-circular-line]{position:absolute;width:1.6em;height:3em;border-radius:50%}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left]{top:-0.8em;left:-0.5em;transform:rotate(-45deg);transform-origin:2em 2em;border-radius:4em 0 0 4em}.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right]{top:-0.25em;left:.9375em;transform-origin:0 1.5em;border-radius:0 4em 4em 0}.swal2-toast .swal2-success .swal2-success-ring{width:2em;height:2em}.swal2-toast .swal2-success .swal2-success-fix{top:0;left:.4375em;width:.4375em;height:2.6875em}.swal2-toast .swal2-success [class^=swal2-success-line]{height:.3125em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip]{top:1.125em;left:.1875em;width:.75em}.swal2-toast .swal2-success [class^=swal2-success-line][class$=long]{top:.9375em;right:.1875em;width:1.375em}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip{animation:swal2-toast-animate-success-line-tip .75s}.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long{animation:swal2-toast-animate-success-line-long .75s}.swal2-toast.swal2-show{animation:var(--swal2-toast-show-animation)}.swal2-toast.swal2-hide{animation:var(--swal2-toast-hide-animation)}@keyframes swal2-show{0%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}100%{transform:translate3d(0, 0, 0) scale(1);opacity:1}}@keyframes swal2-hide{0%{transform:translate3d(0, 0, 0) scale(1);opacity:1}100%{transform:translate3d(0, -50px, 0) scale(0.9);opacity:0}}@keyframes swal2-animate-success-line-tip{0%{top:1.1875em;left:.0625em;width:0}54%{top:1.0625em;left:.125em;width:0}70%{top:2.1875em;left:-0.375em;width:3.125em}84%{top:3em;left:1.3125em;width:1.0625em}100%{top:2.8125em;left:.8125em;width:1.5625em}}@keyframes swal2-animate-success-line-long{0%{top:3.375em;right:2.875em;width:0}65%{top:3.375em;right:2.875em;width:0}84%{top:2.1875em;right:0;width:3.4375em}100%{top:2.375em;right:.5em;width:2.9375em}}@keyframes swal2-rotate-success-circular-line{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes swal2-animate-error-x-mark{0%{margin-top:1.625em;transform:scale(0.4);opacity:0}50%{margin-top:1.625em;transform:scale(0.4);opacity:0}80%{margin-top:-0.375em;transform:scale(1.15)}100%{margin-top:0;transform:scale(1);opacity:1}}@keyframes swal2-animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}@keyframes swal2-rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes swal2-animate-question-mark{0%{transform:rotateY(-360deg)}100%{transform:rotateY(0)}}@keyframes swal2-animate-i-mark{0%{transform:rotateZ(45deg);opacity:0}25%{transform:rotateZ(-25deg);opacity:.4}50%{transform:rotateZ(15deg);opacity:.8}75%{transform:rotateZ(-5deg);opacity:1}100%{transform:rotateX(0);opacity:1}}@keyframes swal2-toast-show{0%{transform:translateY(-0.625em) rotateZ(2deg)}33%{transform:translateY(0) rotateZ(-2deg)}66%{transform:translateY(0.3125em) rotateZ(2deg)}100%{transform:translateY(0) rotateZ(0deg)}}@keyframes swal2-toast-hide{100%{transform:rotateZ(1deg);opacity:0}}@keyframes swal2-toast-animate-success-line-tip{0%{top:.5625em;left:.0625em;width:0}54%{top:.125em;left:.125em;width:0}70%{top:.625em;left:-0.25em;width:1.625em}84%{top:1.0625em;left:.75em;width:.5em}100%{top:1.125em;left:.1875em;width:.75em}}@keyframes swal2-toast-animate-success-line-long{0%{top:1.625em;right:1.375em;width:0}65%{top:1.25em;right:.9375em;width:0}84%{top:.9375em;right:0;width:1.125em}100%{top:.9375em;right:.1875em;width:1.375em}} .toasted{padding:0 20px}.toasted.rounded{border-radius:24px}.toasted .primary,.toasted.toasted-primary{border-radius:2px;min-height:38px;line-height:1.1em;background-color:#353535;padding:6px 20px;font-size: 14px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted .primary.success,.toasted.toasted-primary.success{background:#4caf50}.toasted .primary.error,.toasted.toasted-primary.error{background:#f44336}.toasted .primary.info,.toasted.toasted-primary.info{background:#3f51b5}.toasted .primary .action,.toasted.toasted-primary .action{color:#a1c2fa}.toasted.bubble{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#ff7043;padding:0 20px;font-size: 14px;font-weight:300;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.toasted.bubble.success{background:#4caf50}.toasted.bubble.error{background:#f44336}.toasted.bubble.info{background:#3f51b5}.toasted.bubble .action{color:#8e2b0c}.toasted.outline{border-radius:30px;min-height:38px;line-height:1.1em;background-color:#fff;border:1px solid #676767;padding:0 20px;font-size: 14px;color:#676767;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);font-weight:700}.toasted.outline.success{color:#4caf50;border-color:#4caf50}.toasted.outline.error{color:#f44336;border-color:#f44336}.toasted.outline.info{color:#3f51b5;border-color:#3f51b5}.toasted.outline .action{color:#607d8b}.toasted-container{position:fixed;z-index:10000}.toasted-container,.toasted-container.full-width{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.toasted-container.full-width{max-width:86%;width:100%}.toasted-container.full-width.fit-to-screen{min-width:100%}.toasted-container.full-width.fit-to-screen .toasted:first-child{margin-top:0}.toasted-container.full-width.fit-to-screen.top-right{top:0;right:0}.toasted-container.full-width.fit-to-screen.top-left{top:0;left:0}.toasted-container.full-width.fit-to-screen.top-center{top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.toasted-container.full-width.fit-to-screen.bottom-right{right:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-left{left:0;bottom:0}.toasted-container.full-width.fit-to-screen.bottom-center{left:0;bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.toasted-container.top-right{top:10%;right:7%}.toasted-container.top-left{top:10%;left:7%}.toasted-container.top-center{top:10%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.toasted-container.bottom-right{right:5%;bottom:7%}.toasted-container.bottom-left{left:5%;bottom:7%}.toasted-container.bottom-center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:7%}.toasted-container.bottom-left .toasted,.toasted-container.top-left .toasted{float:left}.toasted-container.bottom-right .toasted,.toasted-container.top-right .toasted{float:right}.toasted-container .toasted{top:35px;width:auto;clear:both;margin-top:10px;position:relative;max-width:100%;height:auto;word-break:normal;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;box-sizing:inherit}.toasted-container .toasted .fa,.toasted-container .toasted .fab,.toasted-container .toasted .far,.toasted-container .toasted .fas,.toasted-container .toasted .material-icons,.toasted-container .toasted .mdi{margin-right:.5rem;margin-left:-.4rem}.toasted-container .toasted .fa.after,.toasted-container .toasted .fab.after,.toasted-container .toasted .far.after,.toasted-container .toasted .fas.after,.toasted-container .toasted .material-icons.after,.toasted-container .toasted .mdi.after{margin-left:.5rem;margin-right:-.4rem}.toasted-container .toasted .action{text-decoration:none;font-size:.8rem;padding:8px;margin:5px -7px 5px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;cursor:pointer}.toasted-container .toasted .action.icon{padding:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.toasted-container .toasted .action.icon .fa,.toasted-container .toasted .action.icon .material-icons,.toasted-container .toasted .action.icon .mdi{margin-right:0;margin-left:4px}.toasted-container .toasted .action.icon:hover{text-decoration:none}.toasted-container .toasted .action:hover{text-decoration:underline}@media only screen and (max-width:600px){.toasted-container{min-width:100%}.toasted-container .toasted:first-child{margin-top:0}.toasted-container.top-right{top:0;right:0}.toasted-container.top-left{top:0;left:0}.toasted-container.top-center{top:0;left:0;-webkit-transform:translateX(0);transform:translateX(0)}.toasted-container.bottom-right{right:0;bottom:0}.toasted-container.bottom-left{left:0;bottom:0}.toasted-container.bottom-center{left:0;bottom:0;-webkit-transform:translateX(0);transform:translateX(0)}.toasted-container.bottom-center,.toasted-container.top-center{-ms-flex-align:stretch!important;align-items:stretch!important}.toasted-container.bottom-left .toasted,.toasted-container.bottom-right .toasted,.toasted-container.top-left .toasted,.toasted-container.top-right .toasted{float:none}.toasted-container .toasted{border-radius:0}} .select-service-page .data-drop-list { max-height: 352px; border-radius: 20px; overflow: scroll; overflow-x: hidden; } .select-service-page .data-select-btn { flex: 1; } .service-page .select.select-sm .data-drop-btn{ font-weight: 400; font-size: 16px; line-height: 20px; } .data-drop { position: relative; display: inline-block; } .data-drop-btn { display: flex; align-items: center; cursor: pointer; transition: all .2s ease; } .data-drop-list { background: #FFFFFF; border: 1px solid #E7E7E7; box-sizing: border-box; box-shadow: 0px 2px 13px rgba(2, 6, 20, 0.08); border-radius: 10px; margin-top: 0 !important; max-height: 400px; overflow-x: hidden; overflow-y: auto; } .select.select-sm.data-drop-btn { font-style: normal; font-weight: 400; font-size: 14px; line-height: 12px; color: #01030B; padding: 3px 4px; border-radius: 4px; } .default-select .select__btn.data-drop-btn { border: 1px solid #D7D8DC; border-radius: 4px; padding: 14px 20px; justify-content: space-between; } .default-select .select__arrow { display: flex; align-items: center; justify-content: center; } .default-select .select__list-item .data-select-btn { padding: 18px 20px; display: flex; align-items: center; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; cursor: pointer; } .default-select .select__list-item .data-select-btn:hover { color: #3F57FF; } .service-page .select.select-sm.product-type-bordered-select .data-drop-btn, .dashboard-order.quick-order .select.select-sm.product-type-bordered-select .data-drop-btn { border-radius: 24px; border: 1px solid #020614; padding: 11px 15px; font-weight: 600; font-size: 14px; } .search-window[data-v-5436bbd4] { transition: 0.3s all ease-in-out; opacity: 0; visibility: hidden; } .search-window.active[data-v-5436bbd4] { opacity: 1; visibility: visible; } .add-username[data-v-5436bbd4] { color: var(--primary); font-weight: 600; cursor: pointer; } .lds-ring[data-v-1bd658d4] { display: inline-block; position: relative; width: 35px; height: 35px; } .image-loader-box .lds-ring[data-v-1bd658d4] { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .lds-ring div[data-v-1bd658d4] { box-sizing: border-box; display: block; position: absolute; width: 20px; height: 20px; margin: 8px; border: 3px solid #3f57ff; border-radius: 50%; -webkit-animation: lds-ring-data-v-1bd658d4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; animation: lds-ring-data-v-1bd658d4 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: #3f57ff transparent transparent transparent; } .lds-ring div[data-v-1bd658d4]:nth-child(1) { -webkit-animation-delay: -0.45s; animation-delay: -0.45s; } .lds-ring div[data-v-1bd658d4]:nth-child(2) { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-ring div[data-v-1bd658d4]:nth-child(3) { -webkit-animation-delay: -0.15s; animation-delay: -0.15s; } @-webkit-keyframes lds-ring-data-v-1bd658d4 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes lds-ring-data-v-1bd658d4 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .service-input-field { min-width: 100%; } @media(min-width: 991px) { .service-input-field { min-width: 300px; } } .autofill-image { border-radius: 50%; width: 25px; position: absolute; left: 7px; } .autofill-image.autofill-icon-platform{ border-radius: 0; } .input-search-window { padding-left: 10px; } .hiden-loading { opacity: 0; } .max-height-46 { max-height: 46px; } .loader-panel-one.lds-ring div { border-color: #6d79d6 transparent transparent transparent; } .custom-label { padding-left: 32px !important; /* color: #b1b8b9; */ } .change-style-ul { flex-wrap: nowrap; flex-direction: column; /* align-items: flex-start; */ align-items: center !important; } .change-style-ul li h4, .change-style-ul li span { text-align: left; } .no-bg { background: #f5f5f6; } @media (max-width: 767.98px) { .form-user__content { flex-direction: column; align-items: center; } .form-user__content .form-user__img { margin: 18px 0; } .form-user__content .form-user__info .form-user__action { justify-content: center; margin-bottom: 10px; } } .change-style-ul { flex-wrap: nowrap; flex-direction: column; align-items: flex-start; } .change-style-ul li h4, .change-style-ul li span { text-align: left; } .order-wrapper{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index:101; background: #FFFFFF; overflow: auto; text-align:start; } .order-wrapper .header__logo.logo{ color: var(--textColor); } .account-targeted-data{ display: flex; align-items: center; } .account-targeted-data img{ /* margin-left: 10px; */ margin-right: 5px; border-radius: 50%; width: 16px; height: 16px; } .select-category-with-slider .select__arrow{ width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(127, 142, 255,.3); color: var(--primary); } .select-category-with-slider .data-drop-list{ max-height: 250px; } .select-category-with-slider .select__list-item a{ white-space: nowrap; } .or-split-line[data-v-abfd95a2] { display: flex; justify-content: center; } .or-split-line span[data-v-abfd95a2] { background: #fff; margin-bottom: -8px; font-size: 16px; font-weight: 600; padding: 0 10px; color: #c9c9d6; } .disabled-media[data-v-abfd95a2] { opacity: 0.4; pointer-events: none; } .flex-0[data-v-abfd95a2] { flex: 0 0 auto; } .modal-remove-body[data-v-9a9ce54c]{ display: flex; flex-direction: column; align-items: center; } .modal-remove-title[data-v-9a9ce54c]{ font-weight: bold; font-size: 32px; line-height: 37px; /* font-size: 18px; */ /* line-height: 160%; */ margin-bottom: 30px; text-align: center; } .remove-svg-danger[data-v-9a9ce54c]{ margin-bottom: 18px; } .modal-remove-btn-no[data-v-9a9ce54c]{ width: 50%; margin-right: 10px; } .modal-remove-btn-remove[data-v-9a9ce54c]{ width: 50%; } .settings-input-modal-wrapper[data-v-9a9ce54c]{ display: flex; justify-content: space-between; } .modal__dialog--480[data-v-9a9ce54c]{ max-width: 480px; } .btn--light[data-v-9a9ce54c] { background-color: #fff; color: rgba(48, 75, 101, 0.7); border: 1px solid rgba(62, 116, 134, 0.15); } .btn[data-v-9a9ce54c] { align-items: center; } .btn--md[data-v-9a9ce54c] { padding: 16px 20px; } .flex-center[data-v-9a9ce54c]{ justify-content: center; } .register-link-cover[data-v-7d55b2bc] { font-size: 12px; line-height: 14px; } .disabled[data-v-7d55b2bc] { pointer-events: none; } .modal.active-force[data-v-7d55b2bc] { opacity: 1; visibility: visible; } .input-error[data-v-7d55b2bc] { display: block; margin-top: 5px; } .text-start[data-v-7d55b2bc] { text-align: start; } .modal__body[data-v-7d55b2bc] { color: var(--textColor); } .mb-15[data-v-7d55b2bc] { margin-bottom: 15px; } .modal__body-loading[data-v-7d55b2bc] { display: flex; align-items: center; justify-content: center; height: 100px; } .modal-remove-body[data-v-7d55b2bc]{ display: flex; flex-direction: column; align-items: center; } .custom-btn[data-v-7d55b2bc] { white-space: nowrap; } .modal-remove-title[data-v-7d55b2bc]{ font-weight: bold; font-size: 32px; line-height: 37px; /* font-size: 18px; */ /* line-height: 160%; */ margin-bottom: 30px; text-align: center; } .quick-order-message__holder[data-v-7d55b2bc] { text-align: center; } .quick-order-message__icon[data-v-7d55b2bc] { width: 56px; height: 56px; margin-left: auto; margin-right: auto; margin-bottom: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjM0FEMjZGIi8+CiAgICA8cGF0aCBkPSJNMTguNjY4IDI3LjA0NjhMMjUuNDQxNSAzMy44MzMzTDM4LjUwMTMgMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); background-size: cover; } .quick-order-message--error .quick-order-message__icon[data-v-7d55b2bc] { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjRDIzQTNBIi8+CiAgICA8cGF0aCBkPSJNMTkuODMyIDM1LjkzMjNMMzYuMzM3NSAxOS44MzM0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiLz4KICAgIDxwYXRoIGQ9Ik0xOS44MzIgMTkuODMzNEwzNi4zMzc1IDM1LjkzMjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); } .quick-order-message__title[data-v-7d55b2bc]{ font-size: 24px; line-height: 38px; margin-bottom: 15px; font-weight: 700; color: #3AD26F; } .quick-order-message--error .quick-order-message__title[data-v-7d55b2bc] { color: #D23A3A; } .quick-order-message__number[data-v-7d55b2bc]{ color: black; font-size: 32px; line-height: 58px; font-weight: 700; } .modal__content-padding[data-v-7d55b2bc] { padding: 20px 35px; } .email-confirm-warning[data-v-7d55b2bc] { margin-top: 10px; padding: 8px; background-color: rgb(255, 216, 124); border-radius: 8px; line-height: 18px; } .product-warning-info[data-v-7d55b2bc] { display: flex; align-items: center; font-weight: 600; font-size: 14px; } .product-warning-price[data-v-7d55b2bc] { margin-left: auto; color: var(--primary); } .product-warning-info img[data-v-7d55b2bc] { padding-right: 10px; } .input-text[data-v-7d55b2bc] { width: 100%; border: 1px solid #d7d8dc; border-radius: 4px; padding: 10px 15px; } .input-group-label[data-v-7d55b2bc] { font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #01030b; display: inline-flex; padding-bottom: 8px; } .btn-warning-wrapper[data-v-7d55b2bc] { display: flex; } .btn-warning-wrapper button[data-v-7d55b2bc] { margin-left: auto; } .no-paddings[data-v-189b68fa] { padding: 0 !important; } input[data-v-189b68fa] { padding: 15px 20px; } .comments-container-scroll[data-v-189b68fa] { /* max-height: 420px; overflow-y: scroll; */ } .comments-container-scroll[data-v-189b68fa]::-webkit-scrollbar { height: 0; width: 0; } .opacity-70[data-v-189b68fa] { opacity: 0.7; color: black; } .error-min-units[data-v-189b68fa]{ color: red; padding-bottom: 10px; } .dashboard-order.quick-order .container{ padding-left: 32px; padding-right: 32px; } .dashboard-order.quick-order .content.content-order{ padding: 0; } .dashboard-order.quick-order .order-form{ padding-top: 20px; } .dashboard-order.quick-order .card.card-default{ margin-top: 32px; } .dashboard-order.quick-order .steps-action{ margin-top: 32px; /* border-top: 1px solid #E9E9ED; */ } .translate-wrapper[data-v-8cf7e160]{ display:inline; font-size:inherit; line-height: inherit; box-sizing: inherit; cursor:inherit; margin: 0; padding: 0; color: inherit; } .modal__dialog--sm[data-v-1d91da00] { max-width: 440px; } .mw-620[data-v-77b06045] { max-width: 620px; } .modal__title[data-v-77b06045] { margin-top: 32px; text-align: center; line-height: 1.5; font-size: 28px; padding: 0; margin-bottom: 20px; } .modal-remove-body[data-v-77b06045] { display: flex; flex-direction: column; align-items: center; } .modal-remove-body[data-v-77b06045] { display: flex; flex-direction: column; align-items: center; } .modal-remove-title[data-v-77b06045] { font-weight: bold; font-size: 18px; line-height: 160%; margin-bottom: 30px; text-align: center; } .remove-svg-danger[data-v-77b06045] { margin-bottom: 18px; } .modal-remove-btn-no[data-v-77b06045] { width: 50%; margin-right: 10px; } .modal-remove-btn-remove[data-v-77b06045] { width: 50%; } .settings-input-modal-wrapper[data-v-77b06045] { display: flex; justify-content: space-between; } .modal__dialog--480[data-v-77b06045] { max-width: 480px; } .btn--light[data-v-77b06045] { background-color: #fff; color: rgba(48, 75, 101, 0.7); border: 1px solid rgba(62, 116, 134, 0.15); } .btn[data-v-77b06045] { align-items: center; } .btn--md[data-v-77b06045] { padding: 16px 20px; } .modal_custom[data-v-77b06045] { max-width: 100vw; min-width: 100%; position: fixed; z-index: 999999; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100vw; max-width: 100vw; height: 100vh; padding: 0; margin: 0; background: rgba(0, 0, 0, 0.2); transform: translate(0); } .modal_custom > div[data-v-77b06045] { max-width: 440px; } .modal_custom .header_title[data-v-77b06045] { padding: 23px 16px 16px; margin: 0; border-bottom: 0; justify-content: center; align-items: center; display: flex; } .modal__content[data-v-77b06045] { --modal-px: 50px; position: relative; display: flex; flex-direction: column; width: 100%; background-color: var(--white); border-radius: 20px; box-shadow: 0px 15px 30px rgba(70, 141, 206, 0.05); transition: all 0.3s ease-out; } .discount_coupons_card { background: #FFFFFF; border: 1px solid rgba(62, 116, 134, 0.15); border-radius: 10px; } .discount_coupons_card+.discount_coupons_card { margin-top: 10px; } .discount_coupons_card .card_header { padding: 15px 20px; display: flex; align-items: center; justify-content: space-between; position: relative; } .discount_coupons_card .card_header:after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(62, 116, 134, 0) 0%, rgba(62, 116, 134, 0.15) 38.34%, rgba(62, 116, 134, 0.15) 64.61%, rgba(62, 116, 134, 0) 100.85%); } .discount_coupons_card .card_header h3 { font-weight: 700; font-size: 24px; line-height: 100%; color: #304B65; margin-left: 10px; } .discount_coupons_card .card_footer { display: flex; align-items: center; justify-content: center; padding: 15px; } .discount_coupons_card .card_footer p { font-weight: 400; font-size: 14px; line-height: 160%; color: rgba(48, 75, 101, 0.7); text-align: center; } .discount_coupons_card .code_text { font-weight: 700; font-size: 18px; line-height: 24px; color: #05A6DB; min-height: 50px; display: flex; align-items: center; } .fade-enter-active[data-v-02ea9af8], .fade-leave-active[data-v-02ea9af8] { transition: opacity .5s; } .fade-enter[data-v-02ea9af8], .fade-leave-to[data-v-02ea9af8] { opacity: 0; } .account-item__img img[data-v-02ea9af8]{ width: 100%; height: 100%; } .order-form__item.empty-cart-box[data-v-02ea9af8] { border-radius: 10px; background: #F5F5F6; padding: 60px 0 50px; } .order-form__item.empty-cart-box h3[data-v-02ea9af8] { font-weight: 600; font-size: 40px; line-height: 48px; text-align: center; color: #020614; } .order-form__item.empty-cart-box a.w-full[data-v-02ea9af8] { max-width: 320px; margin: 0 auto; padding: 14px; width: 100%; } .comments-custom-li[data-v-02ea9af8] { list-style: none; font-size: 14px; cursor: pointer; color: var(--primary); opacity: 1; font-weight: 600; } .block[data-v-3e2c5617] { display: flex; flex-direction: column; gap: 12px; text-align: center; justify-content: center; align-items: center; padding: 0 32px; } svg[data-v-3e2c5617] { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; } .icons[data-v-3e2c5617] { display: flex; align-items: center; justify-content: center; gap: 12px; } div:has(>iframe[name='modal']) { position: fixed!important; inset: 0; } .divider { display: flex; align-items: center; text-align: center; color: #666; } .divider::before, .divider::after { content: ""; flex: 1; border-bottom: 1px solid #ccc; } .divider:not(:empty)::before { margin-right: 0.75em; } .divider:not(:empty)::after { margin-left: 0.75em; } .google-pay-button { display: flex; align-items: center; width: 100% !important; max-width: 100% !important; height: 50px; border-radius: 5px; } .payment-error { color: #c00; font-size: 14px; padding: 8px 0; } .btn-wallet-pay { width: 100%; height: 50px; border-radius: 5px; background: #000; } .custom-row { display: flex; align-items: center; gap: 10px; width: 100%; } .custom-col { flex: auto; width: 100%; } .show-popup-button { display: flex; align-items: center; justify-content: center; gap: 8px; height: 50px; padding: 0 20px; border-radius: 5px; background: #000; color: #fff; font-size: 16px; line-height: 20px; font-weight: 600; text-decoration: none; letter-spacing: 0.3px; transition: all 0.2s ease-in-out; cursor: pointer; width: 100%; } .pay-buttons-block { display: flex; } .payment-proccessed-loader { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.6); display: flex; justify-content: center; align-items: center; z-index: 9999; } .payment-proccessed-loader.active { visibility: visible; } .lds-spinner { color: official; display: inline-block; position: relative; width: 80px; height: 80px; } .lds-spinner div { transform-origin: 40px 40px; -webkit-animation: lds-spinner 1.2s linear infinite; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #ffffff; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); -webkit-animation-delay: -1s; animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); -webkit-animation-delay: 0s; animation-delay: 0s; } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @media (min-width: 768px) { .custom-col { flex: 1; width: auto; } } @media (max-width: 767.98px) { .pay-buttons-block .custom-row { flex-direction: column; } .custom-col { width: 100%; } } .checkout-page .price-detiles__item[data-v-21dd749a] { display: flex; justify-content: space-between; } .checkout-page .price-detiles__item + .price-detiles__item[data-v-21dd749a] { margin-top: 20px; } .checkout-page .price-detiles__text h4[data-v-21dd749a] { font-weight: 400; } .checkout-page .price-detiles__value[data-v-21dd749a] { font-style: normal; font-weight: 600; font-size: 18px; line-height: 21px; color: #020614; } .checkout-page h4[data-v-21dd749a] { font-size: 18px; line-height: 25px; } .checkout-page .order-form__item[data-v-21dd749a] { display: flex; flex-direction: column; } .checkout-page .order-form__item + .order-form__item[data-v-21dd749a] { padding-top: 32px; margin-top: 32px; border-top: 1px solid #E9E9ED; } .checkout-page .protect-info[data-v-21dd749a] { display: flex; flex-wrap: wrap; background: #F5F5F6; border-radius: 10px; padding: 10px; } .checkout-page .btn-form + .protect-info[data-v-21dd749a] { margin-top: 56px; } .checkout-page .protect-info__item[data-v-21dd749a] { flex: 0 0 33.3333%; padding: 10px; display: flex; flex-direction: column; align-items: center; } .checkout-page .protect-info__img[data-v-21dd749a] { margin-bottom: 12px; } .checkout-page .protect-info__text[data-v-21dd749a] { font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; text-align: center; color: #01030B; } .checkout-page .price-detiles__text h3[data-v-21dd749a] { font-size: 20px; } .checkout-page .justify-content-end[data-v-21dd749a] { justify-content: flex-end; } .checkout-page .checkout-loader[data-v-21dd749a] { display: flex; justify-content: center; } .checkout-page-result .price-list__item[data-v-21dd749a] { align-items: flex-start; } .checkout-page-result .price-list__item-price[data-v-21dd749a] { display: inline-block; padding-left: 10px; } .checkout-page-result .quick-order-message[data-v-21dd749a] { padding: 48px 30px 20px; background-color: #fff; min-height: calc(100vh - 190px); text-align: center; display: flex; flex-direction: column; align-items: center; } .checkout-page-result .quick-order-message .btn[data-v-21dd749a] { width: 220px; margin-bottom: 10px; } .checkout-page-result .quick-order-message .btn--last[data-v-21dd749a] { margin-top: auto; } .checkout-page-result .quick-order-message__icon[data-v-21dd749a] { width: 56px; height: 56px; margin-left: auto; margin-right: auto; margin-bottom: 24px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjM0FEMjZGIi8+CiAgICA8cGF0aCBkPSJNMTguNjY4IDI3LjA0NjhMMjUuNDQxNSAzMy44MzMzTDM4LjUwMTMgMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); background-size: cover; } .checkout-page-result .quick-order-message--error .quick-order-message__icon[data-v-21dd749a] { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjRDIzQTNBIi8+CiAgICA8cGF0aCBkPSJNMTkuODMyIDM1LjkzMjNMMzYuMzM3NSAxOS44MzM0IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjQiLz4KICAgIDxwYXRoIGQ9Ik0xOS44MzIgMTkuODMzNEwzNi4zMzc1IDM1LjkzMjQiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); } .checkout-page-result .quick-order-message__title[data-v-21dd749a] { font-size: 24px; line-height: 38px; margin-bottom: 15px; font-weight: 700; color: #3AD26F; } .checkout-page-result .quick-order-message--error .quick-order-message__title[data-v-21dd749a] { color: #D23A3A; } .checkout-page-result .quick-order-message__number[data-v-21dd749a] { font-size: 32px; line-height: 58px; font-weight: 700; } .checkout-page-result .quick-order-message__holder[data-v-21dd749a]:not(:first-child) { margin-top: 20px; padding-top: 20px; position: relative; } .checkout-page-result .quick-order-message__holder[data-v-21dd749a]:not(:first-child)::after { content: ""; position: absolute; top: 0; left: calc(50% - 25px); width: 50px; height: 1px; background-color: rgba(62, 116, 134, 0.15); } .checkout-page-result .quick-order-message__total span[data-v-21dd749a] { font-size: 18px; line-height: 1.6; color: rgba(48, 75, 101, 0.5); font-weight: 500; display: block; } .checkout-page-result .quick-order-message--error .quick-order-message__total span[data-v-21dd749a] { color: #F43D3D; } .checkout-page-result .quick-order-message--error .quick-order-message__total[data-v-21dd749a] { margin-bottom: 50px; } .checkout-page-result .quick-order-message__total strong[data-v-21dd749a] { font-size: 24px; line-height: 1.6; font-weight: 700; display: block; } .checkout-page-result .quick-order-message .btn[data-v-21dd749a] { width: 220px; margin-bottom: 10px; } .checkout-page-result .quick-order-message .btn--default-outline[data-v-21dd749a] { color: rgba(48, 75, 101, 0.5); background-color: #fff; border: 1px solid rgba(62, 116, 134, 0.15); } .checkout-page-result .quick-order-message .btn--outline-primary[data-v-21dd749a] { background-color: #fff; color: #05A6DB; border: 1px solid rgba(62, 116, 134, 0.15); } .checkout-page-result .quick-order-message .btn--outline-primary[data-v-21dd749a]:hover { color: #fff; background: linear-gradient(106.11deg, #20A7EE -5.94%, #0ED5E1 112.84%); } .checkout-page-result .checkout-loader[data-v-21dd749a] { background: #fff; border-radius: 20px; min-height: calc(100vh - 190px); width: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; } select[data-v-21dd749a] { display: block; width: 100%; background: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI3NDg0IDAuMzMzMzc0TDAuMzMyMDMxIDEuMjc2MTlMNS4wNDYwNiA1Ljk5MDIzTDkuNzYwMTMgMS4yNzYyMUw4LjgxNzMzIDAuMzMzMzk0TDUuMDQ2MDYgNC4xMDQ2M0wxLjI3NDg0IDAuMzMzMzc0WiIgZmlsbD0iIzAyMDYxNCIvPgo8L3N2Zz4K); background-position: right 10px bottom 19px; background-repeat: no-repeat; font-weight: 400; color: var(--text); width: 100%; border: 1px solid #D7D8DC; border-radius: 4px; padding: 15px 20px; cursor: pointer; } .message--error .quick-order-message__total[data-v-21dd749a] { margin-bottom: 50px; } .quick-order-message__total strong[data-v-21dd749a] { font-size: 24px; line-height: 1.6; font-weight: 700; display: block; } .quick-order-message .btn[data-v-21dd749a] { width: 220px; margin-bottom: 10px; } .quick-order-message .btn--default-outline[data-v-21dd749a] { color: rgba(48, 75, 101, 0.5); background-color: #fff; border: 1px solid rgba(62, 116, 134, 0.15); } .quick-order-message .btn--outline-primary[data-v-21dd749a] { background-color: #fff; color: #05A6DB; border: 1px solid rgba(62, 116, 134, 0.15); } .quick-order-message .btn--outline-primary[data-v-21dd749a]:hover { color: #fff; background: linear-gradient(106.11deg, #20A7EE -5.94%, #0ED5E1 112.84%); } .checkout-loader[data-v-21dd749a] { background: #fff; border-radius: 20px; min-height: calc(100vh - 190px); width: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; } input[data-v-e975bb6a] { font-size: 16px; width: 100%; background-color: transparent; line-height: 16px; border: 1px solid #BABDDB; padding: 15px 120px 15px 20px; border-radius: 4px; } .amount-bonus[data-v-e975bb6a]{ position: absolute; z-index: 10; right: 15px; top: 15px; font-size: 16px; font-weight: 500; line-height: 19px; color: var(--primary); } .invalid[data-v-e975bb6a] { border-color: var(--error); color: var(--error); } .btn.disabled[data-v-e975bb6a] { pointer-events: none; opacity: 0.7; } .top-up-modal .columns_btn[data-v-e975bb6a] { flex-wrap: nowrap; } .top-up-modal .btn.btn-sm3[data-v-e975bb6a] { min-width: 60px; } input[data-v-607c5f92] { padding: 9px 0; font-size: 16px; width: 100%; background-color: transparent; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: var(--textColor); border: 1px solid var(--borderColor); padding: 15px 20px; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .invalid[data-v-607c5f92] { border-color: var(--error); } select[data-v-607c5f92] { display: block; width: 100%; background: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI3NDg0IDAuMzMzMzc0TDAuMzMyMDMxIDEuMjc2MTlMNS4wNDYwNiA1Ljk5MDIzTDkuNzYwMTMgMS4yNzYyMUw4LjgxNzMzIDAuMzMzMzk0TDUuMDQ2MDYgNC4xMDQ2M0wxLjI3NDg0IDAuMzMzMzc0WiIgZmlsbD0iIzAyMDYxNCIvPgo8L3N2Zz4K); background-position: right 10px bottom 19px; background-repeat: no-repeat; font-weight: 400; color: var(--text); width: 100%; border: 1px solid #D7D8DC; border-radius: 4px; padding: 15px 20px; cursor: pointer; } input[data-v-58ee3255] { padding: 9px 0; font-size: 16px; width: 100%; background-color: transparent; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: var(--textColor); border: 1px solid var(--borderColor); padding: 15px 20px; border-radius: 4px; appearance: none; -moz-appearance: none; -webkit-appearance: none; } .modal__dialog.modal-md[data-v-58ee3255] { max-width: 884px !important; } @media (max-width: 767.98px) { .mobile-flex-column[data-v-58ee3255] { flex-direction: column; } } .custom[data-v-18fd5e68] { --white: #fff; --black: #000; --text: #304B65; --teal: #F0F7F9; --primary: #3F57FF; --yellow: #FFE486; --border: rgba(62, 116, 134, 0.15); --danger: #F43D3D; --warning: #CCA52D; --green: #70DE61; --text-70: rgba(48, 75, 101, 0.7); --text-50: rgba(48, 75, 101, 0.5); --baseFontSize: 14px; --baseLineHeight: 1.6; --regular: 400; --medium: 500; --semi: 600; --bold: 700; --extra-bold: 800; --radius: 10px; --side-x: 300px; --transition: all .3s ease-out; } .quick-order-message[data-v-18fd5e68]{ border-top: 5px solid var(--green); padding: 48px 30px 20px; background-color: var(--white); border-radius: 20px; text-align: center; display: flex; flex-direction: column; align-items: center; } .quick-order-message.quick-order-message--error[data-v-18fd5e68]{ border-top: 5px solid var(--danger); } .quick-order-message .btn[data-v-18fd5e68]{ width: 220px; margin-bottom: 10px; } .quick-order-message .btn--last[data-v-18fd5e68]{ margin-top: auto; } /* .quick-order-message__icon{ width: 58px; height: 58px; margin-left: auto; margin-right: auto; margin-bottom: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjM0FEMjZGIi8+CiAgICA8cGF0aCBkPSJNMTguNjY4IDI3LjA0NjhMMjUuNDQxNSAzMy44MzMzTDM4LjUwMTMgMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); background-size: cover; } */ /* .quick-order-message--error .quick-order-message__icon{ background-image: url(/img/order-error.svg); } */ .quick-order-message__title[data-v-18fd5e68]{ font-size: 24px; line-height: 38px; margin-bottom: 15px; font-weight: var(--bold); color: var(--green); } .quick-order-message--error .quick-order-message__title[data-v-18fd5e68]{ color: var(--danger); } .quick-order-message__number[data-v-18fd5e68]{ font-size: 32px; line-height: 58px; font-weight: var(--bold); } .quick-order-message__holder[data-v-18fd5e68]:not(:first-child){ margin-top: 20px; padding-top: 20px; position: relative; } .quick-order-message__holder[data-v-18fd5e68]:not(:first-child)::after{ content: ''; position: absolute; top: 0; left: calc(50% - 25px); width: 50px; height: 1px; background-color: rgba(62, 116, 134, 0.15); } .quick-order-message__total span[data-v-18fd5e68]{ font-size: 18px; line-height: 1.6; color: rgba(48, 75, 101, 0.5); font-weight: var(--medium); display: block; } .quick-order-message--error .quick-order-message__total span[data-v-18fd5e68]{ color: var(--danger); } .quick-order-message--error .quick-order-message__total[data-v-18fd5e68]{ margin-bottom: 50px; } .quick-order-message__total strong[data-v-18fd5e68]{ font-size: 24px; line-height: 1.6; font-weight: var(--bold); display: block; } .quick-order-message .btn[data-v-18fd5e68] { width: 220px; margin-bottom: 10px; } .btn--default-outline[data-v-18fd5e68] { color: rgba(48, 75, 101, 0.5); background-color: var(--white); border: 1px solid var(--border); } .modal__dialog--md[data-v-18fd5e68] { max-width: 740px; } .modal__dialog[data-v-18fd5e68] { display: flex; justify-content: center; align-items: center; min-height: 100%; margin: auto; padding: 20px; transform: translate(0, -20px); transition: transform .3s ease-out; } .input-custom-container[data-v-7678f96a] { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .input-solo-container[data-v-7678f96a] { flex: 1 1 90px; } .columns[data-v-7678f96a] { margin: 0; } select[data-v-7678f96a] { display: block; width: 100%; background: #fff; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI3NDg0IDAuMzMzMzc0TDAuMzMyMDMxIDEuMjc2MTlMNS4wNDYwNiA1Ljk5MDIzTDkuNzYwMTMgMS4yNzYyMUw4LjgxNzMzIDAuMzMzMzk0TDUuMDQ2MDYgNC4xMDQ2M0wxLjI3NDg0IDAuMzMzMzc0WiIgZmlsbD0iIzAyMDYxNCIvPgo8L3N2Zz4K); background-position: right 10px bottom 19px; background-repeat: no-repeat; font-weight: 400; color: var(--text); width: 100%; border: 1px solid #D7D8DC; border-radius: 4px; padding: 15px 20px; cursor: pointer; } .modal__dialog.modal__dialog--sm[data-v-e8c13f2a] { max-width: 480px; } .modal-remove-body[data-v-e8c13f2a] { display: flex; flex-direction: column; align-items: center; } .modal-remove-title[data-v-e8c13f2a] { font-weight: bold; font-size: 18px; line-height: 160%; margin-bottom: 30px; text-align: center; padding: 0; } .price-list__item[data-v-e8c13f2a] { align-items: flex-start; } .price-list__item-price[data-v-e8c13f2a] { display: inline-block; padding-left: 10px; } .quick-order-message[data-v-e8c13f2a] { text-align: center; display: flex; flex-direction: column; align-items: center; } .quick-order-message__total strong[data-v-e8c13f2a] { font-size: 24px; line-height: 1.6; font-weight: 700; display: block; } .quick-order-message.quick-order-message--error[data-v-e8c13f2a] { border-top: 5px solid #F43D3D; } .quick-order-message .btn[data-v-e8c13f2a] { width: 220px; margin-bottom: 10px; } .quick-order-message .btn--last[data-v-e8c13f2a] { margin-top: auto; } .quick-order-message__icon[data-v-e8c13f2a] { width: 58px; height: 58px; margin-left: auto; margin-right: auto; margin-bottom: 18px; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxjaXJjbGUgY3g9IjI4IiBjeT0iMjgiIHI9IjI4IiBmaWxsPSIjM0FEMjZGIi8+CiAgICA8cGF0aCBkPSJNMTguNjY4IDI3LjA0NjhMMjUuNDQxNSAzMy44MzMzTDM4LjUwMTMgMjEiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iNCIvPgo8L3N2Zz4=); background-size: cover; } .quick-order-message--error .quick-order-message__icon[data-v-e8c13f2a] { background-image: url(/img/order-error.svg); } .quick-order-message__title[data-v-e8c13f2a]{ font-size: 24px; line-height: 38px; margin-bottom: 15px; font-weight: 700; color: #70DE61; } .quick-order-message--error .quick-order-message__title[data-v-e8c13f2a] { color: #F43D3D; } .quick-order-message__number[data-v-e8c13f2a]{ font-size: 32px; line-height: 58px; font-weight: 700; } .quick-order-message__holder[data-v-e8c13f2a]:not(:first-child) { margin-top: 20px; padding-top: 20px; position: relative; } .quick-order-message__holder[data-v-e8c13f2a]:not(:first-child)::after { content: ''; position: absolute; top: 0; left: calc(50% - 25px); width: 50px; height: 1px; background-color: rgba(62, 116, 134, 0.15); } .quick-order-message__total span[data-v-e8c13f2a] { font-size: 18px; line-height: 1.6; color: rgba(48, 75, 101, 0.5); font-weight: 500; display: block; } .quick-order-message--error .quick-order-message__total span[data-v-e8c13f2a] { color: #F43D3D; } .quick-order-message--error .quick-order-message__total[data-v-e8c13f2a] { margin-bottom: 50px; } .quick-order-message__total strong[data-v-e8c13f2a] { font-size: 24px; line-height: 1.6; font-weight: 700; display: block; } .quick-order-message .btn[data-v-e8c13f2a] { width: 220px; margin-bottom: 10px; } .quick-order-message .btn--default-outline[data-v-e8c13f2a] { color: rgba(48, 75, 101, 0.5); background-color: #fff; border: 1px solid rgba(62, 116, 134, 0.15); } .quick-order-message .btn--outline-primary[data-v-e8c13f2a] { background-color: #fff; color: #05A6DB; border: 1px solid rgba(62, 116, 134, 0.15); } .quick-order-message .btn--outline-primary[data-v-e8c13f2a]:hover { color: #fff; background: linear-gradient(106.11deg, #20A7EE -5.94%, #0ED5E1 112.84%); } .checkout-loader[data-v-e8c13f2a] { background: #fff; border-radius: 20px; min-height: calc(100vh - 190px); width: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; } .withdraw-funds-modal .disabled[data-v-f828a792] { opacity: 0.7; pointer-events: none; } .withdraw-funds-modal .invalid[data-v-f828a792] { border-color: #EF6057 !important; } .withdraw-funds-modal.modal__dialog--lg[data-v-f828a792] { max-width: 700px; } .withdraw-funds-modal .modal__body-lg .modal-body-item[data-v-f828a792] { display: flex; flex-direction: column; } .withdraw-funds-modal .modal__body-lg .modal-body-item[data-v-f828a792]:not(:last-child) { margin-bottom: 30px; } .withdraw-funds-modal .modal__body-lg .modal-body-item .heading-body-item[data-v-f828a792] { margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } .withdraw-funds-modal .add-payment[data-v-f828a792] { padding: 20px 25px; border: 1px solid rgba(62, 116, 134, 0.15); border-radius: 10px; display: flex; flex-direction: column; } .withdraw-funds-modal .add-payment .add-payment-header[data-v-f828a792] { margin-bottom: 20px; } .withdraw-funds-modal .btn[data-v-f828a792] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: inline-flex; align-items: center; justify-content: center; border-radius: 10px; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1; font-weight: 600; text-align: center; transition: all 0.3s ease-out; } .withdraw-funds-modal .btn.btn--sm[data-v-f828a792] { height: 40px; padding: 10px 15px; } .withdraw-funds-modal .btn--md[data-v-f828a792] { height: 50px; padding: 16px 25px; } .withdraw-funds-modal .btn--outline[data-v-f828a792] { background-color: #ffffff; color: #05A6DB; border: 1px solid rgba(62, 116, 134, 0.15); } .withdraw-funds-modal .grey-btn[data-v-f828a792] { color: rgba(48, 75, 101, 0.7); } .withdraw-funds-modal .module-check input[data-v-f828a792], .withdraw-funds-modal .module-radio input[data-v-f828a792] { display: none; } .withdraw-funds-modal .module-radio .radio[data-v-f828a792]::after { display: none; } .withdraw-funds-modal .module-radio[data-v-f828a792] { display: flex; align-items: center; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .withdraw-funds-modal .module-radio .text[data-v-f828a792] { margin-left: 15px; font-size: 14px; line-height: 22px; font-weight: var(--medium); color: var(--text-70); } .withdraw-funds-modal .module-radio input[type=radio]:checked ~ .radio[data-v-f828a792]::after { display: block; } .withdraw-funds-modal .dbl-radio[data-v-f828a792] { display: flex; flex-direction: column; } .withdraw-funds-modal .dbl-radio .module-radio[data-v-f828a792]:not(:last-child) { margin-bottom: 10px; } .withdraw-funds-modal .list-payments .pay[data-v-f828a792] { margin-bottom: 10px; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method[data-v-f828a792] { background: #3F57FF; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method .radio[data-v-f828a792] { border: 2px solid #ffffff; background: transparent; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method .radio[data-v-f828a792]::after { display: block !important; background: #ffffff; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method .info-heading *[data-v-f828a792] { color: #ffffff; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method .pay-list *[data-v-f828a792] { color: #ffffff; opacity: 0.9; } .withdraw-funds-modal .pay input[type=radio]:checked ~ .payment-method .info[data-v-f828a792] { border-right: 1px solid; border-color: rgba(255, 255, 255, 0.5); } .withdraw-funds-modal .payment-method span.radio[data-v-f828a792] { position: relative; } .withdraw-funds-modal .pay .payment-method .action .radio[data-v-f828a792]::after { content: ""; min-width: 10px; min-height: 10px; display: none; position: absolute; background: var(--primary); border-radius: 50%; transform: translate(-50%, -50%); top: 50%; left: 50%; } .withdraw-funds-modal .pay.module-radio[data-v-f828a792] { width: 100%; align-items: inherit; } .withdraw-funds-modal .payment-method[data-v-f828a792] { display: flex; justify-content: space-between; width: 100%; background: #ffffff; border: 1px solid rgba(62, 116, 134, 0.15); border-radius: 10px; } .withdraw-funds-modal .payment-method .info[data-v-f828a792] { padding: 0px 12px; flex: auto; margin: 20px 0; } .withdraw-funds-modal .payment-method .action[data-v-f828a792] { padding: 0 25px; display: flex; align-items: center; } .withdraw-funds-modal .payment-method .pay-list[data-v-f828a792] { display: flex; flex-direction: column; } .withdraw-funds-modal .payment-method .pay-list li[data-v-f828a792] { display: block; } .withdraw-funds-modal .payment-method .info .info-heading[data-v-f828a792] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .withdraw-funds-modal .input[data-v-f828a792], .withdraw-funds-modal .textarea[data-v-f828a792] { width: 100%; font-style: normal; font-weight: normal; font-size: 14px; line-height: 140%; color: var(--text) !important; padding: 15px 20px; border: 1px solid rgba(62, 116, 134, 0.15); border-radius: 10px; outline: none; resize: none; } .withdraw-funds-modal .link-input[data-v-f828a792] { display: flex; overflow: hidden; padding: 0; } .withdraw-funds-modal .link-input .ico[data-v-f828a792] { padding: 15px; display: flex; align-items: center; } .withdraw-funds-modal .link-input input[data-v-f828a792] { width: 100%; font-size: 14px; line-height: 22px; font-weight: 500; font-family: "Poppins", sans-serif; padding-right: 20px; color: #304B65; overflow: hidden; text-overflow: ellipsis; } .withdraw-funds-modal .flex-column[data-v-f828a792] { flex-direction: column; } .withdraw-funds-modal .module-check[data-v-f828a792] { padding: 16px 20px; border: 1px solid rgba(62, 116, 134, 0.15); border-radius: 10px; cursor: pointer; display: inline-flex; align-items: center; } .withdraw-funds-modal .module-check.--style2[data-v-f828a792] { padding: 0; border: 0; } .withdraw-funds-modal .module-check .check[data-v-f828a792] { width: 18px; height: 18px; border: 1px solid rgba(48, 75, 101, 0.5); border-radius: 5px; flex-shrink: 0; transition: all 0.2s ease-in-out; } .withdraw-funds-modal .module-check input:checked + .check[data-v-f828a792] { background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4IiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4zMjEgMi4zMjFDMy4zMjE4NSAxLjMyMDE1IDQuODE5NTIgMC45Mzc1IDYuNzUgMC45Mzc1SDExLjI1QzEzLjE4MDUgMC45Mzc1IDE0LjY3ODEgMS4zMjAxNSAxNS42NzkgMi4zMjFDMTYuNjc5OCAzLjMyMTg1IDE3LjA2MjUgNC44MTk1MiAxNy4wNjI1IDYuNzVWMTEuMjVDMTcuMDYyNSAxMy4xODA1IDE2LjY3OTggMTQuNjc4MSAxNS42NzkgMTUuNjc5QzE0LjY3ODEgMTYuNjc5OCAxMy4xODA1IDE3LjA2MjUgMTEuMjUgMTcuMDYyNUg2Ljc1QzQuODE5NTIgMTcuMDYyNSAzLjMyMTg1IDE2LjY3OTggMi4zMjEgMTUuNjc5QzEuMzIwMTUgMTQuNjc4MSAwLjkzNzUgMTMuMTgwNSAwLjkzNzUgMTEuMjVWNi43NUMwLjkzNzUgNC44MTk1MiAxLjMyMDE1IDMuMzIxODUgMi4zMjEgMi4zMjFaTTMuMTE2NSAzLjExNjVDMi40Mjk4NSAzLjgwMzE1IDIuMDYyNSA0LjkzMDQ4IDIuMDYyNSA2Ljc1VjExLjI1QzIuMDYyNSAxMy4wNjk1IDIuNDI5ODUgMTQuMTk2OSAzLjExNjUgMTQuODgzNUMzLjgwMzE1IDE1LjU3MDIgNC45MzA0OCAxNS45Mzc1IDYuNzUgMTUuOTM3NUgxMS4yNUMxMy4wNjk1IDE1LjkzNzUgMTQuMTk2OSAxNS41NzAyIDE0Ljg4MzUgMTQuODgzNUMxNS41NzAyIDE0LjE5NjkgMTUuOTM3NSAxMy4wNjk1IDE1LjkzNzUgMTEuMjVWNi43NUMxNS45Mzc1IDQuOTMwNDggMTUuNTcwMiAzLjgwMzE1IDE0Ljg4MzUgMy4xMTY1QzE0LjE5NjkgMi40Mjk4NSAxMy4wNjk1IDIuMDYyNSAxMS4yNSAyLjA2MjVINi43NUM0LjkzMDQ4IDIuMDYyNSAzLjgwMzE1IDIuNDI5ODUgMy4xMTY1IDMuMTE2NVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8yMjc2XzM1NykiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi4wNjI1IDYuNzVDMi4wNjI1IDQuOTMwNDggMi40Mjk4NSAzLjgwMzE1IDMuMTE2NSAzLjExNjVDMy44MDMxNSAyLjQyOTg1IDQuOTMwNDggMi4wNjI1IDYuNzUgMi4wNjI1SDExLjI1QzEzLjA2OTUgMi4wNjI1IDE0LjE5NjkgMi40Mjk4NSAxNC44ODM1IDMuMTE2NUMxNS41NzAyIDMuODAzMTUgMTUuOTM3NSA0LjkzMDQ4IDE1LjkzNzUgNi43NVYxMS4yNUMxNS45Mzc1IDEzLjA2OTUgMTUuNTcwMiAxNC4xOTY5IDE0Ljg4MzUgMTQuODgzNUMxNC4xOTY5IDE1LjU3MDIgMTMuMDY5NSAxNS45Mzc1IDExLjI1IDE1LjkzNzVINi43NUM0LjkzMDQ4IDE1LjkzNzUgMy44MDMxNSAxNS41NzAyIDMuMTE2NSAxNC44ODM1QzIuNDI5ODUgMTQuMTk2OSAyLjA2MjUgMTMuMDY5NSAyLjA2MjUgMTEuMjVWNi43NVpNMTIuNTg1NiA2LjQ4MDFDMTIuODA1MSA2LjY5OTk3IDEyLjgwNDggNy4wNTYxMiAxMi41ODQ5IDcuMjc1Nkw4LjMzMjQgMTEuNTIwNkM4LjExMjY3IDExLjczOTkgNy43NTY3OCAxMS43Mzk4IDcuNTM3MjUgMTEuNTIwMkw1LjQxNDc1IDkuMzk3NzVDNS4xOTUwOCA5LjE3ODA4IDUuMTk1MDggOC44MjE5MiA1LjQxNDc1IDguNjAyMjVDNS42MzQ0MiA4LjM4MjU4IDUuOTkwNTggOC4zODI1OCA2LjIxMDI1IDguNjAyMjVMNy45MzUzNSAxMC4zMjc0TDExLjc5MDEgNi40Nzk0QzEyLjAxIDYuMjU5OTMgMTIuMzY2MSA2LjI2MDI0IDEyLjU4NTYgNi40ODAxWiIgZmlsbD0iIzNGNTdGRiIvPgogICAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMjI3Nl8zNTciIHgxPSItMC4wMDY3NTY0OCIgeTE9Ii0wLjA3MDMxMzQiIHgyPSIyMi43NzkzIiB5Mj0iNi41MTI2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzRjU3RkYiLz4KICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzRjU3RkYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXJfMjI3Nl8zNTciIHgxPSItMC4wMDY3NTY0OCIgeTE9Ii0wLjA3MDMxMzQiIHgyPSIyMi43NzkzIiB5Mj0iNi41MTI2MyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiMzRjU3RkYiLz4KICAgICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMzRjU3RkYiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+Cjwvc3ZnPg==) no-repeat center/cover; border: 0; } .withdraw-funds-modal .module-check .check + .text[data-v-f828a792] { margin-left: 10px; font-style: normal; font-weight: 500; font-size: 14px; line-height: 100%; color: rgba(48, 75, 101, 0.5); } .withdraw-funds-modal .d-none[data-v-f828a792] { display: none; } .withdraw-funds-modal .btn--outline-danger[data-v-f828a792] { background-color: #ffffff; color: #ff5656; border: 1px solid #ff5656; } .withdraw-funds-modal .btn--primary[data-v-f828a792] { background: #3F57FF; color: var(--white); } .withdraw-funds-modal .btn--md-less[data-v-f828a792] { height: 50px; padding: 16px 20px; } .withdraw-funds-modal h4[data-v-f828a792] { font-size: 14px; } .withdraw-funds-modal .fw-bold[data-v-f828a792] { color: #01030B; font-size: 16px; font-weight: 500; line-height: 20px; } .withdraw-funds-modal .text-70[data-v-f828a792] { color: rgba(48, 75, 101, 0.7); } .withdraw-funds-modal .cursor-pointer[data-v-f828a792] { cursor: pointer !important; } .withdraw-funds-modal .modal__footer[data-v-f828a792] { padding: 20px 0 0; border-top: 1px solid rgba(62, 116, 134, 0.15); } .withdraw-funds-modal .modal__body-lg[data-v-f828a792] { padding: 0 0 30px; } .withdraw-funds-modal .mb-33[data-v-f828a792] { margin-bottom: 33px; } .withdraw-funds-modal .add-new-pm-btn[data-v-f828a792] { width: 100%; } @media (max-width: 600px) { .withdraw-funds-modal .mob-flex-col[data-v-f828a792] { flex-direction: column; gap: 10px; } } .modal-email-confirmation-title { padding: 0px; margin-bottom: 15px; text-align: center; } .modal-email-confirmation-content { margin-bottom: 20px; text-align: center; } .modal-email-confirmation-content span { margin-left: 15px; } .modal-email-confirmation-btns { display: flex; flex-direction: column; } .modal-email-confirmation-btns button:disabled { background-color: grey; pointer-events: none; } .code_inp { position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: 35px; } .code_inp input { margin-right: 10px; padding: 10px; border: 3px solid rgb(161, 148, 148); text-align: center; max-width: 50px; max-height: 50px; border-radius: 10px; font-size: x-large; transition: none; } .code_inp input:focus { border-color: rgb(32, 46, 137); } .invalid-text { position: absolute; bottom: -25px; color: red; } .tiers-modal.mw-620.modal__dialog[data-v-5a55736a] { max-width: 620px; } .tiers-modal .card__text[data-v-5a55736a] { font-weight: 500; line-height: 160%; color: rgba(48, 75, 101, 0.7); font-size: 14px; } .tiers-modal .row[data-v-5a55736a] { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -0.5); margin-left: calc(var(--bs-gutter-x) * -0.5); } .tiers-modal .row[data-v-5a55736a] { --bs-gutter-x: 20px; } .tiers-modal .row > *[data-v-5a55736a] { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .tiers-modal .card-list[data-v-5a55736a] { display: flex; flex-direction: column; padding: 20px 0; } .tiers-modal .pt-0[data-v-5a55736a] { padding-top: 0 !important; } .tiers-modal .card-list .card-list-name[data-v-5a55736a] { text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 160%; letter-spacing: 0.05em; color: rgba(48, 75, 101, 0.5); } .tiers-modal .card-list .list[data-v-5a55736a] { display: flex; flex-direction: column; } .tiers-modal .card-list .list li[data-v-5a55736a] { margin-top: 20px; } .tiers-modal .card-list .list li[data-v-5a55736a] { color: #304B65; font-size: 14px; line-height: 160%; font-weight: bold; } .tiers-modal .modal__footer[data-v-5a55736a] { padding: 20px 0 0; border-top: 1px solid rgba(62, 116, 134, 0.15); } .tiers-modal .text-grey[data-v-5a55736a] { font-weight: 500; color: rgba(48, 75, 101, 0.5); } .tiers-modal .require-before[data-v-5a55736a]::before { content: " * "; color: rgba(48, 75, 101, 0.5); } @media (min-width: 768px) { .tiers-modal .col-md-6[data-v-5a55736a] { flex: 0 0 auto; width: 50%; } } .modal-remove-body[data-v-12a5ce8a]{ display: flex; flex-direction: column; align-items: center; } .modal-remove-title[data-v-12a5ce8a]{ font-weight: bold; font-size: 18px; line-height: 160%; margin-bottom: 30px; text-align: center; } .remove-svg-danger[data-v-12a5ce8a]{ margin-bottom: 18px; } .modal-remove-btn-no[data-v-12a5ce8a]{ width: 50%; margin-right: 10px; } .modal-remove-btn-remove[data-v-12a5ce8a]{ width: 50%; } .settings-input-modal-wrapper[data-v-12a5ce8a]{ display: flex; justify-content: space-between; } .modal__dialog--480[data-v-12a5ce8a]{ max-width: 480px; } .btn--light[data-v-12a5ce8a] { background-color: #fff; color: rgba(48, 75, 101, 0.7); border: 1px solid rgba(62, 116, 134, 0.15); } .btn[data-v-12a5ce8a] { align-items: center; } .btn--md[data-v-12a5ce8a] { padding: 16px 20px; } .modal .modal__content[data-v-2f51b6e4] { padding: 56px 32px !important; } .rate-list .rate-block.active .rate[data-v-2f51b6e4] { border-bottom: 1px solid #E8E8E8 !important; } .input[data-v-2f51b6e4], .textarea[data-v-2f51b6e4] { padding: 9px 0; font-size: 16px; width: 100%; background-color: transparent; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: #020614; border: 1px solid #d1d5f8; padding: 15px 20px; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .modal__dialog--480[data-v-c1cbff24] { max-width: 480px; } .modal-email-confirmation-title[data-v-c1cbff24] { font-weight: bold; font-size: 18px; line-height: 100%; text-align: center; margin-bottom: 20px; } .modal-email-confirmation-content[data-v-c1cbff24] { font-weight: 500; font-size: 14px; line-height: 160%; text-align: center; opacity: 0.7; margin-bottom: 30px; } .modal-email-confirmation-btns .input-group-new-password[data-v-c1cbff24] { width: 100%; } .modal-email-confirmation-btns .input-group-svg[data-v-c1cbff24] { top: 17px; right: 20px; } .input-group-new-password[data-v-c1cbff24] { margin-right: 10px; margin-bottom: 30px; } .input-group-svg[data-v-c1cbff24] { position: absolute; top: 54px; right: 20px; width: 18px; height: 18px; } .modal-email-confirmation-btns .btn[data-v-c1cbff24] { width: 100%; } @media (min-width: 768px) { .close-on-desc[data-v-c1cbff24] { display: none; } } .text.text_free[data-v-c4ea28fe] { text-transform: capitalize; color: var(--primary); font-weight: 500; } @media (max-width: 1199.98px) { .columns .col_2[data-v-c4ea28fe] { flex: 0 0 30%; justify-content: center; } } @media (max-width: 767.98px) { .modal .modal__content[data-v-c4ea28fe] { padding: 56px 32px !important; } .columns .col_2[data-v-c4ea28fe] { flex: 0 0 100%; justify-content: center; } .social-block[data-v-c4ea28fe] { align-items: center; } .list-social[data-v-c4ea28fe] { align-items: center; } .list-social .list a[data-v-c4ea28fe] { justify-content: center; } } .cart-page .order-form { max-width: 550px; margin: 0 auto; } .cart-page .order-form__title { font-style: normal; font-weight: 600; font-size: 40px; line-height: 48px; text-align: center; color: #020614; margin-bottom: 44px; padding: 0; } .cart-page .order-form__item { display: flex; flex-direction: column; } .cart-page .order-form__item + .order-form__item { padding-top: 32px; margin-top: 32px; border-top: 1px solid #E9E9ED; } .cart-page .order-items { padding: 16px 32px; background: #F5F5F6; border-radius: 10px; } .cart-page .spoller__btn { display: flex; align-items: center; } .cart-page .spoller__title { display: flex; align-items: center; flex: auto; font-style: normal; font-weight: 400; font-size: 18px; line-height: 21px; color: #020614; padding: 16px 0; } .cart-page .spoller__arrow { display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; } .cart-page [data-spoller].active .spoller__arrow { transform: rotate(180deg); } .cart-page .spoller__title .spoller__arrow { margin-right: 8px; } .cart-page .post-order__prise { display: flex; align-items: center; font-style: normal; font-weight: 600; font-size: 18px; line-height: 21px; color: #020614; } .cart-page .post-order__prise .btn { flex: 0 0 24px; margin-left: 8px; } .cart-page .spoller__dropdown { padding-bottom: 16px; } .cart-page [data-spoller-drop] { display: none; } .cart-page [data-spoller-drop].d-block { display: block; } .cart-page .account-item { display: flex; align-items: center; background: #E9E9E9; border-radius: 4px; padding: 12px; } .cart-page .account-item__img { flex: 0 0 40px; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; margin-right: 12px; } .cart-page .account-item__title { font-style: normal; font-weight: 500; font-size: 12px; line-height: 14px; color: #01030B; } .cart-page .form-user__nick { font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #01030B; opacity: 0.5; } .cart-page .account-item__title .form-user__nick { font-size: 12px; word-break: break-all; } .cart-page .account-item__order-list { display: flex; align-items: center; flex-wrap: wrap; margin-top: 2px; } .cart-page .input-group { display: flex; flex-direction: column; width: 100%; } .cart-page .input, .cart-page .textarea { padding: 9px 0; font-size: 16px; width: 100%; background-color: transparent; font-style: normal; font-weight: normal; font-size: 14px; line-height: 16px; color: var(--textColor); border: 1px solid var(--borderColor); padding: 15px 20px; border-radius: 4px; } .cart-page .input.input--gray { border-color: #D7D8DC; } .cart-page .error .input { border-color: #E44141; } .cart-page .error-text { margin-top: 8px; font-style: normal; font-weight: 400; font-size: 12px; line-height: 14px; color: #E44141; } .cart-page .module__check { cursor: pointer; display: inline-flex; } .cart-page .module__check input, .cart-page .module__radio input { display: none; } .cart-page .module__check.disabled { opacity: 0.5; cursor: auto; pointer-events: none; } .cart-page .module__check .check { width: 20px; height: 20px; border: 2px solid #D7D8DC; box-sizing: border-box; border-radius: 5px; flex-shrink: 0; font-style: normal; font-weight: 400; font-size: 14px; line-height: 16px; color: #01030B; } .cart-page .module__check input:checked + .check { border-color: #3F57FF; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiByeD0iNSIgZmlsbD0iIzNGNTdGRiIvPgo8cGF0aCBkPSJNNiA5LjQwMzExTDkuMTkwMjYgMTIuNkwxNCA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K) no-repeat center center; } .cart-page .module__check .text { margin-left: 10px; padding-top: 3px; font-size: 16px; } .cart-page .input-group__title { font-style: normal; font-weight: 500; font-size: 14px; line-height: 16px; color: #01030B; margin-bottom: 8px; } .cart-page .mb-24 { margin-bottom: 24px; } .cart-page .order-form__register { display: flex; align-items: center; /* flex-wrap: wrap; */ justify-content: space-between; } .cart-page .order-form__register-text { padding-right: 10px; } .cart-page h4 { font-size: 18px; line-height: 25px; } .cart-page .form-text { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(1, 3, 11, 0.3137254902); margin-top: 6px; } .cart-page .order-form__register .btn { white-space: nowrap; } .cart-page .order-price-wrpr { display: flex; /* flex-wrap: wrap; */ } .cart-page .order-price-text { flex: auto; } .cart-page .order-price-title { font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; color: #020614; flex: auto; padding-right: 10px; } .cart-page .order-price-title + .base-link { display: block; margin-top: 6px; } .cart-page .base-link { font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #01030B; opacity: 0.5; } .cart-page .order-price { font-style: normal; font-weight: 600; font-size: 32px; line-height: 38px; color: #3F57FF; text-align: right; } .cart-page .order-price__text { display: block; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #01030B; opacity: 0.5; } .cart-page .btn-form { margin: 56px auto 0; } .cart-page .icon-btn { display: flex; align-items: center; justify-content: center; position: relative; } .cart-page .icon-btn:last-child:not(:only-child) { margin-left: 8px; } .cart-page [data-spoller-btn] { cursor: pointer; } .ul-scope { display: flex; } .group-packages .product-select-drop .select__btn.data-drop-btn{ font-weight: 600; font-size: 20px; line-height: 23px; /* color: #020614; */ margin-bottom: 13px; } .group-packages .product-select-drop .select__current.data-select-current { width: 100%; } .group-packages .product-select-drop .select__btn.data-drop-btn:hover { color: white; } .group-packages .product-select-drop .select__btn.product-select-drop:hover { color: white; } /* .group-packages .product-select-drop .select__btn.data-drop-btn:hover > .group-packages .lable-card { background: red; } */ .group-packages .product-select-drop .data-select-btn { padding: 5px 15px; display: flex; justify-content: space-between; white-space: nowrap; } .group-packages .select__arrow { width: 25px; height: 23px; border-radius: 50%; background: #d9ddff; display: flex; align-items: center; justify-content: center; color: blue; } .group-packages .select__drop.data-drop-list { min-width: 100%; max-height: 215px; } .group-packages .product-select-drop .data-select-btn span { display: inline-block; margin-left: 10px; } .promotion-cards-list { height: auto !important; } @media (min-width: 1240.98px) { .promotion-cards-list.group-packages.items-count-w-3 { justify-content: center; } } .order-info__full-size { width: 100%; } .background[data-v-d7e5390c] { background-color: #f0f0f0; } .main-title[data-v-d7e5390c] { text-align: center; margin-bottom: 30px; } .order-row[data-v-d7e5390c] { display: flex; margin-bottom: 30px; } .order-row__block[data-v-d7e5390c] { display: flex; justify-content: space-between; align-items: center; width: 100%; border-radius: 5px; padding: 10px 20px; } .order-row__block.description[data-v-d7e5390c] { flex-direction: column; align-items: unset; justify-content: unset; } .order-row__block[data-v-d7e5390c]:first-child { margin-right: 20px; } .order-row__block .status-block[data-v-d7e5390c] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; } @media (max-width: 600px) { .order-row__block .status-block[data-v-d7e5390c] { flex-direction: column; } .order-row__block .status-block button[data-v-d7e5390c] { margin-top: 5px; } } .order-row__block .status-block button[data-v-d7e5390c] { margin-left: 10px; } .order-row__block .status-block button[data-v-d7e5390c] svg { display: inline; } .order-row__block .order-row__title[data-v-d7e5390c] { margin-bottom: 15px; } .order-row__block .order-price[data-v-d7e5390c] { padding-bottom: 10px; margin-bottom: 10px; } .order-row__block .order-price__item[data-v-d7e5390c] { display: flex; align-items: center; justify-content: space-between; } .order-row__block .order-price__item span[data-v-d7e5390c] { padding: 5px; border-radius: 5px; } .order-row__block .order-price__total[data-v-d7e5390c] { display: flex; justify-content: space-between; } .order-row__block .order-price__total.total-mobile[data-v-d7e5390c] { display: none; } .order-row__block .order-price__total .total-block[data-v-d7e5390c] { display: flex; align-items: flex-end; flex-direction: column; } .order-row__block .order-price__total .total-block .total-price[data-v-d7e5390c] { font-size: 20px; } .order-row__block .order-price__total .total-block .total-desc[data-v-d7e5390c] { font-size: 12px; } @media (max-width: 991.98px) { .order-row[data-v-d7e5390c] { flex-direction: column; } .order-row__block[data-v-d7e5390c] { padding: 20px; } .order-row__block.description[data-v-d7e5390c] { flex-direction: column; align-items: unset; justify-content: unset; } .order-row__block[data-v-d7e5390c]:first-child { margin-right: 0px; margin-bottom: 15px; } .order-row__block .order-price[data-v-d7e5390c] { border-bottom: 1px solid var(--borderColor); } .order-row__block .order-price__total[data-v-d7e5390c] { display: none; } .order-row__block .order-price__total.total-mobile[data-v-d7e5390c] { display: flex; margin-top: 15px; } } .order-service__title[data-v-d7e5390c] { margin-bottom: 20px; padding: 0 20px; } .order-service__block[data-v-d7e5390c] { border-radius: 10px; padding: 20px 25px; } .order-service__block-head[data-v-d7e5390c] { display: flex; justify-content: space-between; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--borderColor); } .order-service__block-head .service-header[data-v-d7e5390c] { display: flex; flex-direction: column; } .order-service__block-head .service-header__title[data-v-d7e5390c] { display: flex; font-size: 18px; margin-bottom: 10px; } .order-service__block-head .service-header__link[data-v-d7e5390c] { color: blue; } .order-service__block-head .service-price[data-v-d7e5390c] { font-size: 18px; } .order-service__block-item[data-v-d7e5390c] { padding: 0 15px 15px 15px; } .order-service__block-item[data-v-d7e5390c]:not(:last-child) { border-bottom: 1px solid var(--borderColor); margin-bottom: 15px; } .order-service__block-button[data-v-d7e5390c] { display: flex; justify-content: center; } @media (max-width: 600px) { .order-service__block-head[data-v-d7e5390c] { flex-direction: column; } .order-service__block-head .service-header[data-v-d7e5390c] { margin-bottom: 15px; } } .order-buttons[data-v-d7e5390c] { display: flex; align-items: flex-start; justify-content: space-between; margin: 20px 0; } .order-buttons-review[data-v-d7e5390c] { display: flex; flex-direction: column; align-items: center; } .order-buttons-review span[data-v-d7e5390c] { margin-top: 5px; opacity: 0.7; font-size: 12px; } @media (max-width: 600px) { .order-buttons[data-v-d7e5390c] { flex-direction: column; align-items: center; } .order-buttons .order-invoice-btn[data-v-d7e5390c] { margin-bottom: 15px; } } .order-info__detail-item-title[data-v-d7e5390c] { font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; color: #020614; padding-left: 24px; } .order-info__services-row-wrap.order-info__descriprion[data-v-d7e5390c] { flex: 1 1 60%; overflow: hidden; } .btn-lg[data-v-d7e5390c] { padding: 12px 24px; } .order-info__total-title[data-v-d7e5390c], .order-info__total-num[data-v-d7e5390c], .order-info__services-title[data-v-d7e5390c] { font-style: normal; font-weight: 500; font-size: 16px; line-height: 16px; color: #020614; } .order-info__total-num[data-v-d7e5390c] { color: #3F57FF; margin-bottom: 4px; } .page-title[data-v-d7e5390c] { color: #020614; text-align: center; font-size: 64px; font-weight: 600; line-height: normal; margin-bottom: 56px; } @media (max-width: 991px) { .page-title[data-v-d7e5390c] { font-size: 28px; line-height: 32px; margin-bottom: 32px; } } .order-main-title[data-v-d7e5390c] { margin-bottom: 20px; } .order-container[data-v-d7e5390c] { margin-bottom: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; } .order-container .order[data-v-d7e5390c] { flex: 1; width: 58%; margin-right: 20px; border-radius: 10px; border: 1px solid var(--borderColor); padding: 20px 30px; } .order-container .order-header[data-v-d7e5390c] { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--borderColor); padding-bottom: 10px; margin-bottom: 10px; } .order-container .order-header__head[data-v-d7e5390c] { display: flex; flex-direction: column; } .order-container .order-header__head .id[data-v-d7e5390c] { font-size: 14px; opacity: 0.7; margin-bottom: 5px; } .order-container .order-header__head .hash[data-v-d7e5390c] { font-size: 16px; color: rgb(53, 53, 137); font-weight: bold; } .order-container .order-header__back[data-v-d7e5390c] { border-radius: 5px; } .order-container .order-information[data-v-d7e5390c] { padding-top: 20px; margin-bottom: 20px; } .order-container .order-information .title[data-v-d7e5390c] { font-weight: bold; margin-bottom: 10px; } .order-container .order-information__body[data-v-d7e5390c] { border: 1px solid var(--borderColor); border-radius: 10px; padding: 20px 25px; } .order-container .order-information__body .body-item[data-v-d7e5390c] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; } .order-container .order-information__body .body-item .item-title[data-v-d7e5390c] { opacity: 0.7; } .order-container .order-information__body .body-item .color-warning[data-v-d7e5390c] { color: orange; } .order-container .order-information__body .body-item .color-success[data-v-d7e5390c] { color: green; } .order-container .order-payment[data-v-d7e5390c] { padding: 20px 25px; border: 1px solid var(--borderColor); border-radius: 10px; margin-bottom: 20px; } .order-container .order-payment .body-item[data-v-d7e5390c] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .order-container .order-payment .body-item__price[data-v-d7e5390c] { font-weight: bold; } .order-container .order-products .title[data-v-d7e5390c] { font-weight: bold; margin-bottom: 10px; } .order-container .order-products .products-container[data-v-d7e5390c] { height: 30px; margin-bottom: 20px; border-radius: 10px; border: 1px solid var(--borderColor); } .order-container .order-side-block[data-v-d7e5390c] { width: 42%; } .order-container .order-side-block .order-payment[data-v-d7e5390c] { padding: 20px 30px; border-radius: 10px; border: 1px solid var(--borderColor); margin-top: 10px; } .order-container .order-side-block .order-payment .title[data-v-d7e5390c] { font-weight: bold; margin-bottom: 30px; } .order-container .order-side-block .order-payment__body li[data-v-d7e5390c]:not(:last-child) { margin-bottom: 10px; } .order-container .order-side-block .order-payment__body .body-item[data-v-d7e5390c] { display: flex; align-items: center; justify-content: space-between; } .order-container .order-side-block .order-payment__body .body-item .item-title[data-v-d7e5390c] { opacity: 0.7; } @media (max-width: 991.98px) { .order-container[data-v-d7e5390c] { flex-direction: column; } .order-container .order-side-block[data-v-d7e5390c], .order-container .order[data-v-d7e5390c] { width: 100%; } } /*social-bar-clean*/.pf-trust-strip{border-bottom:none!important}.pf-trust-wrap>.pf-trust-strip{background:#fff!important}.pf-trust-strip__items li{border-right:none!important} /* promo polish (replica sync) */ .spotify-promotion-item .mb-10 span{display:inline-flex;width:46px;height:46px;border-radius:12px;background:#eef1ff;color:#3f57ff;align-items:center;justify-content:center} .spotify-promotion-item .mb-10 span svg{width:23px;height:23px} .spotify-promotion-item .mb-10{margin-bottom:14px} .spotify-promotion-item>h3{letter-spacing:-.005em;margin-bottom:5px} .spotify-promotion-title{letter-spacing:-.018em;line-height:1.16} .spotify-promotion-text{line-height:1.66} .spotify-promotion-campaigns-title{font-size: 20px;line-height:1.35;font-weight:600;margin-bottom:24px} .service-page .promotion-card-item .lable-card { width: 30px; height: 30px; } /* accent/hover state: swap platform logo so it stays visible when the card turns blue (accent) */ .service-page .lable-card svg { display: none; } .faq2 { background: #fff; } .faq2__head { margin-bottom: 56px; } .faq2__grid { display: flex; flex-direction: column; gap: 18px; max-width: 900px; margin: 0 auto; } .faq2__card { background: #fbfbfd; border: 1px solid rgba(2, 6, 20, .07); border-radius: 18px; padding: 30px 32px; box-shadow: 0 4px 24px rgba(2, 6, 20, .04); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .faq2__card:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(2, 6, 20, .08); border-color: rgba(63, 87, 255, .22); } .faq2__q { display: flex; gap: 14px; align-items: flex-start; margin: 0 0 14px; font-size: 18px; font-weight: 700; line-height: 1.4; color: #020614; } .faq2__num { flex-shrink: 0; width: 30px; height: 30px; border-radius: 9px; background: #3F57FF; color: #fff; display: grid; place-items: center; font-size: 14px; font-weight: 800; margin-top: 1px; } .faq2__a { padding-left: 44px; font-size: 16px; line-height: 1.75; color: #4b5563; } .faq2__a p { margin-bottom: 12px; } .faq2__a p:last-child { margin-bottom: 0; } .faq2__a ul, .faq2__a ol { margin: 12px 0; padding-left: 20px; } .faq2__a li { margin-bottom: 6px; } .faq2__a ul li { list-style: disc; } .faq2__a strong { color: #020614; font-weight: 600; } .faq2__a a { color: #3f57ff; text-decoration: none; border-bottom: 1px solid rgba(63, 87, 255, .35); transition: color .2s ease, border-color .2s ease; } .faq2__a a:hover { color: #020614; border-bottom-color: #020614; } .faq2__more { margin-top: 32px; text-align: center; } .faq2__more-button { min-width: 148px; padding: 13px 28px; border: 1px solid rgba(63, 87, 255, .3); border-radius: 8px; background: #fff; color: #3f57ff; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.4; transition: background .18s ease, border-color .18s ease; } .faq2__more-button:hover { background: rgba(63, 87, 255, .06); border-color: rgba(63, 87, 255, .55); } .faq2__more-button:focus-visible { outline: 2px solid #3f57ff; outline-offset: 3px; } @media (max-width: 860px) { .faq2__grid { grid-template-columns: 1fr; gap: 16px; } .faq2__card { padding: 24px 22px; } .faq2__a { padding-left: 0; } } .custom-lang-select { position: relative; width: 150px; cursor: pointer; margin: auto; } .custom-select__current { border: 1px solid #63666a; display: flex; align-items: center; justify-content: space-between; border-radius: 15px; background-color: #2c2c2c; padding: 10px 15px; } .lang-btn { pointer-events: none; width: 100%; background-color: transparent; color: white; } .lang-dropdown { display: none; position: absolute; width: 100%; top: 50px; /* height: 100px; */ background-color: #2c2c2c; border-radius: 20px; overflow: hidden; border: 1px solid #63666a; } .custom-lang-select.active .lang-dropdown { display: block; } .custom-lang-select.active .footer-language-svg { transform: rotate(180deg) } .lang-dropdown ul { width: 100%; height: 100%; } .lang-item { padding: 10px 15px; background-color: transparent; transition: background-color 0.3s ease; cursor: pointer; color: white; } .lang-item:hover { background-color: white; color: black; } .lang-img-container { display: inline-block; width: 25px; height: 25px; border-radius: 100%; overflow: hidden; } .lang-img-container img{ height: 100%; width: 100%; } .lang-item a { display: flex; align-items: center; gap: 12px; } /* readability-line-height */ .promotion-title-text, .promotion-content-text { line-height: 1.5; } .promotion-w-text, .promotion-home__text, .yt-ba3__cta p { line-height: 1.6; } .spotify-promotion-item p { line-height: 1.65; } .info-list .heading p { line-height: 1.75; } /* trust strip: keep on a single row on desktop */ @media (min-width: 1280px) { .pf-trust-strip > .container { max-width: 1400px; } .pf-trust-strip__items { flex-wrap: nowrap; } .pf-trust-strip__items li { padding-left: 10px; padding-right: 10px; white-space: nowrap; font-size: clamp(12px, 0.94vw, 12px); } .pf-trust-strip__pay svg { height: 18px; } } /* readability: comfortable base line-height — root body was line-height:1 (lines touched) */ body { line-height: 1.5; } /* mobile-responsive-pass: mobile-only fixes, shared byte-identical across all pages. Desktop (>=992px) untouched. */ @media (max-width: 991.98px) { /* header tap targets -> 44px (burger bars stay 30px, centered) */ .header__burger { width: 44px; height: 44px; } .header__burger:before, .header__burger:after, .header__burger span { width: 30px; left: 7px; } .header__burger:before { top: 12px; } .header__burger span { top: 21px; } .header__burger:after { bottom: 12px; } .header__top-body .btn.cart-btn { min-width: 44px; min-height: 44px; } .header__top-body .btn.cart-btn .checkout-icon { margin-right: 0; } .menu-close { min-width: 44px; min-height: 44px; justify-content: center; align-items: center; } .header__logo.logo { display: inline-flex; align-items: center; min-height: 44px; } } @media (max-width: 767.98px) { /* forms: font-size >=16px prevents iOS zoom-on-focus */ .input, .textarea, .form__input { font-size: 16px; } /* interactive tap targets -> 44px */ .select__btn.data-drop-btn { min-height: 44px; } .service-page-form .mobail-form .select__btn.data-drop-btn { min-height: 44px; padding-top: 11px; padding-bottom: 11px; } .service-page-form .input-search-window { min-height: 44px; } .footer-links-items > li { margin-bottom: 0; } .footer-links-items li:not(.title-item) a { display: block; padding: 12px 0; line-height: 20px; } .scroll_to_top { width: 44px; height: 44px; } .footer__logo { display: inline-flex; align-items: center; min-height: 44px; } .rvw-write { min-height: 44px; } /* package cards: one per row on mobile instead of the desktop 25%/33%/50% widths */ .promotion-cards-list.items-count-w-4 .promotion-card-item, .promotion-cards-list.items-w-25 .promotion-card-item, .promotion-cards-list.items-count-w-3 .promotion-card-item, .promotion-cards-list.items-count-w-2 .promotion-card-item { width: 100%; } .promotion-card-item+.promotion-card-item { border-left: none; border-top: 1px solid #e9e9ed; } .promotion-card-item+.promotion-card-item { border-top-color: #ececf1; } /* before/after checklist: reduce the 17px item text on mobile */ .yt-ba3__row-text { font-size: 14px !important; } /* decorative collage: contain the images, +N badge, and purple blob so nothing overflows or overlaps adjacent sections on mobile */ .spotify-decor-wrapper { left: 0 !important; right: auto !important; margin: 32px auto 0 !important; max-width: 100% !important; overflow: hidden !important; border-radius: 16px !important; } .promotion-section-img-1, .promotion-youtube-img-1, .promotion-spotify-img-1, .promotion-tiktok-img-1, .promotion-twitch-img-1, .promotion-soundcloud-img-1, .promotion-soundcloud-img-3 { display: none !important; } .promotion-section-img-2, .promotion-youtube-img-2, .promotion-spotify-img-2, .promotion-tiktok-img-2, .promotion-twitch-img-2, .promotion-soundcloud-img-2 { position: relative !important; left: 0 !important; top: 0 !important; max-width: 100% !important; height: auto !important; display: block !important; } .decor-white-circle { top: auto !important; bottom: 12px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; width: 88px !important; height: 88px !important; } /* 2-column split sections: let grid tracks shrink below min-content so text wraps instead of being clipped on narrow screens */ .yt-split { grid-template-columns: minmax(0, 1fr) !important; } .yt-split > * { min-width: 0 !important; } /* reduce oversized card/panel side padding on mobile so content uses more of the width */ .yt-best-cta, .yt-expect, .yt-expect__item, .yt-benefits__card, .yt-ba3__col, .yt-ba__col, .yt-guarantee-card, .yt-trio__card, .yt-ct-card, .yt-ba-card, .yt-persona-card, .tr-cta, .tr-hero-card, .tr-studio__body, .tr-after__card, .tr-risk__item, .tr-unlocks__item, .tr-promises__item, .pf-versus__col, .pf-versus__cell, .pf-versus__cta, .pf-3ways__card, .pf-bento__cell, .pf-anatomy__card, .pf-objections__item, .faq2__card, .rvw-card, .rvw-pill, .base-form2.service-page-form { padding-left: 20px !important; padding-right: 20px !important; } /* trust strip: enlarge payment logos on mobile, scaling to width so all 6 stay on ONE row */ .pf-trust-strip__pay { gap: clamp(4px, 1.5vw, 10px); flex-wrap: nowrap; justify-content: center; } .pf-trust-strip__pay svg { height: clamp(22px, 7.4vw, 32px); width: auto; } /* section spacing: match the 56px rhythm used by every other section */ .pt-128 { padding-top: 56px; } .pb-128 { padding-bottom: 56px; } .started-new-wrapper { padding-top: 56px; } .list_counter > li.pb-50 { padding-bottom: 32px !important; } } @media (max-width: 640px) { /* checkout-widget payment logos scale down so they don't orphan-wrap */ .yt-pay__icons svg { width: 58px; height: auto; } .yt-pay__more { width: 58px; height: 40px; font-size: 12px; } } /* Product package carousel, matching the group-page reference layout. */ .service-page .promotion-cards-list-section [data-product-type-content][hidden] { display: none !important; } .service-page .promotion-cards-list-section .container { max-width: 1360px; padding-right: 90px; padding-left: 90px; } .service-page .promotion-cards-list-section .groups-swiper { max-width: 1180px; margin: 0 auto; overflow-x: auto; overflow-y: hidden; scroll-behavior: smooth; scrollbar-width: none; } .service-page .promotion-cards-list-section .groups-swiper::-webkit-scrollbar { display: none; } .service-page .promotion-cards-list.swiper-wrapper { flex-wrap: nowrap; } .service-page .promotion-cards-list .promotion-card-item { flex: 0 0 25%; width: 25%; } .service-page .groups-swiper-prev, .service-page .groups-swiper-next { position: absolute; top: 50%; z-index: 2; display: flex; align-items: center; justify-content: center; width: 74px; height: 74px; padding: 0; color: #fff; cursor: pointer; background: #020614; border: 10px solid #f5f5f6; border-radius: 50%; transform: translateY(-50%); transition: background-color .15s ease-in-out; } .service-page .groups-swiper-prev:hover, .service-page .groups-swiper-next:hover { background: #3f57ff; } .service-page .groups-swiper-prev { left: 6px; } .service-page .groups-swiper-next { right: 6px; } @media (max-width: 1199px) { .service-page .promotion-cards-list .promotion-card-item { flex-basis: 33.333%; width: 33.333%; } } @media (max-width: 999px) { .service-page .promotion-cards-list-section .container { padding-right: 72px; padding-left: 72px; } .service-page .promotion-cards-list .promotion-card-item { flex-basis: 50%; width: 50%; } .service-page .groups-swiper-prev, .service-page .groups-swiper-next { width: 60px; height: 60px; border-width: 8px; } } @media (max-width: 575px) { .service-page .promotion-cards-list-section .container { padding-right: 52px; padding-left: 52px; } .service-page .promotion-cards-list .promotion-card-item { flex-basis: 100%; width: 100%; } .service-page .groups-swiper-prev, .service-page .groups-swiper-next { width: 48px; height: 48px; border-width: 6px; } .service-page .groups-swiper-prev { left: 2px; } .service-page .groups-swiper-next { right: 2px; } } @media (max-width: 600px) { /* latent alternate comparison table: collapse to 1 column (inert until markup is used) */ .yt-vs__row { grid-template-columns: 1fr; } .yt-vs__col, .yt-vs__col--val, .yt-vs__col--adsos, .yt-vs__col--ads { text-align: left; } } @media (max-width: 575.98px) { /* raise sub-12px labels to the legibility floor */ .price-info { font-size: 12px; line-height: 1.3; } .promo-card-tag, .promo-card-tag--best { font-size: 12px; letter-spacing: 0.06em; } .yt-pay__label, .yt-bestsplit__pay-label { font-size: 12px; letter-spacing: 0.03em; } .pf-versus__us-badge { font-size: 12px; letter-spacing: 0.06em; } .check-count, .header__top-body .btn.cart-btn .count-checkout { font-size: 12px; line-height: 1; min-width: 18px; } .toasted-container .toasted .action { font-size: 14px; } /* future-proof latent badge/eyebrow variants to a 12px minimum */ .yt-trio__tag, .yt-dev-tag, .yt-review__verified, .yt-g5__gap-label, .pf-3ways__badge, .pf-stack__sig, .tr-steps__time, .tr-tiers__badge, .pf-milestone__eyebrow, .pf-milestone__badge, .pf-channels__signal-label, .pf-channels__threshold-pill, .pf-algo__title, .pf-versus__feat-group { font-size: 12px; } } @media (max-width: 560px) { /* standalone payment strip: rebalance so all six logos fit one row */ .yt-pay-sec__icons { gap: 8px; } .yt-pay-sec__icons svg, .yt-pay-sec__icons img { height: 32px; } } @media (max-width: 500.98px) { /* hero H1: make the responsive chain monotonic (previously grew back to 42px at <=500px) */ .promotion-h1 { font-size: 32px; line-height: 1.15; } } /* dropdown-reactivation: re-enable the select dropdowns in this static export (hero order form + in-card package/duration selects) as floating overlays that do not shift the layout. All viewports. */ .select__arrow { transition: transform .2s ease; } .data-drop.dd-open .select__arrow { transform: rotate(180deg); } /* Swiper leaves an identity transform on the card, which would trap a fixed panel as a containing block and let the slider's overflow clip it. Neutralize it (identity -> none, no visual change). */ .promotion-card-item { transform: none !important; } /* open panel floats above everything; position is set inline by JS */ .data-drop.dd-open > div:not(.select__btn) { display: block !important; position: fixed; z-index: 2147483000; margin: 0 !important; } .data-drop.dd-open .select__list { background: #fff; border: 1px solid rgba(2, 6, 20, .10); border-radius: 16px; box-shadow: 0 18px 44px rgba(2, 6, 20, .20); max-height: min(340px, 72vh); overflow-y: auto; overflow-x: hidden; margin: 0; } .data-drop.dd-open .select__list-item a { white-space: nowrap; cursor: pointer; } /* category header: service name + divider line (restored design) */ .data-drop.dd-open .select-list-title { display: block; } .data-drop.dd-open .select-list-title .select-item { display: flex; align-items: center; width: 100%; margin: 2px 0 10px; color: #9096a1; font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: none; } .data-drop.dd-open .select-list-title .select-item::after { content: ""; flex: 1 1 auto; height: 1px; background: rgba(2, 6, 20, .12); margin-left: 14px; } /* placeholder-fit: in this static export the hero order form shrink-wrapped to its content width (its flex-column parent centers, not stretches), starving the input so long placeholders like "Your Twitch channel name..." truncated. Restore the intended mw-900 form and let the input grow to fill the row, so the full placeholder always shows. All viewports. */ .promotion-main-title .redesign-order-form{align-self:stretch;width:100%;} .redesign-order-form .service-page-form{width:100%;} .redesign-order-form .service-page-form .labels{flex:1 1 auto;min-width:0;} .redesign-order-form .service-page-form .labels .custom-label, .redesign-order-form .service-page-form .labels .input-search-form{width:100%;} .redesign-order-form .service-page-form .service-input-field{width:100%;min-width:0;} /* dropdown-fit: on the desktop horizontal order bar (>=992px, where the form is a row) the package select claimed an equal half of the row via .base-form2 .base-form-item{width:100%}, leaving a big gap before the arrow. Size it to its content instead so the input absorbs the freed width and the chevron sits next to the value. Mobile (<992px, stacked) keeps the full-width select for a larger tap target. */ @media (min-width: 992px){ .redesign-order-form .service-page-form .mobail-form{width:max-content !important;flex:0 0 auto;} .redesign-order-form .service-page-form .mobail-form .select__current{flex:0 1 auto;} .redesign-order-form .service-page-form .mobail-form .select__btn{gap:14px;} } /* accent-badge-dropdown: approved "Accent price badge" preview (Option 5), with the category service-name header + divider removed. Spacious rows, price as a solid accent pill on the current package / light accent pill otherwise, accent left-edge that lights on hover and fills on the current package. */ .data-drop.dd-open .select__list{ background:#fff; border:1px solid rgba(2,6,20,.08); border-radius:18px; box-shadow:0 24px 60px rgba(2,6,20,.28); padding:14px 0; } /* service-name header + divider line removed entirely */ .data-drop.dd-open .select-list-title{ display:none !important; } .data-drop.dd-open .select__list-item{ position:relative; display:flex !important; align-items:center; justify-content:space-between; gap:16px; padding:12px 20px 12px 22px; margin:2px 8px; border-radius:10px; cursor:pointer; transition:background .12s; } .data-drop.dd-open .select__list-item::before{ content:""; position:absolute; left:6px; top:9px; bottom:9px; width:3px; border-radius:3px; background:transparent; transition:background .12s; } .data-drop.dd-open .select__list-item:hover{ background:#f6f7fb; } .data-drop.dd-open .select__list-item:hover::before{ background:#c3ccff; } .data-drop.dd-open .select__list-item.is-current::before{ background:#3F57FF; } .data-drop.dd-open .select__list-item .data-select-btn{ flex:0 1 auto !important; justify-content:flex-start !important; padding:0 !important; font-weight:700; color:#0b0f1a; font-size:15px; white-space:nowrap; } .data-drop.dd-open .select__list-item-price{ flex:0 0 auto; font-weight:800; font-size:13.5px; font-variant-numeric:tabular-nums; color:#3F57FF; background:rgba(63,87,255,.10); border-radius:999px; padding:5px 13px; box-shadow:none; } .data-drop.dd-open .select__list-item.is-current .select__list-item-price{ color:#fff; background:#3F57FF; box-shadow:0 4px 10px rgba(63,87,255,.28); } /* card-more-dropdown: the "larger packages" card is identical to a normal package card — only its title is a dropdown (package name + a small down arrow). Selecting a larger package updates the title and price. */ .pcard-more .data-drop.pcard-more__drop{ position:relative; } .pcard-more h2.data-drop-btn{ cursor:pointer; } .pcard-more h2.data-drop-btn .select__arrow{ display:inline-flex; align-items:center; justify-content:center; vertical-align:middle; margin-left:10px; width:26px; height:26px; min-width:26px; flex:0 0 auto; padding:0; background:rgba(127,142,255,.28); border-radius:50%; color:#3F57FF; transition:transform .2s, background-color .15s, color .15s; } .pcard-more h2.data-drop-btn .select__arrow svg{ width:14px; height:14px; display:block; } /* accent (hover / featured) card: white circle + accent chevron for contrast */ .pcard-more:hover h2.data-drop-btn .select__arrow, .pcard-more.promotion-card-item--featured h2.data-drop-btn .select__arrow{ background:#fff; color:#3F57FF; } .pcard-more h2.data-drop-btn:hover .data-select-current{ text-decoration:underline; text-underline-offset:3px; } /* Product-group card icons use the platform image rendered by Blade. */ .service-page .lable-card { background: none; } .service-page .lable-card img { display: block; width: 30px; height: 30px; object-fit: contain; } .service-page .promotion-card-item--featured .lable-card { background-color: transparent; } .service-page .promotion-card-item--featured .lable-card img, .service-page .promotion-card-item:hover .lable-card img { filter: brightness(0) invert(1); } /* Selector inserted by the product-group script for multi-type services. */ .tsel__lbl { display: block; margin: 6px 0 13px; color: rgba(255, 255, 255, .65); font-size: 15px; text-align: center; letter-spacing: .02em; } .tsel { display: flex; justify-content: center; width: max-content; max-width: 94%; margin: 0 auto 24px; padding: 5px; flex-wrap: wrap; gap: 0; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .2); border-radius: 999px; } .tsel button { padding: 13px 30px; color: rgba(255, 255, 255, .72); font-family: inherit; font-size: 17px; font-weight: 600; white-space: nowrap; cursor: pointer; background: transparent; border: 0; border-radius: 999px; transition: background .15s, color .15s; } .tsel button.on { color: #3f57ff; background: #fff; } @media (max-width: 640px) { .tsel__lbl { margin: 2px 0 9px; font-size: 14px; } .tsel { margin: 0 auto 14px; padding: 4px; } .tsel button { padding: 12px 22px; font-size: 16px; } .promotion-main-title .tsel { margin-bottom: 12px; } } /* Authenticated header controls shared by desktop and mobile navigation. */ .header-account { position: relative; } .header-account + .btn-checkout { margin-left: 10px; } .header-account > summary { display: flex; align-items: center; justify-content: space-between; width: 187px; height: 48px; padding: 14px 20px 14px 25px; border-radius: 24px; background: #3f57ff; color: #fff; font-size: 16px; font-weight: 500; line-height: 20px; list-style: none; cursor: pointer; } .header-account > summary::-webkit-details-marker { display: none; } .header-account > summary::marker { display: none; content: ''; } .header-account > summary:hover { background: #3144d8; } .header-account .select__arrow { display: flex; transition: transform .2s ease; } .header-account .select__arrow svg { width: 18px; height: 18px; } .header-account[open] .select__arrow { transform: rotate(180deg); } .header-account > .select__drop { display: none; position: absolute; top: calc(100% + 6px); right: 0; left: auto; z-index: 1000; min-width: 283px; max-height: min(520px, calc(100vh - 100px)); overflow-y: auto; border: 1px solid #e7e7e7; border-radius: 10px; background: #fff; box-shadow: 0 2px 13px rgba(2, 6, 20, .08); } .header-account[open] > .select__drop { display: block; } .header-account .user-dropdown { min-width: 283px; padding: 0 20px; } .header-account .user-dropdown__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; border-bottom: 1px solid #e9e9ed; color: #020614; font-size: 16px; line-height: 20px; } .header-account .user-dropdown__top h5 { white-space: nowrap; } .header-account .user-dropdown__top h5 span { font-weight: 500; } .header-account .user-dropdown__top .btn { flex: none; } .header-account .user-dropdown__list { padding: 12px 0; } .header-account .user-dropdown__list a, .header-account .header-account-link { display: flex; align-items: center; width: 100%; gap: 10px; padding: 9px 0; color: #020614; font-size: 16px; font-weight: 400; line-height: 20px; text-decoration: none; } .header-account .user-dropdown__list a:hover, .header-account .header-account-link:hover { color: #3f57ff; } .header-account-menu + .header-account-menu { border-top: 1px solid #e9e9ed; } .header-account-menu a, .header-account-link { gap: 10px; } .header-account-menu svg, .header-account-link svg, .header .sidebar-menu svg { flex: 0 0 16px; width: 16px; height: 16px; } .header-account-link { display: flex; align-items: center; width: 100%; padding: 9px 0; border: 0; background: transparent; color: #020614; font: inherit; text-align: left; cursor: pointer; } .header .menu-close svg { width: 24px; height: 24px; } .header .btn-checkout .icon-btn > svg, .header .cart-btn .checkout-icon > svg { width: 20px; height: 20px; } @media (max-width: 991.98px) { .header .sidebar-menu .header-account-link { gap: 8px; width: 100%; padding: 20px 20px 20px 42px; color: #fff; font-size: 18px; font-weight: 500; line-height: 20px; } .header .sidebar-menu .header-account-link span { opacity: .75; } } /* Product-page guest signup modal. */ #wait-popup .wait-popup-btns-wrpr { flex-wrap: nowrap; gap: 8px; } #wait-popup .wait-popup-btns-wrpr .btn { padding: 12px 15px; font-size: 14px; white-space: nowrap; } #wait-popup .exit-signup-google { flex: 1 1 auto; } [data-exit-signup-email] .input[aria-invalid="true"], [data-exit-signup-register] .input[aria-invalid="true"] { border-color: #e44141; } [data-exit-signup-error] { display: block; margin-top: 6px; color: #e44141; font-size: 13px; line-height: 18px; } [data-exit-signup-error][hidden] { display: none; } @media (max-width: 575px) { #wait-popup .wait-popup-btns-wrpr { flex-direction: column; } #wait-popup .wait-popup-btns-wrpr .btn { width: 100%; } }