html{background:var(--color-black)}main{display:flex;flex-direction:column}.homey-pro-backups{position:relative;flex-grow:1;padding-top:36px;isolation:isolate}.homey-pro-backups__title-wrapper{position:relative;width:-moz-fit-content;width:fit-content;margin:0 auto 16px;padding:0.05em 0;font-size:clamp(40px,20px + 4vw,64px);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-1.5px;text-align:center}.homey-pro-backups__title{position:relative;display:block;padding:0.05em 0;background:linear-gradient(60deg,var(--color-gradient-blue-green-active),var(--color-gradient-blue-green-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.homey-pro-backups__title-blur{position:absolute;right:0;left:0}.homey-pro-backups__title-blur:before{content:attr(data-title);position:absolute;left:0;padding:0.05em 0;background:linear-gradient(60deg,var(--color-gradient-blue-green-active),var(--color-gradient-blue-green-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:var(--opacity);--opacity:0.5;filter:blur(20px)}@-moz-document url-prefix(){.homey-pro-backups__title-blur:before{--opacity:0.8}}.homey-pro-backups__subtitle{margin:16px auto 32px;color:var(--color-white-A70)}.homey-pro-backups__link{text-decoration:underline;transition:var(--transition-fast)}.homey-pro-backups__link:hover{color:var(--color-text-white)}.homey-pro-backups__number-field-wrapper{display:grid;grid-template-columns:40px auto 40px;grid-gap:12px;align-items:center;justify-content:center;margin-bottom:24px;-webkit-user-select:none;user-select:none}.homey-pro-backups__number-field,.homey-pro-backups__number-field-button{background:linear-gradient(var(--color-white-A50),var(--color-black-A50));isolation:isolate}.homey-pro-backups__number-field-button:after,.homey-pro-backups__number-field-button:before,.homey-pro-backups__number-field:after,.homey-pro-backups__number-field:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:calc(var(--border-radius-medium) - 1px)}.homey-pro-backups__number-field-button:before,.homey-pro-backups__number-field:before{z-index:-2;background:linear-gradient(60deg,#19292f,#1a2b2f)}.homey-pro-backups__number-field-button:after,.homey-pro-backups__number-field:after{z-index:-1;background:transparent}.homey-pro-backups__number-field{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--border-radius-medium);font-size:var(--font-size-default);font-weight:var(--font-weight-medium);line-height:20px;color:var(--color-text)}.homey-pro-backups__number-field-label{margin:0;-webkit-user-select:none;user-select:none;transition:width var(--duration-slow) var(--curve-fast-in)}.homey-pro-backups__number-field-price{margin-left:12px;padding-left:12px;border-left:1px solid var(--color-white-A50);line-height:20px;color:var(--color-white-A50)}.homey-pro-backups__number-field-button{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;cursor:pointer;touch-action:manipulation}.homey-pro-backups__number-field-button:after{transition:background var(--duration-fast) var(--curve-fast-in)}.homey-pro-backups__number-field-button:hover:active:after{background:var(--color-black-A10)}.homey-pro-backups__number-field-button.is-disabled{cursor:not-allowed}.homey-pro-backups__number-field-button.is-disabled:after,.homey-pro-backups__number-field-button.is-disabled:hover:active:after,.homey-pro-backups__number-field-button.is-disabled:hover:after{background:transparent}.homey-pro-backups__number-field-button.is-disabled .homey-pro-backups__number-field-button-icon{--glyph-color:var(--color-mono-A50)}.homey-pro-backups__number-field-button-icon{--glyph-size:var(--icon-size-medium);--glyph-color:var(--color-icon-white);transition:background var(--duration-fast) var(--curve-fast-in)}.homey-pro-backups input[type=number]{--number-width:1ch;appearance:textfield;width:calc(var(--number-width) + 2px);background:transparent;font-size:var(--font-size-default);font-weight:var(--font-weight-medium);line-height:20px;color:var(--color-text);text-align:center}.homey-pro-backups input[type=number]::-webkit-inner-spin-button,.homey-pro-backups input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.homey-pro-backups__button-wrapper{display:flex;flex-direction:column;gap:16px;align-items:center}.homey-pro-backups__card-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:32px;padding-bottom:120px}.homey-pro-backups__card-background{position:absolute;z-index:-1;top:-50%;left:-50%;width:200%;height:150%;background-image:radial-gradient(circle at 2px 2px,var(--color-white) 2px,var(--color-black-A50) 0);background-size:32px 32px;opacity:0.8;will-change:opacity;animation:homey-pro-backups-background-fade-in 1s ease-out forwards;-webkit-mask-image:radial-gradient(circle closest-side,black,transparent 100%);mask-image:radial-gradient(circle closest-side,black,transparent 100%)}.homey-pro-backups__card-background:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;mix-blend-mode:darken;background-image:var(--gradient-blue-green);opacity:1}.homey-pro-backups__note{position:relative;z-index:1;margin:-80px auto 64px}.homey-pro-backups-button{--padding-horizontal:32px;--padding-vertical:10px;--line-height:24px;position:relative;display:inline-block;border-radius:calc(var(--padding-vertical) + var(--line-height)/2);transform:scale(1);transition:transform var(--duration-fast) var(--curve-fast-in)}.homey-pro-backups-button:hover{text-decoration:none;transform:scale(1) translateZ(0)}.homey-pro-backups-button:hover .homey-pro-backups-button__icon{background-position:58% 33%}.homey-pro-backups-button:hover .homey-pro-backups-button__text{background-position:var(--interactive-gradient-position-hover)}.homey-pro-backups-button:hover .homey-pro-backups-button__rect--blur{stroke-width:5px}.homey-pro-backups-button:hover:active{transform:scale(0.98)}.homey-pro-backups-button__icon{width:20px;height:20px;background:var(--interactive-gradient-blue-green);background-position:25% 33%;background-size:1500% 300%}.homey-pro-backups-button__icon,.homey-pro-backups-button__text{transition:background-position var(--duration-fast) var(--curve-fast-in)}.homey-pro-backups-button__text{display:inline-flex;gap:8px;align-items:center;padding:var(--padding-vertical) var(--padding-horizontal);background:var(--interactive-gradient-blue-green);background-position:var(--interactive-gradient-position-default);-webkit-background-clip:text;background-size:var(--interactive-gradient-size);font-size:var(--font-size-body-default);font-weight:var(--font-weight-medium);line-height:var(--line-height);-webkit-text-fill-color:transparent;transform:scale(1)}.homey-pro-backups-button__svg{position:absolute;top:50%;left:50%;width:calc(100% + 32px);height:calc(100% + 32px);pointer-events:none;transform:translate(-50%,-50%)}.homey-pro-backups-button__rect{width:calc(100% - 32px);height:calc(100% - 32px);transform:translate(calc(-50% + 16px),calc(-50% + 16px));rx:calc(var(--padding-vertical) + var(--line-height)/2)}.homey-pro-backups-button__rect--blur{stroke-width:2px;transition:stroke-width var(--duration-fast) ease-in-out}.homey-pro-backups-card{--card-unit:2.5vw;--card-width:calc(var(--card-unit)*30);--card-height:calc(var(--card-unit)*18);--card-thickness:calc(var(--card-unit)*0.5);--relativeY:0;--relativeX:0;--rotation:0;--shine-x:10%;--shine-y:50%;--animation-duration:var(--duration-fast);position:relative;width:var(--card-width);height:var(--card-height);border-radius:var(--card-unit);box-shadow:0 35px 20px -12px rgba(0,0,0,0.25);transform:perspective(1500px) rotate3d(var(--relativeY),var(--relativeX),0,calc(var(--rotation)*1deg));will-change:transform,box-shadow,visibility;transform-style:preserve-3d;transition:transform var(--animation-duration) ease-out}.is-mobile .homey-pro-backups-card{--animation-duration:var(--duration-fast);transform:perspective(1000px) rotate3d(var(--relativeY),var(--relativeX),0,calc(var(--rotation)*1deg))}.homey-pro-backups-card__side{position:absolute;background:var(--color-blue-700)}.homey-pro-backups-card__front{outline:1px solid transparent;transform:rotateY(0deg) translateZ(calc(var(--card-thickness)/2))}.homey-pro-backups-card__back,.homey-pro-backups-card__front{width:var(--card-width);height:var(--card-height);border-radius:var(--card-unit)}.homey-pro-backups-card__back{background:var(--color-blue-700);transform:rotateY(180deg) translateZ(calc(var(--card-thickness)/2))}.homey-pro-backups-card__right{transform:rotateY(90deg) translateY(16px) translateZ(calc(var(--card-width) - var(--card-thickness)/2))}.homey-pro-backups-card__left,.homey-pro-backups-card__right{width:var(--card-thickness);height:calc(var(--card-height) - 32px)}.homey-pro-backups-card__left{transform:rotateY(270deg) translateY(16px) translateZ(calc(var(--card-thickness)/2))}.homey-pro-backups-card__top{transform:rotateX(90deg) translateX(16px) translateZ(calc(var(--card-thickness)/2))}.homey-pro-backups-card__bottom,.homey-pro-backups-card__top{width:calc(var(--card-width) - 32px);height:var(--card-thickness)}.homey-pro-backups-card__bottom{transform:rotateX(270deg) translateX(16px) translateZ(calc(var(--card-height) - var(--card-thickness)/2))}.homey-pro-backups-card__shine{position:absolute;overflow:hidden;border-radius:var(--card-unit);transition:opacity var(--animation-duration) ease-out,background-position var(--animation-duration) ease-out;inset:0;mix-blend-mode:overlay}.homey-pro-backups-card__shine:before{content:"";position:absolute;background:var(--gradient-blue-green);opacity:calc(var(--rotation)/30);transition:opacity var(--animation-duration) ease-out;inset:0}.homey-pro-backups-card__shine:after{content:"";position:absolute;background-image:linear-gradient(30deg,transparent 55%,var(--color-white-A50) 0,transparent 75%,transparent);background-position:min(0%,max(var(--relativeX) * 0.1% + 50%,100%)) min(0%,max(var(--relativeY) * -0.1% + 50%,100%));background-size:400% 400%;background-repeat:no-repeat;opacity:min(0.5,0.1 + var(--rotation)/50);transition:opacity var(--animation-duration) ease-out,background-position var(--animation-duration) ease-out;inset:0}.is-mobile .homey-pro-backups-card__shine:after{background-position:min(0%,max(var(--relativeY) * 0.05% + 50%,100%)) min(0%,max(var(--relativeY) * -0.05% + 50%,100%))}.homey-pro-backups-card__design{position:relative;display:grid;grid-template-rows:1fr auto;grid-gap:calc(var(--card-unit)*0.125);align-items:end;width:var(--card-width);height:var(--card-height);padding:calc(var(--card-unit)*2) calc(var(--card-unit)*2);border-radius:var(--card-unit);background:var(--gradient-blue-green);-webkit-user-select:none;user-select:none}.homey-pro-backups-card__design-icon{--mask-size:calc(var(--card-unit)*2.5);--mask-color:var(--color-icon-white);position:absolute;top:calc(var(--card-unit)*1.5);right:calc(var(--card-unit)*1.5)}.homey-pro-backups-card__design-homey-pro-text{font-size:calc(var(--card-unit)*2);font-weight:var(--font-weight-regular)}.homey-pro-backups-card__design-backups-text{margin-bottom:calc(var(--card-unit)*-0.625);font-size:calc(var(--card-unit)*4);font-weight:var(--font-weight-bold);line-height:calc(var(--card-unit)*4)}@keyframes homey-pro-backups-background-fade-in{0%{opacity:0.8}to{opacity:1}}@media (min-width:576px){.homey-pro-backups-card{--card-unit:16px}}@media (min-width:768px){.homey-pro-backups__title-wrapper{margin-bottom:24px}.homey-pro-backups__subtitle{margin-top:24px;margin-bottom:40px}.homey-pro-backups__card-wrapper{margin-top:64px;padding-bottom:192px}.homey-pro-backups__note{margin-top:-128px;margin-bottom:160px}.homey-pro-backups-button{--padding-horizontal:60px;--padding-vertical:16px}.homey-pro-backups-button__text{font-size:20px}}@media (min-width:992px){.homey-pro-backups{padding-top:148px}}@media (hover:hover){.homey-pro-backups__number-field-button:focus:after,.homey-pro-backups__number-field-button:hover:after{background:var(--color-white-A10)}}