section.account{position:relative}section.account .subtitle{font-weight:500;color:#999999}section.account h3{font-size:22px}section.account:before{content:"";position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:block;background:rgba(255,255,255,0.7) url(/img/icons/spinner-cart.svg) no-repeat 50%;background-size:30px auto;opacity:0;visibility:hidden;transition:all 0.3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}section.account.loading:before{opacity:1;visibility:visible}section.account[data-account-section=orders] a.invoice{white-space:nowrap}section.account[data-account-section=orders] a.invoice:after{content:"";display:inline-block;width:24px;height:24px;margin-left:10px;background:url(/img/pages/account/orders/pdf.png) no-repeat 50%;background-size:contain;vertical-align:middle}section.account[data-account-section=backups] .backup h2{margin-bottom:1em}section.account[data-account-section=subscriptions] [data-hy-subscription-template]{display:none}section.account[data-account-section=subscriptions] .subscription{display:flex;flex-direction:column}section.account[data-account-section=subscriptions] .subscription-img{flex-basis:33%;max-width:250px;margin-right:20px}section.account[data-account-section=subscriptions] .subscription-img img{max-width:100%}section.account[data-account-section=subscriptions] .subscription-content{flex-basis:66%}section.account[data-account-section=subscriptions] [data-hy-subscription-hide],section.account[data-account-section=subscriptions] [data-hy-subscription-show]{display:none}section.account[data-account-section=subscriptions] [data-hy-subscription-hide].is-active,section.account[data-account-section=subscriptions] [data-hy-subscription-show].is-active{display:block}section.account .address-card .name{font-weight:700}section.account .address-card .remove{cursor:pointer;display:block;transform-origin:center center;transition:transform var(--duration-fast) var(--curve-fast-in);position:absolute;top:8px;right:24px;width:24px;height:24px;border-radius:24px;background:#ff4c00;opacity:0;visibility:hidden;transition:all 0.3s 0.15s}section.account .address-card .remove.hover,section.account .address-card .remove:hover{transform:translateZ(0) scale(1.05)}section.account .address-card .remove,section.account .address-card .remove.active,section.account .address-card .remove:active{transform:translateZ(0) scale(1)}section.account .address-card .remove:after,section.account .address-card .remove:before{content:"";position:absolute;top:6px;left:50%;display:block;width:2px;height:12px;margin-left:-1px;background:white}section.account .address-card .remove:before{transform:rotate(45deg)}section.account .address-card .remove:after{transform:rotate(-45deg)}section.account .address-card:hover .remove{opacity:1;visibility:visible}section.account[data-account-section=devices] .devices{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:32px}section.account[data-account-section=devices] .device{position:relative;display:flex;flex-direction:column;padding:16px;border-radius:var(--border-radius-regular);background:var(--color-component);box-shadow:var(--box-shadow)}section.account[data-account-section=devices] .device .image{display:block;width:calc(100% + 32px);margin:0 -16px}section.account[data-account-section=devices] .device .name{display:block;font-size:var(--font-size-medium);font-weight:var(--font-weight-medium);line-height:1.2em;text-align:center}section.account[data-account-section=devices] .device .licenses{margin-top:4px;margin-bottom:4px;text-align:center}section.account[data-account-section=devices] .device .licenses .license{height:22px;margin-bottom:8px;padding:0 12px;border-radius:11px;background:#333333;font-size:var(--font-size-micro);font-weight:var(--font-weight-medium);line-height:22px;color:var(--color-text-white)}section.account[data-account-section=devices] .device .licenses .license.license[data-license=advanced-flow]{background:linear-gradient(30deg,var(--color-gradient-blue-start),var(--color-gradient-blue-end))}section.account[data-account-section=devices] .device .licenses .license.license[data-license=moods]{background:linear-gradient(30deg,var(--color-gradient-purple-start),var(--color-gradient-purple-end))}section.account[data-account-section=devices] .device .licenses .license.license[data-license=dashboards]{background:linear-gradient(30deg,var(--color-gradient-blue-start),var(--color-gradient-blue-end))}section.account[data-account-section=devices] .device .licenses .license{display:none}section.account[data-account-section=devices] .device[data-licenses~=advanced-flow] .licenses .license[data-license=advanced-flow],section.account[data-account-section=devices] .device[data-licenses~=dashboards] .licenses .license[data-license=dashboards],section.account[data-account-section=devices] .device[data-licenses~=moods] .licenses .license[data-license=moods]{display:inline-block}section.account[data-account-section=devices] .device .usb-tool-button-wrapper{margin-top:auto}section.account[data-account-section=devices] .device .usb-tool-button{margin-top:16px}section.account[data-account-section=devices] .device .info,section.account[data-account-section=devices] .device .info-extra{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);line-height:1.6em;color:#999999;text-align:center}section.account[data-account-section=devices] .device .info-extra{display:none}section.account[data-account-section=devices] .device:hover .info-extra{display:block}section.account[data-account-section=devices] .device:hover .info-extra+.info{display:none}section.account[data-account-section=devices] .device:hover .delete{opacity:1;visibility:visible;transition-delay:0.1s}section.account[data-account-section=devices] .device .delete{cursor:pointer;display:block;transform-origin:center center;transition:transform var(--duration-fast) var(--curve-fast-in);position:absolute;top:-16px;right:-16px;width:32px;height:32px;border-radius:100%;background:#ff4c00;box-shadow:0 3px 5px rgba(0,0,0,0.1);opacity:0;visibility:hidden;transition:all 0.2s}section.account[data-account-section=devices] .device .delete.hover,section.account[data-account-section=devices] .device .delete:hover{transform:translateZ(0) scale(1.05)}section.account[data-account-section=devices] .device .delete,section.account[data-account-section=devices] .device .delete.active,section.account[data-account-section=devices] .device .delete:active{transform:translateZ(0) scale(1)}section.account[data-account-section=devices] .device .delete:after,section.account[data-account-section=devices] .device .delete:before{content:"";position:absolute;top:8px;left:15px;width:2px;height:16px;background:white}section.account[data-account-section=devices] .device .delete:before{transform:rotate(45deg)}section.account[data-account-section=devices] .device .delete:after{transform:rotate(-45deg)}@media (min-width:576px){section.account[data-account-section=devices] .devices{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){section.account[data-account-section=subscriptions] .subscription{flex-direction:row}}@media (min-width:1200px){section.account[data-account-section=devices] .devices{grid-template-columns:repeat(3,1fr)}}