@layer components{.iris-mock-card_wrap{gap:var(--space-xsmall);padding:var(--space-xsmall);border:1px solid var(--iris-neutral-300);border-radius:var(--radius-main);background-color:var(--background);box-shadow:0 var(--space-tiny) var(--space-xxsmall) color-mix(in lab, var(--iris-neutral-900) 5%, transparent);text-align:start;flex-direction:column;display:flex}.iris-mock-card_header{padding-bottom:var(--space-xsmall);border-bottom:1px solid var(--iris-neutral-300);flex-direction:column;gap:.75rem;display:flex}.iris-mock-card_row{justify-content:space-between;align-items:center;gap:var(--space-xxsmall);flex-wrap:wrap;display:flex}.iris-mock-card_brand{align-items:center;gap:var(--space-tiny);font-size:var(--text-tiny);line-height:var(--line-height-huge);display:flex}.iris-mock-card_live{inline-size:var(--space-xxsmall);block-size:var(--space-xxsmall);border-radius:var(--radius-circle);background-color:var(--iris-semantics-green-700);box-shadow:0 0 .75rem var(--iris-semantics-green-300)}.iris-mock-card_name{color:var(--dark-1000);font-weight:var(--primary-semibold)}.iris-mock-card_product,.iris-mock-card_note,.iris-mock-card_label{color:var(--iris-neutral-600);font-size:var(--text-tiny);font-weight:var(--primary-medium);line-height:var(--line-height-huge)}.iris-mock-card_label{font-weight:var(--primary-semibold);letter-spacing:var(--letter-spacing-caps-wide);text-transform:uppercase}.iris-app-window_wrap{gap:var(--space-small);flex-direction:column;inline-size:100%;display:flex}.iris-app-window_head{gap:var(--space-tiny);flex-direction:column;display:flex}.iris-app-window_site{align-items:center;gap:var(--space-xxsmall);color:var(--iris-neutral-600);font-size:var(--text-main);font-weight:var(--primary-medium);line-height:var(--line-height-huge);display:flex}.iris-app-window_logo{inline-size:var(--space-xsmall);block-size:var(--space-xsmall);border-radius:var(--radius-circle);object-fit:cover}.iris-app-window_title{color:var(--dark-1000);font-size:var(--text-xlarge);font-weight:var(--primary-medium);line-height:var(--line-height-large)}.iris-app-window_stage{display:grid}.iris-app-window_stage>*{grid-area:1/1}.iris-app-window_page{gap:var(--space-xsmall);flex-direction:column;display:flex}.iris-app-window_page>span{inline-size:50%;block-size:var(--space-xxsmall);border-radius:var(--radius-round);background-color:color-mix(in lab, var(--iris-neutral-400) 12%, transparent)}.iris-app-window_page>.is-short{inline-size:20%}.iris-app-window_page>.is-block{inline-size:var(--space-xhuge);block-size:var(--space-xxlarge);border-radius:var(--radius-small)}.iris-app-window_window{border:1px solid var(--iris-neutral-300);border-radius:var(--radius-main) var(--radius-main) 0 0;background-color:var(--background);border-bottom:0;flex-direction:column;margin-block-start:var(--space-large);margin-inline-start:var(--space-xlarge);display:flex;overflow:hidden}.iris-app-window_bar{align-items:center;gap:var(--space-xsmall);padding:var(--space-xxsmall) var(--space-xsmall);border-bottom:1px solid var(--iris-neutral-300);background-color:var(--iris-neutral-50);display:flex}.iris-app-window_dots{inline-size:var(--space-xxsmall);block-size:var(--space-xxsmall);border-radius:var(--radius-circle);background-color:var(--iris-neutral-400);box-shadow:var(--space-xsmall) 0 var(--iris-neutral-400), var(--space-medium) 0 var(--iris-neutral-400);flex:none;margin-inline-end:var(--space-medium)}.iris-app-window_url{min-inline-size:0;padding:var(--space-tiny) var(--space-xxsmall);background-color:var(--background);color:var(--dark-1000);font-size:var(--text-tiny);font-weight:var(--primary-medium);line-height:var(--line-height-large);text-overflow:ellipsis;white-space:nowrap;border-radius:.375rem;flex:1;overflow:hidden}.iris-app-window_body{padding:var(--space-medium) var(--space-medium) 0;background-image:linear-gradient(var(--iris-neutral-50), var(--background))}@media (max-width:767px){.iris-app-window_window{margin-block-start:var(--space-medium);margin-inline-start:0}.iris-app-window_body{padding:var(--space-xsmall) var(--space-xsmall) 0}}@media (max-width:479px){.iris-app-window_bar{gap:var(--space-xxsmall)}.iris-app-window_body{padding:var(--space-xxsmall) 0 0}}.iris-thread-day_wrap{align-items:center;gap:var(--space-xxsmall);color:var(--iris-neutral-600);font-size:var(--text-tiny);font-weight:var(--primary-semibold);line-height:var(--line-height-huge);letter-spacing:var(--letter-spacing-caps-wide);text-align:center;text-transform:uppercase;text-wrap:balance;display:flex}.iris-thread-day_wrap:before,.iris-thread-day_wrap:after{content:"";flex:1 1 var(--space-xsmall);background-color:var(--iris-neutral-300);block-size:1px}}