/* Loaded christmass builds on the saved Christmas basic design. */
@import url("./christmas-basic.css");

.workspace,body{background-image:url("./loaded-christmass/snowflakes.svg");background-size:160px 160px}
.sidebar{background-image:url("./loaded-christmass/snowflakes-white.svg");background-size:145px 145px}
.brand{position:relative}
.brand::after{content:"";position:absolute;right:-13px;top:-29px;width:61px;height:49px;background:url("./loaded-christmass/hat.svg") center/contain no-repeat;transform:rotate(13deg);pointer-events:none}
.auth-brand{margin-top:18px}
.sidebar-label{margin-top:16px}
.holiday-heading{position:relative;min-height:258px;padding:26px 280px 26px 28px;border-top-color:var(--red);background:#fff}
.holiday-heading::after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:260px;height:220px;background:url("./loaded-christmass/scene.svg") center/contain no-repeat;pointer-events:none}
.holiday-heading .page-heading{display:block}
.holiday-heading .page-heading>.button{margin-top:18px}
.holiday-heading .heading-star{color:var(--red)}
.family-strip{border-top:3px solid var(--green)}
.family-person{position:relative}
.family-person:not(.invite-person)::after{content:"";position:absolute;top:43px;left:calc(50% - 13px);width:26px;height:22px;background:url("./loaded-christmass/bow.svg") center/contain no-repeat;pointer-events:none}
.family-name{padding-top:5px}
.collection-heading h2::before{content:"";display:inline-block;width:32px;height:26px;vertical-align:middle;margin-right:9px;background:url("./loaded-christmass/bow.svg") center/contain no-repeat}
.wish-picture:not(:has(img)){background-image:url("./loaded-christmass/snowflakes.svg");background-size:120px 120px}
.picture-placeholder{width:150px;height:150px}
.tone-0 .picture-placeholder{background-image:url("./loaded-christmass/tree.svg")}
.tone-1 .picture-placeholder{background-image:url("./loaded-christmass/reindeer.svg")}
.tone-2 .picture-placeholder{background-image:url("./loaded-christmass/candy-cane.svg")}
.picture-caption{margin-top:0}
.wish-card{border-bottom:3px solid #b4ddc4}
.wish-card:nth-child(even){border-bottom-color:#f5b6bf}
.add-card{background:#fff url("./loaded-christmass/snowflakes.svg") center/160px;border-color:#90cba6}
.add-card::before{content:"";display:block;width:88px;height:58px;background:url("./loaded-christmass/antlers.svg") center/contain no-repeat;margin-bottom:-8px}
.add-card>span{margin-bottom:18px;position:relative}
.empty-state{background:#edf9f1 url("./loaded-christmass/snowflakes.svg") center/160px}
.empty-state>span{font-size:0;width:130px;height:130px;margin:0 auto 18px;background:url("./loaded-christmass/reindeer.svg") center/contain no-repeat}
.auth-card{position:relative}
.auth-card::before{content:"";display:block;width:100%;height:126px;background:url("./loaded-christmass/scene.svg") center/contain no-repeat;margin-bottom:18px;pointer-events:none}
.page-footer>span::before{content:"";display:inline-block;vertical-align:middle;width:24px;height:30px;background:url("./loaded-christmass/candy-cane.svg") center/contain no-repeat;margin-right:7px}

@media(max-width:1200px) and (min-width:801px){
  .holiday-heading{padding-right:220px}
  .holiday-heading::after{width:200px;height:180px}
}
@media(max-width:800px){
  .sidebar{padding-top:28px}
  .holiday-heading{padding-right:230px}
  .holiday-heading::after{width:210px;height:190px}
}
@media(max-width:560px){
  .sidebar{padding-top:30px}
  .brand::after{width:50px;height:40px;top:-24px;right:-10px}
  .holiday-heading{padding:18px;min-height:0}
  .holiday-heading::after{display:none}
  .holiday-heading::before{content:"";display:block;height:126px;background:url("./loaded-christmass/scene.svg") center/contain no-repeat;margin-bottom:16px}
  .holiday-heading .page-heading>.button{width:100%}
  .collection-heading h2::before{width:26px;margin-right:6px}
  .picture-placeholder{width:164px;height:164px}
  .auth-card::before{height:112px}
}