.device-mockup{width:100%}.device-mockup__frame{border-radius:1.2rem;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 1px 2px rgba(var(--color-shadow),.06),0 1.6rem 4rem rgba(var(--color-shadow),.12);border:.1rem solid rgba(var(--color-foreground),.08)}.device-mockup__bar{display:flex;align-items:center;gap:.6rem;padding:1.2rem 1.6rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08)}.device-mockup__dot{width:.9rem;height:.9rem;border-radius:50%;background:rgba(var(--color-foreground),.14)}.device-mockup__bar-label{margin-left:1rem;font-size:1.2rem;letter-spacing:.04em;color:rgba(var(--color-foreground),.55)}.device-mockup__screen{padding:2.8rem 2.4rem;min-height:26rem;display:flex;align-items:center}.device-mockup__screen img{display:block;width:100%;height:auto;border-radius:.6rem}.device-mockup__placeholder{width:100%}.mockup-line{height:1.1rem;border-radius:.4rem;background:rgba(var(--color-foreground),.1);margin-bottom:1.2rem}.mockup-line--title{width:55%;height:1.6rem;background:rgba(var(--color-foreground),.22);margin-bottom:2rem}.mockup-line--wide{width:92%}.mockup-line--medium{width:68%;margin-bottom:2.4rem}.mockup-line--short{width:60%;margin-bottom:0;flex:none}.mockup-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.mockup-card{display:block;aspect-ratio:1;border-radius:.8rem;background:rgba(var(--color-foreground),.08)}.mockup-tracker-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.4rem}.mockup-tracker-list li{display:flex;align-items:center;gap:1.2rem}.mockup-checkbox{width:1.8rem;height:1.8rem;border-radius:.4rem;border:.15rem solid rgba(var(--color-foreground),.25);flex:none}.mockup-checkbox--done{background:rgba(var(--color-foreground),.75);border-color:rgba(var(--color-foreground),.75)}.mockup-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.8rem}.mockup-calendar-cell{aspect-ratio:1;border-radius:.4rem;background:rgba(var(--color-foreground),.08)}.mockup-calendar-cell--marked{background:rgba(var(--color-foreground),.75)}.mockup-progress-row{display:flex;align-items:center;gap:1.2rem;margin-bottom:1.6rem}.mockup-progress-row:last-child{margin-bottom:0}.mockup-progress-label{width:20%;height:1rem;border-radius:.3rem;background:rgba(var(--color-foreground),.14);flex:none}.mockup-progress-bar{flex:1;height:.8rem;border-radius:999px;background:rgba(var(--color-foreground),.1);overflow:hidden}.mockup-progress-bar span{display:block;height:100%;border-radius:999px;background:rgba(var(--color-foreground),.75)}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-device-mockup.css.map */