.colors div{margin-bottom:14px;border:1px solid #e5e5e5;display:inline-block;margin:7px;border-radius:3px}.colors div:before{content:"";display:block;width:250px;height:80px}.colors div:after{display:block;padding:14px}.font-base-size{font-size:14px;line-height:initial}.font-size-small{font-size:13px;line-height:initial}.font-size-medium{font-size:16px;line-height:initial}.font-size-large{font-size:18px;line-height:initial}.font-size-xl{font-size:21px;line-height:initial}.font-size-xxl{font-size:36px;line-height:initial}.font-size-xxxl{font-size:60px;line-height:initial}.color-var-accent-blue:before{background-color:#4588C4}.color-var-accent-blue:after{content:"accent-blue #4588C4"}.color-var-accept-green:before{background-color:#60C43F}.color-var-accept-green:after{content:"accept-green #60C43F"}.color-var-error-red:before{background-color:#BF3A38}.color-var-error-red:after{content:"error-red #BF3A38"}.color-var-error-red-on-purple:before{background-color:#E64A4A}.color-var-error-red-on-purple:after{content:"error-red-on-purple #E64A4A"}.color-var-blue:before{background-color:#4588C4}.color-var-blue:after{content:"blue #4588C4"}.color-var-skyblue:before{background-color:#326FB2}.color-var-skyblue:after{content:"skyblue #326FB2"}.color-var-focusblue:before{background-color:#439ADC}.color-var-focusblue:after{content:"focusblue #439ADC"}.color-var-purple:before{background-color:#98158B}.color-var-purple:after{content:"purple #98158B"}.color-var-background-color:before{background-color:#fff}.color-var-background-color:after{content:"background-color #fff"}.color-var-foreground-color:before{background-color:#000}.color-var-foreground-color:after{content:"foreground-color #000"}.color-var-foreground-min-color:before{background-color:#868379}.color-var-foreground-min-color:after{content:"foreground-min-color #868379"}.color-var-foreground-light-color:before{background-color:#5e5b55}.color-var-foreground-light-color:after{content:"foreground-light-color #5e5b55"}.color-var-highlight-grey:before{background-color:#F1F1F1}.color-var-highlight-grey:after{content:"highlight-grey #F1F1F1"}.color-var-lightgrey:before{background-color:#dfdfdf}.color-var-lightgrey:after{content:"lightgrey #dfdfdf"}.loading-turntable:before,.loading-turntable:after,.loading-platter:before,.loading-platter:after,.loading-record:before,.loading-record:after,.loading-tonearm:after{content:'';display:block;position:absolute}.loading-placeholder{position:relative;height:300px}.loading-turntable{position:absolute;top:50%;left:50%;background:#f2f2f2;width:140px;height:120px;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.loading-turntable:before,.loading-turntable:after{background:#e6e6e6}.loading-turntable:before{width:140px;height:8px;bottom:-8px;left:4px;transform:skew(45deg, 0)}.loading-turntable:after{width:8px;height:120px;right:-8px;top:4px;background:#d9d9d9;transform:skew(0, 45deg)}.loading-turntable>h4{position:absolute;bottom:-50px;text-align:center;text-transform:uppercase;color:#666;width:100%}.loading-with-aside .loading-turntable{left:60%}.loading-platter,.loading-record,.loading-record-groove{border-radius:50%;box-sizing:border-box}.loading-platter{position:absolute;top:10px;left:10px;width:100px;height:100px;background:#e6e6e6}.loading-platter:before,.loading-platter:after{bottom:0;width:10px;height:10px;border-radius:50%;background:#ccc}.loading-platter:before{right:-5px}.loading-platter:after{right:-20px}.loading-record{position:absolute;top:0;left:0;width:100px;height:100px;background:white;border:32px solid #ccc;border-left-color:#c9c9c9;border-right-color:#c9c9c9;-webkit-animation:5s loading-record-animation linear infinite;-moz-animation:5s loading-record-animation linear infinite;animation:5s loading-record-animation linear infinite}.loading-record:before,.loading-record:after{border-radius:50%;box-sizing:border-box}.loading-record:before{width:28px;height:28px;top:4px;left:4px;border:1px solid #ccc}.loading-record:after{width:6px;height:6px;top:50%;left:50%;margin:-3px 0 0 -3px;background:#ccc}.loading-record-groove{display:block;position:absolute;border:1px solid #e6e6e6}.loading-record-groove:nth-child(1){width:84px;height:84px;top:-24px;left:-24px}.loading-record-groove:nth-child(2){width:68px;height:68px;top:-16px;left:-16px}.loading-record-groove:nth-child(3){width:52px;height:52px;top:-8px;left:-8px}.loading-tonearm{position:absolute;right:10px;top:10px;height:60px;-webkit-transform-origin:100% 10px;-moz-transform-origin:100% 10px;-ms-transform-origin:100% 10px;-o-transform-origin:100% 10px;transform-origin:100% 10px;-webkit-animation:5s loading-tonearm-animation linear infinite;-moz-animation:5s loading-tonearm-animation linear infinite;animation:5s loading-tonearm-animation linear infinite}.loading-tonearm,.loading-tonearm:after{box-shadow:1px 1px 1px #bfbfbf;background:#d9d9d9;border-radius:2px;width:10px}.loading-tonearm:after{height:30px;bottom:-25px;right:3px;-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);transform:rotateZ(15deg)}@-webkit-keyframes loading-record-animation{0%{-webkit-transform:rotateY(7deg) rotateZ(0deg)}80%{-webkit-transform:rotateY(7deg) rotateZ(1080deg)}87%{-webkit-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2)}94%{-webkit-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2)}100%{-webkit-transform:rotateY(187deg) rotateZ(1080deg)}}@-moz-keyframes loading-record-animation{0%{-moz-transform:rotateY(7deg) rotateZ(0deg)}80%{-moz-transform:rotateY(7deg) rotateZ(1080deg)}87%{-moz-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2)}94%{-moz-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2)}100%{-moz-transform:rotateY(187deg) rotateZ(1080deg)}}@keyframes loading-record-animation{0%{-webkit-transform:rotateY(7deg) rotateZ(0deg);-moz-transform:rotateY(7deg) rotateZ(0deg);-ms-transform:rotateY(7deg) rotateZ(0deg);-o-transform:rotateY(7deg) rotateZ(0deg);transform:rotateY(7deg) rotateZ(0deg)}80%{-webkit-transform:rotateY(7deg) rotateZ(1080deg);-moz-transform:rotateY(7deg) rotateZ(1080deg);-ms-transform:rotateY(7deg) rotateZ(1080deg);-o-transform:rotateY(7deg) rotateZ(1080deg);transform:rotateY(7deg) rotateZ(1080deg)}87%{-webkit-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2);-moz-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2);-ms-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2);-o-transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2);transform:rotateY(7deg) rotateZ(1080deg) scale(1.2, 1.2)}94%{-webkit-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2);-moz-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2);-ms-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2);-o-transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2);transform:rotateY(187deg) rotateZ(1080deg) scale(1.2, 1.2)}100%{-webkit-transform:rotateY(187deg) rotateZ(1080deg);-moz-transform:rotateY(187deg) rotateZ(1080deg);-ms-transform:rotateY(187deg) rotateZ(1080deg);-o-transform:rotateY(187deg) rotateZ(1080deg);transform:rotateY(187deg) rotateZ(1080deg)}}@-webkit-keyframes loading-tonearm-animation{0%{-webkit-transform:rotateZ(0deg) rotateX(15deg)}9%{-webkit-transform:rotateZ(15deg) rotateX(15deg)}10%{-webkit-transform:rotateZ(15deg)}75%{-webkit-transform:rotateZ(40deg)}76%{-webkit-transform:rotateZ(40deg) rotateX(15deg)}80%{-webkit-transform:rotateZ(0deg) rotateX(15deg)}100%{-webkit-transform:rotateZ(0deg) rotateX(15deg)}}@-moz-keyframes loading-tonearm-animation{0%{-moz-transform:rotateZ(0deg) rotateX(15deg)}9%{-moz-transform:rotateZ(15deg) rotateX(15deg)}10%{-moz-transform:rotateZ(15deg)}75%{-moz-transform:rotateZ(40deg)}76%{-moz-transform:rotateZ(40deg) rotateX(15deg)}80%{-moz-transform:rotateZ(0deg) rotateX(15deg)}100%{-moz-transform:rotateZ(0deg) rotateX(15deg)}}@keyframes loading-tonearm-animation{0%{-webkit-transform:rotateZ(0deg) rotateX(15deg);-moz-transform:rotateZ(0deg) rotateX(15deg);-ms-transform:rotateZ(0deg) rotateX(15deg);-o-transform:rotateZ(0deg) rotateX(15deg);transform:rotateZ(0deg) rotateX(15deg)}9%{-webkit-transform:rotateZ(15deg) rotateX(15deg);-moz-transform:rotateZ(15deg) rotateX(15deg);-ms-transform:rotateZ(15deg) rotateX(15deg);-o-transform:rotateZ(15deg) rotateX(15deg);transform:rotateZ(15deg) rotateX(15deg)}10%{-webkit-transform:rotateZ(15deg);-moz-transform:rotateZ(15deg);-ms-transform:rotateZ(15deg);-o-transform:rotateZ(15deg);transform:rotateZ(15deg)}75%{-webkit-transform:rotateZ(40deg);-moz-transform:rotateZ(40deg);-ms-transform:rotateZ(40deg);-o-transform:rotateZ(40deg);transform:rotateZ(40deg)}76%{-webkit-transform:rotateZ(40deg) rotateX(15deg);-moz-transform:rotateZ(40deg) rotateX(15deg);-ms-transform:rotateZ(40deg) rotateX(15deg);-o-transform:rotateZ(40deg) rotateX(15deg);transform:rotateZ(40deg) rotateX(15deg)}80%{-webkit-transform:rotateZ(0deg) rotateX(15deg);-moz-transform:rotateZ(0deg) rotateX(15deg);-ms-transform:rotateZ(0deg) rotateX(15deg);-o-transform:rotateZ(0deg) rotateX(15deg);transform:rotateZ(0deg) rotateX(15deg)}100%{-webkit-transform:rotateZ(0deg) rotateX(15deg);-moz-transform:rotateZ(0deg) rotateX(15deg);-ms-transform:rotateZ(0deg) rotateX(15deg);-o-transform:rotateZ(0deg) rotateX(15deg);transform:rotateZ(0deg) rotateX(15deg)}}.page-loading-bar{position:fixed;top:0;left:0;width:100%;max-height:0px;min-height:0px;background:#439ADC;opacity:0;overflow:hidden;-webkit-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:min-height .5s ease;-moz-transition:min-height .5s ease;transition:min-height .5s ease;z-index:100}.page-loading-bar.page-loading-bar-loading,.page-loading-bar.page-loading-bar-finished{min-height:4px;max-height:4px;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.page-loading-bar.page-loading-bar-loading{opacity:1;-webkit-transition:min-height .5s ease;-moz-transition:min-height .5s ease;transition:min-height .5s ease;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:3s;-moz-transition-duration:3s;transition-duration:3s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;transition-timing-function:ease-in}.page-loading-bar.page-loading-bar-finished{opacity:0;-webkit-transition:opacity .5s ease 0.1s;-moz-transition:opacity .5s ease 0.1s;transition:opacity .5s ease 0.1s;-webkit-animation-duration:0.2s;-moz-animation-duration:0.2s;animation-duration:0.2s}.page-loading-bar.page-loading-bar-has-message{opacity:1;min-height:57px;max-height:200px;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:max-height .5s ease,min-height .5s ease;-moz-transition:max-height .5s ease,min-height .5s ease;transition:max-height .5s ease,min-height .5s ease}.page-loading-bar.offer-accepted{background:#E5FFE8;border-left:4px solid #00800B}.page-loading-bar.offer-declined{background:#FFE5E6;border-left:4px solid #CC0000}.page-loading-bar.page-loading-bar-error{background-color:#BF3A38}.page-loading-bar.page-loading-bar-closing{opacity:1;max-height:0;min-height:0;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.page-loading-bar .loading-message{max-width:none;margin:14px 28px;color:black;white-space:pre-line}.page-loading-bar .loading-message i{font-size:21px;margin-right:7px}.page-loading-bar .loading-message *{vertical-align:middle}.page-loading-bar .loading-message .icon-times:hover,.page-loading-bar .loading-message .icon-refresh:hover{cursor:pointer}.page-loading-bar .loading-message p{margin:0}.page-loading-bar .loading-message a,.page-loading-bar .loading-message a:visited{text-decoration:underline;vertical-align:initial}.table-loading{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,0.64);z-index:10}.table-loading-spinner{left:50%;position:absolute;font-size:21px;margin-left:-10px;margin-top:40px}@media (min-width: 0) and (max-width: 600px){.is_mobile.needs_reduced_ui .loading-turntable{left:50%}.is_mobile.needs_reduced_ui .page-loading-bar.page-loading-bar-has-message{height:auto}.is_mobile.needs_reduced_ui .page-loading-bar .icon-times{position:absolute;top:14px;right:10px}}

/*# sourceMappingURL=loading.css.map */