:root{--sa-device-bg:#211;--sa-device-stroke:#fff;--sa-snap-duration:.7s;--sa-snap-loop-duration:2.8s;--sa-snap-ease:cubic-bezier(.2, 0, 0, 1);--sa-snap-offset:60%}.sa-device{background:var(--sa-device-bg);display:block;position:relative}.sa-device.is-outline{background:0 0}.sa-device.is-cream-surface{--sa-device-stroke:#211;background:0 0}.sa-corner{width:20%;height:20%;display:block;position:absolute;overflow:visible}.sa-corner path{fill:none;stroke:var(--sa-device-stroke);stroke-width:12px;stroke-linecap:butt}.sa-corner-tl{top:16%;left:16%}.sa-corner-tr{top:16%;right:16%}.sa-corner-bl{bottom:16%;left:16%}.sa-corner-br{bottom:16%;right:16%}@keyframes sa-snap-tl-once{0%{transform:translate(calc(-1 * var(--sa-snap-offset)), calc(-1 * var(--sa-snap-offset)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes sa-snap-tr-once{0%{transform:translate(var(--sa-snap-offset), calc(-1 * var(--sa-snap-offset)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes sa-snap-bl-once{0%{transform:translate(calc(-1 * var(--sa-snap-offset)), var(--sa-snap-offset));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes sa-snap-br-once{0%{transform:translate(var(--sa-snap-offset), var(--sa-snap-offset));opacity:0}to{opacity:1;transform:translate(0)}}.sa-snap-in .sa-corner-tl{animation:sa-snap-tl-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in .sa-corner-tr{animation:sa-snap-tr-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in .sa-corner-bl{animation:sa-snap-bl-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in .sa-corner-br{animation:sa-snap-br-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in-armed .sa-corner-tl{transform:translate(calc(-1 * var(--sa-snap-offset)), calc(-1 * var(--sa-snap-offset)));opacity:0}.sa-snap-in-armed .sa-corner-tr{transform:translate(var(--sa-snap-offset), calc(-1 * var(--sa-snap-offset)));opacity:0}.sa-snap-in-armed .sa-corner-bl{transform:translate(calc(-1 * var(--sa-snap-offset)), var(--sa-snap-offset));opacity:0}.sa-snap-in-armed .sa-corner-br{transform:translate(var(--sa-snap-offset), var(--sa-snap-offset));opacity:0}@keyframes sa-snap-tl-loop{0%,to{transform:translate(calc(-1 * var(--sa-snap-offset)), calc(-1 * var(--sa-snap-offset)));opacity:0}25%,90%{opacity:1;transform:translate(0)}}@keyframes sa-snap-tr-loop{0%,to{transform:translate(var(--sa-snap-offset), calc(-1 * var(--sa-snap-offset)));opacity:0}25%,90%{opacity:1;transform:translate(0)}}@keyframes sa-snap-bl-loop{0%,to{transform:translate(calc(-1 * var(--sa-snap-offset)), var(--sa-snap-offset));opacity:0}25%,90%{opacity:1;transform:translate(0)}}@keyframes sa-snap-br-loop{0%,to{transform:translate(var(--sa-snap-offset), var(--sa-snap-offset));opacity:0}25%,90%{opacity:1;transform:translate(0)}}.sa-snap-in-loop .sa-corner-tl{animation:sa-snap-tl-loop var(--sa-snap-loop-duration) var(--sa-snap-ease) infinite}.sa-snap-in-loop .sa-corner-tr{animation:sa-snap-tr-loop var(--sa-snap-loop-duration) var(--sa-snap-ease) infinite}.sa-snap-in-loop .sa-corner-bl{animation:sa-snap-bl-loop var(--sa-snap-loop-duration) var(--sa-snap-ease) infinite}.sa-snap-in-loop .sa-corner-br{animation:sa-snap-br-loop var(--sa-snap-loop-duration) var(--sa-snap-ease) infinite}.sa-snap-in-hover .sa-corner{opacity:1;transform:translate(0)}.sa-snap-in-hover:hover .sa-corner-tl{animation:sa-snap-tl-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in-hover:hover .sa-corner-tr{animation:sa-snap-tr-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in-hover:hover .sa-corner-bl{animation:sa-snap-bl-once var(--sa-snap-duration) var(--sa-snap-ease) both}.sa-snap-in-hover:hover .sa-corner-br{animation:sa-snap-br-once var(--sa-snap-duration) var(--sa-snap-ease) both}@media (prefers-reduced-motion:reduce){@keyframes sa-snap-fade-in{0%{opacity:0}to{opacity:1}}.sa-snap-in .sa-corner,.sa-snap-in-loop .sa-corner,.sa-snap-in-hover:hover .sa-corner{animation:.12s ease-out both sa-snap-fade-in!important;transform:translate(0)!important}.sa-snap-in-armed .sa-corner{opacity:1;transform:translate(0)}}