@charset "UTF-8";
/* todo class only intended for unfinished features */
/* line 100, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.todo {
  color: red !important;
}
/* line 103, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.todo a {
  color: red !important;
}

/* line 108, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
img,
video {
  max-width: 100%;
}

/* line 113, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.form_part {
  margin-bottom: 8px;
}
/* line 116, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.form_part input[type="checkbox"] {
  margin-right: 4px;
}

/* line 121, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.form_part .mce-tinymce.mce-container,
input#diary_image {
  margin-bottom: 16px;
}

/* Styles approximating h2 */
/* line 127, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
label.big-label {
  font-size: 24px;
}

/* line 132, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
label.smiley-button-view-more img {
  display: block;
  margin-left: 8px;
  width: 35px;
}

/* line 139, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
span.smiley-button {
  display: inline-block;
  padding: 2px;
  border-radius: 50%;
  border: 3px solid transparent;
}
/* line 145, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
span.smiley-button img {
  width: 35px;
  display: block;
}
/* line 150, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
span.smiley-button.selected {
  border-color: #35ac2f;
}
/* line 154, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
span.smiley-button input[type="checkbox"],
span.smiley-button input[type="radio"] {
  display: none;
}

/* line 160, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.ui-widget-content {
  border-color: #b0daad;
}
/* line 163, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.ui-widget-content a,
.ui-widget-content a:visited {
  color: #0b2209;
}

/* line 169, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.ui-autocomplete {
  z-index: 2147483647 !important;
  max-height: 500px;
  overflow-y: scroll;
}

/* line 175, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.autocomplete-highlight {
  color: #35ac2f;
  font-weight: bold;
}

/* line 180, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
  background-color: #f3f4f2;
  border: 0 none;
  border-radius: 3px;
  box-shadow: none;
  color: #0b2209;
  display: block;
  font-size: 1em;
  height: 40px;
  line-height: 40px;
  max-width: 400px;
  padding: 0 12px;
  transition: background-color 0.2s ease-in-out 0s;
  width: 100%;
  margin-bottom: 16px;
}
/* line 200, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input[type="text"].datepicker, input[type="text"].timepicker,
input[type="password"].datepicker,
input[type="password"].timepicker,
input[type="email"].datepicker,
input[type="email"].timepicker,
textarea.datepicker,
textarea.timepicker,
select.datepicker,
select.timepicker {
  background-color: white;
  display: inline;
}

/* line 209, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #859184;
}
/* line 214, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #859184;
}
/* line 219, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #859184;
}
/* line 224, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #859184;
}

/* line 230, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
textarea {
  height: 120px;
  line-height: 1.6;
  padding: 16px;
}

/* line 236, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.field_with_errors input {
  margin-bottom: 0;
}

/* line 242, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
textarea.tinymce, textarea.tinymce-container {
  height: 200px !important;
}

/* line 248, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-in-registration {
  background-color: #dff0de;
  border-radius: 16px;
  margin-bottom: 32px;
  padding: 32px;
}
/* line 254, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-in-registration input[type="email"],
.invite-in-registration select {
  background-color: #fff;
}
/* line 259, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-in-registration .invitation_description {
  font-style: italic;
}

/* line 264, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn,
a.pml-btn,
a:visited.pml-btn {
  background-color: #35ac2f;
  border: 2px solid transparent;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
  padding: 8px 24px;
  appearance: none;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
}
/* line 280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn:hover, .pml-btn:active,
a.pml-btn:hover,
a.pml-btn:active,
a:visited.pml-btn:hover,
a:visited.pml-btn:active {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 286, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn.disabled,
a.pml-btn.disabled,
a:visited.pml-btn.disabled {
  background-color: #ced3ce;
  color: #546452;
  pointer-events: none;
  cursor: default;
}

/* line 294, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-danger,
a.pml-btn-danger,
a:visited.pml-btn-danger {
  background-color: #db4d65;
  border: 2px solid transparent;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
  padding: 8px 24px;
  appearance: none;
  -webkit-appearance: none;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  /* Add this to override link underline */
}

/* line 312, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-danger:hover,
.pml-btn-danger:active,
a.pml-btn-danger:hover,
a.pml-btn-danger:active {
  background-color: #d02a46;
  color: #fff;
  /* Add this to maintain white text on hover */
  text-decoration: none;
  /* Add this to prevent underline on hover */
  transition: all 0.2s ease-in-out;
}

/* line 322, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-secondary,
a.pml-btn-secondary,
a:visited.pml-btn-secondary {
  background-color: #fff;
  border: 2px solid #35ac2f;
  color: #35ac2f;
  transition: all 0.2s ease-in-out;
}
/* line 330, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-secondary:hover, .pml-btn-secondary:active,
a.pml-btn-secondary:hover,
a.pml-btn-secondary:active,
a:visited.pml-btn-secondary:hover,
a:visited.pml-btn-secondary:active {
  background-color: #dff0de;
  transition: all 0.2s ease-in-out;
}

/* line 338, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
a,
a:visited {
  color: #546452;
  text-decoration: underline;
}

/* line 345, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
a:hover {
  color: #313a30;
}

/* line 350, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
a.pml-btn,
a.pml-btn:visited,
a.btn,
a.btn:visited,
.navbar a,
.navbar a:visited {
  text-decoration: none;
}

/* line 359, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.new_post {
  background-color: #eff7ee;
  padding: 8px 16px 16px 16px;
  margin-bottom: 24px;
}
/* line 364, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.new_post textarea,
.new_post #post_title {
  background-color: #fff;
}

/* line 370, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post {
  box-shadow: 0px 0px 24px #ced3ce;
  font-size: 18px;
  margin-bottom: 40px;
  padding: 1px 32px 32px 32px;
}
@media (max-width: 500px) {
  /* line 370, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post {
    padding: 1px 16px 32px 16px;
  }
}
/* line 380, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post img {
  max-width: 100%;
  max-height: 600px;
}
/* line 385, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post img[src*="/static/img_db/2/"] {
  border: 1px solid #ced3ce;
  background-color: #f3f4f2;
  padding: 24px;
}
/* line 391, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post img[src*="/signs/"] {
  border: 1px solid #ced3ce;
  width: 600px;
}
/* line 396, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post .caption {
  font-style: italic;
  margin: 0 0 2em 0;
}
/* line 403, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post .audio.content-part {
  margin-bottom: 0;
}

/* line 409, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info {
  border-bottom: 8px solid;
  margin-top: 30px;
  margin-bottom: 14px;
  position: relative;
  /* HIGHLIGHTED header accents by Ruby wday (0=Sun..6=Sat) */
  /* Wednesday highlighted — special by default; DB override if present */
  /* Add borders for light colored custom days to provide definition */
}
/* line 415, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .header-icon {
  /* print overrides */
  print-color-adjust: exact;
  -webkit-print-color-adjust: exact;
  height: 70px;
  position: relative;
  width: 70px;
}
/* line 424, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .date {
  float: left;
  margin-left: 80px;
  margin-top: 20px;
  font-size: 22px;
  line-height: 1;
}
@media (max-width: 450px) {
  /* line 424, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-top-info .date {
    font-size: 14px;
  }
}
/* line 436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .header-smiley {
  position: absolute;
  left: 8px;
  top: 8px;
}
/* line 441, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .header-smiley img {
  width: 55px;
}
/* line 444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .gallery-btn {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
  background-color: transparent;
  border: 0;
  height: 60px;
  overflow: hidden;
  opacity: .8;
  position: absolute;
  right: 4px;
  bottom: 4px;
  transition: all 0.2s ease-in-out;
  width: 72px;
  background-image: url(/assets/icon-gallery-ee5cee9ae11d8867cad868ce88cb753985bb2b25e6bca24a4e5b5bca1d417595.svg);
}
/* line 460, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info .gallery-btn:hover {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
/* line 468, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-0 {
  border-color: var(--wk-0, #fb292c);
}
/* line 470, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-0-needs-border="true"] .post-top-info.weekday-0 {
  border-color: #000;
}
/* line 473, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-0 .header-icon {
  background-color: var(--wk-0, #fb292c) !important;
}
/* line 476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-1 {
  border-color: var(--wk-1, #4daf42);
}
/* line 478, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-1-needs-border="true"] .post-top-info.weekday-1 {
  border-color: #000;
}
/* line 481, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-1 .header-icon {
  background-color: var(--wk-1, #4daf42) !important;
}
/* line 484, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-2 {
  border-color: var(--wk-2, #4dbed9);
}
/* line 486, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-2-needs-border="true"] .post-top-info.weekday-2 {
  border-color: #000;
}
/* line 489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-2 .header-icon {
  background-color: var(--wk-2, #4dbed9) !important;
}
/* line 493, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-3 {
  border-color: var(--wk-3, #000);
}
/* line 495, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-3-needs-border="true"] .post-top-info.weekday-3 {
  border-color: #000;
}
/* line 498, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-3 .header-icon {
  background-color: var(--wk-3, #fff) !important;
}
/* line 502, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-0-needs-border="true"] .post-top-info.weekday-0 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 502, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-0-needs-border="true"] .post-top-info.weekday-0 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-1-needs-border="true"] .post-top-info.weekday-1 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-1-needs-border="true"] .post-top-info.weekday-1 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-2-needs-border="true"] .post-top-info.weekday-2 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-2-needs-border="true"] .post-top-info.weekday-2 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 505, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-needs-border="true"] .post-top-info.weekday-3 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 505, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-needs-border="true"] .post-top-info.weekday-3 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 506, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-4-needs-border="true"] .post-top-info.weekday-4 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 506, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-4-needs-border="true"] .post-top-info.weekday-4 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-5-needs-border="true"] .post-top-info.weekday-5 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-5-needs-border="true"] .post-top-info.weekday-5 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 508, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-6-needs-border="true"] .post-top-info.weekday-6 .header-icon {
  border: 4px solid #000;
  border-bottom: 0;
}
/* line 508, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-6-needs-border="true"] .post-top-info.weekday-6 .header-icon .header-smiley {
  left: 4px;
  top: 4px;
}
/* line 510, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-4 {
  border-color: var(--wk-4, #be7d47);
}
/* line 512, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-4-needs-border="true"] .post-top-info.weekday-4 {
  border-color: #000;
}
/* line 515, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-4 .header-icon {
  background-color: var(--wk-4, #be7d47) !important;
}
/* line 518, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-5 {
  border-color: var(--wk-5, #ffde3b);
}
/* line 520, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-5-needs-border="true"] .post-top-info.weekday-5 {
  border-color: #000;
}
/* line 523, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-5 .header-icon {
  background-color: var(--wk-5, #ffde3b) !important;
}
/* line 526, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-6 {
  border-color: var(--wk-6, #fcbecb);
}
/* line 528, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
[data-wk-6-needs-border="true"] .post-top-info.weekday-6 {
  border-color: #000;
}
/* line 531, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-top-info.weekday-6 .header-icon {
  background-color: var(--wk-6, #fcbecb) !important;
}

/* line 535, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-main {
  min-height: 650px;
}

/* line 539, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.container {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  background-color: white;
}
@media (min-width: 800px) {
  /* line 545, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container .inner-content,
  .container .inner-header,
  .container .inner-footer {
    padding-left: 115px;
    padding-right: 115px;
  }
}
@media (max-width: 800px) {
  /* line 545, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container .inner-content,
  .container .inner-header,
  .container .inner-footer {
    padding: 0;
  }
}
@media (max-width: 800px) {
  /* line 558, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container .inner-footer {
    padding-left: 15px;
  }
}
/* line 564, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.container .inner-content {
  min-height: 500px;
  padding-bottom: 20px;
  margin-top: 70px;
}
@media (max-width: 500px) {
  /* line 564, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container .inner-content {
    margin-top: 70px;
  }
}

/* line 576, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar > .container {
  background-color: #35ac2f;
}

/* line 581, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar .pml-icon-mobile-only {
  display: none;
}
/* line 586, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar .pml-icon-news a {
  line-height: 50px;
}
/* line 592, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar .pml-icon-chat a {
  line-height: 50px;
}
/* line 597, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar .pml-new-school-link {
  line-height: 50px;
}
@media (max-width: 799px) {
  /* line 602, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .navbar .pml-icon-mobile-only {
    display: inline;
  }
  /* line 607, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .navbar a i {
    margin: 0 8px;
  }
}

/* line 614, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dropdown-menu > li.pml-user {
  display: block;
  padding: 3px 20px;
  line-height: 1.3;
  white-space: nowrap;
}

/* line 626, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group {
  margin-bottom: 16px;
}
@media (max-width: 500px) {
  /* line 626, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .top-link-group {
    margin-bottom: 9px;
    padding-bottom: 27px;
  }
}
/* line 635, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group div {
  width: fit-content;
}
/* line 639, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group .fa {
  margin-right: 6px;
}

/* line 644, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group-second {
  align-items: center;
  background-color: #dff0de;
  border-radius: 4px;
  display: flex;
  gap: 24px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding: 4px 4px 4px 24px;
}
/* line 655, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group-second .pml-calendar-group {
  display: flex;
  gap: 32px;
}
/* line 659, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group-second .pml-calendar-group .pml-go-to-today-icon {
  cursor: pointer;
}
@media (max-width: 500px) {
  /* line 659, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .top-link-group-second .pml-calendar-group .pml-go-to-today-icon {
    width: 15px;
    margin-top: -2px;
  }
}
/* line 671, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group-second .pml-calendar-group .pml-calendar-icon {
  cursor: pointer;
  font-size: 16pt;
  color: #35ac2f;
}
@media (max-width: 500px) {
  /* line 671, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .top-link-group-second .pml-calendar-group .pml-calendar-icon {
    font-size: 14pt;
  }
}

/* line 685, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.posts-search-bar {
  align-items: center;
  display: flex;
  gap: 16px;
}
/* line 690, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.posts-search-bar i.fa-search {
  cursor: pointer;
  font-size: 16pt;
  color: #35ac2f;
  margin-top: 3px;
}
@media (max-width: 500px) {
  /* line 690, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .posts-search-bar i.fa-search {
    font-size: 14pt;
  }
}
/* line 701, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.posts-search-bar input[type="text"] {
  height: 40px;
  background-color: white;
  border-radius: 4px;
  color: #35ac2f;
  caret-color: #35ac2f;
  margin-bottom: 0px;
  width: 350px;
}
@media (max-width: 600px) {
  /* line 701, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .posts-search-bar input[type="text"] {
    width: 100%;
  }
}
/* line 718, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.posts-search-bar input[type="text"]:focus,
.posts-search-bar textarea:focus {
  outline: none;
}

/* line 724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results {
  border-bottom: 4px #dff0de solid;
  display: none;
  min-height: 280px;
  margin-bottom: 32px;
  padding-top: 10px;
  padding-left: 0px;
  width: 100%;
}
/* line 733, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .clear_search_results {
  float: right;
  color: #35ac2f;
  cursor: pointer;
  padding-top: 0px;
  margin-top: 0px;
}
@media (max-width: 500px) {
  /* line 733, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-search-results .clear_search_results {
    float: none;
    margin-bottom: 10px;
  }
}
/* line 746, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .view-more-results {
  color: #fb7b43;
  cursor: pointer;
  padding-top: 0px;
  margin-top: 9px;
  display: none;
}
/* line 753, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .view-more-results .hide-more-results {
  display: none;
}
/* line 758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .clear_search_results:hover {
  color: #2a8825;
}
/* line 762, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .displaying-results-with-the-search-keyword {
  margin-bottom: 20px;
}
/* line 763, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .displaying-results-with-the-search-keyword span {
  color: #35ac2f;
}
/* line 771, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-thumnail {
  margin-bottom: 10px;
}
/* line 774, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-thumnail i {
  font-size: 57pt;
  padding: 12px;
  color: #8080804a;
  margin-top: 18px;
  margin-left: 22px;
}
@media (max-width: 500px) {
  /* line 774, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-search-results .result-display-box .result-list-item-thumnail i {
    font-size: 53pt;
    padding: 0px;
    margin-top: 18px;
    margin-left: 20px;
  }
}
/* line 789, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-thumnail .post_search_thumbanil_with_no_attachment {
  content: url(/assets/missing_image-e3bb2d48349e7c148d5d19f3075789ed07088b7721bd92905791c19d0b6d1fab.png);
}
/* line 794, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info {
  padding-left: 10px;
}
/* line 797, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info .post_search_headline {
  font-size: 22px;
  margin: 0;
}
@media (max-width: 500px) {
  /* line 797, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-search-results .result-display-box .result-list-item-post-info .post_search_headline {
    overflow: scroll;
  }
}
/* line 806, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info .post_search_headline_with_no_result {
  color: #8080804a;
  margin-top: 40px;
}
@media (max-width: 500px) {
  /* line 806, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-search-results .result-display-box .result-list-item-post-info .post_search_headline_with_no_result {
    font-size: 22px;
    margin-top: 22px;
  }
}
/* line 816, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info .post_search_created_at {
  font-size: 10pt;
}
/* line 820, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info .post_search_content {
  max-height: 71px;
  overflow: hidden;
}
/* line 824, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info .post_search_content p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 500px) {
  /* line 820, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post-search-results .result-display-box .result-list-item-post-info .post_search_content {
    overflow: scroll;
  }
}
/* line 835, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .result-display-box .result-list-item-post-info a {
  bottom: 0;
  left: 0;
}
/* line 842, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .more-result-display-box {
  display: none;
  overflow: hidden;
}
/* line 847, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .end-of-result {
  position: relative;
  margin-top: 60px;
}
/* line 851, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .end-of-result span {
  bottom: 0;
  font-family: Catamaran, sans-serif;
  left: 0;
  letter-spacing: 1px;
  position: absolute;
  text-transform: uppercase;
}
/* line 861, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .loading-sign {
  width: 45px;
  margin: auto;
  position: absolute;
}
/* line 867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-results .loading-sign-mobile {
  width: 45px;
  margin: auto;
  float: right;
  margin-top: -8px;
}

/* line 879, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert {
  margin: 0 0 32px 0;
  padding: 8px 16px;
}
/* line 883, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert.alert-success {
  background-color: #eff7ee;
  color: #35ac2f;
}
/* line 888, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert.alert-info {
  background-color: #e5eeff;
  color: #0059ff;
}
/* line 893, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert.alert-danger {
  background-color: #fbedef;
  color: #db4d65;
}
/* line 898, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert.alert-subscription {
  background-color: #e5eeff;
  color: #0b2209;
  padding: 24px 32px;
}
/* line 903, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.alert.alert-subscription b {
  font-size: 2.2rem;
}

/* line 909, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.status-banner {
  align-items: flex-start;
  background: linear-gradient(135deg, #fff8f5 0%, #fffef6 100%);
  border: 1px solid #fee4d9;
  border-left: 6px solid #fb7a43;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(11, 34, 9, 0.06);
  display: flex;
  gap: 12px;
  margin: 0 0 24px 0;
  padding: 14px 18px;
}

/* line 922, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.status-banner__icon {
  color: #fb7a43;
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1.4;
}

/* line 929, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.status-banner__content {
  color: #0b2209;
  font-weight: 600;
  line-height: 1.5;
}
/* line 934, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.status-banner__content p {
  margin: 0;
}
/* line 938, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.status-banner__content p + p {
  margin-top: 8px;
}

@media (max-width: 800px) {
  /* line 944, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .status-banner {
    gap: 10px;
    margin-bottom: 20px;
    padding: 12px 14px;
  }
}
/* line 951, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
footer {
  background-color: #e6e8e6;
  border-top: #ced3ce 1px solid;
  padding-top: 8px;
  margin-top: 64px;
  color: #859184;
  text-align: left;
}
/* line 959, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
footer p {
  margin: 0;
}

/* line 964, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
table {
  margin: 16px 0;
}
/* line 967, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
table thead > tr > th {
  line-height: 1.4 !important;
}

/* line 973, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-table table thead tr {
  background-color: #f3f4f2;
  border: 1px solid #e6e8e6;
  padding: 0.35em;
}
/* line 979, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-table table th,
.pml-table table td {
  padding: 0.625em;
}
/* line 984, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-table table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
/* line 990, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-table table td {
  background-color: white;
}

/* line 998, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-responsive-table table {
  border: 1px solid #e6e8e6;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
/* line 1007, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-responsive-table table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}
/* line 1012, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-responsive-table table tr {
  background-color: #f3f4f2;
  border: 1px solid #e6e8e6;
  padding: 0.35em;
}
/* line 1018, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-responsive-table table th,
.pml-responsive-table table td {
  padding: 0.625em;
  text-align: center;
}
/* line 1024, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-responsive-table table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  /* line 1033, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table {
    border: 0;
  }
  /* line 1037, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table caption {
    font-size: 1.3em;
  }
  /* line 1041, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  /* line 1052, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table tr {
    border-bottom: 3px solid #e6e8e6;
    display: block;
    margin-bottom: 0.625em;
  }
  /* line 1058, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table td {
    border-bottom: 1px solid #e6e8e6;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  /* line 1065, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table td::before {
  /*
* aria-label has no advantage, it won't be read inside a table
content: attr(aria-label);
*/
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  /* line 1076, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pml-responsive-table table td:last-child {
    border-bottom: 0;
  }
}
/* line 1082, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item {
  text-align: center;
  font-family: Catamaran, sans-serif;
  font-weight: 600;
  min-height: 360px;
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  /* line 1082, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diary-list-item {
    clear: both;
    /* margin-bottom: 10px; Removed to have same margin between header and items and between items */
    text-align: left;
    min-height: inherit;
  }
  /* line 1089, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diary-list-item .members-link {
    padding-left: 70px;
  }
}
/* line 1100, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item img.profile-large {
  width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 799px) {
  /* line 1100, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diary-list-item img.profile-large {
    width: 50px;
    float: left;
    margin-right: 20px;
  }
}
/* line 1113, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item .child-info {
  padding: 10px 0;
}
@media (max-width: 799px) {
  /* line 1113, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diary-list-item .child-info {
    width: 100%;
  }
}
/* line 1121, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item .members-link {
  margin-top: 4px;
}
/* line 1124, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item .members-link .remove-diary-btn {
  background-color: #e68293;
  color: white;
  border-radius: 50%;
  font-size: 16px;
  padding: 9px 9px;
}
/* line 1131, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-list-item .members-link .remove-diary-btn:hover {
  background-color: #db4d65;
}

/* line 1140, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back-to-class-btn {
  background-color: #ced3ce;
  color: #859184;
  border-radius: 5px;
  padding: 10px 20px;
}
/* line 1146, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back-to-class-btn:hover {
  background-color: #859184;
  color: #f3f4f2;
}

/* line 1152, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item {
  text-align: center;
  font-family: Catamaran, sans-serif;
  font-weight: 600;
  min-height: 360px;
  padding-bottom: 10px;
}
@media (max-width: 799px) {
  /* line 1152, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-group-list-item {
    clear: both;
    /* margin-bottom: 10px; Removed to have same margin between header and items and between items */
    text-align: left;
    min-height: inherit;
  }
}
/* line 1166, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item img.profile-large {
  width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
}
@media (max-width: 799px) {
  /* line 1166, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-group-list-item img.profile-large {
    width: 50px;
    float: left;
    margin-right: 20px;
  }
}
/* line 1179, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item .school-group-info {
  padding: 10px 0;
}
@media (max-width: 799px) {
  /* line 1179, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-group-list-item .school-group-info {
    width: 100%;
  }
}
/* line 1187, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item .members-link {
  margin-top: 4px;
}
/* line 1190, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item .members-link .fa {
  border: 1px solid #ced3ce;
  border-radius: 50%;
  padding: 8px;
  transition: all 0.2ms ease-in-out;
}
/* line 1196, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item .members-link .fa:hover {
  background-color: #f3f4f2;
  transition: all 0.2ms ease-in-out;
}
/* line 1202, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-item .members-link .btn {
  width: 100%;
  max-width: 200px;
  font-size: 12px;
  padding: 5px 10px;
}

/* line 1213, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
img.locale {
  height: 20px;
}

/* line 1217, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.field_with_errors {
  display: inline;
}
/* line 1220, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.field_with_errors .help-block {
  color: #db4d65;
}

/* line 1225, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-icon {
  height: 22px;
  margin-top: -7px;
}

/* line 1230, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tinymce-container {
  margin-bottom: 20px;
}

@media only screen and (max-device-width: 549px) {
  /* line 1237, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-window {
    width: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background: none !important;
  }

  /* line 1246, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-window-head {
    background: #fff !important;
  }

  /* line 1250, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-window-body {
    background: #fff !important;
  }

  /* line 1254, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-foot > .mce-container-body {
    padding: 10px !important;
  }

  /* line 1258, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-panel {
    max-width: 100% !important;
  }

  /* line 1262, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-container {
    max-width: 100% !important;
    height: auto !important;
  }

  /* line 1267, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-container-body {
    max-width: 100% !important;
    height: auto !important;
  }

  /* line 1272, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-form {
    padding: 10px !important;
  }

  /* line 1276, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-tabs {
    max-width: 100% !important;
  }

  /* line 1280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-formitem {
    margin: 10px 0 !important;
  }

  /* line 1284, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-abs-layout-item {
    position: static !important;
    width: auto !important;
  }

  /* line 1289, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-abs-layout-item.mce-label {
    display: block !important;
  }

  /* line 1293, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-abs-layout-item.mce-textbox {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
  }

  /* line 1301, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-abs-layout-item.mce-combobox {
    display: flex !important;
  }

  /* line 1305, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .mce-abs-layout-item.mce-combobox > .mce-textbox {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 29px !important;
  }
}
/* line 1313, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.important-information,
.treat-me-like-this {
  margin: 10px 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/* line 1321, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
/* line 1327, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .image-upload-button,
.pml-btn-wrapper .video-upload-button,
.pml-btn-wrapper .audio-upload-button,
.pml-btn-wrapper .audio-record-button,
.pml-btn-wrapper .image-database-button,
.pml-btn-wrapper .cover-upload-button {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px;
  background-color: #35ac2f;
  border-radius: 6px;
  height: 52px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
  width: 60px;
}
/* line 1344, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .image-upload-button input,
.pml-btn-wrapper .video-upload-button input,
.pml-btn-wrapper .audio-upload-button input,
.pml-btn-wrapper .audio-record-button input,
.pml-btn-wrapper .image-database-button input,
.pml-btn-wrapper .cover-upload-button input {
  cursor: pointer;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
/* line 1355, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .image-upload-button,
.pml-btn-wrapper .cover-upload-button {
  background-image: url(/assets/icon-take-picture-50c8049b5194f56137c1c2975e67001b54eb49716c75846813de86ff65a03449.svg);
}
/* line 1359, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .image-upload-button:hover,
.pml-btn-wrapper .cover-upload-button:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1365, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .video-upload-button {
  background-image: url(/assets/icon-movie-library-abbdf4330eb8e698e8a6c85b3f451b7ba6ab9058edfa3c1e5e40ede1e611ef32.svg);
}
/* line 1368, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .video-upload-button:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1374, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .audio-upload-button {
  background-image: url(/assets/icon-audio-library-7a17e6c224f69503eb97b50a37d05b322ae77ef6272e5cc481a523665934a81c.svg);
}
/* line 1377, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .audio-upload-button:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1383, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .audio-record-button {
  background-image: url(/assets/icon-audio-record-start-ffdf82a54617dab2563540210ce05a0ad5655662e0c664bc68a2e36aea96064c.svg);
}
/* line 1386, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .audio-record-button:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1391, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .audio-record-button.btn-record-stop {
  background-image: url(/assets/icon-audio-record-stop-fa30825b9c68b613a035e1eea2e7e582281cf2212a2938a305e2c68e204a8a23.svg);
  background-color: #db4d65 !important;
}
/* line 1397, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-0 {
  background-image: url(/assets/icon-pictogram-5f28553e9e7c28d0f72cb143050cb453f18f4dcc6a2704a53035e431bfe994a5.svg);
}
/* line 1400, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-0:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1406, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-1 {
  background-image: url(/assets/icon-ritade-tecken-8c2c2f9ec64b8aa62f5978e6f046bb3bd5433ea32c3cd6add23e61764aae85e0.svg);
}
/* line 1409, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-1:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1415, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-2 {
  background-image: url(/assets/icon-widgits-94c4b6220ccccd9ab59cb667c995983ac3105fadc0ff62cb568ad7900c2c9d87.svg);
}
/* line 1418, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-2:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1424, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-3 {
  background-image: url(/assets/icon-teckensprak-467a13c4c63b02cf64ad8acdef60e84043cf7d53263abaa9bba9b741bd1c185d.svg);
}
/* line 1427, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-3:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 1433, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-4 {
  background-image: url(/assets/icon-sclera-dc8ef773ebc4093b0de2f29c5acb01e8a236c3524fc8d2f77d66ff1cd915d321.svg);
}
/* line 1436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-btn-wrapper .database-id-4:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}

/* line 1443, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-5 {
  background-image: url(/assets/icon-widgits-94c4b6220ccccd9ab59cb667c995983ac3105fadc0ff62cb568ad7900c2c9d87.svg);
}
/* line 1446, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-5:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}

/* line 1452, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-6 {
  background-image: url(/assets/icon-visitaal-01c849d68e15f7ba640df5014a2057b4933798a2054ced7867ca470384a27495.png);
}
/* line 1455, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-6:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}

/* line 1461, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-7 {
  background-image: url(/assets/icon-metacom-5688a99aecabc0828cb2a56e752d695d5ccbae3d0b68e4d448d36aa488f0d174.svg);
}
/* line 1464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.database-id-7:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
}

/* line 1470, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper {
  position: relative;
  width: 150px;
  height: 150px;
  margin-bottom: 16px;
}
/* line 1476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-upload-button {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  color: transparent;
  transition: all 0.2s ease-in-out;
}
/* line 1485, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-upload-button .fa {
  width: 100%;
  height: 100%;
  font-size: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 1494, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-upload-button input {
  cursor: pointer;
  font-size: 200px;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 1504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-upload-button:hover {
  color: #f3f4f2;
  background-color: rgba(133, 145, 132, 0.25);
}
/* line 1510, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-remove-button {
  cursor: pointer;
  font-size: 24px;
  line-height: 24px;
  padding: 5px;
  color: #e68293;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: 0;
  right: 0;
}
/* line 1521, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.cover-attachment-wrapper .cover-remove-button:hover {
  color: #db4d65;
}

/* line 1527, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.sequence-layout {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
/* line 1532, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.sequence-layout .left {
  margin-right: 40px;
}
/* line 1536, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.sequence-layout .right {
  flex: 1 1 400px;
}

/* line 1541, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-info-text {
  font-style: italic;
}

/* line 1545, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progress-bar {
  background-color: #b0daad;
  height: 0;
}

/* line 1550, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments,
ul#sequence_attachments {
  list-style: none;
  background-color: #dff0de;
  padding: 0;
}
/* line 1556, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form,
ul#sequence_attachments .attachment_in_form {
  align-items: flex-start;
  border-bottom: 4px solid #fff;
  display: flex;
  gap: 8px;
  padding-top: 16px;
  position: relative;
  /* fallback for old browsers */
  background-color: #eff7ee;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(160deg, #eff7ee, #b0daad);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(160deg, #eff7ee, #b0daad);
}
/* line 1570, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form:last-of-type,
ul#sequence_attachments .attachment_in_form:last-of-type {
  border-bottom: none;
}
/* line 1574, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .attachment_image_container,
ul#sequence_attachments .attachment_in_form .attachment_image_container {
  height: 80px;
  width: 80px;
  overflow: hidden;
}
/* line 1579, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .attachment_image_container img,
ul#post_attachments .attachment_in_form .attachment_image_container video,
ul#sequence_attachments .attachment_in_form .attachment_image_container img,
ul#sequence_attachments .attachment_in_form .attachment_image_container video {
  display: block;
  object-fit: cover;
}
/* line 1588, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .attachment_caption_container .caption-textarea,
ul#sequence_attachments .attachment_in_form .attachment_caption_container .caption-textarea {
  background-color: #fff;
  border-radius: 3px;
  height: 80px;
  font-size: 16px;
  line-height: 1.5;
  width: 40vw;
  transition: all 0.2s ease-in-out;
}
@media (max-width: 500px) {
  /* line 1588, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  ul#post_attachments .attachment_in_form .attachment_caption_container .caption-textarea,
  ul#sequence_attachments .attachment_in_form .attachment_caption_container .caption-textarea {
    max-width: 200px;
    transition: all 0.2s ease-in-out;
  }
}
/* line 1604, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .remove_attachment,
ul#sequence_attachments .attachment_in_form .remove_attachment {
  cursor: pointer;
  font-size: 24px;
  line-height: 24px;
  padding: 0 0 5px 5px;
  color: #e68293;
  transition: all 0.2s ease-in-out;
}
/* line 1612, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .remove_attachment:hover,
ul#sequence_attachments .attachment_in_form .remove_attachment:hover {
  color: #db4d65;
  transition: all 0.2s ease-in-out;
}
/* line 1618, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form .attachment_sort_container,
ul#sequence_attachments .attachment_in_form .attachment_sort_container {
  background-color: #b0daad;
  bottom: 0;
  cursor: move;
  padding-top: 8px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  width: 40px;
}
/* line 1630, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form.file-audio,
ul#sequence_attachments .attachment_in_form.file-audio {
  flex-direction: column;
  padding: 8px;
}
/* line 1634, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form.file-audio .attachment_image_container,
ul#sequence_attachments .attachment_in_form.file-audio .attachment_image_container {
  background: none;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 1642, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form.file-audio .attachment_caption_container,
ul#sequence_attachments .attachment_in_form.file-audio .attachment_caption_container {
  position: relative;
}
/* line 1645, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
ul#post_attachments .attachment_in_form.file-audio .attachment_caption_container .remove_post_attachment,
ul#sequence_attachments .attachment_in_form.file-audio .attachment_caption_container .remove_post_attachment {
  position: absolute;
  top: 0;
  right: -40px;
}

/* line 1655, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-flex {
  display: flex;
}
/* line 1658, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-flex.pml-flex-row {
  gap: 8px;
  flex-direction: row;
}
/* line 1662, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-flex.pml-flex-col {
  flex-direction: column;
}
/* line 1665, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-flex.justify-space {
  justify-content: space-between;
}

/* line 1670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-smiley-wrapper {
  background-color: #f7fbf7;
  border: 1px solid #ced3ce;
  padding: 8px 8px 0 8px;
  margin: 16px 0 24px 0;
}
/* line 1687, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-smiley-wrapper .smiley-inputs #hide_more_smileys {
  display: none;
}
/* line 1692, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-smiley-wrapper .more-smileys {
  display: none;
}

/* line 1697, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.clear {
  clear: both;
}

/* line 1701, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input {
  float: left;
  width: 150px;
  margin-left: 10px;
  background: #35ac2f;
  color: white;
  height: 34px;
}
/* line 1709, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input:focus, input.autocomplete-input:hover {
  background-color: #2a8825;
}
/* line 1714, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: white;
  font-style: italic;
}
/* line 1720, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input::-moz-placeholder {
  /* Firefox 19+ */
  color: white;
  font-style: italic;
}
/* line 1726, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input:-ms-input-placeholder {
  /* IE 10+ */
  color: white;
  font-style: italic;
}
/* line 1732, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.autocomplete-input:-moz-placeholder {
  /* Firefox 18- */
  color: white;
  font-style: italic;
}
@media (max-width: 500px) {
  /* line 1701, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.autocomplete-input {
    position: absolute;
    margin-top: 60px;
    margin-left: 0px;
    width: 300px;
  }
}

/* line 1746, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.standard-offer {
  margin: 10px 0;
  font-weight: bold;
}

/* line 1751, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
td.with-button {
  text-align: center;
}

/* line 1755, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-notification-settings {
  max-width: 240px;
  margin: auto;
}

/* line 1760, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area {
  font-size: 14px;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  padding: 8px 24px 8px 24px;
}
/* line 1766, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area .pml-notification-heading {
  color: #546452 !important;
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  letter-spacing: .5px;
  margin-bottom: 4px;
  text-transform: uppercase;
}
/* line 1775, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area .pml-notification-row {
  margin-bottom: 4px;
}
/* line 1778, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area .pml-notification-row a {
  display: flex;
  justify-content: space-between;
  color: #546452 !important;
  font-family: "Catamaran", sans-serif;
  letter-spacing: .5px;
  text-decoration: none;
  text-transform: uppercase;
}
/* line 1789, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area .pml-notification-row.pml-toggle-on .fa {
  color: #35ac2f !important;
}
/* line 1796, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-setting-area .pml-notification-row.pml-toggle-off a,
.notification-setting-area .pml-notification-row.pml-toggle-off .fa {
  color: #859184 !important;
}

/* line 1804, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-button-container {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 8px;
}
@media (max-width: 320px) {
  /* line 1804, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .date-button-container {
    margin-left: 15px;
  }
}
/* line 1813, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-button-container .timepicker {
  width: 90px;
}
@media (max-width: 375px) {
  /* line 1813, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .date-button-container .timepicker {
    width: 50px;
    padding-left: 4px;
    padding-right: 0px;
  }
}
@media (max-width: 320px) {
  /* line 1813, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .date-button-container .timepicker {
    width: 40px;
    padding-left: 4px;
    padding-right: 0px;
  }
}
/* line 1829, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-button-container .datepicker {
  width: 120px;
}
@media (max-width: 320px) {
  /* line 1829, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .date-button-container .datepicker {
    width: 85px;
    padding-left: 4px;
    padding-right: 0px;
  }
}
/* line 1839, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-button-container .post-datepicker {
  cursor: pointer;
}
/* line 1843, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.date-button-container input[type="text"] {
  padding-top: 10px;
}

/* line 1848, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.form-actions-with-delete-account {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

/* line 1854, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-action-container {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 500px) {
  /* line 1860, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .group-post-action-container .pml-btn {
    font-size: 14px;
    line-height: 30px;
    padding: 0px 8px;
  }
}
/* line 1867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-action-container .dropdown-toggle {
  padding: 0 8px;
}
@media (max-width: 500px) {
  /* line 1867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .group-post-action-container .dropdown-toggle {
    padding: 0 8px;
  }
}

/* line 1876, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-toolbar {
  border-bottom: 1px solid #e6e8e6;
  position: relative;
  padding: 8px 0;
}
/* line 1881, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-toolbar .pml-tools {
  position: absolute;
  margin-left: 8px;
  padding: 4px 0 4px 24px;
  right: 0;
  top: 0;
  z-index: 1;
}
/* line 1889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-toolbar .pml-tools .post-edit-link,
.pml-toolbar .pml-tools .post-delete-link,
.pml-toolbar .pml-tools .post-translate-link,
.pml-toolbar .pml-tools .post-print-link {
  font-size: 20px;
  margin-right: 24px;
  text-decoration: none;
}

/* line 1900, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.author {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 20px;
  opacity: 0.5;
}
/* line 1907, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.author .fa {
  margin-right: 6px;
}

/* line 1912, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tags {
  display: block;
  font-weight: normal;
  font-size: 14px;
  margin-top: 8px;
  margin-bottom: 20px;
  color: #546452;
}
/* line 1920, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tags .fa {
  margin-right: 6px;
}
/* line 1924, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tags .tag-link {
  color: #546452;
  text-decoration: none;
}
/* line 1928, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tags .tag-link:hover {
  color: #35ac2f;
  text-decoration: underline;
}

/* line 1935, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.content-part {
  margin-bottom: 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

/* line 1942, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.comment-bottom-container {
  max-width: 400px;
  position: relative;
  display: flex;
  gap: 16px;
}

/* line 1950, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.read-button,
.number-of-read-button {
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 0 0;
  display: inline-block;
  cursor: pointer;
}

/* line 1962, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post_reading_info_area {
  align-items: flex-start;
  position: relative;
  width: 100%;
  display: flex;
}
@media (max-width: 500px) {
  /* line 1962, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .post_reading_info_area {
    align-items: unset;
    flex-direction: column;
    transition: all 0.2s ease-in-out;
  }
}

/* line 1975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.read-wrapper {
  align-items: center;
  display: flex;
  gap: 8px;
  height: 3em;
  padding-top: 8px;
  width: 100%;
}
@media (max-width: 500px) {
  /* line 1975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .read-wrapper {
    flex-direction: row-reverse;
    padding-right: 8px;
    text-align: right;
    transition: all 0.2s ease-in-out;
  }
}
/* line 1992, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.read-wrapper .read-button.read {
  cursor: default;
}
/* line 1997, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.read-wrapper .read-text {
  font-size: 0.8em;
  line-height: 1;
  cursor: pointer;
}

/* line 2004, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.number-of-read-container {
  height: 100%;
  position: relative;
  z-index: 2;
}
/* line 2009, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.number-of-read-container .number-of-read-button {
  padding-right: 40px;
  background-image: url(/assets/icon-read-21963eb921dc2f516ac796e0a1f05a911f398e31f3d3af5cedbe2af5085199aa.png);
  background-position: 100% 0;
  font-size: 0.8em;
  font-weight: 600;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10;
}
/* line 2021, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.number-of-read-container .read-list {
  background: #dff0de;
  border-radius: 4px;
  box-shadow: 0px 8px 16px #859184;
  cursor: pointer;
  font-size: 0.8em;
  min-width: 50px;
  padding: 8px 20px 8px 8px;
  right: 0;
  position: absolute;
  top: 0;
}
/* line 2033, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.number-of-read-container .read-list .read-list-item {
  white-space: nowrap;
}
/* line 2037, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.number-of-read-container .read-list .read-list-longer-text {
  padding: 0px 20px 8px 8px;
  width: 150px;
}

/* line 2044, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diaries-headline {
  line-height: 1.2;
  font-size: 2.5rem;
  color: #0b2209;
}

/* line 2050, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-groups-container {
  display: flex;
  flex-direction: column;
}

/* line 2055, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.main-container {
  padding-top: 5rem;
  padding-bottom: 5rem;
  min-height: 100vh;
  font-family: "Catamaran", sans-serif;
}

/* line 2062, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 2rem;
}
/* line 2069, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header > .pml-flex:first-child {
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 2rem;
}
/* line 2075, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header > .pml-flex:first-child > a:first-child {
  flex-shrink: 0;
}
/* line 2079, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header > .pml-flex:first-child > .pml-flex-col {
  min-width: 0;
}
/* line 2082, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header > .pml-flex:first-child > .pml-flex-col .school-users-headline h1 {
  font-size: 3.5rem;
  word-break: break-word;
  line-height: 1.1;
}
/* line 2090, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.class-header > .pml-flex-col:last-child {
  flex-shrink: 0;
  margin-left: 2rem;
}
@media (max-width: 799px) {
  /* line 2062, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header {
    flex-direction: column;
    gap: 1.5rem;
  }
  /* line 2099, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex:first-child {
    flex-direction: column;
    gap: 1rem;
  }
  /* line 2103, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex:first-child > a:first-child {
    align-self: center;
  }
  /* line 2107, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex:first-child > .pml-flex-col {
    width: 100%;
  }
  /* line 2110, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex:first-child > .pml-flex-col .school-users-headline h1 {
    font-size: 2.5rem;
  }
  /* line 2116, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex-col:last-child {
    margin-left: 0;
    flex-direction: row;
    gap: 1rem;
    align-self: center;
  }
}
@media (max-width: 500px) {
  /* line 2125, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .class-header > .pml-flex:first-child > .pml-flex-col .school-users-headline h1 {
    font-size: 2rem;
  }
}

/* line 2131, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-headline {
  font-size: 5.25rem;
  color: #0b2209;
  font-weight: 300;
  margin: 0px 0px 32px 0px;
  font-family: "Bitter";
}

/* line 2139, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-section {
  margin-bottom: 2rem;
}

/* line 2143, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-description {
  font-size: 1.25rem;
}

/* line 2147, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-separator {
  border-top: 2px solid #e6e8e6;
  font-size: 1.25rem;
  margin: 2rem 0px;
}

/* line 2153, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-label {
  font-family: "Catamaran", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
}

/* line 2159, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #e6e8e6;
  border-top: 1px solid #e6e8e6;
}

/* line 2169, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-label {
  flex: 2;
  margin: 0;
  font-weight: 600;
  font-size: 1.25em;
  color: #0b2209;
}

/* line 2177, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-box-active,
.day-color-box-passive {
  flex: 1;
  height: 65px;
  border: 2px solid #ced3ce;
  border-radius: 2px;
  transition: all 0.2s ease-in-out;
}

/* line 2186, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-input {
  flex: 2;
  font-family: monospace;
}
/* line 2191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-input:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.1);
}
/* line 2197, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.day-color-input.invalid {
  border-color: #db4d65;
  box-shadow: 0 0 0 3px rgba(219, 77, 101, 0.1);
}

/* line 2203, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-groups-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-top: 2px solid #e6e8e6;
  padding: 30px 0;
}
@media (max-width: 768px) {
  /* line 2203, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-groups-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
}

/* line 2217, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diaries-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  /* line 2217, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diaries-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* line 2230, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diaries-actions .diaries-headline h1 {
  margin: 0;
}
/* line 2235, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diaries-actions input {
  margin-bottom: 0;
}

/* line 2240, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.teachers-table {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #8fca8c;
}

/* line 2246, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.teachers-table-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 1em 0px;
  border-bottom: 1px solid #e6e8e6;
}

/* line 2254, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.teachers-table-element {
  display: flex;
  flex: 1;
}

/* line 2259, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.justify-center {
  justify-content: center;
}

/* line 2263, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.align-center {
  align-items: center;
}

/* line 2267, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.justify-start {
  justify-content: start;
}

/* line 2271, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.justify-end {
  justify-content: end;
}

/* line 2275, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.teacher-section-header {
  font-weight: 600;
  font-size: 1.25em;
}

/* line 2280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-new-teacher-section {
  display: flex;
  flex-direction: row;
}

/* line 2285, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-teacher-button {
  font-size: 1rem;
  border-radius: 2px;
  height: 50px;
  padding: 12px 16px;
  text-decoration: none;
  color: #0b2209;
  gap: 10px;
  display: flex;
  text-wrap: nowrap;
}
/* line 2295, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-teacher-button:link, .school-management-teacher-button:visited, .school-management-teacher-button:active {
  text-decoration: none;
  color: #0b2209;
}
/* line 2301, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-teacher-button:hover {
  text-decoration: none;
  color: #0b2209;
}

/* line 2307, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-teacher-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
@media (max-width: 768px) {
  /* line 2307, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .invite-teacher-form {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }
  /* line 2320, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .invite-teacher-form input.school-management-input, .invite-teacher-form input.day-color-input {
    width: 100% !important;
  }
  /* line 2324, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .invite-teacher-form .school-management-filled-button {
    width: 100%;
    justify-content: center;
  }
}

/* line 2331, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button-danger {
  font-size: 1.25rem;
  border: 1px solid #db4d65;
  color: #0b2209;
  border-radius: 2px;
  height: 65px;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  white-space: nowrap;
}
/* line 2343, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button-danger svg,
.school-management-outlined-button-danger svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* line 2348, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button-danger:link, .school-management-outlined-button-danger:visited, .school-management-outlined-button-danger:active {
  color: #0b2209;
  text-decoration: none;
}
/* line 2354, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button-danger:hover {
  color: white;
  text-decoration: none;
  background-color: #db4d65;
}

/* line 2362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button {
  font-size: 1.25rem;
  border: 1px solid #35ac2f;
  color: #0b2209;
  border-radius: 2px;
  height: 65px;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  white-space: nowrap;
}
/* line 2374, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button svg,
.school-management-outlined-button svg * {
  fill: currentColor !important;
  stroke: currentColor !important;
}
/* line 2379, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button:link, .school-management-outlined-button:visited, .school-management-outlined-button:active {
  color: #0b2209;
  text-decoration: none;
}
/* line 2385, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-outlined-button:hover {
  color: white;
  text-decoration: none;
  background-color: #35ac2f;
}

/* line 2393, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-filled-button {
  font-size: 1.25rem;
  background-color: #35ac2f;
  border-radius: 2px;
  height: 65px;
  color: white;
  padding: 16px 32px;
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;
  white-space: nowrap;
  border: 0;
}
/* line 2407, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-filled-button:link, .school-management-filled-button:visited, .school-management-filled-button:active {
  color: white;
  text-decoration: none;
}
/* line 2413, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-filled-button:hover {
  color: white;
  text-decoration: none;
  background-color: #2a8825;
}

/* line 2436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.school-management-input, input.day-color-input {
  height: 65px;
  padding: 8px 16px;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  font-size: 1.25rem;
  width: 33.125rem;
  max-width: 100%;
  background-color: white;
  margin: 0px;
}
@media (max-width: 768px) {
  /* line 2436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.school-management-input, input.day-color-input {
    width: 23.125rem;
  }
}

/* line 2440, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.school-management-input--small {
  height: 65px;
  padding: 8px 16px;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  font-size: 1.25rem;
  width: 16rem;
  max-width: 100%;
  background-color: white;
  margin: 0px;
}
@media (max-width: 768px) {
  /* line 2440, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.school-management-input--small {
    width: 11.4285714286rem;
  }
}

/* line 2444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.school-management-input--medium {
  height: 65px;
  padding: 8px 16px;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  font-size: 1.25rem;
  width: 20rem;
  max-width: 100%;
  background-color: white;
  margin: 0px;
}
@media (max-width: 768px) {
  /* line 2444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.school-management-input--medium {
    width: 14.2857142857rem;
  }
}

/* line 2448, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-card-wide {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #e6e8e6;
  padding: 1.25rem 1.75rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex: 1;
  flex-direction: row;
  min-width: 360px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  /* line 2448, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .diary-card-wide {
    margin-bottom: 15px;
  }
}
/* line 2462, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-card-wide h3.child-name {
  color: #35ac2f;
  font-family: Bitter;
  font-weight: 300 !important;
  font-size: 1.5rem;
  margin-top: 0px;
}
/* line 2469, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-card-wide img.profile {
  height: 125px;
  border-radius: 50%;
  object-fit: cover;
  width: 125px;
  flex-shrink: 0;
}
/* line 2476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-card-wide:link, .diary-card-wide:visited, .diary-card-wide:active {
  text-decoration: none;
  color: #0b2209;
}

/* line 2484, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-darkest-gray {
  color: #0b2209;
}

/* line 2488, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.unstyled-link {
  text-decoration: none;
}
/* line 2490, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.unstyled-link:link, .unstyled-link:visited, .unstyled-link:active {
  text-decoration: none;
}
/* line 2496, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.unstyled-link .c-darkest-gray:link, .unstyled-link .c-darkest-gray:visited, .unstyled-link .c-darkest-gray:active {
  color: #0b2209;
}

/* line 2504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-card {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #e6e8e6;
  padding: 1.25rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  height: 10rem;
  overflow: hidden;
}
/* line 2518, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-list-card img.profile-large {
  width: 7.5rem;
  height: 7.5rem;
  min-width: 7.5rem;
  min-height: 7.5rem;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

/* line 2529, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-centered-content {
  text-align: center;
}

/* line 2533, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-form-container {
  display: flex;
  justify-content: center;
  margin-top: 3rem;
}

/* line 2539, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-card {
  background-color: white;
  border-radius: 10px;
  border: 1px solid #e6e8e6;
  padding: 2.5rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
  max-width: 28rem;
  width: 100%;
}

/* line 2549, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-form-field {
  margin-top: 1.5rem;
}
/* line 2552, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-form-field:first-child {
  margin-top: 0;
}

/* line 2557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-invitation-submit {
  margin-top: 2rem;
  width: 100%;
}

/* line 2562, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-text-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}

/* line 2572, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-name {
  font-size: 1.75rem;
  line-height: 1.2;
  color: #35ac2f;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
/* line 2583, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-name:link, .school-group-name:visited, .school-group-name:hover, .school-group-name:active {
  text-decoration: none;
  color: #35ac2f;
}

/* line 2592, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-info-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  font-size: 0.875rem;
  text-decoration: none;
}
/* line 2600, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-info-link:link, .school-group-info-link:visited, .school-group-info-link:hover, .school-group-info-link:active {
  text-decoration: none;
}

/* line 2608, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-management-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
  gap: 1.25rem;
  justify-content: center;
}

/* line 2615, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.teachers-headline {
  font-size: 2.5rem;
  font-weight: 400;
}

/* line 2620, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-red-no-border {
  background-color: #FFE8EC;
  border: none;
}
/* line 2623, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-red-no-border:hover {
  background-color: #ffbac6;
}

/* line 2628, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-green-no-border {
  background-color: #E4FFE3;
  border: none;
}
/* line 2631, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-green-no-border:hover {
  background-color: #b8ffb5;
}

/* line 2636, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-gray-no-border {
  background-color: #e0e0e0;
  border: none;
  color: #666;
}
/* line 2640, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-gray-no-border:hover {
  background-color: #d0d0d0;
  color: #666;
}

/* line 2646, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-toggle-buttons {
  display: flex;
  gap: 10px;
}
/* line 2650, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-toggle-buttons a, .statistics-toggle-buttons button {
  text-decoration: none;
}
/* line 2652, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-toggle-buttons a:visited, .statistics-toggle-buttons button:visited {
  color: inherit;
}

/* line 2658, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-chart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5em;
  flex-wrap: wrap;
  gap: 1em;
}
/* line 2666, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-chart-header h2 {
  margin: 0;
}

/* line 2671, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-chart-controls {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}

/* line 2679, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-chart-section .chart-container {
  min-height: 400px;
  position: relative;
}

/* line 2685, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-blue-no-border {
  background-color: #4da6d9;
  border: none;
  color: white;
}
/* line 2689, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.soft-blue-no-border:hover {
  background-color: #3d8ebf;
  color: white;
}

/* line 2698, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-meta-date {
  color: #859184;
}

/* line 2711, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal,
#newsModal,
#agreementModal {
  margin-top: 80px;
}
/* line 2717, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content,
#newsModal .modal-content,
#agreementModal .modal-content {
  background-color: #fff;
  border: none;
  border-radius: 12px;
  box-shadow: 0 1px 40px rgba(0, 0, 0, 0.15);
}
/* line 2723, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header,
#newsModal .modal-content .modal-header,
#agreementModal .modal-content .modal-header {
  border-width: 1px;
  padding-bottom: 0;
}
/* line 2727, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header h4,
#newsModal .modal-content .modal-header h4,
#agreementModal .modal-content .modal-header h4 {
  font-size: 24px;
  margin-bottom: 16px;
}
/* line 2732, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header .dismiss,
#newsModal .modal-content .modal-header .dismiss,
#agreementModal .modal-content .modal-header .dismiss {
  align-items: center;
  color: #859184;
  cursor: pointer;
  display: flex;
  float: right;
  gap: 8px;
  transition: all 0.2s ease-in-out;
}
/* line 2741, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header .dismiss i,
#newsModal .modal-content .modal-header .dismiss i,
#agreementModal .modal-content .modal-header .dismiss i {
  color: #e6e8e6;
  transition: all 0.2s ease-in-out;
}
/* line 2746, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header .dismiss:hover,
#newsModal .modal-content .modal-header .dismiss:hover,
#agreementModal .modal-content .modal-header .dismiss:hover {
  color: #546452;
  transition: all 0.2s ease-in-out;
}
/* line 2751, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-header .dismiss:hover i,
#newsModal .modal-content .modal-header .dismiss:hover i,
#agreementModal .modal-content .modal-header .dismiss:hover i {
  color: #ced3ce;
  transition: all 0.2s ease-in-out;
}
/* line 2758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-body,
#newsModal .modal-content .modal-body,
#agreementModal .modal-content .modal-body {
  padding-top: 8px;
}
/* line 2761, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-body .form-body,
#newsModal .modal-content .modal-body .form-body,
#agreementModal .modal-content .modal-body .form-body {
  background-color: #dff0de;
  border-radius: 16px;
  padding: 32px;
  margin: 16px 0;
}
/* line 2767, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-body .form-body select,
#downloadModal .modal-content .modal-body .form-body .datepicker,
#newsModal .modal-content .modal-body .form-body select,
#newsModal .modal-content .modal-body .form-body .datepicker,
#agreementModal .modal-content .modal-body .form-body select,
#agreementModal .modal-content .modal-body .form-body .datepicker {
  background-color: #fff;
  border: 1px solid #ced3ce;
}
/* line 2772, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-body .form-body select:disabled,
#downloadModal .modal-content .modal-body .form-body .datepicker:disabled,
#newsModal .modal-content .modal-body .form-body select:disabled,
#newsModal .modal-content .modal-body .form-body .datepicker:disabled,
#agreementModal .modal-content .modal-body .form-body select:disabled,
#agreementModal .modal-content .modal-body .form-body .datepicker:disabled {
  background-color: #e6e8e6;
}
/* line 2777, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-body .form-body .date-icon,
#newsModal .modal-content .modal-body .form-body .date-icon,
#agreementModal .modal-content .modal-body .form-body .date-icon {
  margin-right: 8px;
  margin-left: 2px;
}
/* line 2784, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-footer,
#newsModal .modal-content .modal-footer,
#agreementModal .modal-content .modal-footer {
  color: #ced3ce;
}
/* line 2787, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-footer .pml-flex,
#newsModal .modal-content .modal-footer .pml-flex,
#agreementModal .modal-content .modal-footer .pml-flex {
  display: flex;
  justify-content: space-between;
}
/* line 2792, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content .modal-footer.pml-modal-footer-w-btn,
#newsModal .modal-content .modal-footer.pml-modal-footer-w-btn,
#agreementModal .modal-content .modal-footer.pml-modal-footer-w-btn {
  border-top: none;
  padding: 16px 0 0 0;
}
/* line 2798, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content a,
#newsModal .modal-content a,
#agreementModal .modal-content a {
  text-decoration: none;
  cursor: pointer;
  color: #35ac2f;
}
/* line 2803, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content a:hover,
#newsModal .modal-content a:hover,
#agreementModal .modal-content a:hover {
  text-decoration: underline;
}
/* line 2809, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#downloadModal .modal-content button,
#newsModal .modal-content button,
#agreementModal .modal-content button {
  margin-top: 20px;
  background-color: #35ac2f;
  color: white;
}

/* line 2818, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#diaryDeleteModal .diary-scroll-view {
  max-height: 400px;
  overflow-y: scroll;
}
/* line 2822, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#diaryDeleteModal .diary-scroll-view .child-info {
  font-size: 8pt;
}
/* line 2826, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#diaryDeleteModal .diary-scroll-view .delete-diary {
  cursor: pointer;
}
/* line 2830, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#diaryDeleteModal .diary-scroll-view .delete-diary:hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
  opacity: 0.9;
  filter: alpha(opacity=50);
}
/* line 2837, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#diaryDeleteModal .to-payment-path {
  margin-top: 20px;
}

/* line 2842, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.standard-icon-size {
  font-size: 16px;
}

/* line 2846, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
a.version-choice {
  display: block;
  float: left;
  width: 48%;
  max-width: 220px;
  margin-bottom: 20px;
}
/* line 2853, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
a.version-choice:first-of-type {
  margin-right: 4%;
}

/* line 2858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.end-action-for-subscription {
  float: right;
}

/* line 2862, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo {
  margin-bottom: 40px;
}

/* line 2866, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_login_button {
  background-color: #3d3988 !important;
  max-width: 400px;
  width: 100%;
  height: 50px;
  font-weight: bold;
}

/* line 2874, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo_and_description {
  margin-top: -22px;
}
/* line 2877, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo_and_description .login_sentence {
  margin-top: 15px;
  font-size: 16pt;
}
/* line 2882, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo_and_description .logo {
  margin-top: 10px;
  margin-bottom: 20px;
}
/* line 2886, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo_and_description .logo img {
  width: 225px;
}
/* line 2890, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.freja_eid_logo_and_description .logo .freja_at_pml_link {
  padding-top: 16px;
}
@media (max-width: 500px) {
  /* line 2890, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .freja_eid_logo_and_description .logo .freja_at_pml_link {
    padding-top: 6px;
  }
}

/* line 2900, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description {
  border: 2px solid #74bf71;
  border-radius: 6px;
  padding: 9px;
  margin-top: 18px;
}
/* line 2906, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description .title {
  font-size: 14pt;
  font-weight: bold;
}
/* line 2911, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description .description {
  margin-top: 10px;
}
/* line 2915, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description .image {
  padding: 0px;
  margin-left: 249px;
  position: absolute;
}
/* line 2921, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description .all_device_image {
  margin-top: 24px;
}
/* line 2925, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.join_and_try_the_diary_description button {
  margin-top: 10px;
  color: white !important;
}
@media (max-width: 500px) {
  /* line 2925, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .join_and_try_the_diary_description button {
    width: 266px;
    font-size: 11pt;
  }
}

/* line 2936, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.link_to_normal_login {
  margin-top: 15px;
}

/* line 2940, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.timer_inform_area {
  font-size: 16pt;
}
/* line 2943, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.timer_inform_area span {
  font-size: 20pt;
}

/* line 2948, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.forgot_password_area {
  text-align: right;
}

/* line 2952, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.seperator {
  border-top-width: 5px;
}

/* line 2956, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top_seperator {
  margin-top: 0px;
  margin-bottom: 0px;
  border-top-width: 5px;
}

/* line 2962, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#freja_login_form {
  margin-top: 35px;
  margin-bottom: 35px;
}
/* line 2966, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#freja_login_form .freja-btn-when-en {
  background-image: url(/assets/login_Freja_eID__en-01-297a384f165484d0b926f7a8b55c5370ed6e685a496785bc0096d8feccd5b141.png) !important;
  background-size: contain;
}
/* line 2971, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#freja_login_form .freja-btn-when-sv {
  background-image: url(/assets/login_Freja_eID__sv-01-3688f3a2c49cb54b9e6d35e1081f935d42d898fd1c94cf5ce06806ffa5841686.svg) !important;
}
/* line 2975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#freja_login_form input[type="submit"] {
  margin-top: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 230px;
  height: 70px;
  outline: none;
}
/* line 2979, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#freja_login_form input[type="submit"]:hover, #freja_login_form input[type="submit"]:active {
  background-color: transparent;
}
@media (max-width: 500px) {
  /* line 2975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  #freja_login_form input[type="submit"] {
    height: 59px;
  }
}

/* line 2997, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.new_user input[type="submit"] {
  margin-top: 20px;
}
/* line 3001, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.new_user label[for="user_privacy_policy"],
.new_user label[for="user_terms_and_conditions"],
.new_user label[for="user_receive_news_letters"] {
  margin-top: 10px;
}
/* line 3007, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.new_user label[for="user_represents_school"] {
  margin-bottom: 14px;
}

/* line 3012, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#ui-datepicker-div {
  z-index: 10000 !important;
}

/* line 3016, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar-area {
  margin-left: -24px;
  z-index: 999;
  margin-top: 40px;
  margin-bottom: 45px;
}
@media (max-width: 500px) {
  /* line 3016, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .progressbar-area {
    margin-left: -9px;
  }
}

/* line 3035, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar {
  margin: 0;
  padding: 0;
  counter-reset: step;
}
/* line 3040, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li:before {
  width: 60px;
  height: 60px;
  content: counter(step);
  counter-increment: step;
  line-height: 30px;
  border: 2px solid #dff0de;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: #dff0de;
  color: #dff0de;
}
/* line 3055, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li:after {
  width: 100%;
  height: 10px;
  content: "";
  position: absolute;
  background-color: #dff0de;
  top: 24px;
  left: -50%;
  z-index: -1;
}
/* line 3066, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li:first-child:after {
  content: none;
}
/* line 3070, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li.active + li:after {
  background-color: #35ac2f;
}
/* line 3074, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li.active + li:before {
  border-color: #35ac2f;
  background: #35ac2f;
  color: #35ac2f;
}
/* line 3080, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li.active {
  color: #35ac2f;
}
/* line 3084, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li.active:before {
  border-color: #35ac2f;
  background-color: #35ac2f;
  color: #35ac2f;
}

/* line 3091, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li.hidden + li:after {
  background-color: white;
}

/* line 3095, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li {
  list-style-type: none;
  width: 25%;
  float: left;
  font-size: 12px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  color: #b0daad;
}
/* line 3105, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.progressbar li .reg-step-images {
  width: 50px;
  margin-top: -100px;
}

/* line 3111, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.reg_step_create_diary {
  margin-top: 40px;
}

/* line 3115, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.image-description-text {
  font-family: "Catamaran", sans-serif;
  line-height: 1.1;
  margin-top: -117px;
  margin-bottom: 45px;
  font-size: 12pt;
  font-weight: bold;
}
@media (max-width: 500px) {
  /* line 3115, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .image-description-text {
    margin-top: -130px;
  }
}

/* line 3136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app .downloadable-icons {
  margin-top: 15px;
  margin-bottom: 25px;
}
/* line 3140, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app .downloadable-icons a {
  text-decoration: none;
}
/* line 3144, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app .downloadable-icons .apps_store_icon {
  width: 100px;
}
/* line 3148, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app .downloadable-icons .play_store_icon {
  width: 117px;
}

/* line 3155, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.inline-checkbox,
label.first-input-in-registration {
  margin-top: 20px;
}

/* line 3160, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
label.inline-lable-for-checkbox {
  display: inline;
  margin-bottom: 20px;
}

/* line 3165, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
h1.registration_step_01_skapa_konto_heading {
  margin-bottom: 35px;
}

/* line 3169, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite_user_registration_description {
  margin-bottom: 35px;
}

/* line 3173, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invite-page-buttons,
.invite-page-buttons:visited,
.invite-page-buttons:hover {
  width: 30px;
  text-decoration: none;
  margin-right: 4px;
}

/* line 3181, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.public-activity {
  margin-bottom: 20px;
}
/* line 3184, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.public-activity .owner-name {
  font-weight: bold;
  color: #35ac2f;
}
/* line 3189, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.public-activity .created-at {
  display: inline-block;
  font-size: 10pt;
  width: 130px;
}

/* line 3196, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#log_in_with_selected_account {
  color: #fff;
}

/* line 3200, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.assume_as_child_link {
  cursor: pointer;
}
/* line 3203, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.assume_as_child_link img {
  width: 25px;
}

/* line 3209, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.assume_as_child_wrapper .assume_as_child_button {
  font-size: 10pt;
  margin-top: 7px;
}
/* line 3213, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.assume_as_child_wrapper .assume_as_child_button i {
  font-size: 16pt;
}

@media (max-width: 799px) {
  /* line 3220, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .membership_table {
    display: none;
  }
}
@media (min-width: 769px) {
  /* line 3226, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .membership_panel {
    display: none;
  }
}
/* line 3232, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .panel-heading {
  background-color: #e6e8e6;
  color: #0b2209;
  cursor: pointer;
}
/* line 3238, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .panel-title {
  font-family: "Bitter", Georgia, serif;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 96%;
  white-space: nowrap;
}
/* line 3246, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .membership_panel-drop-icon {
  float: right;
  margin-top: -24px;
}
/* line 3251, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .membership_panel_level {
  font-weight: bold;
  margin-bottom: 5px;
}
/* line 3257, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .membership_panel_PIN b {
  padding-right: 4px;
}
/* line 3262, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .membership_panel_assume_icon {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: bold;
  margin: 8px 0;
}
/* line 3269, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .membership_panel_assume_icon p {
  margin: 0;
}
/* line 3274, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_panel .panel-footer {
  text-align: right;
}

/* line 3280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table th {
  line-height: 1.3 !important;
  font-weight: bold;
  background-color: #e6e8e6;
}
/* line 3286, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table .col-pin {
  text-align: center;
  width: 180px;
}
/* line 3291, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table .col-certificate {
  width: 180px;
  font-size: 12pt;
  text-align: center;
}
/* line 3297, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table .col-certificate-icon {
  text-align: center;
}
/* line 3301, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table .col-role {
  width: 100px;
}
/* line 3305, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.membership_table .col-actions {
  text-align: center;
  width: 100px;
}

/* line 3312, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.confirm-delete {
  cursor: pointer;
}

/* line 3318, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.child_user_login_display {
  background-color: #e6efc2;
  width: 40%;
  padding: 12px;
  font-weight: bold;
  border-radius: 6px;
}
@media (max-width: 500px) {
  /* line 3318, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .child_user_login_display {
    height: 60px;
    width: 100%;
  }
}

/* line 3332, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.text-bold {
  font-weight: bold;
}

/* line 3336, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.not-text-bold {
  font-weight: normal;
}

/* line 3340, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel {
  text-align: center;
}
/* line 3343, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel .profile-picture {
  max-height: 260px;
  margin-top: 24px;
  overflow: hidden;
  z-index: 0 !important;
}
/* line 3349, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel .profile-picture img.profile {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
}
@media not all and (max-width: 1030px) {
  /* line 3340, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .fixed-right-user-info-panel {
    position: fixed;
  }
}
/* line 3362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel .important-information,
.fixed-right-user-info-panel .treat-me-like-this {
  overflow-wrap: break-word;
}
/* line 3366, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel .important-information img,
.fixed-right-user-info-panel .treat-me-like-this img {
  width: 30px;
}
/* line 3370, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.fixed-right-user-info-panel .important-information a,
.fixed-right-user-info-panel .treat-me-like-this a {
  cursor: pointer;
  font-size: 12pt;
  margin-left: 1px;
}

/* line 3378, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
img.profile {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  object-fit: cover;
}

/* line 3385, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
img.rounded {
  border-radius: 50%;
  object-fit: cover;
  aspect-ratio: 1/1;
  flex-shrink: 0;
  width: 12rem;
  height: 12rem;
}

/* line 3397, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar {
  width: 100%;
  display: none;
  padding-top: 0;
  padding-left: 0;
  height: 430px;
}
/* line 3404, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-inline {
  width: 100%;
}
/* line 3406, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-state-default,
.post-search-calendar .ui-widget-content .ui-state-default,
.post-search-calendar .ui-widget-header .ui-state-default {
  height: 49px;
  background: #e6e8e6;
}
/* line 3413, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-state-highlight,
.post-search-calendar .ui-widget-content .ui-state-highlight,
.post-search-calendar .ui-widget-header .ui-state-highlight {
  border: 2px solid grey;
}
/* line 3419, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-widget-header {
  background: #dff0de;
  border: 0;
  border-radius: 0;
  color: #35ac2f;
  font-family: "Catamaran", sans-serif;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
/* line 3431, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker .ui-datepicker-next,
.post-search-calendar .ui-datepicker .ui-datepicker-prev {
  color: #fff;
}
/* line 3434, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker .ui-datepicker-next-hover,
.post-search-calendar .ui-datepicker .ui-datepicker-prev-hover {
  background: #eff7ee !important;
}
/* line 3439, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar {
  /* PASSIVE DEFAULTS (pastels) */
  /* PASSIVE OVERRIDES (50% tint) — only when DB color exists and NOT active */
  /* HIGHLIGHTS (active days) — DB color if present, else fallback */
  /* Wednesday highlight — special default, DB override if present */
  /* TEXT COLOR OVERRIDES FOR CALENDAR CELLS */
  /* Active days with custom colors */
  /* Default Wednesday gets black text on white background */
  /* Passive days with custom colors (50% tint) */
}
/* line 3440, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar th {
  border: 1px solid #eff7ee;
  background-color: #f7fbf7;
}
/* line 3444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar th span {
  color: #8fca8c;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* line 3453, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-monday > a {
  background-color: #e4efdb;
}
/* line 3454, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-tuesday > a {
  background-color: #e6f3f8;
}
/* line 3455, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-wednesday > a {
  background-color: #f7f7f7;
}
/* line 3456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-thursday > a {
  background-color: #f4e8dc;
}
/* line 3457, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-friday > a {
  background-color: #fef9e1;
}
/* line 3458, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-saturday > a {
  background-color: #fddfe8;
}
/* line 3459, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-sunday > a {
  background-color: #fadcd5;
}
/* line 3462, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-1-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-monday:not(.bg-monday-active) > a {
  background-color: color-mix(in srgb, var(--wk-1) 50%, transparent);
}
/* line 3463, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-2-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-tuesday:not(.bg-tuesday-active) > a {
  background-color: color-mix(in srgb, var(--wk-2) 50%, transparent);
}
/* line 3464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-wednesday:not(.bg-wednesday-active) > a {
  background-color: color-mix(in srgb, var(--wk-3) 50%, transparent);
}
/* line 3465, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-4-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-thursday:not(.bg-thursday-active) > a {
  background-color: color-mix(in srgb, var(--wk-4) 50%, transparent);
}
/* line 3466, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-5-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-friday:not(.bg-friday-active) > a {
  background-color: color-mix(in srgb, var(--wk-5) 50%, transparent);
}
/* line 3467, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-6-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-saturday:not(.bg-saturday-active) > a {
  background-color: color-mix(in srgb, var(--wk-6) 50%, transparent);
}
/* line 3468, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-0-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-sunday:not(.bg-sunday-active) > a {
  background-color: color-mix(in srgb, var(--wk-0) 50%, transparent);
}
/* line 3471, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-monday-active > a {
  background-color: var(--wk-1, #4daf42);
}
/* line 3472, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-tuesday-active > a {
  background-color: var(--wk-2, #4dbed9);
}
/* line 3475, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-wednesday-active > a {
  background-color: #fff;
}
/* line 3476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-wednesday-active > a {
  background-color: var(--wk-3);
}
/* line 3480, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-thursday-active > a {
  background-color: var(--wk-4, #be7d47);
}
/* line 3481, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-friday-active > a {
  background-color: var(--wk-5, #ffde3b);
}
/* line 3482, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-saturday-active > a {
  background-color: var(--wk-6, #fcbecb);
}
/* line 3483, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-sunday-active > a {
  background-color: var(--wk-0, #fb292c);
}
/* line 3487, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-1-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-monday-active > a {
  color: var(--wk-1-text, white);
}
/* line 3488, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-2-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-tuesday-active > a {
  color: var(--wk-2-text, white);
}
/* line 3489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-wednesday-active > a {
  color: var(--wk-3-text, white);
}
/* line 3490, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-4-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-thursday-active > a {
  color: var(--wk-4-text, white);
}
/* line 3491, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-5-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-friday-active > a {
  color: var(--wk-5-text, white);
}
/* line 3492, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-6-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-saturday-active > a {
  color: var(--wk-6-text, white);
}
/* line 3493, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-0-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-sunday-active > a {
  color: var(--wk-0-text, white);
}
/* line 3496, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar .bg-wednesday-active > a {
  color: #000;
}
/* line 3499, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-1-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-monday:not(.bg-monday-active) > a {
  color: var(--wk-1-passive);
}
/* line 3500, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-2-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-tuesday:not(.bg-tuesday-active) > a {
  color: var(--wk-2-passive);
}
/* line 3501, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-3-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-wednesday:not(.bg-wednesday-active) > a {
  color: var(--wk-3-passive);
}
/* line 3502, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-4-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-thursday:not(.bg-thursday-active) > a {
  color: var(--wk-4-passive);
}
/* line 3503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-5-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-friday:not(.bg-friday-active) > a {
  color: var(--wk-5-passive);
}
/* line 3504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-6-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-saturday:not(.bg-saturday-active) > a {
  color: var(--wk-6-passive);
}
/* line 3505, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-theme[data-wk-0-present="true"] .post-search-calendar .ui-datepicker-calendar .bg-sunday:not(.bg-sunday-active) > a {
  color: var(--wk-0-passive);
}
/* line 3507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar td.event a[data-custom] {
  position: relative;
}
/* line 3508, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-search-calendar .ui-datepicker-calendar td.event a[data-custom]::after {
  content: "•";
  display: block;
  font-size: 2em;
  color: #db4d65;
  position: relative;
  top: -20px;
}

/* line 3519, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#important_information_model,
#treat_me_like_this_model {
  margin-top: 50px;
}

/* line 3524, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-edit-link {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  margin-left: 8px;
  border-radius: 2%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
/* line 3539, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-edit-link:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
  transition: all 0.2s ease-in-out;
}
/* line 3545, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-edit-link .fa {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}

/* line 3556, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload {
  position: relative;
  max-width: 205px;
  margin-top: 16px;
  margin-bottom: 16px;
}
/* line 3562, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit-green-round {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 9px;
}
/* line 3568, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit-green-round input {
  display: none;
}
/* line 3571, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit-green-round input + label {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-bottom: 0;
  border-radius: 100%;
  background: #35ac2f;
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
/* line 3582, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit-green-round input + label:hover {
  background: #2a8825;
  transition: all 0.2s ease-in-out;
}
/* line 3587, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit-green-round input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: white;
  position: absolute;
  top: 7px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
/* line 3602, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit {
  position: absolute;
  right: 10px;
  z-index: 1;
  top: 9px;
}
/* line 3609, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit input {
  display: none;
}
/* line 3612, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit input + label {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-bottom: 0;
  border-radius: 2%;
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-weight: normal;
  transition: all 0.2s ease-in-out;
}
/* line 3625, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit input + label:hover {
  background: #f1f1f1;
  border-color: #d6d6d6;
  transition: all 0.2s ease-in-out;
}
/* line 3631, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-edit input + label:after {
  content: "\f040";
  font-family: "FontAwesome";
  color: #757575;
  position: absolute;
  top: 4px;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
/* line 3646, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-preview {
  height: 200px;
  position: relative;
  width: 200px;
}
/* line 3651, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.profile-picture-upload-section .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 3664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol {
  text-align: center;
  max-width: 150px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  /* line 3664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-symbol {
    max-width: 194px;
  }
}
/* line 3673, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol img {
  display: block;
}
/* line 3678, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .help-dropdown-text {
  line-height: 1;
  margin-top: 8px;
  cursor: pointer;
}
/* line 3684, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu {
  width: 320px;
  margin-top: 16px;
  background-color: white;
  border: 1px solid #35ac2f;
  border-radius: 16px;
}
@media (max-width: 760px) {
  /* line 3684, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu {
    left: 0px;
  }
}
/* line 3695, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu li {
  margin-top: 8px;
  margin-bottom: 8px;
}
/* line 3699, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu li a {
  color: #0b2209 !important;
  cursor: pointer;
  text-decoration: none;
  white-space: unset;
}
/* line 3704, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu li a i {
  margin-left: 4px;
}
/* line 3712, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu li:hover {
  background-color: white !important;
}
/* line 3715, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-symbol .ask-anything-menu .dropdown-menu li:hover a {
  color: #546452 !important;
  background-color: white !important;
}
/* line 3724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-heading-steps {
  font-size: 30px;
  line-height: 1;
  margin: 32px 0 32px 0;
}
@media (min-width: 768px) {
  /* line 3724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-heading-steps {
    font-size: 40px;
  }
}
/* line 3734, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-heading {
  font-size: 30px;
  line-height: 1;
  margin: 32px 0 0 0;
}
@media (min-width: 768px) {
  /* line 3734, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-heading {
    font-size: 40px;
  }
}
/* line 3744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .hero-heading-larger {
  font-size: 42px;
  line-height: 1;
  margin: 0;
}
@media (min-width: 576px) {
  /* line 3744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-heading-larger {
    font-size: 60px;
  }
}
@media (min-width: 768px) {
  /* line 3744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .hero-heading-larger {
    font-size: 80px;
  }
}
/* line 3758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 32px;
}
/* line 3764, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives #pml_login_pin_content,
.login-after-registration .pml-login-alternatives #pml_login_freja_content,
.login-after-registration .pml-login-alternatives #pml_login_freja_content_plus,
.login-after-registration .pml-login-alternatives #pml_login_skolon_content {
  display: none;
  background-color: #dff0de;
  border-radius: 16px;
  padding: 32px;
}
/* line 3773, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives #pml_login_pin_content input[type="text"],
.login-after-registration .pml-login-alternatives #pml_login_pin_content input[type="password"],
.login-after-registration .pml-login-alternatives #pml_login_pin_content input[type="checkbox"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content input[type="text"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content input[type="password"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content input[type="checkbox"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content_plus input[type="text"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content_plus input[type="password"],
.login-after-registration .pml-login-alternatives #pml_login_freja_content_plus input[type="checkbox"],
.login-after-registration .pml-login-alternatives #pml_login_skolon_content input[type="text"],
.login-after-registration .pml-login-alternatives #pml_login_skolon_content input[type="password"],
.login-after-registration .pml-login-alternatives #pml_login_skolon_content input[type="checkbox"] {
  background-color: #fff;
}
/* line 3780, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives button {
  align-items: center;
  border-radius: 0;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
@media (min-width: 576px) {
  /* line 3780, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration .pml-login-alternatives button {
    font-size: 20px;
  }
}
/* line 3792, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives button img {
  height: 40px;
}
/* line 3797, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives .flex-qr {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  align-items: center;
}
/* line 3805, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives #freja_qr_img {
  background-color: #eff7ee;
  border: 1px solid #b0daad;
  border-radius: 16px;
  height: 288px;
  width: 288px;
  padding: 16px;
}
/* line 3814, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives .pml-checkbox {
  align-items: center;
  display: flex;
  margin: 8px 0 16px 0;
}
/* line 3820, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration .pml-login-alternatives .pml-helptext {
  margin-top: 0;
}
/* line 3825, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration h1 {
  margin-bottom: 40px;
}
/* line 3828, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration h1 span {
  font-weight: normal;
}
/* line 3833, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration #freja_login_form {
  margin-top: 0px !important;
}

/* line 3839, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app.view ol {
  padding-left: 12px;
}
/* line 3843, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app.view h6 {
  font-weight: bold;
}
/* line 3847, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app.view li {
  font-size: 14px;
}
/* line 3851, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.download_freja_app.view .downloadable-icons {
  margin-bottom: 16px;
  margin-top: 16px;
}

/* Tabs Card */
@media (max-width: 760px) {
  /* line 3858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration-for-mobile {
    margin-top: 15px;
  }
}
/* line 3864, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .tabs .tab-item-1 {
  padding-left: 3px;
}
/* line 3868, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .tabs .tab-item-2 {
  padding-right: 3px;
}
/* line 3873, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile button:focus {
  outline: 0;
}
/* line 3877, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .freja-view-tab-menu,
.login-after-registration-for-mobile .pin-code-view-tab-menu {
  cursor: pointer;
  width: 100%;
  color: white;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 321px) {
  /* line 3877, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .login-after-registration-for-mobile .freja-view-tab-menu,
  .login-after-registration-for-mobile .pin-code-view-tab-menu {
    font-size: 13px;
  }
}
/* line 3890, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .freja-view-tab-menu i,
.login-after-registration-for-mobile .pin-code-view-tab-menu i {
  float: right;
}
/* line 3895, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .freja-view-tab-menu {
  background-color: #413983;
  border-radius: 5px 0px 0px 0px;
}
/* line 3900, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .pin-code-view-tab-menu {
  background-color: #55b165;
  border-radius: 0px 5px 0px 0px;
  white-space: unset;
}
/* line 3907, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .freja-login .content {
  padding-left: 24px;
  padding-right: 24px;
  border: 2px solid #413983;
}
/* line 3915, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.login-after-registration-for-mobile .pin-code-login .content {
  padding-left: 24px;
  padding-right: 24px;
  border: 2px solid #60b460;
  padding-bottom: 17px;
  padding-top: 17px;
}

/* line 3925, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pin-code-form {
  margin-top: 40px;
}
/* line 3928, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pin-code-form .pin-code-resend-link {
  cursor: pointer;
  margin-left: 20px;
  font-size: 12px;
}
/* line 3933, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pin-code-form .pin-code-resend-link i {
  margin-right: 5px;
}

/* line 3939, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-user-email {
  background-color: #fff;
  border: 1px solid #b0daad;
  border-radius: 10px;
  color: #35ac2f;
  font-family: 'Courier New', Courier, monospace;
  font-weight: bold;
  font-size: 1.1em;
  padding: 8px;
}

/* line 3950, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box,
.pin-code-content {
  /* fallback for old browsers */
  background-color: #eff7ee;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(160deg, #eff7ee, #b0daad);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(160deg, #eff7ee, #b0daad);
  border-radius: 16px;
  padding: 32px;
}
/* line 3961, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box input[type="text"],
.pin-code-content input[type="text"] {
  background-color: #fff;
}
/* line 3965, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box input[type="checkbox"],
.pml-form-box input[type="radio"],
.pin-code-content input[type="checkbox"],
.pin-code-content input[type="radio"] {
  margin-right: 4px;
}
/* line 3971, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box .inline-lable-for-checkbox:has(input[type="checkbox"]:disabled),
.pin-code-content .inline-lable-for-checkbox:has(input[type="checkbox"]:disabled) {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: line-through;
}
/* line 3978, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box input[type="checkbox"]:disabled,
.pin-code-content input[type="checkbox"]:disabled {
  cursor: not-allowed;
}
/* line 3982, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-form-box h2,
.pin-code-content h2 {
  margin-top: 0;
}

/* line 3989, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.welcome-user-message .description {
  font-size: 20px;
  margin-top: 16px;
}
/* line 3993, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.welcome-user-message .description span {
  cursor: pointer;
  padding: 0 6px;
}

/* line 4000, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pin-code-resend-link {
  cursor: pointer;
  margin-left: 20px;
  font-size: 12px;
}
/* line 4005, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pin-code-resend-link i {
  margin-right: 5px;
}

/* line 4010, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.registration-process-heading {
  color: black;
  font-weight: normal;
}

/* line 4015, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.create-account-link {
  margin: 16px;
  text-align: right;
}
/* line 4019, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.create-account-link a {
  font-weight: bold;
}

/* line 4024, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#pin_code_to_complete_modal {
  top: 76px;
}
/* line 4027, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#pin_code_to_complete_modal .modal-dialog {
  max-width: 400px;
}
/* line 4032, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#pin_code_to_complete_modal .modal-footer a {
  font-size: 10pt;
}

/* line 4038, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.disabled_link {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

/* line 4045, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back_to_login_link {
  float: left;
}

/* line 4049, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.validate_pin_code_to_complete_modal_btn {
  align-items: center;
}

/* line 4053, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-freja-login {
  border-radius: 8px;
}
/* line 4056, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-freja-login .panel-heading {
  color: #0b2209;
  padding: 8px 24px;
}
/* line 4060, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-freja-login .panel-heading .panel-title {
  cursor: pointer;
  font-weight: bold;
}
/* line 4064, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-freja-login .panel-heading .panel-title a {
  float: right;
}
/* line 4070, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-freja-login .panel-body {
  padding: 8px 16px;
  border-radius: 0px 0px 8px 8px;
}

/* line 4076, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-pin-login {
  margin-top: -1px;
  border: 1px;
  border-radius: 0px 0px 10px 10px;
}
/* line 4081, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-pin-login .panel-heading {
  border-radius: 0px 0px 0px 0px;
  background-color: #60b460;
  padding: 6px 30px;
  color: #ffffff;
}
/* line 4087, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-pin-login .panel-heading .panel-title {
  font-size: 14px;
  font-weight: bold;
}
/* line 4091, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-pin-login .panel-heading .panel-title a {
  float: right;
}
/* line 4097, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.panel-pin-login .panel-body {
  padding: 6px 30px;
  margin-top: -1px;
  border-radius: 0px 0px 10px 10px;
  border: 1px solid #60b460;
  border-top: 0px;
}

/* line 4107, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon #loginWithSkolon {
  border: 1px solid #acacac;
  background-color: transparent;
  color: #3cb2bd;
  width: 100%;
  text-align: left;
  padding: 20px 0px 15px 30px;
  font-size: 16px;
  font-weight: bold;
}
/* line 4117, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon #loginWithSkolon img {
  float: right;
  width: 85px;
  margin-right: 30px;
}

/* line 4129, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon-logout-message .skolon-logout-button button,
.skolon-logout-message .go-back-to-skolon-button button {
  background-color: white;
  border: 1px solid grey;
  color: black;
  height: 58px;
  width: 100%;
}
/* line 4136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon-logout-message .skolon-logout-button button img,
.skolon-logout-message .go-back-to-skolon-button button img {
  margin-left: 20px;
  width: 40px;
}
@media (max-width: 766px) {
  /* line 4143, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .skolon-logout-message .skolon-logout-button {
    margin-top: 20px;
  }
}
/* line 4149, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon-logout-message .skolon-logout-button button img {
  width: 28px;
}

/* line 4156, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.child-skolon-email {
  padding-left: 15px;
}
/* line 4159, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.child-skolon-email .form-part {
  border: 2px solid darkgrey;
  border-radius: 5px;
  padding: 17px;
}

/* line 4166, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.click_to_show_password_for_child_form,
.click_to_hide_password_for_child_form {
  cursor: pointer;
}

/* line 4175, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#new_post_container .post-delete-link .fa {
  font-size: 20px;
  margin: 24px 8px 24px 24px;
  text-decoration: none;
  color: #db4d65;
}

/* line 4184, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#new_sequence_container {
  margin-bottom: 64px;
}
/* line 4187, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#new_sequence_container .sequence-delete-link .fa {
  font-size: 20px;
  margin: 24px 8px 24px 24px;
  text-decoration: none;
  color: #db4d65;
}

/* line 4195, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-sequence-wrapper {
  /* fallback for old browsers */
  background-color: #eff7ee;
  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(160deg, #eff7ee, #b0daad);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(160deg, #eff7ee, #b0daad);
  border: 1px solid #b0daad;
  border-radius: 16px;
  margin-bottom: 32px;
  padding: 8px 32px 0 32px;
  transition: all 0.2s ease-in-out 0s;
}
/* line 4208, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-sequence-wrapper:hover {
  box-shadow: 0px 0px 24px #ced3ce;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}
/* line 4214, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-sequence-wrapper .pml-sequence-text {
  margin: 0;
}
/* line 4218, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-sequence-wrapper .sequence-edit-link .fa {
  margin: -16px -16px 0 0;
  padding: 16px 16px 24px 24px;
}

/* line 4224, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.sequence-action-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 500px) {
  /* line 4232, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .group-sequence-action-container .pml-btn {
    font-size: 14px;
    line-height: 30px;
    padding: 0px 8px;
  }
}
/* line 4239, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-action-container .dropdown-toggle {
  padding: 0 8px;
}
@media (max-width: 500px) {
  /* line 4239, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .group-sequence-action-container .dropdown-toggle {
    padding: 0 8px;
  }
}

/* line 4248, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector {
  display: flex;
  flex-direction: row;
  padding: 3px 20px;
  margin: 0;
  color: white;
  align-items: center;
}
/* line 4255, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
/* line 4260, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector input {
  margin: 0px 10px 0px 0px;
}
/* line 4262, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector input:hover {
  cursor: pointer;
}
/* line 4266, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector label {
  margin: 0;
  white-space: nowrap;
}
/* line 4269, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-sequence-diary-selector label:hover {
  cursor: pointer;
}

/* line 4275, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector {
  display: flex;
  flex-direction: row;
  padding: 3px 20px;
  margin: 0;
  color: white;
  align-items: center;
}
/* line 4282, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
/* line 4287, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector input {
  margin: 0px 10px 0px 0px;
}
/* line 4289, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector input:hover {
  cursor: pointer;
}
/* line 4293, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector label {
  margin: 0;
  white-space: nowrap;
}
/* line 4296, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.group-post-diary-selector label:hover {
  cursor: pointer;
}

/* line 4302, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.tags-container {
  padding: 10px 0;
}

/* line 4306, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector {
  display: flex;
  flex-direction: row;
  padding: 3px 20px;
  margin: 0;
  color: white;
  align-items: center;
}
/* line 4313, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector:hover {
  background-color: #2a8825;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
/* line 4318, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector input {
  margin: 0px 10px 0px 0px;
}
/* line 4320, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector input:hover {
  cursor: pointer;
}
/* line 4324, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector label {
  margin: 0;
  white-space: nowrap;
}
/* line 4327, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.post-tag-selector label:hover {
  cursor: pointer;
}

/* line 4333, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-main-green {
  color: #35ac2f;
}

/* line 4350, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-1 {
  flex: 1;
}

/* line 4351, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-2 {
  flex: 2;
}

/* line 4352, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-3 {
  flex: 3;
}

/* line 4353, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-4 {
  flex: 4;
}

/* line 4354, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-5 {
  flex: 5;
}

/* line 4355, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-6 {
  flex: 6;
}

/* line 4356, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-7 {
  flex: 7;
}

/* line 4357, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-8 {
  flex: 8;
}

/* line 4358, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-9 {
  flex: 9;
}

/* line 4359, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-10 {
  flex: 10;
}

/* line 4361, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.w-full {
  width: 100%;
}

/* line 4363, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.g-1-em {
  gap: 1em;
}

/* line 4364, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.g-2-em {
  gap: 2em;
}

/* line 4365, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.g-3-em {
  gap: 3em;
}

/* line 4366, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.g-4-em {
  gap: 4em;
}

/* line 4368, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-0 {
  margin-bottom: 0px;
}

/* line 4369, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-0 {
  margin-top: 0px;
}

/* line 4371, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-1 {
  margin: 8px;
}

/* line 4375, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-1 {
  margin-top: 8px;
}

/* line 4379, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-1 {
  margin-right: 8px;
}

/* line 4384, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-1 {
  margin-bottom: 8px;
}

/* line 4388, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-1 {
  margin-left: 8px;
}

/* line 4392, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-2 {
  margin: 16px;
}

/* line 4396, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-2 {
  margin-top: 16px;
}

/* line 4400, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-2 {
  margin-right: 16px;
}

/* line 4404, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-2 {
  margin-bottom: 16px;
}

/* line 4408, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-2 {
  margin-left: 16px;
}

/* line 4412, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-3 {
  margin: 24px;
}

/* line 4416, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-3 {
  margin-top: 24px;
}

/* line 4420, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-3 {
  margin-right: 24px;
}

/* line 4424, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-3 {
  margin-bottom: 24px;
}

/* line 4428, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-3 {
  margin-left: 24px;
}

/* line 4432, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-4 {
  margin: 32px;
}

/* line 4436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-4 {
  margin-top: 32px;
}

/* line 4440, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-4 {
  margin-right: 32px;
}

/* line 4444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-4 {
  margin-bottom: 32px;
}

/* line 4448, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-4 {
  margin-left: 32px;
}

/* line 4452, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-5 {
  margin: 40px;
}

/* line 4456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-5 {
  margin-top: 40px;
}

/* line 4460, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-5 {
  margin-right: 40px;
}

/* line 4464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-5 {
  margin-bottom: 40px;
}

/* line 4468, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-5 {
  margin-left: 40px;
}

/* line 4472, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-6 {
  margin: 48px;
}

/* line 4476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-6 {
  margin-top: 48px;
}

/* line 4480, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-6 {
  margin-right: 48px;
}

/* line 4484, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-6 {
  margin-bottom: 48px;
}

/* line 4488, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-6 {
  margin-left: 48px;
}

/* line 4492, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-7 {
  margin: 56px;
}

/* line 4496, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-7 {
  margin-top: 56px;
}

/* line 4500, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-7 {
  margin-right: 56px;
}

/* line 4504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-7 {
  margin-bottom: 56px;
}

/* line 4508, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-7 {
  margin-left: 56px;
}

/* line 4512, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-8 {
  margin: 64px;
}

/* line 4516, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-8 {
  margin-top: 64px;
}

/* line 4520, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-8 {
  margin-right: 64px;
}

/* line 4524, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-8 {
  margin-bottom: 64px;
}

/* line 4528, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-8 {
  margin-left: 64px;
}

/* line 4532, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-9 {
  margin: 72px;
}

/* line 4536, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-9 {
  margin-top: 72px;
}

/* line 4540, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-9 {
  margin-right: 72px;
}

/* line 4544, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-9 {
  margin-bottom: 72px;
}

/* line 4548, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-9 {
  margin-left: 72px;
}

/* line 4552, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-all-10 {
  margin: 80px;
}

/* line 4556, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-t-10 {
  margin-top: 80px;
}

/* line 4560, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-r-10 {
  margin-right: 80px;
}

/* line 4564, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-10 {
  margin-bottom: 80px;
}

/* line 4568, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-10 {
  margin-left: 80px;
}

/* line 4572, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-m-all {
  margin: 0;
}

/* line 4576, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-m-t {
  margin-top: 0;
}

/* line 4580, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-m-r {
  margin-right: 0;
}

/* line 4584, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-m-b {
  margin-bottom: 0;
}

/* line 4588, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-m-l {
  margin-left: 0;
}

/* line 4592, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-1 {
  padding: 8px;
}

/* line 4596, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-1 {
  padding-top: 8px;
}

/* line 4600, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-1 {
  padding-right: 8px;
}

/* line 4604, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-1 {
  padding-bottom: 8px;
}

/* line 4608, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-1 {
  padding-left: 8px;
}

/* line 4612, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-2 {
  padding: 16px;
}

/* line 4616, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-2 {
  padding-top: 16px;
}

/* line 4620, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-2 {
  padding-right: 16px;
}

/* line 4624, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-2 {
  padding-bottom: 16px;
}

/* line 4628, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-2 {
  padding-left: 16px;
}

/* line 4632, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-3 {
  padding: 24px;
}

/* line 4636, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-3 {
  padding-top: 24px;
}

/* line 4640, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-3 {
  padding-right: 24px;
}

/* line 4644, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-3 {
  padding-bottom: 24px;
}

/* line 4648, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-3 {
  padding-left: 24px;
}

/* line 4652, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-4 {
  padding: 32px;
}

/* line 4656, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-4 {
  padding-top: 32px;
}

/* line 4660, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-4 {
  padding-right: 32px;
}

/* line 4664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-4 {
  padding-bottom: 32px;
}

/* line 4668, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-4 {
  padding-left: 32px;
}

/* line 4672, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-5 {
  padding: 40px;
}

/* line 4676, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-5 {
  padding-top: 40px;
}

/* line 4680, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-5 {
  padding-right: 40px;
}

/* line 4684, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-5 {
  padding-bottom: 40px;
}

/* line 4688, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-5 {
  padding-left: 40px;
}

/* line 4692, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-6 {
  padding: 48px;
}

/* line 4696, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-6 {
  padding-top: 48px;
}

/* line 4700, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-6 {
  padding-right: 48px;
}

/* line 4704, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-6 {
  padding-bottom: 48px;
}

/* line 4708, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-6 {
  padding-left: 48px;
}

/* line 4712, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-7 {
  padding: 56px;
}

/* line 4716, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-7 {
  padding-top: 56px;
}

/* line 4720, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-7 {
  padding-right: 56px;
}

/* line 4724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-7 {
  padding-bottom: 56px;
}

/* line 4728, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-7 {
  padding-left: 56px;
}

/* line 4732, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-8 {
  padding: 64px;
}

/* line 4736, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-8 {
  padding-top: 64px;
}

/* line 4740, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-8 {
  padding-right: 64px;
}

/* line 4744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-8 {
  padding-bottom: 64px;
}

/* line 4748, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-8 {
  padding-left: 64px;
}

/* line 4752, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-9 {
  padding: 72px;
}

/* line 4756, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-9 {
  padding-top: 72px;
}

/* line 4760, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-9 {
  padding-right: 72px;
}

/* line 4764, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-9 {
  padding-bottom: 72px;
}

/* line 4768, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-9 {
  padding-left: 72px;
}

/* line 4772, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-all-10 {
  padding: 80px;
}

/* line 4776, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-t-10 {
  padding-top: 80px;
}

/* line 4780, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-r-10 {
  padding-right: 80px;
}

/* line 4784, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-b-10 {
  padding-bottom: 80px;
}

/* line 4788, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.p-l-10 {
  padding-left: 80px;
}

/* line 4792, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-p-all {
  padding: 0;
}

/* line 4796, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-p-t {
  padding-top: 0;
}

/* line 4800, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-p-r {
  padding-right: 0;
}

/* line 4804, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-p-b {
  padding-bottom: 0;
}

/* line 4808, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.c-p-l {
  padding-left: 0;
}

/* line 4812, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.is-hidden,
input[type="text"].is-hidden,
input[type="password"].is-hidden,
input[type="email"].is-hidden,
textarea.is-hidden,
select.is-hidden {
  display: none;
}

/* line 4821, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.form-top-margin-15 {
  margin-top: 15px;
}

/* line 4825, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invitation-permissions-link {
  display: block;
}

/* line 4829, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invitation-permissions-column {
  padding-top: 30px;
}

/* line 4833, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invitation-skolon-logo {
  width: 50px;
  margin-right: 10px;
  float: right;
  margin-top: 10px;
}

/* line 4840, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.skolon-logo-small {
  width: 50px;
}

/* line 4844, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.license-key-input {
  background-color: white;
  border: 1px solid #ddd;
}

/* line 4849, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.only-available-small-text {
  font-size: 10px;
}

/* line 4853, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.drag-handle-muted {
  opacity: 0.3;
}

/* line 4857, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-inline-form {
  margin: 0;
  display: flex;
  flex: 1;
}

/* line 4863, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.chart-container-fixed-height {
  height: 400px;
}

/* line 4867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.statistics-chart-error {
  text-align: center;
  padding: 50px;
  color: #999;
}

/* line 4873, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.csp-hidden-download-link {
  display: none;
}

/* line 4877, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.top-link-group-placeholder {
  height: 30px;
}

/* line 4881, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-l-2-em {
  margin-left: 2em;
}

/* line 4883, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-1-em {
  margin-bottom: 1em;
}

/* line 4885, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-2-em {
  margin-bottom: 2em;
}

/* line 4889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.m-b-4-em {
  margin-bottom: 4em;
}

/* line 4893, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.flex-row {
  display: flex;
  flex-direction: row;
}

/* line 4898, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-actions {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e6e8e6;
}
/* line 4903, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-group-actions .btn {
  margin-right: 10px;
  margin-bottom: 10px;
}

/* line 4909, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info-invitation-disclaimer {
  font-size: 0.8rem;
  color: #859184;
}

/* line 4914, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.invitation-expired-label {
  display: inline-block;
  margin-left: 5px;
  padding: 1px 8px;
  border-radius: 10px;
  font-size: 0.8rem;
  background-color: #fbedef;
  color: #db4d65;
}

/* line 4924, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-pending-deletion-badge {
  font-size: 0.8rem;
  color: #db4d65;
}

/* line 4929, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info,
.assigned-teachers {
  margin: 20px 0;
  text-align: left;
  display: flex;
  flex-direction: column;
}
/* line 4936, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info p,
.assigned-teachers p {
  margin: 5px 0;
}
/* line 4939, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info p strong,
.assigned-teachers p strong {
  color: #0b2209;
  font-weight: 600;
  font-size: 1.25rem;
}
/* line 4946, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info .add-teacher-btn,
.assigned-teachers .add-teacher-btn {
  margin-top: 10px;
  color: #35ac2f;
  font-weight: bold;
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
}
/* line 4955, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info .assigned_teacher,
.assigned-teachers .assigned_teacher {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 4960, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-info .assigned_teacher .remove-teacher-btn,
.assigned-teachers .assigned_teacher .remove-teacher-btn {
  margin-left: 10px;
  flex-shrink: 0;
}

/* line 4967, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-headline {
  margin-bottom: 30px;
}
/* line 4970, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-headline h1 {
  margin-bottom: 10px;
  font-family: Catamaran, sans-serif;
  font-weight: 600;
}
/* line 4976, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-headline .school-group-info {
  color: #859184;
  font-size: 16px;
  margin-bottom: 0;
}

/* line 4983, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-to-group-link {
  margin-top: 10px;
}
/* line 4986, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-to-group-link .btn {
  width: 100%;
  max-width: 200px;
}

/* line 4992, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back-link {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e6e8e6;
}

/* line 4998, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-users-headline {
  margin-bottom: 1em;
}
/* line 5000, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-users-headline h1 {
  font-family: Bitter;
  font-weight: 300;
  font-size: 5.25rem;
}
/* line 5006, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-users-headline h2 {
  font-family: Bitter;
  font-weight: 400;
  font-size: 2.5rem;
}
/* line 5012, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-users-headline h3 {
  font-family: Bitter;
  font-weight: 400;
  font-size: 1.9rem;
}
@media (max-width: 768px) {
  /* line 5019, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-users-headline h1 {
    font-size: 3.25rem;
  }
  /* line 5023, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-users-headline h2 {
    font-size: 2.25rem;
  }
  /* line 5027, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-users-headline h3 {
    font-size: 1.7rem;
  }
}
/* line 5032, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-users-headline .school-info {
  color: #859184;
  font-size: 16px;
  margin-bottom: 0;
}

/* line 5039, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.user-management-section {
  margin-bottom: 40px;
}
/* line 5042, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.user-management-section h2 {
  margin-bottom: 20px;
  font-family: Catamaran, sans-serif;
  font-weight: 600;
  color: #546452;
  border-bottom: 2px solid #35ac2f;
  padding-bottom: 10px;
}
/* line 5052, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.user-management-section .users_table .col-actions {
  width: 200px;
  text-align: center;
}
/* line 5056, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.user-management-section .users_table .col-actions .btn {
  margin: 2px;
}

/* line 5063, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back-to-school-btn {
  background-color: #ced3ce;
  color: #859184;
  border-radius: 5px;
  padding: 10px 20px;
}
/* line 5069, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.back-to-school-btn:hover {
  background-color: #859184;
  color: #f3f4f2;
}

/* line 5075, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-footer {
  padding: 0;
}

/* line 5079, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.full-width {
  width: 100%;
}

/* line 5083, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.light-gray-bg {
  background-color: #fefefe;
}

/* line 5087, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.container.light-gray-bg {
  width: 100%;
  max-width: 1200px;
  margin: 0px auto;
  background-color: #fefefe;
}
@media (min-width: 800px) {
  /* line 5093, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container.light-gray-bg .inner-content,
  .container.light-gray-bg .inner-header,
  .container.light-gray-bg .inner-footer {
    padding-left: 115px;
    padding-right: 115px;
  }
}
@media (max-width: 800px) {
  /* line 5093, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container.light-gray-bg .inner-content,
  .container.light-gray-bg .inner-header,
  .container.light-gray-bg .inner-footer {
    padding: 0;
  }
}
@media (max-width: 800px) {
  /* line 5106, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container.light-gray-bg .inner-footer {
    padding-left: 15px;
  }
}
/* line 5112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.container.light-gray-bg .inner-content {
  min-height: 500px;
  padding-bottom: 20px;
  margin-top: 70px;
}
@media (max-width: 500px) {
  /* line 5112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .container.light-gray-bg .inner-content {
    margin-top: 70px;
  }
}

/* line 5124, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part {
  margin-top: 20px;
}
/* line 5127, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part h4 {
  color: #0b2209;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
/* line 5133, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part h4 .fa-paperclip {
  margin-right: 8px;
  color: #fb7a43;
}
/* line 5140, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part .document-list .document-item {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  margin-bottom: 5px;
  background-color: #f3f4f2;
  border-radius: 4px;
  border-left: 3px solid #fb7a43;
}
/* line 5149, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part .document-list .document-item .document-icon {
  font-size: 20px;
  margin-right: 10px;
  width: 20px;
  color: #fb7a43;
}
/* line 5156, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part .document-list .document-item .document-link {
  flex-grow: 1;
  color: #0b2209;
  text-decoration: none;
  font-weight: 500;
}
/* line 5162, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part .document-list .document-item .document-link:hover {
  color: #fb7a43;
  text-decoration: underline;
}
/* line 5168, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents.content-part .document-list .document-item .document-size {
  color: #859184;
  font-size: 12px;
  margin-left: 8px;
}

/* line 5178, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 12px;
  padding: 8px 14px;
  border: 1px solid #e6e8e6;
  border-radius: 999px;
  background: #fefefe;
  color: #546452;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
/* line 5194, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button:hover {
  border-color: #b0daad;
  background: #f7fbf7;
  color: #35ac2f;
}
/* line 5200, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button:focus-within {
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
  outline: none;
}
/* line 5206, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button i.fa {
  font-size: 1.1rem;
  color: #35ac2f;
}
/* line 5211, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button input[type='file'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 5224, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button-label {
  font-weight: 500;
}

/* line 5228, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list {
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
/* line 5233, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form {
  display: flex;
  align-items: center;
  padding: 12px;
  margin-bottom: 8px;
  background-color: #f3f4f2;
  border-radius: 4px;
  border-left: 3px solid #fb7a43;
  position: relative;
}
/* line 5243, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .remove_document {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  color: #db4d65;
  font-size: 18px;
}
/* line 5251, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .remove_document:hover {
  color: #cc2945;
}
/* line 5256, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .document_info_container {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
/* line 5261, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .document_info_container .document-icon-large {
  font-size: 24px;
  margin-right: 12px;
  color: #fb7a43;
  width: 24px;
}
/* line 5268, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .document_info_container .document-filename {
  font-weight: 500;
  color: #0b2209;
  margin-right: 8px;
}
/* line 5274, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form .document_info_container .document-filesize {
  color: #859184;
  font-size: 12px;
}
/* line 5280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form.marked-for-removal {
  opacity: 0.5;
  background-color: #fdf6f7;
  border-left-color: #db4d65;
}
/* line 5285, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_documents.documents-list .document_in_form.marked-for-removal .document-filename {
  text-decoration: line-through;
}

/* line 5292, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.direct-upload {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  display: flex;
  align-items: center;
  color: #546452;
  font-size: 0.9rem;
}

/* line 5303, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.direct-upload__progress {
  width: 100%;
  height: 6px;
  overflow: hidden;
  border: none;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
}
/* line 5311, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.direct-upload__progress::-webkit-progress-bar {
  background: rgba(255, 255, 255, 0.85);
}
/* line 5315, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.direct-upload__progress::-webkit-progress-value {
  background: #35ac2f;
}
/* line 5319, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.direct-upload__progress::-moz-progress-bar {
  background: #35ac2f;
}

/* line 5326, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_attachments .video_in_form .attachment_image_container,
#sequence_attachments .video_in_form .attachment_image_container {
  height: 96px;
  width: 128px;
  position: relative;
  border-radius: 4px;
  background: #e6e8e6;
}
/* line 5334, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
#post_attachments .video_in_form .attachment_image_container img,
#post_attachments .video_in_form .attachment_image_container video,
#sequence_attachments .video_in_form .attachment_image_container img,
#sequence_attachments .video_in_form .attachment_image_container video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

/* line 5344, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #e6e8e6;
}
/* line 5349, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list .diary-feature-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem 0;
  border-bottom: 1px solid #e6e8e6;
}
/* line 5358, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list .diary-feature-copy {
  flex: 1 1 auto;
  margin-bottom: 0;
}
/* line 5362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list .diary-feature-copy strong {
  font-weight: 600;
  font-size: 1.1rem;
  color: #0b2209;
}
/* line 5369, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list .diary-feature-input {
  margin: 0;
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  cursor: pointer;
}
/* line 5377, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.diary-features-list .diary-feature-help {
  margin: 0.25rem 0 0;
  color: #546452;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
}

/* line 5386, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-feature-status {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 999px;
  background: #eff7ee;
  color: #35ac2f;
  font-size: 0.95rem;
  font-weight: 700;
  white-space: nowrap;
}

/* line 5398, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-checkbox {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  position: relative;
}
/* line 5404, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-checkbox label {
  margin-bottom: 0;
}

/* line 5409, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-tooltip-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* line 5415, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-tooltip-toggle {
  border: 0;
  background: transparent;
  color: #859184;
  cursor: help;
  padding: 0;
  line-height: 1;
}
/* line 5423, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-tooltip-toggle:focus {
  outline: none;
}

/* line 5428, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-tooltip {
  position: absolute;
  top: calc(100% + 0.45rem);
  left: 50%;
  transform: translateX(-50%);
  width: min(22rem, 80vw);
  padding: 0.75rem 0.9rem;
  border-radius: 0.5rem;
  background: #0b2209;
  color: #fefefe;
  font-size: 0.95rem;
  font-weight: 400;
  line-height: 1.4;
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.18);
  z-index: 20;
}
/* line 5444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-feature-tooltip::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 0 0.45rem 0.45rem 0.45rem;
  border-style: solid;
  border-color: transparent transparent #0b2209 transparent;
}

/* line 5456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-actions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 1.5rem;
  align-items: center;
  padding: 1.5rem 0;
  border-top: 2px solid #e6e8e6;
}
@media (max-width: 768px) {
  /* line 5456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .add-diaries-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}
/* line 5469, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-actions .filter-checkbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  font-size: 1.25rem;
  font-weight: 400;
  font-family: "Catamaran", sans-serif;
  color: #0b2209;
  cursor: pointer;
  height: 65px;
  padding: 8px 16px;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  background-color: white;
  transition: all 0.2s ease-in-out;
}
/* line 5486, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-actions .filter-checkbox:hover {
  border-color: #35ac2f;
  background-color: rgba(53, 172, 47, 0.05);
}
/* line 5492, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-actions .filter-checkbox input[type="checkbox"] {
  margin: 0;
  width: 18px;
  height: 18px;
  accent-color: #35ac2f;
  cursor: pointer;
}
/* line 5499, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.add-diaries-actions .filter-checkbox input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.1);
}

/* line 5507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.news-badge {
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: #db4d65;
  color: white;
  border-radius: 50%;
  min-width: 16px;
  height: 16px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 799px) {
  /* line 5507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .news-badge {
    right: auto;
    left: 34px;
    top: 2px;
  }
}

/* line 5532, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.news-badge--menu-toggle {
  top: -3px;
  right: -3px;
  left: auto;
}

/* line 5538, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.navbar-toggle {
  position: relative;
}

/* line 5542, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-icon-news {
  position: relative;
}

/* line 5546, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pml-icon-chat {
  position: relative;
}

/* line 5550, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-actions {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

/* line 5557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

/* line 5563, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-tab {
  border: 1px solid #ced3ce;
  border-radius: 4px;
  color: #0b2209;
  display: inline-block;
  padding: 8px 12px;
  text-decoration: none;
}
/* line 5571, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-tab.is-active {
  background: #eff7ee;
  border-color: #35ac2f;
  color: #0b2209;
  font-weight: 600;
}

/* line 5579, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-settings {
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 4px;
  padding: 16px;
}

/* line 5586, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-search-form {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  width: 100%;
}
/* line 5593, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-search-form input[type='text'] {
  max-width: 420px;
  width: 100%;
}
/* line 5598, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-search-form .pml-btn {
  min-width: 90px;
}
@media (max-width: 500px) {
  /* line 5586, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .notification-center-search-form {
    align-items: stretch;
    flex-direction: column;
  }
}

/* line 5608, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-diary-table {
  margin-bottom: 12px;
}
/* line 5611, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-diary-table th {
  background: rgba(0, 0, 0, 0.015);
  vertical-align: middle;
}
/* line 5616, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-diary-table td {
  vertical-align: middle !important;
}

/* line 5621, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-select-header {
  min-width: 92px;
}
/* line 5624, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-select-header label {
  margin-bottom: 0;
  margin-left: 4px;
}

/* line 5630, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-select-cell {
  text-align: center;
  width: 80px;
}

/* line 5635, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-channel-state {
  display: inline-block;
  margin-right: 10px;
}
/* line 5639, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-channel-state.is-on {
  color: #35ac2f;
}
/* line 5643, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-channel-state.is-off {
  color: #859184;
}

/* line 5648, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 5654, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-item {
  border: 1px solid #e6e8e6;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: flex-start;
}
/* line 5664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-item.is-unread {
  border-left: 4px solid #35ac2f;
  background: #eff7ee;
}

/* line 5670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-item-main {
  flex: 1;
  min-width: 0;
}

/* line 5675, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #0b2209;
}

/* line 5682, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-summary {
  font-weight: 600;
}

/* line 5686, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-timestamp {
  color: #859184;
  font-size: 0.9em;
}

/* line 5692, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-item-actions .btn {
  white-space: nowrap;
}

/* line 5697, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.notification-center-empty {
  color: #859184;
}

/* line 5709, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-page-title {
  font-family: 'Bitter', Georgia, serif;
  font-size: 3rem;
  font-weight: 300;
  color: #0b2209;
  margin: 0 0 24px;
}

/* line 5718, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}

/* line 5724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-tab {
  border: 1px solid #ced3ce;
  border-radius: 2px;
  color: #0b2209;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.95rem;
  transition: border-color 0.15s;
}
/* line 5736, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-tab:hover {
  border-color: #35ac2f;
  text-decoration: none;
  color: #0b2209;
}
/* line 5742, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-tab.is-active {
  background: #35ac2f;
  border-color: #35ac2f;
  color: white;
  font-weight: 400;
}

/* line 5751, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* line 5758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
form.button_to:has(.nc-action-btn) {
  display: inline-flex;
}

/* line 5762, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* line 5769, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 24px;
  border-radius: 2px;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
/* line 5784, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn:disabled {
  cursor: not-allowed;
  opacity: 0.45;
  pointer-events: none;
  box-shadow: none;
}
/* line 5791, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn--filled {
  background: #35ac2f;
  border-color: #35ac2f;
  color: white;
}
/* line 5796, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn--filled:hover {
  background: #2f982a;
  border-color: #2f982a;
  color: white;
  text-decoration: none;
}
/* line 5804, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn--outline {
  background: white;
  border-color: #35ac2f;
  color: #35ac2f;
}
/* line 5809, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-btn--outline:hover {
  background: #eff7ee;
  text-decoration: none;
  color: #35ac2f;
}

/* line 5818, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-list-card {
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 2px;
  overflow: hidden;
}

/* line 5825, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-toolbar {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

/* line 5832, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

/* line 5838, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-filter-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid #ced3ce;
  border-radius: 999px;
  background: white;
  color: #0b2209;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
/* line 5854, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-filter-chip:hover {
  border-color: #35ac2f;
  background: #eff7ee;
  color: #35ac2f;
  text-decoration: none;
}
/* line 5861, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-filter-chip.is-active {
  border-color: #35ac2f;
  background: #35ac2f;
  color: white;
}

/* line 5868, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-sections {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* line 5874, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-section-title {
  margin: 0 0 12px;
  color: #859184;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* line 5883, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-group {
  padding: 20px 24px;
}
/* line 5886, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-group + .nc-feed-group {
  border-top: 1px solid #e6e8e6;
}

/* line 5891, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-group-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
}

/* line 5898, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-avatar--group {
  width: 40px;
  height: 40px;
}

/* line 5903, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-avatar-image--group {
  width: 40px;
  height: 40px;
}

/* line 5908, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-group-title {
  color: #0b2209;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}

/* line 5915, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-avatar {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, #35ac2f, #298424);
  color: white;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.5px;
}

/* line 5930, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-avatar-image {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

/* line 5939, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-feed-group-items {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-left: 56px;
}

/* line 5946, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
/* line 5951, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line.is-unread .nc-item-link--row {
  background: #eff7ee;
}
/* line 5955, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line.is-read .nc-item-link--row {
  background: white;
}

/* line 5960, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-link {
  color: #0b2209;
  text-decoration: none;
  display: block;
  margin-bottom: 8px;
}
/* line 5966, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-link:hover {
  color: #35ac2f;
  text-decoration: none;
}

/* line 5972, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-link--row {
  flex: 1;
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 12px 14px;
  border-radius: 2px;
  margin-bottom: 0;
  transition: background 0.15s;
}
/* line 5984, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-link--row:hover {
  background: #e8f4e7;
}
/* line 5989, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line.is-read .nc-item-link--row:hover {
  background: #f3f4f2;
}

/* line 5995, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-summary {
  flex: 1;
  color: #546452;
  font-size: 0.95rem;
  line-height: 1.45;
}

/* line 6002, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-time {
  flex-shrink: 0;
  color: #859184;
  font-size: 0.85rem;
  white-space: nowrap;
  line-height: 1.4;
}

/* line 6010, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-action {
  flex-shrink: 0;
}

/* line 6014, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-mark-icon-form {
  margin: 0;
}

/* line 6018, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-mark-icon-btn {
  width: 36px;
  height: 36px;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: #859184;
  font-size: 1rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
}
/* line 6032, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-mark-icon-btn:hover {
  background: #f3f4f2;
  color: #35ac2f;
}

/* line 6038, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line.is-unread .nc-mark-icon-btn {
  color: #35ac2f;
}

/* line 6042, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-item-line.is-read .nc-mark-icon-btn {
  color: #859184;
}

@media only screen and (max-width: 767px) {
  /* line 6047, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .nc-feed-group {
    padding: 16px;
  }

  /* line 6051, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .nc-feed-group-items {
    margin-left: 0;
  }

  /* line 6055, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .nc-item-link--row {
    flex-direction: column;
    gap: 8px;
  }

  /* line 6060, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .nc-item-time {
    white-space: normal;
  }
}
/* line 6066, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-empty {
  padding: 48px 24px;
  text-align: center;
  color: #859184;
}

/* line 6072, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-empty-icon {
  font-size: 2.5rem;
  margin-bottom: 12px;
  display: block;
  opacity: 0.4;
}

/* line 6081, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-settings {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* line 6088, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-section-card {
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 2px;
  overflow: hidden;
}

/* line 6095, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-section-top {
  padding: 20px 24px 16px;
  border-bottom: 1px solid #e6e8e6;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* line 6103, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-search-wrap {
  position: relative;
}

/* line 6107, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-search-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #859184;
  pointer-events: none;
  font-size: 1rem;
  z-index: 1;
}

/* line 6118, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.nc-search-input {
  width: 100%;
  height: 44px;
  padding: 0 14px 0 42px !important;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  background: #f3f4f2;
  font-size: 1rem;
  box-sizing: border-box;
  margin-bottom: 0;
  max-width: none;
  line-height: normal;
}
/* line 6131, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.nc-search-input:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 2px rgba(53, 172, 47, 0.15);
  background: white;
}

/* line 6140, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-actions-card {
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 2px;
  padding: 20px 24px;
}

/* line 6147, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-actions-title {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0b2209;
  margin: 0 0 16px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 6156, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-actions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 16px;
}

/* line 6162, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-block {
  border: 1px solid #e6e8e6;
  border-radius: 2px;
  padding: 16px;
  background: white;
}

/* line 6169, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

/* line 6176, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-setting-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* line 6183, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-setting-row__text {
  flex: 1;
  min-width: 0;
}

/* line 6188, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-setting-row__title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.95rem;
  color: #0b2209;
}

/* line 6196, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-setting-row__icon {
  color: #35ac2f;
  font-size: 1.1rem;
  width: 18px;
  text-align: center;
}

/* line 6203, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-setting-row__help {
  color: #859184;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-top: 4px;
  padding-left: 28px;
}

/* line 6211, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
/* line 6220, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-icon--email {
  background: #e5eeff;
  color: #0059ff;
}
/* line 6225, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-icon--push {
  background: #eff7ee;
  color: #35ac2f;
}
/* line 6228, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-icon--push i {
  font-size: 1.3rem;
}

/* line 6232, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-label {
  font-weight: 400;
  font-size: 0.95rem;
  color: #0b2209;
}

/* line 6238, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-help {
  color: #859184;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-top: 4px;
}

/* line 6245, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
}
/* line 6250, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-action-buttons form {
  min-width: 0;
}

/* line 6255, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-btn {
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  font-size: 0.875rem;
  background: white;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  cursor: pointer;
  color: #0b2209;
  transition: border-color 0.15s, background 0.15s;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  word-break: normal;
}
/* line 6274, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-quick-btn:hover {
  border-color: #35ac2f;
  color: #35ac2f;
  background: #eff7ee;
}

/* line 6282, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-list-header {
  display: flex;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}

/* line 6289, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-list-title {
  font-size: 1rem;
  font-weight: 600;
  color: #0b2209;
  margin: 0;
}

/* line 6297, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-list {
  display: flex;
  flex-direction: column;
}

/* line 6302, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-card {
  padding: 16px 24px;
  border-bottom: 1px solid #e6e8e6;
}
/* line 6306, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-card:last-child {
  border-bottom: none;
}

/* line 6311, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-name {
  font-weight: 600;
  font-size: 0.95rem;
  color: #0b2209;
  margin: 0 0 12px;
}

/* line 6318, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* line 6324, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px;
  background: #f3f4f2;
  border-radius: 4px;
}

/* line 6333, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggle-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #546452;
}

/* line 6341, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggle-icon {
  width: 18px;
  text-align: center;
  font-size: 1rem;
}
/* line 6346, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggle-icon--email {
  color: #0059ff;
}
/* line 6347, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-diary-toggle-icon--push {
  color: #35ac2f;
  font-size: 1.4rem;
}

/* line 6351, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle-form {
  display: inline-flex;
  align-items: center;
}

/* line 6357, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle {
  position: relative;
  width: 44px;
  height: 24px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-shrink: 0;
  transition: background 0.2s;
}
/* line 6368, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle.is-on {
  background: #35ac2f;
}
/* line 6369, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle.is-off {
  background: #ced3ce;
}
/* line 6371, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle:hover {
  opacity: 0.85;
}
/* line 6375, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle:disabled {
  cursor: wait;
  opacity: 0.65;
}

/* line 6381, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle-knob {
  position: absolute;
  top: 3px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 50%;
  transition: left 0.2s;
  pointer-events: none;
}
/* line 6391, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle.is-on .nc-toggle-knob {
  left: 23px;
}
/* line 6392, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.nc-toggle.is-off .nc-toggle-knob {
  left: 3px;
}

/* line 6399, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.chart-download-btn {
  display: flex;
  align-items: center;
}

/* line 6405, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper {
  position: relative;
  display: block;
  max-width: 400px;
  margin-bottom: 16px;
}
/* line 6411, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper .password-input {
  width: 100%;
  padding-right: 45px !important;
  margin-bottom: 0 !important;
}
/* line 6417, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper .password-toggle-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #859184;
  transition: color 0.2s ease;
  height: 36px;
  width: 36px;
}
/* line 6434, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper .password-toggle-btn:hover {
  color: #546452;
}
/* line 6438, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper .password-toggle-btn:focus {
  outline: 2px solid #35ac2f;
  outline-offset: 2px;
  color: #0b2209;
}
/* line 6444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.password-field-wrapper .password-toggle-btn .eye-icon {
  pointer-events: none;
}

/* line 6451, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
hr.school-settings-separator {
  border: 0;
  border-top: 1px solid #e6e8e6;
  margin: 0 0 2rem 0;
}

/* line 6457, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-name-section {
  margin-bottom: 3rem;
  padding-bottom: 2rem;
}

/* line 6462, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-name-label {
  display: block;
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  color: #0b2209;
  margin-bottom: 0.5rem;
}

/* line 6471, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-name-form {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  /* line 6471, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-name-form {
    flex-direction: column;
    align-items: stretch;
  }
}

/* line 6483, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.school-settings-name-input {
  height: 65px;
  padding: 8px 16px;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  font-size: 1.25rem;
  width: 33.125rem;
  max-width: 100%;
  background-color: white;
  margin: 0px;
  height: 50px;
  line-height: normal;
  font-size: 1.125rem;
  margin-bottom: 0;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  /* line 6483, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.school-settings-name-input {
    width: 23.125rem;
  }
}
@media (max-width: 768px) {
  /* line 6483, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  input.school-settings-name-input {
    width: 100% !important;
  }
}

/* line 6496, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-save-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #35ac2f;
  color: white;
  border: 1px solid #35ac2f;
  border-radius: 2px;
  height: 50px;
  padding: 0 22px;
  font-size: 1rem;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}
/* line 6512, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-save-btn:hover {
  background-color: #2a8825;
}
/* line 6516, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-save-btn svg {
  flex-shrink: 0;
}

/* line 6521, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-users {
  margin-top: 2rem;
}

/* line 6525, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-users-title {
  font-family: "Bitter";
  font-weight: 300;
  font-size: 2.75rem;
  color: #0b2209;
  margin-bottom: 1.5rem;
}

/* line 6533, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-group {
  margin-bottom: 2.5rem;
}

/* line 6537, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-group-title {
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  color: #0b2209;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e6e8e6;
  margin-bottom: 0;
}

/* line 6547, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.875rem 0;
  border-bottom: 1px solid #e6e8e6;
  gap: 0.75rem 1rem;
}
@media (max-width: 768px) {
  /* line 6547, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-user-row {
    flex-direction: column;
    align-items: stretch;
    gap: 0.35rem;
  }
}

/* line 6562, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-name {
  flex: 0 0 32%;
  min-width: 0;
  font-size: 1.125rem;
  color: #0b2209;
}
@media (max-width: 768px) {
  /* line 6562, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-user-name {
    flex: 0 0 auto;
    font-weight: 600;
  }
}

/* line 6574, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-email {
  flex: 1 1 200px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  color: #546452;
}
@media (max-width: 768px) {
  /* line 6574, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-user-email {
    flex: 0 0 auto;
    font-size: 1rem;
  }
}

/* line 6589, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-user-actions {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
  margin-left: auto;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 768px) {
  /* line 6589, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-user-actions {
    flex: 0 0 auto;
    margin-left: 0;
    margin-top: 0.25rem;
  }
}

/* line 6604, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-green {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 0.875rem;
  color: #0b2209;
  background-color: #E4FFE3;
  border: 1px solid #E4FFE3;
  border-radius: 2px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
/* line 6618, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-green:link, .school-settings-btn-green:visited, .school-settings-btn-green:active {
  color: #0b2209;
  text-decoration: none;
}
/* line 6623, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-green:hover {
  background-color: #b8ffb5;
  text-decoration: none;
  color: #0b2209;
}
/* line 6629, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-green svg {
  flex-shrink: 0;
}

/* line 6634, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-orange {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 0.875rem;
  color: #0b2209;
  background-color: #fff1ec;
  border: 1px solid #fff1ec;
  border-radius: 2px;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
/* line 6648, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-orange:link, .school-settings-btn-orange:visited, .school-settings-btn-orange:active {
  color: #0b2209;
  text-decoration: none;
}
/* line 6653, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-orange:hover {
  background-color: #fee4d9;
  text-decoration: none;
  color: #0b2209;
}
/* line 6659, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-btn-orange svg {
  flex-shrink: 0;
}

/* line 6664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-empty-text {
  padding: 1rem 0;
  color: #859184;
  font-style: italic;
}

/* line 6670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-form {
  display: inline-flex;
  align-items: stretch;
  gap: 0.5rem;
  margin: 0;
}
/* line 6676, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 38px;
  margin: 0;
  padding: 0 32px 0 14px;
  font-size: 0.95rem;
  font-family: inherit;
  color: #0b2209;
  background-color: white;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  cursor: pointer;
  line-height: 1;
  min-width: 11rem;
  box-sizing: border-box;
  vertical-align: middle;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23555' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
}
/* line 6698, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-form select:hover {
  border-color: #35ac2f;
}
/* line 6702, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-form select:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 2px rgba(53, 172, 47, 0.2);
}
@media (max-width: 768px) {
  /* line 6670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-role-form {
    width: 100%;
  }
  /* line 6712, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .school-settings-role-form select {
    flex: 1 1 auto;
    min-width: 0;
  }
}

/* line 6719, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-save-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  padding: 0 16px;
  margin: 0;
  font-size: 0.95rem;
  font-family: inherit;
  line-height: 1;
  color: white;
  background-color: #35ac2f;
  border: 1px solid #35ac2f;
  border-radius: 2px;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  vertical-align: middle;
}
/* line 6738, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-role-save-btn:hover {
  background-color: #2a8825;
  border-color: #2a8825;
}

/* line 6744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  color: #546452;
  background-color: transparent;
  border: 1px solid #ced3ce;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
}
/* line 6757, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-icon-btn:link, .school-settings-icon-btn:visited, .school-settings-icon-btn:active {
  color: #546452;
  text-decoration: none;
}
/* line 6762, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-icon-btn:hover {
  color: #35ac2f;
  border-color: #35ac2f;
  background-color: rgba(53, 172, 47, 0.06);
  text-decoration: none;
}
/* line 6769, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-icon-btn--danger:hover {
  color: #db4d65;
  border-color: #db4d65;
  background-color: rgba(219, 77, 101, 0.06);
}

/* line 6776, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-back {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e6e8e6;
}

/* line 6782, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 22px;
  font-size: 1rem;
  color: #0b2209;
  background-color: transparent;
  border: 1px solid #35ac2f;
  border-radius: 2px;
  text-decoration: none;
  cursor: pointer;
}
/* line 6795, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-back-btn:link, .school-settings-back-btn:visited, .school-settings-back-btn:active {
  color: #0b2209;
  text-decoration: none;
}
/* line 6800, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-back-btn:hover {
  background-color: #35ac2f;
  color: white;
  text-decoration: none;
}
/* line 6806, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.school-settings-back-btn svg {
  flex-shrink: 0;
}

/* line 6816, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-actions-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/* line 6823, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-actions-row-spacer {
  flex: 1 1 auto;
}

/* line 6829, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

/* line 6836, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header-back {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #35ac2f;
  text-decoration: none;
  font-size: 0.95rem;
}
/* line 6845, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header-back:hover {
  text-decoration: underline;
}

/* line 6850, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem 1.5rem;
}

/* line 6858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header-title {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.15;
  color: #0b2209;
}
@media (max-width: 768px) {
  /* line 6858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-progress-header-title {
    font-size: 2rem;
  }
}

/* line 6871, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-header-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/* line 6878, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-secondary {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #35ac2f;
  text-decoration: none;
  padding: 6px 4px;
  font-size: 0.95rem;
  background: transparent;
  border: 0;
  font-family: inherit;
  cursor: pointer;
  line-height: 1.4;
}
/* line 6893, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-secondary:visited {
  color: #35ac2f;
}
/* line 6897, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-secondary:hover {
  color: #298424;
  text-decoration: underline;
  background: transparent;
}
/* line 6903, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-secondary:focus-visible {
  outline: 2px solid rgba(53, 172, 47, 0.4);
  outline-offset: 2px;
}
/* line 6908, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-secondary i.fa {
  font-size: 0.95em;
}

/* line 6913, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-empty-state {
  font-size: 1.1rem;
  color: #859184;
  padding: 1rem 0;
}

/* line 6919, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1.25rem;
}

/* line 6925, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  height: 100%;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
/* line 6939, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card:hover {
  border-color: #b0daad;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  color: inherit;
  text-decoration: none;
}
/* line 6945, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card:hover .pt-subject-name {
  color: #35ac2f;
}
/* line 6950, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card.is-empty {
  background: #f3f4f2;
  border-style: dashed;
  border-color: #ced3ce;
  box-shadow: none;
}
/* line 6956, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card.is-empty .pt-subject-name {
  color: #546452;
}
/* line 6960, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card.is-empty .pt-subject-stats {
  color: #859184;
}

/* line 6966, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.75rem;
  padding: 1rem 0.5rem;
}

/* line 6977, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty-icon {
  font-size: 2rem;
  color: #b0daad;
  opacity: 0.7;
}

/* line 6983, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty-message {
  margin: 0;
  color: #546452;
  font-size: 0.95rem;
  line-height: 1.4;
  max-width: 24em;
}

/* line 6991, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty-large {
  padding: 3rem 1rem;
}
/* line 6994, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty-large .pt-subject-empty-icon {
  font-size: 3rem;
}

/* line 6999, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-name-link {
  color: inherit;
  text-decoration: none;
}
/* line 7003, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-name-link:hover {
  color: #35ac2f;
  text-decoration: underline;
}

/* line 7009, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-back-link {
  display: inline-flex;
  align-items: center;
  margin-right: 0.75rem;
  color: #859184;
  text-decoration: none;
  font-size: 0.7em;
}
/* line 7017, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-back-link:hover {
  color: #35ac2f;
}

/* line 7026, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero {
  background: linear-gradient(135deg, #eff7ee 0%, #f3f4f2 100%);
  border-radius: 12px;
  padding: 1.75rem 2rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 7036, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-eyebrow {
  font-size: 0.9rem;
  color: #546452;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* line 7045, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #35ac2f;
  text-decoration: none;
  font-weight: 500;
}
/* line 7053, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-back:hover {
  text-decoration: underline;
}

/* line 7058, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-divider {
  color: #ced3ce;
}

/* line 7062, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-diary {
  color: #546452;
}

/* line 7066, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-headline {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  align-items: flex-end;
  justify-content: space-between;
}

/* line 7074, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-title-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-width: 0;
}

/* line 7081, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-icon {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  object-fit: contain;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(11, 34, 9, 0.06);
  padding: 6px;
}

/* line 7092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-title {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: 2.5rem;
  line-height: 1.15;
  color: #0b2209;
  font-weight: 400;
}
@media (max-width: 768px) {
  /* line 7092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-subject-hero-title {
    font-size: 2rem;
  }
}

/* line 7105, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

/* line 7112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (max-width: 600px) {
  /* line 7112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-subject-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* line 7122, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stat {
  background: #fefefe;
  border: 1px solid rgba(11, 34, 9, 0.06);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 7132, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stat-value {
  font-size: 1.45rem;
  font-weight: 600;
  color: #0b2209;
  line-height: 1.1;
}
/* line 7138, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stat-value i.fa {
  color: #e7b842;
  margin-right: 4px;
}

/* line 7144, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stat-label {
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #859184;
}

/* line 7151, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-callout {
  background: #f7fbf7;
  border: 1px solid #b0daad;
  border-left: 4px solid #35ac2f;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 7163, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-callout-header {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #35ac2f;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 600;
}

/* line 7174, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-callout-body {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #0b2209;
  white-space: pre-wrap;
}

/* line 7182, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-callout-meta {
  font-size: 0.85rem;
  color: #859184;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* line 7191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-section-heading {
  margin: 0 0 1rem 0;
  font-family: "Catamaran", sans-serif;
  font-size: 1.25rem;
  color: #0b2209;
  font-weight: 600;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #35ac2f;
}

/* line 7201, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-meta-divider {
  color: #ced3ce;
}

/* line 7209, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-admin-back-row {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
}

/* line 7218, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reactions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0 4px 0;
  padding: 8px 0;
  border-top: 1px dashed #e6e8e6;
}
/* line 7226, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reactions .rs_skip {
  display: contents;
}

/* line 7229, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid #e6e8e6;
  background: #fff;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  transition: border-color 0.15s ease, background 0.15s ease, transform 0.1s ease;
}
/* line 7242, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction:hover {
  border-color: #b0daad;
  background: #f7fbf7;
  transform: translateY(-1px);
}
/* line 7248, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction:active {
  transform: translateY(0);
}
/* line 7250, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction.is-active {
  border-color: #35ac2f;
  background: #eff7ee;
}
/* line 7255, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction:disabled {
  opacity: 0.6;
  cursor: progress;
}
/* line 7257, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction:focus-visible {
  outline: 2px solid rgba(53, 172, 47, 0.4);
  outline-offset: 2px;
}
/* line 7262, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction.is-readonly {
  cursor: default;
  background: #f3f4f2;
  border-color: #e6e8e6;
  transform: none;
}
/* line 7268, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction.is-readonly:hover {
  background: #f3f4f2;
  border-color: #e6e8e6;
  transform: none;
}

/* line 7276, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reactions.is-readonly {
  border-top-style: solid;
  border-top-color: #f3f4f2;
}

/* line 7281, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction-emoji {
  font-size: 1.05rem;
  line-height: 1;
}

/* line 7283, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction-count {
  font-size: 0.8rem;
  color: #546452;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  min-width: 0.6em;
}
/* line 7290, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-reaction-count[hidden] {
  display: none;
}

/* line 7297, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal {
  background: #f7fbf7;
  border: 1px solid #dff0de;
  border-left: 4px solid #35ac2f;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  margin: 0 0 1.25rem 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* line 7308, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal.is-empty {
  background: #fefefe;
  border-color: #e6e8e6;
  border-left-color: #b0daad;
}
/* line 7314, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal.is-achieved {
  background: #fff9e6;
  border-color: #e7c552;
  border-left-color: #d4a824;
}

/* line 7321, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieved-banner {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  align-self: flex-start;
  padding: 0.4rem 0.75rem;
  background: #fff3c4;
  border: 1px solid #e7c552;
  border-radius: 999px;
  color: #7a5a00;
  font-size: 0.85rem;
  font-weight: 600;
}
/* line 7334, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieved-banner i.fa {
  color: #d4a824;
}
/* line 7336, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieved-banner .pt-progression-goal-achieved-undo {
  margin-left: 0.5rem;
  font-size: 0.78rem;
  font-weight: 500;
  color: #7a5a00;
  opacity: 0.7;
}
/* line 7343, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieved-banner .pt-progression-goal-achieved-undo i.fa {
  color: #7a5a00;
}
/* line 7345, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieved-banner .pt-progression-goal-achieved-undo:hover {
  opacity: 1;
}

/* line 7349, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-toggle-form {
  display: inline;
  margin: 0;
}

/* line 7354, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-achieve-trigger {
  font-size: 0.85rem;
}

/* line 7358, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-name-trophy {
  display: inline-flex;
  margin-left: 0.4rem;
  color: #d4a824;
  font-size: 0.85em;
}

/* line 7365, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card.is-achieved {
  border-color: #e7c552;
  box-shadow: 0 0 0 1px rgba(212, 168, 36, 0.25), 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* line 7370, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-trophy {
  position: absolute;
  top: 8px;
  right: 8px;
  background: #fff3c4;
  border: 2px solid white;
  color: #d4a824;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
}

/* line 7387, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-card.is-achieved {
  border-color: #e7c552;
}

/* line 7391, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 12px;
}
/* line 7397, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-header i.fa {
  color: #35ac2f;
  font-size: 1rem;
}
@media (max-width: 600px) {
  /* line 7400, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-progression-goal-header .pt-progression-goal-period {
    margin-left: 0;
    flex-basis: 100%;
    order: 3;
  }
}

/* line 7408, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-heading {
  margin: 0;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #35ac2f;
  font-weight: 600;
  font-family: "Catamaran", sans-serif;
}

/* line 7418, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-body {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-size: 1.1rem;
  line-height: 1.5;
  color: #0b2209;
  white-space: pre-wrap;
}

/* line 7427, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 7433, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-textarea {
  width: 100%;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  font-family: inherit;
  background: #fff;
  color: #0b2209;
  resize: vertical;
  height: auto;
  margin: 0;
  max-width: none;
  box-shadow: none;
}
/* line 7449, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-textarea:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
}

/* line 7456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

/* line 7463, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-meta {
  font-size: 0.85rem;
  color: #859184;
  margin: 0;
  margin-left: auto;
}

/* line 7470, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-empty {
  margin: 0;
  font-size: 0.95rem;
  color: #859184;
  font-style: italic;
}

/* line 7477, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-as-button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

/* line 7489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal.is-editing {
  background: #fefefe;
}

/* line 7494, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
/* line 7499, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display[hidden] {
  display: none;
}

/* line 7503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-edit[hidden] {
  display: none;
}

/* line 7506, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-quote {
  position: relative;
  margin: 0;
  padding: 0.5rem 0 0.5rem 2.25rem;
}
/* line 7511, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-quote .pt-progression-goal-body {
  font-style: normal;
  font-size: 1.2rem;
  line-height: 1.45;
  color: #0b2209;
}

/* line 7519, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-quote-mark {
  position: absolute;
  top: 0.45rem;
  left: 0;
  color: #b0daad;
  font-size: 1.4rem;
}

/* line 7527, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-post {
  padding: 0.75rem 0.9rem;
  border: 1px solid #dff0de;
  border-radius: 8px;
  background: #fff;
}

/* line 7534, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-summary,
.pt-skills-panel-header,
.pt-post-list-note-heading,
.pt-post-skill-ratings-heading {
  list-style: none;
  cursor: pointer;
  user-select: none;
}
/* line 7542, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-summary::-webkit-details-marker,
.pt-skills-panel-header::-webkit-details-marker,
.pt-post-list-note-heading::-webkit-details-marker,
.pt-post-skill-ratings-heading::-webkit-details-marker {
  display: none;
}

/* line 7547, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-height: 1.6rem;
}

/* line 7555, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 0.65rem;
}
@media (max-width: 600px) {
  /* line 7555, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-progression-goal-pinned-content {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* line 7568, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-copy {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

/* line 7575, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-label {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: #35ac2f;
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

/* line 7586, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-title {
  color: #0b2209;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
}
/* line 7592, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-title:hover {
  color: #35ac2f;
}

/* line 7595, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-meta {
  color: #859184;
  font-size: 0.85rem;
}

/* line 7600, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-excerpt {
  margin: 0.2rem 0 0;
  color: #0b2209;
  font-size: 0.95rem;
  line-height: 1.35;
}

/* line 7607, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 0.35rem;
}

/* line 7614, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-thumb {
  position: relative;
  display: block;
  width: 64px;
  height: 64px;
  overflow: hidden;
  border-radius: 6px;
  background: #e6e8e6;
}
/* line 7623, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 7630, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-thumb-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(11, 34, 9, 0.32);
  color: #fff;
  font-size: 1.1rem;
  pointer-events: none;
}
/* line 7641, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-thumb-play i.fa {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

/* line 7644, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-remove {
  flex: 0 0 auto;
  color: #859184;
  font-size: 0.85rem;
}
/* line 7649, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-pinned-remove:hover {
  color: #db4d65;
}

/* line 7652, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-accordion-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 1rem;
  height: 1rem;
  color: #859184 !important;
  font-size: 0.8rem;
  line-height: 1;
  transition: transform 0.15s ease;
  transform-origin: center;
}

/* line 7666, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
details:not([open]) > summary .pt-accordion-caret {
  transform: rotate(-90deg);
}

/* line 7670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
}
/* line 7676, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display-meta .pt-progression-goal-meta {
  margin: 0;
}
/* line 7680, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display-meta .pt-link-as-button {
  margin-left: auto;
  color: #35ac2f;
}
/* line 7684, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-display-meta .pt-link-as-button:hover {
  color: #2b8c26;
}

/* line 7688, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-empty-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.65rem;
  padding: 1.25rem 0.75rem;
}

/* line 7697, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-empty-icon {
  font-size: 1.75rem;
  color: #b0daad;
}

/* line 7702, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-empty-message {
  margin: 0;
  color: #546452;
  max-width: 38em;
  line-height: 1.5;
}

/* line 7709, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-edit-trigger {
  margin-left: 0.5rem;
  font-size: 0.85rem;
  color: #35ac2f;
}
/* line 7714, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-edit-trigger:hover {
  color: #2b8c26;
}

/* line 7720, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout {
  background: #f7fbf7;
  border: 1px solid #dff0de;
  border-left: 4px solid #35ac2f;
  border-radius: 10px;
  margin: 0 0 1.25rem 0;
  display: flex;
  flex-direction: column;
}
/* line 7729, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout .pt-progression-goal,
.pt-plan-callout .pt-skills-panel {
  background: transparent;
  border: 0;
  border-radius: 0;
  margin: 0;
}
/* line 7737, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout .pt-progression-goal {
  padding: 0.75rem 1rem;
}
/* line 7740, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout .pt-progression-goal.is-empty {
  background: transparent;
}
/* line 7743, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout .pt-progression-goal-pinned-post {
  margin: 0.5rem -1rem -0.75rem;
  padding: 0.75rem 1rem;
  border-right: 0;
  border-left: 0;
  border-bottom: 0;
  border-radius: 0;
  background: transparent;
}
/* line 7753, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-plan-callout .pt-skills-panel {
  padding: 0.75rem 1rem;
  border-top: 1px solid #dff0de;
}

/* line 7760, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 0 12px;
  padding: 8px 14px;
  border: 1px solid #e6e8e6;
  border-radius: 999px;
  background: #fefefe;
  color: #546452;
  cursor: pointer;
  font-size: 0.95rem;
  line-height: 1;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
/* line 7776, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button:hover {
  border-color: #b0daad;
  background: #f7fbf7;
  color: #35ac2f;
}
/* line 7782, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button:focus-within {
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
  outline: none;
}
/* line 7788, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button i.fa {
  font-size: 1.1rem;
  color: #35ac2f;
}
/* line 7793, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button input[type='file'] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 7806, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.documents-upload-button-label {
  font-weight: 500;
}

/* line 7810, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

/* line 7819, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-admin-action-row {
  margin: 1.5rem 0 0;
}

/* line 7823, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1rem 1.25rem;
}
/* line 7833, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-row:hover {
  border-color: #b0daad;
}

/* line 7838, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-icon {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  object-fit: contain;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #e6e8e6;
  padding: 4px;
}

/* line 7849, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-body {
  flex: 1 1 auto;
  min-width: 0;
}

/* line 7851, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-name {
  margin: 0 0 0.2rem 0;
  font-size: 1.15rem;
  font-weight: 600;
  color: #0b2209;
  font-family: "Catamaran", sans-serif;
}

/* line 7859, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-meta {
  margin: 0 0 0.4rem 0;
  font-size: 0.85rem;
  color: #859184;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 7867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

/* line 7873, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-tag-chip {
  font-size: 0.8rem;
  padding: 2px 10px;
  border-radius: 999px;
  background: #eff7ee;
  color: #35ac2f;
  font-weight: 500;
}

/* line 7882, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-admin-actions {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* line 7889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 720px;
}

/* line 7896, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-inline-form {
  display: inline;
  margin: 0;
}

/* line 7901, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-tag-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 6px;
}

/* line 7907, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-tag-checkbox {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
/* line 7917, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-tag-checkbox:has(input:checked) {
  border-color: #35ac2f;
  background: #eff7ee;
}

/* line 7923, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-tag-checkbox-label {
  color: #0b2209;
  font-size: 0.95rem;
}

/* line 7928, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-uploader {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
/* line 7935, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-uploader .pml-btn-wrapper {
  margin-bottom: 0;
}
/* line 7936, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-uploader .autocomplete-input {
  margin-top: 0.5rem;
}

/* line 7939, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-preview {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}
/* line 7945, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-preview img {
  width: 96px;
  height: 96px;
  object-fit: contain;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: #fff;
}
/* line 7953, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-preview img.is-hidden {
  display: none;
}

/* line 7957, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-empty {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: 96px;
  height: 96px;
  justify-content: center;
  border: 1px dashed #ced3ce;
  border-radius: 8px;
  color: #859184;
  font-size: 0.85rem;
  text-align: center;
  padding: 0.25rem;
}
/* line 7971, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-empty.is-hidden {
  display: none;
}
/* line 7973, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-empty i.fa {
  font-size: 1.5rem;
}

/* line 7976, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-image-remove {
  align-self: flex-start;
}

/* line 7984, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-bar {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

/* line 7995, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
/* line 8001, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-row + .pt-filter-row {
  padding-top: 0.5rem;
  border-top: 1px dashed #e6e8e6;
}

/* line 8004, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-search {
  flex: 1 1 260px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  background: #fff;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  min-height: 36px;
}
/* line 8015, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-search i.fa {
  color: #859184;
}
/* line 8017, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-search input {
  flex: 1 1 auto;
  border: 0;
  outline: none;
  background: transparent;
  font: inherit;
  padding: 8px 0;
  height: auto;
  line-height: 1.4;
  max-width: none;
  margin: 0;
  box-shadow: none;
  color: #0b2209;
}
/* line 8031, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-search input::placeholder {
  color: #859184;
}

/* line 8035, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-dates {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #859184;
}
/* line 8041, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-dates > i.fa {
  font-size: 1rem;
}

/* line 8044, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-date-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #859184;
  margin: 0;
}
/* line 8054, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-date-label input[type="date"] {
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  padding: 4px 8px;
  font: inherit;
  background: #fff;
  color: #0b2209;
  height: auto;
  line-height: 1.3;
  margin: 0;
  max-width: none;
  box-shadow: none;
}
/* line 8066, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-date-label input[type="date"]:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
}

/* line 8070, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  flex: 1 1 auto;
}

/* line 8077, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid #e6e8e6;
  background: #fff;
  color: #546452;
  font-size: 0.9rem;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}
/* line 8090, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-chip:hover {
  border-color: #b0daad;
  color: #0b2209;
}
/* line 8092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-chip.is-on {
  background: #eff7ee;
  border-color: #35ac2f;
  color: #35ac2f;
  font-weight: 600;
}
/* line 8099, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-chip i.fa {
  font-size: 0.85rem;
}

/* line 8102, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* line 8111, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu {
  position: relative;
}

/* line 8115, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-toggle {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  background: #fff;
  color: #546452;
  font-size: 0.9rem;
  cursor: pointer;
  list-style: none;
}
/* line 8128, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-toggle::-webkit-details-marker {
  display: none;
}
/* line 8129, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-toggle:hover {
  border-color: #b0daad;
  color: #0b2209;
}
/* line 8131, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-toggle i.fa {
  color: #35ac2f;
}
/* line 8133, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-toggle .pt-filter-menu-caret {
  margin-left: 2px;
  color: #859184;
}

/* line 8136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu[open] .pt-filter-menu-toggle {
  border-color: #35ac2f;
  color: #35ac2f;
}

/* line 8141, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-badge {
  min-width: 1.4rem;
  height: 1.4rem;
  padding: 0 0.4rem;
  border-radius: 999px;
  background: #35ac2f;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* line 8154, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-badge[hidden] {
  display: none;
}

/* line 8157, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-panel {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 10;
  min-width: 16rem;
  max-width: 22rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 8174, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-section {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
/* line 8179, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-section + .pt-filter-menu-section {
  padding-top: 0.5rem;
  border-top: 1px dashed #e6e8e6;
}

/* line 8182, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-menu-heading {
  margin: 0;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #859184;
}

/* line 8191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-count {
  font-size: 0.85rem;
  color: #859184;
  font-variant-numeric: tabular-nums;
}
/* line 8196, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-count:empty {
  display: none;
}

/* line 8199, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-empty {
  text-align: center;
  padding: 2.5rem 1rem;
  background: #f3f4f2;
  border-radius: 10px;
  margin: 1rem 0 0 0;
}
/* line 8206, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-empty .pt-subject-empty-icon {
  font-size: 2rem;
  color: #859184;
  opacity: 0.7;
}
/* line 8207, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-filter-empty .pt-subject-empty-message {
  margin-top: 0.5rem;
  color: #546452;
}

/* line 8214, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar {
  position: sticky;
  top: 12px;
  z-index: 4;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 0.7rem 1rem;
  margin-bottom: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  transition: padding 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
/* line 8228, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar.is-empty {
  display: none;
}
/* line 8230, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar:not(.is-empty) {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: saturate(180%) blur(6px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
}
/* line 8235, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar:not(.is-empty) .pt-compare-toolbar-hint {
  display: none;
}

/* line 8239, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-hint {
  margin: 0;
  font-size: 0.85rem;
  color: #859184;
  padding-left: 26px;
}

/* line 8246, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-head {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.85rem;
  color: #546452;
}
/* line 8253, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-head i.fa {
  color: #35ac2f;
  font-size: 1rem;
}

/* line 8256, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-label {
  font-weight: 600;
  color: #0b2209;
  font-size: 0.95rem;
}

/* line 8262, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-count {
  margin-left: auto;
  background: #eff7ee;
  color: #35ac2f;
  font-weight: 600;
  font-size: 0.85rem;
  padding: 2px 10px;
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
}

/* line 8273, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-slots {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
/* line 8281, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-slots:empty {
  display: none;
}

/* line 8284, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f3f4f2;
  border: 1px solid #e6e8e6;
  border-radius: 999px;
  padding: 3px 4px 3px 3px;
  font-size: 0.85rem;
  max-width: 100%;
}
/* line 8295, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
  flex: 0 0 28px;
  background: #e6e8e6;
}
/* line 8304, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot .pt-compare-slot-empty {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e6e8e6;
  flex: 0 0 28px;
}
/* line 8312, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot .pt-compare-slot-label {
  color: #0b2209;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 18ch;
  padding-right: 4px;
}
/* line 8321, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot .pt-compare-slot-remove {
  background: transparent;
  border: 0;
  color: #859184;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1;
  padding: 0 4px;
}
/* line 8330, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-slot .pt-compare-slot-remove:hover {
  color: #db4d65;
}

/* line 8334, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
/* line 8340, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-toolbar-actions .pml-btn[disabled],
.pt-compare-toolbar-actions .pml-btn.is-disabled {
  opacity: 0.45;
  pointer-events: none;
}

/* line 8347, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-compare-toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  border: 0;
  color: #859184;
  font-size: 0.85rem;
  cursor: pointer;
  padding: 0;
}
/* line 8358, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-compare-toggle:hover {
  color: #35ac2f;
}
/* line 8360, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-compare-toggle.is-on {
  color: #35ac2f;
  font-weight: 600;
}
/* line 8365, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-compare-toggle i.fa {
  font-size: 0.9em;
}

/* line 8372, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-grid {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
/* line 8377, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-grid.pt-compare-grid-2 {
  grid-template-columns: 1fr 1fr;
}
/* line 8378, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-grid.pt-compare-grid-3 {
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width: 900px) {
  /* line 8381, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-compare-grid.pt-compare-grid-2, .pt-compare-grid.pt-compare-grid-3 {
    grid-template-columns: 1fr;
  }
}

/* line 8386, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1.25rem 1.25rem 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* line 8397, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #859184;
  font-weight: 600;
}

/* line 8408, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-index {
  background: #35ac2f;
  color: #fff;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 0.8rem;
  letter-spacing: 0;
}

/* line 8422, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-date {
  color: #0b2209;
}

/* line 8423, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-time {
  color: #859184;
}

/* line 8425, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-title {
  font-family: "Bitter", Georgia, serif;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  line-height: 1.25;
  color: #0b2209;
}

/* line 8434, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-star {
  color: #e7b842;
  margin-right: 4px;
}

/* line 8439, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-meta {
  font-size: 0.85rem;
  color: #859184;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* line 8448, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-videos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 8454, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-video {
  width: 100%;
  background: #000;
  border-radius: 6px;
  max-height: 60vh;
}

/* line 8461, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-photos {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

/* line 8467, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-photo {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: 6px;
  background: #f3f4f2;
}
/* line 8474, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* line 8482, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audios,
.pt-compare-panel-documents {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 8489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audio,
.pt-compare-panel-document {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #f3f4f2;
  color: #546452;
}
/* line 8499, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audio i.fa,
.pt-compare-panel-document i.fa {
  color: #fb7a43;
  flex: 0 0 auto;
}
/* line 8504, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audio audio,
.pt-compare-panel-document audio {
  min-width: 0;
  flex: 1 1 auto;
}
/* line 8509, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audio a,
.pt-compare-panel-document a {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2209;
  font-weight: 600;
}
/* line 8519, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-audio span,
.pt-compare-panel-document span {
  color: #859184;
  font-size: 0.8rem;
}

/* line 8525, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-content {
  margin: 0;
  white-space: pre-wrap;
  color: #0b2209;
  line-height: 1.55;
}

/* line 8532, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-note {
  margin-top: auto;
  background: #f7fbf7;
  border-left: 3px solid #35ac2f;
  border-radius: 6px;
  padding: 0.6rem 0.85rem;
}

/* line 8540, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-note-heading {
  margin: 0 0 0.25rem 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #35ac2f;
  font-weight: 600;
}

/* line 8549, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-note-body {
  margin: 0 0 0.25rem 0;
  font-style: italic;
  color: #0b2209;
  white-space: pre-wrap;
}

/* line 8556, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-note-meta {
  font-size: 0.8rem;
  color: #859184;
}

/* line 8558, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-footer {
  display: flex;
  justify-content: flex-start;
  gap: 12px;
  margin-bottom: 1.5rem;
}

/* line 8565, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-skills {
  margin-top: auto;
}
/* line 8568, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-panel-skills .pt-post-skill-ratings {
  margin-top: 0;
  padding-top: 0.75rem;
}

/* line 8578, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-header {
  margin-bottom: 1.5rem;
}

/* line 8582, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #859184;
  text-decoration: none;
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}
/* line 8591, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-back:hover {
  color: #35ac2f;
}

/* line 8594, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-title-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 8600, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-title-icon {
  width: 48px;
  height: 48px;
}

/* line 8605, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-title {
  font-family: "Bitter", Georgia, serif;
  font-size: 2rem;
  margin: 0;
  color: #0b2209;
  line-height: 1.15;
}

/* line 8613, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-empty {
  text-align: center;
  padding: 3rem 1rem;
  color: #859184;
}

/* line 8619, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-empty-icon {
  font-size: 2.5rem;
  color: #35ac2f;
  display: block;
  margin-bottom: 0.5rem;
}

/* line 8626, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-empty-message {
  margin: 0;
  font-size: 1.05rem;
}

/* line 8631, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 1.25rem;
  margin-bottom: 2rem;
}

/* line 8638, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-card {
  display: flex;
  flex-direction: column;
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  transition: transform 120ms ease, box-shadow 120ms ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
/* line 8650, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
  text-decoration: none;
}

/* line 8657, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-media {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3;
  background: #f7fbf7;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
/* line 8667, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 8674, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-icon {
  width: 56px;
  height: 56px;
  opacity: 0.85;
}

/* line 8680, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.25);
  color: white;
  font-size: 2rem;
}

/* line 8691, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-caption {
  padding: 0.75rem 0.9rem 0.9rem;
}

/* line 8695, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-name {
  font-family: "Bitter", Georgia, serif;
  font-size: 1.1rem;
  margin: 0 0 0.2rem 0;
  color: #0b2209;
  line-height: 1.25;
}

/* line 8703, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-subject-count {
  font-size: 0.85rem;
  color: #859184;
}

/* line 8708, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
  margin: 0 auto 2rem;
  max-width: 900px;
}

/* line 8716, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper-stage {
  min-height: min(72vh, 720px);
  touch-action: pan-y;
}

/* line 8721, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-card {
  background: white;
  border: 1px solid #e6e8e6;
  border-radius: 18px;
  padding: clamp(0.75rem, 2vw, 1.25rem);
  display: flex;
  flex-direction: column;
  gap: clamp(0.75rem, 2vw, 1rem);
  min-height: min(72vh, 720px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}
/* line 8732, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-card[hidden] {
  display: none;
}

/* line 8737, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-title {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: clamp(1.45rem, 4vw, 2.35rem);
  line-height: 1.12;
  color: #0b2209;
  text-align: center;
  overflow-wrap: anywhere;
}

/* line 8747, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.9rem;
}

/* line 8754, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  border: 1px solid #e6e8e6;
  background: white;
  color: #546452;
  font-size: 1.25rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
/* line 8767, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-nav:hover:not(:disabled) {
  color: #35ac2f;
  border-color: #b0daad;
}
/* line 8772, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-nav:disabled {
  opacity: 0.35;
}
/* line 8776, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-nav:focus-visible {
  outline: 3px solid rgba(53, 172, 47, 0.35);
  outline-offset: 2px;
}

/* line 8782, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-counter {
  min-width: 3.5rem;
  text-align: center;
  font-weight: 700;
  color: #859184;
  font-variant-numeric: tabular-nums;
}

/* line 8790, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-videos {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 8796, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-video {
  width: 100%;
  background: #000;
  border-radius: 14px;
  max-height: 56vh;
}

/* line 8803, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photos {
  display: grid;
  gap: 6px;
}
/* line 8807, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photos.pt-kid-post-photos-1 {
  grid-template-columns: 1fr;
}
/* line 8808, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photos.pt-kid-post-photos-2 {
  grid-template-columns: 1fr 1fr;
}
/* line 8809, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photos.pt-kid-post-photos-3, .pt-kid-post-photos.pt-kid-post-photos-4 {
  grid-template-columns: 1fr 1fr;
}

/* line 8813, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photo {
  display: block;
  overflow: hidden;
  border-radius: 14px;
  background: #f3f4f2;
}
/* line 8819, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-photo img {
  width: 100%;
  max-height: 56vh;
  object-fit: cover;
  display: block;
}

/* line 8827, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-audios,
.pt-kid-post-documents {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* line 8834, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-audio,
.pt-kid-post-document {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: #f3f4f2;
}
/* line 8843, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-audio i.fa,
.pt-kid-post-document i.fa {
  color: #fb7a43;
  flex: 0 0 auto;
}

/* line 8850, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-audio audio {
  min-width: 0;
  flex: 1 1 auto;
}

/* line 8856, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-audio-caption,
.pt-kid-post-document span {
  color: #859184;
  font-size: 0.85rem;
}

/* line 8863, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-document a {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2209;
  font-weight: 700;
}

/* line 8874, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-media-empty {
  flex: 1 1 auto;
  min-height: 16rem;
  border: 2px dashed #e6e8e6;
  border-radius: 16px;
  background: #fefefe;
  color: #859184;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  text-align: center;
  font-size: 1.05rem;
}
/* line 8889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-media-empty i.fa {
  font-size: 3rem;
  color: #35ac2f;
  opacity: 0.8;
}

/* line 8896, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions {
  margin: auto 0 0;
  padding: 0.9rem 0 0;
  border-top: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(0.5rem, 2vw, 0.85rem);
  width: 100%;
  max-width: 34rem;
  align-self: center;
}
/* line 8907, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions.pt-post-reactions--1-options {
  grid-template-columns: minmax(0, 7rem);
  justify-content: center;
  max-width: 7rem;
}
/* line 8913, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions.pt-post-reactions--2-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 15rem;
}
/* line 8918, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions.pt-post-reactions--3-options {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 23rem;
}
/* line 8923, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction {
  position: relative;
  flex-direction: column;
  gap: 0.3rem;
  min-width: 0;
  min-height: clamp(64px, 17vw, 88px);
  justify-content: center;
  padding: 0.55rem;
  border-radius: 18px;
  border: 1.5px solid #e6e8e6;
  background: #f3f4f2;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
}
/* line 8937, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction:hover {
  transform: none;
  border-color: #b0daad;
  background: #f7fbf7;
}
/* line 8943, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction:active {
  transform: scale(0.96);
}
/* line 8947, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction.is-active {
  background: #eff7ee;
  border-color: #35ac2f;
  box-shadow: none;
}
/* line 8954, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction-emoji {
  font-size: clamp(34px, 9vw, 48px);
}
/* line 8958, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-kid-post-swiper .pt-post-reactions .pt-post-reaction-count {
  position: static;
  min-width: 0;
  height: auto;
  padding: 0.05rem 0.5rem;
  border-radius: 999px;
  background: rgba(53, 172, 47, 0.14);
  color: #35ac2f;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: center;
  box-shadow: none;
}

@media (max-width: 640px) {
  /* line 8975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-swiper {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  /* line 8980, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-card {
    border-radius: 16px;
    min-height: auto;
  }

  /* line 8985, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-swiper-stage {
    min-height: 0;
  }

  /* line 8989, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-media-empty {
    min-height: 11rem;
  }

  /* line 8993, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-nav {
    width: 3rem;
    height: 3rem;
  }

  /* line 8998, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-swiper .pt-post-reactions {
    gap: 0.5rem;
  }
}
@media (max-height: 760px) {
  /* line 9004, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-swiper-stage {
    min-height: 0;
  }

  /* line 9008, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-card {
    min-height: auto;
  }

  /* line 9012, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-kid-post-media-empty {
    min-height: 8rem;
  }
}
/* line 9021, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(480px, 100%), 1fr));
  gap: 1.25rem;
  align-items: stretch;
}

/* line 9031, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-item {
  display: flex;
  gap: 1.25rem;
  min-width: 0;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
/* line 9043, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-item[hidden] {
  display: none;
}
/* line 9045, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-item.is-highlighted {
  border-left: 4px solid #e7b842;
  box-shadow: 0 1px 2px rgba(231, 184, 66, 0.18);
}
@media (max-width: 600px) {
  /* line 9031, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-item {
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    position: relative;
  }
}

/* line 9058, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date {
  flex: 0 0 90px;
  text-align: center;
  padding: 0.75rem 0.5rem;
  border-radius: 8px;
  background: #f3f4f2;
  color: #0b2209;
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-self: flex-start;
}
/* line 9070, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date .pt-post-list-day {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
}
/* line 9076, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date .pt-post-list-month {
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  color: #546452;
}
/* line 9083, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date .pt-post-list-year {
  font-size: 0.8rem;
  color: #859184;
}
/* line 9088, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-0 {
  background: #fed8d9;
}
/* line 9088, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-0 .pt-post-list-day {
  color: #f70508;
}
/* line 9089, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-1 {
  background: #d3edd0;
}
/* line 9089, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-1 .pt-post-list-day {
  color: #409137;
}
/* line 9090, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-2 {
  background: #e0f4f8;
}
/* line 9090, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-2 .pt-post-list-day {
  color: #29a3c0;
}
/* line 9091, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-3 {
  background: #e6e8e6;
}
/* line 9091, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-3 .pt-post-list-day {
  color: #0b2209;
}
/* line 9092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-4 {
  background: #eddacb;
}
/* line 9092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-4 .pt-post-list-day {
  color: #a36939;
}
/* line 9093, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-5 {
  background: #fff3bb;
}
/* line 9093, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-5 .pt-post-list-day {
  color: #8c6f00;
}
/* line 9094, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-6 {
  background: #fee5ea;
}
/* line 9094, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-date.weekday-6 .pt-post-list-day {
  color: #c03956;
}
@media (max-width: 600px) {
  /* line 9058, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-date {
    flex: 0 0 auto;
    width: auto;
    margin-right: 5rem;
    max-width: 100%;
    flex-direction: row;
    align-items: baseline;
    gap: 0.35rem;
    padding: 0.45rem 0.65rem;
    border-radius: 999px;
    text-align: left;
  }
  /* line 9108, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-date .pt-post-list-day {
    font-size: 1.25rem;
  }
  /* line 9112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-date .pt-post-list-month,
  .pt-post-list-date .pt-post-list-year {
    font-size: 0.75rem;
    line-height: 1;
  }
}

/* line 9120, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  min-width: 0;
}

/* line 9128, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
/* line 9134, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-header .pt-post-list-title {
  flex: 1 1 auto;
  min-width: 0;
}
@media (max-width: 600px) {
  /* line 9128, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-header {
    align-items: flex-start;
    flex-wrap: nowrap;
  }
}

/* line 9142, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-actions {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: auto;
}
@media (max-width: 600px) {
  /* line 9142, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-post-list-actions {
    flex: 0 0 auto;
    align-self: flex-start;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}

/* line 9157, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action-form {
  display: inline;
  margin: 0;
  padding: 0;
}

/* line 9163, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  color: #859184;
  font-size: 1rem;
  line-height: 1;
  transition: background 0.12s ease, color 0.12s ease;
}
/* line 9179, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action:hover {
  background: #f3f4f2;
  color: #35ac2f;
}
/* line 9182, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action.is-on {
  color: #35ac2f;
}
/* line 9183, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action--star.is-on {
  color: #e7b842;
}
/* line 9184, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action--pin.is-on {
  color: #35ac2f;
  background: #f7fbf7;
}
/* line 9186, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action.is-readonly {
  cursor: default;
}
/* line 9186, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-action.is-readonly:hover {
  background: transparent;
}

/* line 9189, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* line 9201, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-title {
  font-family: "Catamaran", sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  color: #0b2209;
  text-decoration: none;
}
/* line 9208, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-title:hover {
  color: #35ac2f;
}

/* line 9213, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

/* line 9219, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumb {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 6px;
  overflow: hidden;
  background: #e6e8e6;
  position: relative;
}
/* line 9228, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 9235, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumb-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(11, 34, 9, 0.32);
  color: #fff;
  font-size: 1.4rem;
  pointer-events: none;
  transition: background 0.15s ease;
}
/* line 9247, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumb-play i.fa {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

/* line 9250, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-thumb.is-video:hover .pt-post-list-thumb-play {
  background: rgba(53, 172, 47, 0.45);
}

/* line 9254, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-audios,
.pt-post-list-documents {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/* line 9261, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-audio,
.pt-post-list-document {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 520px;
  padding: 8px 10px;
  border-radius: 6px;
  background: #f3f4f2;
}
/* line 9271, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-audio i.fa,
.pt-post-list-document i.fa {
  color: #fb7a43;
  flex: 0 0 auto;
}

/* line 9278, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-audio audio {
  min-width: 0;
  flex: 1 1 auto;
}

/* line 9284, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-audio-caption,
.pt-post-list-document span {
  color: #859184;
  font-size: 0.8rem;
}

/* line 9291, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-document a {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0b2209;
  font-weight: 600;
}

/* line 9302, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-excerpt {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-weight: 400;
  color: #546452;
  line-height: 1.5;
}

/* line 9310, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-meta {
  font-family: "Catamaran", sans-serif;
  font-weight: 400;
  font-size: 0.85rem;
  color: #859184;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* line 9321, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-note {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px dashed #e6e8e6;
}

/* line 9327, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-note-heading {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #546452;
  display: flex;
  gap: 6px;
  align-items: center;
}

/* line 9340, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-list-note-content {
  margin-top: 0.5rem;
}

/* line 9344, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
}

/* line 9351, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card-icon {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  object-fit: contain;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6e8e6;
  padding: 6px;
}

/* line 9362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-card-heading {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  flex: 1 1 auto;
}

/* line 9370, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-name {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0b2209;
}

/* line 9377, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-stats {
  font-size: 0.95rem;
  color: #546452;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

/* line 9386, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-divider {
  color: #ced3ce;
}

/* line 9390, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-thumbs {
  display: flex;
  gap: 6px;
}
/* line 9394, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-thumbs .pt-subject-thumb {
  width: 56px;
  height: 56px;
  border-radius: 6px;
  overflow: hidden;
  background: #e6e8e6;
  flex: 0 0 auto;
  position: relative;
}
/* line 9403, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-thumbs .pt-subject-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 9410, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-thumbs .pt-subject-thumb-play {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(11, 34, 9, 0.32);
  color: #fff;
  font-size: 0.95rem;
  pointer-events: none;
}
/* line 9421, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-thumbs .pt-subject-thumb-play i.fa {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
}

/* line 9425, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-section {
  border-top: 1px solid #e6e8e6;
  padding-top: 0.75rem;
}
/* line 9429, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-section h4 {
  margin: 0 0 0.5rem 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #546452;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* line 9439, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
/* line 9447, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights li {
  line-height: 1.4;
}
/* line 9451, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights .pt-highlight-link {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  text-decoration: none;
  color: #0b2209;
  padding: 2px 0;
  overflow: hidden;
}
/* line 9461, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights .pt-highlight-link:hover {
  color: #35ac2f;
}
/* line 9464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights .pt-highlight-link:hover .pt-highlight-title {
  text-decoration: underline;
}
/* line 9470, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights .pt-highlight-date {
  flex: 0 0 auto;
  font-size: 0.85rem;
  color: #859184;
  white-space: nowrap;
}
/* line 9477, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-highlights .pt-highlight-title {
  flex: 1 1 auto;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

/* line 9489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-section-highlights .pt-subject-section-body {
  min-height: calc(3 * 1.4em + 4px);
  display: flex;
  flex-direction: column;
}

/* line 9495, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-section-note .pt-subject-section-body {
  min-height: calc(3 * 1.4em);
  display: flex;
  flex-direction: column;
}

/* line 9501, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-empty-line {
  margin: 0;
  font-size: 0.95rem;
  color: #859184;
  font-style: italic;
}

/* line 9508, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-body {
  margin: 0 0 0.25rem 0;
  white-space: pre-wrap;
}

/* line 9513, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-meta {
  margin: 0;
  font-size: 0.85rem;
  color: #859184;
}

/* line 9519, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-form {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 9525, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-textarea {
  width: 100%;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  font-size: 0.95rem;
  resize: vertical;
  font-family: inherit;
}
/* line 9534, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-textarea:focus {
  outline: none;
  border-color: #35ac2f;
}

/* line 9540, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-translation-preview {
  margin: 0;
  padding: 0.5rem 0.75rem;
  border-left: 3px solid #35ac2f;
  background: #f3f4f2;
  border-radius: 6px;
  white-space: pre-wrap;
}

/* line 9549, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

/* line 9556, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-warning {
  margin: 0;
  padding: 0.5rem 0.75rem;
  background: #f8ebca;
  border: 1px solid #e7b842;
  border-radius: 6px;
  font-size: 0.85rem;
  color: #8c6f00;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
/* line 9568, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progress-note-warning i.fa {
  color: #8c6f00;
  margin-top: 2px;
}

/* line 9574, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
  padding-top: 0.5rem;
}

/* line 9583, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-highlight-toggle-form {
  display: inline;
  margin: 0;
  padding: 0;
}

/* line 9589, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-highlight-toggle {
  background: transparent;
  border: 0;
  padding: 4px 8px;
  cursor: pointer;
  color: #859184;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
/* line 9601, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-highlight-toggle.is-on {
  color: #e7b842;
}
/* line 9605, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-highlight-toggle:hover {
  color: #35ac2f;
}

/* line 9610, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-highlight-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #fdf3d6;
  color: #8a6a14;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 0.85rem;
  font-weight: 500;
  margin-left: 6px;
}

/* line 9624, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 1rem;
}

/* line 9630, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
/* line 9640, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card.is-failed {
  border-color: #f8dbe0;
  background: #fdf6f7;
}
/* line 9645, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card.is-pending, .pt-report-card.is-processing {
  border-style: dashed;
  border-color: #ced3ce;
}

/* line 9652, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

/* line 9659, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-size {
  color: #859184;
  font-size: 0.85rem;
  font-variant-numeric: tabular-nums;
}

/* line 9665, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 9667, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  color: #0b2209;
  line-height: 1.3;
}

/* line 9675, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-divider {
  margin: 0 4px;
  color: #ced3ce;
  font-weight: 400;
}

/* line 9681, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-qualifiers {
  margin: 0;
  font-size: 0.9rem;
  color: #546452;
}

/* line 9687, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.85rem;
  color: #859184;
}
/* line 9694, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
/* line 9700, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-meta i.fa {
  color: #ced3ce;
  font-size: 0.9em;
}

/* line 9706, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-error {
  background: #fbedef;
  color: #d73853;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.85rem;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
/* line 9716, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-error i.fa {
  margin-top: 2px;
}

/* line 9719, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: auto;
  padding-top: 0.5rem;
}

/* line 9728, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-progress {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #546452;
  font-size: 0.95rem;
}
/* line 9735, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-card-progress .fa-spinner {
  color: #35ac2f;
}

/* line 9738, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-danger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #db4d65;
  text-decoration: none;
  font-size: 0.95rem;
  background: transparent;
  border: 0;
  font-family: inherit;
  cursor: pointer;
  padding: 6px 4px;
  line-height: 1.4;
}
/* line 9752, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-danger:hover {
  color: #d42b48;
  text-decoration: underline;
  background: transparent;
}
/* line 9758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-link-danger:focus-visible {
  outline: 2px solid rgba(219, 77, 101, 0.35);
  outline-offset: 2px;
}

/* line 9764, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-status {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
}
/* line 9771, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-status.pt-status-pending, .pt-status.pt-status-processing {
  background: #e6e8e6;
  color: #546452;
}
/* line 9777, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-status.pt-status-completed {
  background: #eff7ee;
  color: #35ac2f;
}
/* line 9782, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-status.pt-status-failed {
  background: #fbedef;
  color: #db4d65;
}

/* line 9789, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-subject-hero-description {
  margin: 0;
  font-size: 1rem;
  color: #546452;
  max-width: 56ch;
}

/* line 9796, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-section-description {
  margin: -0.5rem 0 1rem 0;
  font-size: 0.95rem;
  color: #546452;
  max-width: 56ch;
}

/* line 9803, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-report-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  max-width: 640px;
}

/* line 9810, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-card {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 9820, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-label {
  font-weight: 600;
  color: #0b2209;
  font-size: 1rem;
}

/* line 9826, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-help {
  margin: 0;
  font-size: 0.9rem;
  color: #546452;
}

/* line 9832, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-sublabel {
  font-size: 0.8rem;
  color: #859184;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 4px;
  display: block;
}

/* line 9845, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.pt-form-input,
.pt-form-input {
  width: 100%;
  height: auto;
  line-height: 1.4;
  max-width: none;
  margin-bottom: 0;
  display: block;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  padding: 0.6rem 0.75rem;
  font-size: 1rem;
  font-family: inherit;
  background: #fff;
  color: #0b2209;
}
/* line 9862, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
input.pt-form-input:focus,
.pt-form-input:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
}

/* line 9872, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-input[type="date"]::-webkit-datetime-edit-text,
.pt-form-input[type="date"]::-webkit-datetime-edit-month-field,
.pt-form-input[type="date"]::-webkit-datetime-edit-day-field,
.pt-form-input[type="date"]::-webkit-datetime-edit-year-field {
  color: #ced3ce;
}

/* line 9878, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-input[type="date"]:focus::-webkit-datetime-edit-text,
.pt-form-input[type="date"]:focus::-webkit-datetime-edit-month-field,
.pt-form-input[type="date"]:focus::-webkit-datetime-edit-day-field,
.pt-form-input[type="date"]:focus::-webkit-datetime-edit-year-field,
.pt-form-input[type="date"].is-filled::-webkit-datetime-edit-text,
.pt-form-input[type="date"].is-filled::-webkit-datetime-edit-month-field,
.pt-form-input[type="date"].is-filled::-webkit-datetime-edit-day-field,
.pt-form-input[type="date"].is-filled::-webkit-datetime-edit-year-field {
  color: #0b2209;
}

/* line 9889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-row-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 480px) {
  /* line 9889, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-form-row-grid {
    grid-template-columns: 1fr;
  }
}

/* line 9899, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-field {
  display: flex;
  flex-direction: column;
}

/* line 9901, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-select-wrap {
  position: relative;
  display: block;
}

/* line 9906, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: auto;
  line-height: 1.4;
  max-width: none;
  margin-bottom: 0;
  display: block;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  padding: 0.6rem 2.5rem 0.6rem 0.75rem;
  font-size: 1rem;
  font-family: inherit;
  background: #fff;
  color: #0b2209;
  cursor: pointer;
}
/* line 9926, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-select:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
}

/* line 9933, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-select-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #859184;
  font-size: 0.8rem;
}

/* line 9943, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1rem 1.25rem;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
/* line 9954, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle:hover {
  border-color: #b0daad;
}
/* line 9956, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle:has(.pt-form-toggle-input:checked) {
  border-color: #35ac2f;
  background: #f7fbf7;
}

/* line 9962, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* line 9968, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-track {
  width: 44px;
  height: 24px;
  background: #ced3ce;
  border: 1px solid #bec5be;
  border-radius: 999px;
  flex: 0 0 44px;
  position: relative;
  margin-top: 2px;
  transition: background 0.15s ease, border-color 0.15s ease;
}
/* line 9979, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-track .pt-form-toggle-thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease;
}

/* line 9992, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle:has(.pt-form-toggle-input:checked) .pt-form-toggle-track {
  background: #35ac2f;
  border-color: #2e9428;
}
/* line 9996, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle:has(.pt-form-toggle-input:checked) .pt-form-toggle-track .pt-form-toggle-thumb {
  transform: translateX(20px);
}

/* line 9999, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

/* line 10006, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-title {
  font-weight: 600;
  color: #0b2209;
}

/* line 10011, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-toggle-help {
  font-size: 0.9rem;
  color: #546452;
}

/* line 10016, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-form-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  margin-top: 0.5rem;
}

/* line 10024, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 12px;
  margin-bottom: 0.5rem;
}

/* line 10031, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-card {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 1rem 1.25rem;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  text-decoration: none;
  color: #0b2209;
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}
/* line 10043, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-card:hover {
  border-color: #35ac2f;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(53, 172, 47, 0.1);
  text-decoration: none;
}

/* line 10051, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #eff7ee;
  color: #35ac2f;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex: 0 0 42px;
}

/* line 10064, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}

/* line 10071, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-title {
  font-weight: 600;
  color: #0b2209;
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 10080, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-subtitle {
  font-size: 0.85rem;
  color: #859184;
}

/* line 10085, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-export-launcher-chevron {
  color: #ced3ce;
  font-size: 0.9rem;
}

/* Development plans (Utvecklingsplan) */
/* line 10092, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-page-heading {
  margin-bottom: 1.5rem;
}
/* line 10095, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-page-heading h1 {
  margin: 0 0 0.35rem;
  font-family: "Bitter", Georgia, serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.15;
  color: #0b2209;
  word-break: break-word;
}
@media (max-width: 768px) {
  /* line 10095, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .dp-page-heading h1 {
    font-size: 2rem;
  }
}
/* line 10109, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-page-heading p {
  margin: 0;
  color: #546452;
  font-size: 1rem;
  line-height: 1.5;
  max-width: 60ch;
}

/* line 10118, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.85rem;
  padding: 3rem 1.5rem;
  background: #f7fbf7;
  border: 1px dashed #b0daad;
  border-radius: 14px;
}

/* line 10130, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state-icon {
  font-size: 2.6rem;
  color: #35ac2f;
  opacity: 0.85;
}

/* line 10136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state-heading {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-weight: 400;
  font-size: 1.9rem;
  color: #0b2209;
}
@media (max-width: 768px) {
  /* line 10136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .dp-empty-state-heading {
    font-size: 1.5rem;
  }
}

/* line 10148, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state-archive-link {
  margin-top: 0.25rem;
}

/* line 10152, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state-description {
  margin: 0 auto;
  max-width: 38em;
  color: #546452;
  line-height: 1.5;
}

/* line 10159, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-state-cta {
  margin-top: 0.5rem;
}

/* line 10163, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  background: #eff7ee;
  border: 1px solid #b0daad;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}
/* line 10175, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary.is-archived {
  background: #f3f4f2;
  border-color: #ced3ce;
}

/* line 10181, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-head {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

/* line 10187, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #35ac2f;
}

/* line 10198, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-title {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0b2209;
}

/* line 10206, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-period {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #546452;
  font-size: 0.95rem;
}

/* line 10214, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-period-arrow {
  color: #859184;
}

/* line 10218, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  align-items: center;
}
/* line 10224, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-summary-actions .pt-link-as-button {
  padding: 6px 4px;
  gap: 6px;
  font-size: 0.95rem;
  line-height: 1.4;
}

/* line 10232, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 10238, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-errors {
  background: #fff4f4;
  border: 1px solid #f4caca;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  color: #a23b3b;
}
/* line 10245, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-errors ul {
  margin: 0;
  padding-left: 1.2rem;
}

/* line 10251, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
}

/* line 10258, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step-header {
  display: flex;
  gap: 0.85rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

/* line 10265, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step-number {
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: #35ac2f;
  color: white;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 10278, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step-title {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  color: #0b2209;
}

/* line 10286, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step-hint {
  margin: 0.15rem 0 0;
  color: #546452;
  font-size: 0.9rem;
}

/* line 10292, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-step-body {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* line 10298, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

/* line 10304, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  min-width: 12rem;
}

/* line 10311, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-label {
  font-weight: 600;
  color: #0b2209;
  font-size: 0.95rem;
}

/* line 10317, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-static {
  margin: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #546452;
}

/* line 10325, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-static-note {
  color: #859184;
  font-size: 0.85rem;
}

/* line 10330, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-input,
.dp-field-textarea {
  border: 1px solid #ced3ce;
  border-radius: 8px;
  padding: 0.55rem 0.75rem;
  font: inherit;
  width: 100%;
  background: white;
}
/* line 10339, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-input:focus,
.dp-field-textarea:focus {
  outline: none;
  border-color: #35ac2f;
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.15);
}

/* line 10346, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-field-textarea {
  resize: vertical;
}

/* line 10350, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 0.5rem;
}

/* line 10356, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  cursor: pointer;
  background: white;
  transition: border-color 120ms ease, background 120ms ease;
}
/* line 10367, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row:hover {
  border-color: #b0daad;
}
/* line 10371, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row.is-on {
  border-color: #35ac2f;
  background: #f7fbf7;
}
/* line 10376, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row input[type='checkbox'] {
  accent-color: #35ac2f;
  transform: scale(1.1);
}

/* line 10382, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row-name {
  color: #0b2209;
  font-weight: 500;
}

/* line 10387, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 0.5rem;
}

/* line 10393, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option {
  display: flex;
  align-items: center;
  gap: 0.55rem;
  padding: 0.65rem 0.85rem;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: white;
  cursor: pointer;
}
/* line 10403, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option.is-on {
  border-color: #35ac2f;
  background: #f7fbf7;
}
/* line 10408, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option input[type='checkbox'] {
  accent-color: #35ac2f;
  transform: scale(1.1);
}

/* line 10414, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option-emoji {
  font-size: 1.35rem;
  line-height: 1;
}

/* line 10419, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-reaction-option-label {
  color: #0b2209;
  font-weight: 500;
}

/* line 10424, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-goal-block {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 1.1rem;
  margin-bottom: 1rem;
  border: 1px solid #e6e8e6;
  border-radius: 12px;
  background: white;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}
/* line 10435, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-goal-block:last-child {
  margin-bottom: 0;
}
/* line 10437, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-goal-block > .dp-field-label {
  font-size: 1.05rem;
  font-weight: 600;
  color: #0b2209;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #e6e8e6;
  margin-bottom: 0.25rem;
}

/* line 10447, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-goal-block[hidden] {
  display: none;
}

/* line 10451, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skills-section {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 10458, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skills-header {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

/* line 10464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skills-title {
  font-weight: 600;
  color: #546452;
}

/* line 10469, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skills-hint {
  color: #859184;
  font-size: 0.85rem;
}

/* line 10474, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-list {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

/* line 10480, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "name remove";
  align-items: start;
  gap: 0.6rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
}
/* line 10491, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-row .dp-skill-name-cell {
  grid-area: name;
}
/* line 10492, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-row .dp-skill-remove {
  grid-area: remove;
}

/* line 10495, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-row[hidden] {
  display: none;
}

/* line 10499, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-name-cell {
  min-width: 0;
}

/* line 10503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-name {
  width: 100%;
}

/* line 10507, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-level-label {
  font-size: 0.75rem;
  color: #859184;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

/* line 10514, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-picker {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
}

/* line 10521, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-option {
  display: grid;
  grid-template-columns: auto auto minmax(0, 1fr);
  align-items: flex-start;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}
/* line 10532, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-option input {
  margin-top: 4px;
}
/* line 10536, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-option:has(input:checked) {
  border-color: #35ac2f;
  background: #f7fbf7;
}

/* line 10542, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-marker,
.pt-assessment-level-badge-position {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #35ac2f;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 700;
}

/* line 10557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-copy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2px;
  min-width: 0;
}

/* line 10564, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-label {
  color: #0b2209;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1.25;
}

/* line 10571, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-description {
  color: #859184;
  font-size: 0.85rem;
  line-height: 1.3;
}

/* line 10577, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  color: #0b2209;
  font-size: 0.9rem;
}

/* line 10586, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-level-badge-label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 10592, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-width: 760px;
}

/* line 10599, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-editor {
  max-width: 760px;
}

/* line 10603, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-summary {
  display: inline-block;
  padding: 8px 24px;
  border: 2px solid #35ac2f;
  border-radius: 8px;
  background: #fff;
  color: #35ac2f;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
  line-height: 34px;
  width: fit-content;
  list-style: none;
  transition: all 0.2s ease-in-out;
}
/* line 10618, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-summary::-webkit-details-marker {
  display: none;
}
/* line 10622, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-summary:hover, .pt-assessment-scale-summary:active {
  background-color: #dff0de;
  transition: all 0.2s ease-in-out;
}

/* line 10629, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-warning {
  margin: 18px 0;
  padding: 14px 16px;
  border: 1px solid #fdbda1;
  border-radius: 8px;
  background: #fff1ec;
  color: #0b2209;
}
/* line 10637, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-warning p {
  margin: 4px 0 0;
  color: #546452;
  line-height: 1.4;
}

/* line 10644, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-confirm {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: #546452;
  font-size: 0.95rem;
  line-height: 1.35;
}
/* line 10652, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-confirm input {
  flex: 0 0 auto;
  margin-top: 3px;
}

/* line 10658, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-levels {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* line 10664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-level-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

/* line 10670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-assessment-scale-level-fields {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(220px, 1.4fr);
  gap: 8px;
  flex: 1 1 auto;
}
@media (max-width: 640px) {
  /* line 10670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-assessment-scale-level-fields {
    grid-template-columns: 1fr;
  }
}

/* line 10681, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-wizard {
  max-width: 1080px;
}

/* line 10685, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

/* line 10691, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

/* line 10697, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step-header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}

/* line 10703, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step-titles {
  flex: 1 1 auto;
  min-width: 0;
}
/* line 10707, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step-titles h2 {
  margin: 0 0 0.25rem;
  font-family: Bitter, serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.15;
  color: #0b2209;
}
@media (max-width: 768px) {
  /* line 10707, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-setup-step-titles h2 {
    font-size: 1.6rem;
  }
}

/* line 10721, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step-help {
  margin: 0;
  color: #546452;
  font-size: 1rem;
  line-height: 1.45;
}

/* line 10728, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-step-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #35ac2f;
  color: #fff;
  font-size: 1.15rem;
  font-weight: 700;
  font-family: Bitter, serif;
  margin-top: 4px;
}

/* line 10744, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-grid {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 10750, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card {
  display: flex;
  flex-direction: column;
  padding: 0.9rem 1.25rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: #fefefe;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
/* line 10760, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card .pt-setup-progression-name {
  color: #859184;
}
/* line 10764, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card .pt-setup-progression-card-body {
  display: none;
}
/* line 10768, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card .pt-setup-progression-card-head {
  padding-bottom: 0;
  border-bottom: 0;
}
/* line 10773, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card:has(.pt-setup-progression-toggle-input:checked) {
  background: #fff;
  border-color: rgba(53, 172, 47, 0.45);
  padding-bottom: 1.1rem;
}
/* line 10778, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card:has(.pt-setup-progression-toggle-input:checked) .pt-setup-progression-name {
  color: #0b2209;
}
/* line 10782, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card:has(.pt-setup-progression-toggle-input:checked) .pt-setup-progression-card-body {
  display: flex;
}
/* line 10786, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card:has(.pt-setup-progression-toggle-input:checked) .pt-setup-progression-card-head {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid #e6e8e6;
}

/* line 10793, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card-head {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 44px;
}

/* line 10800, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-name {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  max-width: 520px;
}

/* line 10807, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  cursor: pointer;
  user-select: none;
  flex: 0 0 auto;
}

/* line 10817, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

/* line 10830, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-track {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 22px;
  background: #ced3ce;
  border: 1px solid #bec5be;
  border-radius: 999px;
  flex: 0 0 38px;
  transition: background 0.15s ease, border-color 0.15s ease;
}

/* line 10842, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.15s ease;
}

/* line 10854, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-input:checked ~ .pt-setup-progression-toggle-track {
  background: #35ac2f;
  border-color: #2e9428;
}
/* line 10858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-input:checked ~ .pt-setup-progression-toggle-track .pt-setup-progression-toggle-thumb {
  transform: translateX(16px);
}

/* line 10863, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-input:focus-visible ~ .pt-setup-progression-toggle-track {
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.25);
}

/* line 10867, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-toggle-text {
  font-size: 0.85rem;
  font-weight: 600;
  color: #546452;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* line 10875, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-progression-card-body {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  padding-top: 0.85rem;
}

/* line 10882, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}

/* line 10888, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip {
  display: inline-flex;
  align-items: center;
  margin: 0;
  cursor: pointer;
  user-select: none;
  position: relative;
}
/* line 10896, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip input[type="checkbox"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
/* line 10909, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip span {
  display: inline-flex;
  align-items: center;
  padding: 0.3rem 0.7rem;
  border: 1px solid #e6e8e6;
  border-radius: 999px;
  background: #fff;
  color: #546452;
  font-size: 0.85rem;
  line-height: 1.2;
  transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
/* line 10922, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip:hover span {
  border-color: rgba(53, 172, 47, 0.55);
  color: #0b2209;
}
/* line 10927, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip input:checked + span {
  background: #35ac2f;
  border-color: #35ac2f;
  color: #fff;
}
/* line 10933, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-tag-chip input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(53, 172, 47, 0.25);
}

/* line 10938, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-new-tags {
  font-size: 0.9rem;
}

/* line 10942, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-scale {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.25rem 1.5rem 1.5rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* line 10953, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-scale-name {
  max-width: 420px;
}

/* line 10957, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-scale-levels {
  gap: 0.6rem;
}

/* line 10961, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-top: 1.25rem;
  border-top: 2px solid #e6e8e6;
}
@media (max-width: 560px) {
  /* line 10961, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-setup-actions {
    flex-direction: column-reverse;
    align-items: stretch;
  }
  /* line 10973, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-setup-actions .pt-setup-submit {
    width: 100%;
    justify-content: center;
  }
  /* line 10978, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-setup-actions .pt-setup-cancel {
    text-align: center;
  }
}

/* line 10984, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-cancel {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
}

/* line 10990, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-setup-submit {
  font-size: 1rem;
}

/* line 10994, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-remove {
  background: transparent;
  border: 0;
  color: #859184;
  cursor: pointer;
  padding: 0.4rem;
  border-radius: 6px;
}
/* line 11002, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-skill-remove:hover {
  color: #c0392b;
  background: #fefefe;
}

/* line 11008, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-add-skill {
  align-self: flex-start;
}

/* line 11012, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-panel {
  margin: 1rem 0 1.5rem;
  padding: 1rem 1.1rem;
  border-radius: 12px;
  background: white;
  border: 1px solid #e6e8e6;
}

/* line 11020, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-panel-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 1.6rem;
  color: #546452;
}
/* line 11027, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-panel-header i {
  color: #35ac2f;
}

/* line 11030, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-panel-heading {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
}

/* line 11037, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-panel-content {
  margin-top: 0.75rem;
}

/* line 11041, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skills-empty {
  margin: 0;
  color: #859184;
  font-size: 0.9rem;
}

/* line 11047, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
  align-items: stretch;
  gap: 0.6rem;
}
/* line 11056, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list > li {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
/* line 11062, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list > li > .pt-skill-chip {
  flex: 1 1 auto;
  height: 100%;
}
/* line 11068, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list > li:has(.pt-skill-chip.is-editing) {
  grid-column: 1 / -1;
}

/* line 11073, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list-add {
  grid-column: 1 / -1;
}
/* line 11076, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list-add .pt-skill-new {
  margin-top: 0;
}
/* line 11078, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-list-add .pt-skill-new-toggle {
  padding: 0.3rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.25;
}

/* line 11088, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-ratings {
  margin: 0.75rem 0 0;
  padding: 0.75rem 0 0;
  border-top: 1px dashed #e6e8e6;
}

/* line 11094, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-ratings-heading {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #859184;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
/* line 11105, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-ratings-heading i {
  color: #35ac2f;
}

/* line 11108, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-ratings-content {
  margin-top: 0.5rem;
}

/* line 11112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.5rem;
}

/* line 11122, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-list-add {
  align-self: flex-start;
}

/* line 11126, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-chip {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  border-radius: 12px;
  padding: 0.55rem 0.75rem;
  border: 1px solid #e6e8e6;
}

/* line 11135, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-chip-name {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 500;
  color: #0b2209;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

/* line 11144, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-chip .pt-assessment-level-badge {
  flex: 0 0 auto;
  gap: 0;
}

/* line 11149, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-chip .pt-assessment-level-badge-label {
  display: none;
}

/* line 11153, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-chip .pt-level-stars,
.pt-post-skill-remove-form {
  align-self: flex-start;
  margin-top: 0.15rem;
}

/* line 11159, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-remove-form {
  display: inline;
  margin: 0;
}

/* line 11164, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-remove {
  background: transparent;
  border: 0;
  padding: 0 0.1rem;
  cursor: pointer;
  color: #859184;
  font-size: 0.85rem;
}
/* line 11172, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-remove:hover {
  color: #c0392b;
}

/* line 11175, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-new-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  padding: 0.3rem 0.75rem;
  font-size: 0.85rem;
  line-height: 1.25;
}

/* line 11185, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form-wrap {
  margin-top: 0.75rem;
}
/* line 11188, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form-wrap[hidden] {
  display: none;
}

/* line 11191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form {
  margin: 0;
  padding: 0.75rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 11202, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

/* line 11209, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form-label {
  font-size: 0.85rem;
  color: #546452;
  min-width: 6rem;
}

/* line 11215, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-select {
  flex: 1 1 12rem;
  min-width: 0;
  padding: 0.4rem 0.6rem;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  background: white;
  color: #0b2209;
  font-size: 0.95rem;
}

/* line 11226, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-post-skill-form-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 11232, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip {
  display: block;
  border-radius: 12px;
  padding: 0.6rem 0.75rem;
  background: #fefefe;
  border: 1px solid #e6e8e6;
  transition: background 120ms ease, border-color 120ms ease;
}
/* line 11240, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip.is-editing {
  background: white;
  max-width: 480px;
}
@media (max-width: 600px) {
  /* line 11240, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .pt-skill-chip.is-editing {
    max-width: none;
  }
}

/* line 11250, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-display[hidden],
.pt-skill-chip-form[hidden],
.pt-skill-new-form[hidden] {
  display: none !important;
}

/* line 11256, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-0 {
  background: #e2e5e2;
}

/* line 11257, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-1 {
  background: #d0f2cf;
}

/* line 11258, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-2 {
  background: #b5eab3;
}

/* line 11259, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-3 {
  background: #96e193;
}

/* line 11260, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-4 {
  background: #77d973;
}

/* line 11261, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip--level-5 {
  background: #59d053;
}

/* line 11263, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-display {
  display: flex;
  align-items: flex-start;
  gap: 0.6rem;
  flex-wrap: wrap;
}

/* line 11270, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline {
  position: relative;
  flex-basis: 100%;
  width: 100%;
  height: 72px;
  margin-top: 0.55rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  overflow: hidden;
}

/* line 11281, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline--large {
  height: clamp(260px, 38vw, 420px);
  margin-top: 0;
  border: 1px solid #e6e8e6;
  background: linear-gradient(180deg, #fff 0%, #fefefe 100%);
}
/* line 11287, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline--large .pt-skill-sparkline-gridline {
  left: 1%;
  right: 1%;
  background: rgba(0, 0, 0, 0.07);
}
/* line 11293, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline--large .pt-skill-sparkline-line polyline {
  stroke-width: 3;
  stroke-opacity: 0.75;
}
/* line 11298, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline--large .pt-skill-spark-dot {
  width: 18px;
  height: 18px;
  box-shadow: 0 0 0 3px white, 0 2px 5px rgba(0, 0, 0, 0.18);
}
/* line 11303, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline--large .pt-skill-spark-dot.is-highlight {
  width: 22px;
  height: 22px;
  box-shadow: 0 0 0 3px white, 0 0 0 5px #35ac2f, 0 2px 6px rgba(0, 0, 0, 0.22);
}

/* line 11311, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline-grid {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* line 11317, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline-gridline {
  position: absolute;
  left: 1.5%;
  right: 1.5%;
  height: 1px;
  background: rgba(0, 0, 0, 0.05);
  transform: translateY(-0.5px);
}

/* line 11326, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline-line {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* line 11333, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-sparkline-line polyline {
  fill: none;
  stroke: #35ac2f;
  stroke-width: 1.5;
  stroke-opacity: 0.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

/* line 11344, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #35ac2f;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0 2px white;
}
/* line 11353, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot.is-highlight {
  width: 16px;
  height: 16px;
  box-shadow: 0 0 0 2.5px white, 0 0 0 4px #35ac2f;
  z-index: 2;
}

/* line 11361, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot--level-1 {
  background: #96e193;
}

/* line 11362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot--level-2 {
  background: #70d66b;
}

/* line 11363, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot--level-3 {
  background: #49cb43;
}

/* line 11364, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot--level-4 {
  background: #35ac2f;
}

/* line 11365, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-spark-dot--level-5 {
  background: #267c22;
}

/* line 11367, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-compare-skills {
  margin-bottom: 1.25rem;
}

/* line 11371, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-name {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 500;
  color: #0b2209;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

/* line 11380, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-name-link {
  text-decoration: none;
}
/* line 11383, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-name-link:hover {
  color: #35ac2f;
  text-decoration: underline;
}

/* line 11389, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-detail-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
/* line 11396, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-detail-head .pt-section-heading {
  margin-bottom: 0;
}

/* line 11401, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-post-list {
  grid-template-columns: 1fr;
}

/* line 11405, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-display > .pt-level-stars,
.pt-skill-chip-display > .pt-skill-chip-delta,
.pt-skill-chip-display > .pt-skill-chip-edit {
  align-self: flex-start;
  margin-top: 0.15rem;
  flex-shrink: 0;
}

/* line 11413, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-level {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  background: white;
  font-weight: 700;
  color: #546452;
  font-size: 0.85rem;
  padding: 0 0.3rem;
}

/* line 11429, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-level-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 0.8rem;
  line-height: 1;
}
/* line 11436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-level-stars .fa {
  color: #ced3ce;
}
/* line 11437, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-level-stars .is-filled {
  color: #e7b842;
}

/* line 11440, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-delta {
  display: inline-flex;
  align-items: center;
  gap: 0.15rem;
  font-size: 0.8rem;
  font-weight: 600;
}

/* line 11448, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-delta--up {
  color: #35ac2f;
}

/* line 11449, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-delta--down {
  color: #c0392b;
}

/* line 11450, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-delta--same {
  color: #859184;
}

/* line 11452, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-edit {
  background: transparent;
  border: 0;
  color: #859184;
  cursor: pointer;
  padding: 0.2rem;
  border-radius: 4px;
}
/* line 11460, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-edit:hover {
  color: #35ac2f;
}

/* line 11463, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-chip-form {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 11470, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-form-row {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
/* line 11476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-form-row .dp-field-input {
  flex: 1 1 12rem;
  min-width: 0;
}

/* line 11479, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-form-actions {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

/* line 11485, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-delete-form {
  display: inline;
}

/* line 11489, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-new {
  margin-top: 0.25rem;
}

/* line 11493, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-new-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  cursor: pointer;
  list-style: none;
}
/* line 11500, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-new-toggle::-webkit-details-marker {
  display: none;
}

/* line 11503, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-skill-new-form {
  margin-top: 0.5rem;
  padding: 0.75rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* line 11514, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-empty-line {
  margin: 0;
  color: #859184;
  font-size: 0.9rem;
}

/* line 11520, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-wizard-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding-top: 0.5rem;
}

/* line 11528, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

/* line 11537, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
}
/* line 11542, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item.is-active {
  border-color: #b0daad;
  background: #f7fbf7;
}

/* line 11548, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item-link {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem 1rem;
  padding: 0.85rem 1rem;
  text-decoration: none;
  color: #0b2209;
}
/* line 11557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item-link:hover {
  background: #f3f4f2;
}

/* line 11562, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item-period {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 500;
}

/* line 11569, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-badge {
  display: inline-flex;
  padding: 0.15rem 0.55rem;
  border-radius: 999px;
  background: #e6e8e6;
  color: #546452;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
/* line 11579, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-badge.is-active {
  background: #35ac2f;
  color: white;
}

/* line 11585, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-archive-item-meta {
  margin-left: auto;
  color: #546452;
  font-size: 0.9rem;
}

/* line 11591, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

/* line 11600, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject {
  background: #fefefe;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  padding: 1rem 1.25rem;
}

/* line 11607, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-heading {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin: 0 0 0.35rem;
}

/* line 11614, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-icon {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e6e8e6;
  padding: 3px;
}

/* line 11625, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-name {
  margin: 0;
  font-family: "Catamaran", sans-serif;
  font-weight: 600;
  font-size: 1.15rem;
  color: #0b2209;
}

/* line 11633, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-subject-row-icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  object-fit: contain;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #e6e8e6;
  padding: 2px;
}

/* line 11644, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-goal {
  margin: 0;
  color: #546452;
  white-space: pre-wrap;
}

/* line 11650, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.dp-show-subject-goal-empty {
  margin: 0;
  color: #859184;
  font-style: italic;
}

/* line 11656, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.pt-progression-goal-period {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  color: #859184;
  font-size: 0.85rem;
}

/* line 11670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-administration {
  min-height: 100vh;
  margin: 0;
  background: #f3f4f2;
  color: #0b2209;
  font-family: "Catamaran", sans-serif;
}

/* line 11678, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-header {
  background: #257821;
  border-bottom: 1px solid rgba(11, 34, 9, 0.12);
  box-shadow: 0 4px 18px rgba(11, 34, 9, 0.12);
}

/* line 11684, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-skip-link {
  position: fixed;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 1000;
  padding: 0.65rem 0.9rem;
  border-radius: 4px;
  background: white;
  color: #0b2209;
  font-weight: 700;
  transform: translateY(-200%);
}
/* line 11696, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-skip-link:focus {
  color: #0b2209;
  transform: none;
}

/* line 11702, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-header__inner {
  width: min(1440px, calc(100% - 48px));
  min-height: 72px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

/* line 11712, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-brand {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  color: white;
  text-decoration: none;
}
/* line 11720, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-brand:link, .organisation-admin-brand:visited, .organisation-admin-brand:hover, .organisation-admin-brand:active {
  color: white;
  text-decoration: none;
}
/* line 11728, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-brand img {
  width: auto;
  height: 50px;
}
/* line 11733, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-brand span {
  padding-left: 1rem;
  border-left: 1px solid rgba(255, 255, 255, 0.45);
  font-family: "Bitter", Georgia, serif;
  font-size: 1.15rem;
}

/* line 11741, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-nav {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: white;
}
/* line 11747, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-nav > a {
  color: white;
  font-weight: 600;
  text-decoration: none;
}
/* line 11752, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-nav > a:hover, .organisation-admin-nav > a:focus {
  color: white;
  text-decoration: underline;
}
/* line 11759, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-nav form {
  margin: 0;
}

/* line 11764, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-user {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 1.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.35);
}

/* line 11772, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-logout {
  padding: 0.55rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 4px;
  background: transparent;
  color: white;
  font: inherit;
  font-weight: 600;
}
/* line 11781, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-logout:hover, .organisation-admin-logout:focus {
  background: white;
  color: #0b2209;
}

/* line 11788, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-main {
  width: min(1440px, calc(100% - 48px));
  margin: 0 auto;
  padding: 4rem 0 6rem;
}

/* line 11794, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-page-heading {
  margin-bottom: 3rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
}
/* line 11801, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-page-heading h1 {
  margin: 0 0 0.5rem;
  color: #0b2209;
  font-family: "Bitter", Georgia, serif;
  font-size: clamp(2.5rem, 5vw, 4.75rem);
  font-weight: 500;
  letter-spacing: -0.04em;
}
/* line 11810, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-page-heading p:not(.organisation-eyebrow) {
  max-width: 760px;
  margin: 0;
  color: #546452;
  font-size: 1.15rem;
}

/* line 11818, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-page-heading--compact {
  align-items: center;
}
/* line 11821, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-page-heading--compact h1 {
  font-size: clamp(2.4rem, 4vw, 4rem);
}

/* line 11826, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-heading-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.75rem;
}

/* line 11834, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-eyebrow {
  margin: 0 0 0.45rem;
  color: #257821;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* line 11843, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-breadcrumbs {
  margin-bottom: 1.25rem;
}
/* line 11846, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-breadcrumbs ol {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
  list-style: none;
}
/* line 11855, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-breadcrumbs li:not(:last-child)::after {
  margin-left: 0.35rem;
  color: #546452;
  content: '/';
}
/* line 11861, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-breadcrumbs a,
.organisation-breadcrumbs a:visited {
  color: #546452;
}
/* line 11866, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-breadcrumbs [aria-current='page'] {
  font-weight: 700;
}

/* line 11871, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  color: #546452;
  font-weight: 600;
}
/* line 11879, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-back-link:visited {
  color: #546452;
}

/* line 11884, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-primary-button,
.organisation-secondary-button,
.organisation-text-button,
.organisation-small-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.65rem;
  border-radius: 4px;
  font-family: "Catamaran", sans-serif;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

/* line 11899, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-primary-button {
  min-height: 52px;
  padding: 0.85rem 1.35rem;
  border: 1px solid #257821;
  background: #257821;
  color: white;
}
/* line 11906, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-primary-button:link, .organisation-primary-button:visited, .organisation-primary-button:hover, .organisation-primary-button:active {
  color: white;
  text-decoration: none;
}
/* line 11914, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-primary-button:hover, .organisation-primary-button:focus {
  background: #1e601a;
}

/* line 11920, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-secondary-button {
  min-height: 48px;
  padding: 0.75rem 1.2rem;
  border: 1px solid #257821;
  background: white;
  color: #0b2209;
}
/* line 11927, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-secondary-button:link, .organisation-secondary-button:visited {
  color: #0b2209;
}
/* line 11932, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-secondary-button:hover, .organisation-secondary-button:focus {
  background: #eff7ee;
  color: #0b2209;
  text-decoration: none;
}

/* line 11940, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-text-button {
  min-height: 48px;
  padding: 0.75rem 1rem;
  color: #546452;
}
/* line 11945, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-text-button:visited {
  color: #546452;
}

/* line 11950, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1.25rem;
}

/* line 11956, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-directory-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

/* line 11963, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-main .pagination {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
/* line 11969, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-main .pagination span {
  min-width: 40px;
  padding: 0.5rem 0.75rem;
  display: inline-flex;
  justify-content: center;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: white;
}
/* line 11978, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-main .pagination span a {
  color: #0b2209;
  text-decoration: none;
}
/* line 11983, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-admin-main .pagination span.current {
  border-color: #257821;
  color: #257821;
  font-weight: 700;
}

/* line 11991, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card {
  min-height: 112px;
  padding: 1.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 1.25rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 8px 28px rgba(11, 34, 9, 0.06);
  color: #0b2209;
  text-decoration: none;
  transition: transform 120ms ease, box-shadow 120ms ease;
}
/* line 12006, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card:link, .organisation-entry-card:visited {
  color: #0b2209;
}
/* line 12011, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card:hover, .organisation-entry-card:focus {
  color: #0b2209;
  text-decoration: none;
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(11, 34, 9, 0.1);
}
/* line 12019, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card strong,
.organisation-entry-card small {
  display: block;
}
/* line 12024, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card strong {
  font-family: "Bitter", Georgia, serif;
  font-size: 1.4rem;
}
/* line 12029, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card small {
  margin-top: 0.2rem;
  color: #546452;
}

/* line 12035, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__icon,
.organisation-node-icon,
.organisation-school-icon,
.organisation-user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eff7ee;
  color: #257821;
}

/* line 12047, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__icon {
  width: 54px;
  height: 54px;
  font-size: 1.35rem;
}

/* line 12053, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__content {
  min-width: 0;
}

/* line 12057, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__licensing {
  margin-top: 0.9rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.35rem 0.65rem;
}
/* line 12064, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__licensing > span {
  color: #546452;
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
/* line 12072, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__licensing b {
  font-size: 1rem;
}
/* line 12076, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card__licensing em {
  padding: 0.2rem 0.45rem;
  border-radius: 999px;
  background: #fff3f2;
  color: #b33a2e;
  font-size: 0.78rem;
  font-style: normal;
  font-weight: 700;
}

/* line 12087, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-entry-card--overage {
  border-color: #b33a2e;
}

/* line 12091, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-empty-state {
  padding: 5rem 2rem;
  border: 1px dashed #ced3ce;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.65);
  text-align: center;
}
/* line 12098, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-empty-state > i {
  color: #257821;
  font-size: 3rem;
}
/* line 12103, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-empty-state h2 {
  margin-bottom: 0.3rem;
  font-family: "Bitter", Georgia, serif;
}
/* line 12108, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-empty-state p {
  color: #546452;
}

/* line 12113, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-licensing-notice {
  margin-bottom: 1.5rem;
  padding: 1.25rem 1.4rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  border: 1px solid #f0d6a5;
  border-radius: 8px;
  background: #fff9ee;
  color: #5d461f;
}
/* line 12124, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-licensing-notice > i {
  margin-top: 0.2rem;
  color: #c58217;
  font-size: 1.25rem;
}
/* line 12130, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-licensing-notice strong,
.organisation-licensing-notice p {
  display: block;
}
/* line 12135, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-licensing-notice p {
  max-width: 980px;
  margin: 0.3rem 0 0;
}

/* line 12141, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-grid {
  margin-bottom: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

/* line 12148, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card {
  min-height: 116px;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: white;
}
/* line 12158, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card span {
  color: #546452;
  font-size: 0.9rem;
  font-weight: 600;
  text-transform: uppercase;
}
/* line 12165, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card strong {
  font-family: "Bitter", Georgia, serif;
  font-size: 2.35rem;
  font-weight: 500;
}
/* line 12171, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card > small {
  color: #546452;
  font-size: 0.78rem;
}

/* line 12177, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card--pending {
  background: repeating-linear-gradient(-45deg, white, white 8px, #f3f4f2 8px, #f3f4f2 16px);
}
/* line 12180, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card--pending strong {
  color: #546452;
}
/* line 12184, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card--pending .organisation-pending-value {
  font-family: "Catamaran", sans-serif;
  font-size: 1rem;
  font-weight: 700;
}

/* line 12191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-panel {
  padding: 1.25rem;
  border: 1px solid #e6e8e6;
  border-radius: 12px;
  background: white;
  box-shadow: 0 8px 32px rgba(11, 34, 9, 0.05);
  overflow-x: auto;
}

/* line 12200, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-legend {
  padding: 0.25rem 0.25rem 1rem;
  display: flex;
  justify-content: flex-end;
  gap: 1.25rem;
  color: #546452;
  font-size: 0.85rem;
}
/* line 12208, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-legend i {
  margin-right: 0.35rem;
  color: #257821;
}

/* line 12214, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree,
.organisation-tree-children,
.organisation-school-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 12222, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-children {
  position: relative;
  margin: 1rem 0 0 2.4rem;
  padding-left: 1.8rem;
}
/* line 12227, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-children::before {
  position: absolute;
  top: -1rem;
  bottom: 1.5rem;
  left: 0;
  width: 2px;
  background: #dff0de;
  content: '';
}
/* line 12237, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-children > .organisation-tree-node {
  position: relative;
  margin-top: 1rem;
}
/* line 12241, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-tree-children > .organisation-tree-node::before {
  position: absolute;
  top: 2rem;
  left: -1.8rem;
  width: 1.8rem;
  height: 2px;
  background: #dff0de;
  content: '';
}

/* line 12253, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card {
  padding: 1.2rem;
  display: grid;
  grid-template-columns: minmax(250px, 1.4fr) minmax(340px, 1fr) auto;
  align-items: center;
  gap: 1.5rem;
  border: 1px solid #e6e8e6;
  border-left: 5px solid #257821;
  border-radius: 8px;
  background: #f7fbf7;
}

/* line 12265, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__identity {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 1rem;
}
/* line 12271, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__identity h2 {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: 1.35rem;
  font-weight: 500;
}
/* line 12278, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__identity a,
.organisation-node-card__identity a:visited {
  color: #0b2209;
}
/* line 12283, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__identity p {
  margin: 0.2rem 0 0;
  color: #546452;
  font-size: 0.9rem;
}

/* line 12290, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-icon,
.organisation-school-icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
}

/* line 12297, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(90px, 1fr));
  gap: 0.6rem;
}
/* line 12302, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics span {
  min-width: 0;
  padding-left: 0.7rem;
  border-left: 1px solid #e6e8e6;
}
/* line 12308, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics small,
.organisation-node-card__metrics strong {
  display: block;
}
/* line 12313, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics small {
  color: #546452;
  font-size: 0.7rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
/* line 12321, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics strong {
  margin-top: 0.2rem;
  font-size: 1.2rem;
}
/* line 12326, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metrics .pending strong {
  color: #546452;
  font-size: 0.72rem;
  line-height: 1.2;
}

/* line 12333, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}
/* line 12339, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__actions a,
.organisation-node-card__actions button,
.organisation-node-card__actions > span {
  padding: 0.5rem 0.7rem;
  border: 1px solid #8fca8c;
  border-radius: 4px;
  background: white;
  color: #0b2209;
  font-size: 0.82rem;
  font-weight: 600;
  text-decoration: none;
  font-family: inherit;
  line-height: inherit;
}
/* line 12353, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__actions a:visited,
.organisation-node-card__actions button:visited,
.organisation-node-card__actions > span:visited {
  color: #0b2209;
}
/* line 12357, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__actions a:hover, .organisation-node-card__actions a:focus,
.organisation-node-card__actions button:hover,
.organisation-node-card__actions button:focus,
.organisation-node-card__actions > span:hover,
.organisation-node-card__actions > span:focus {
  background: #eff7ee;
}
/* line 12362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__actions a i,
.organisation-node-card__actions button i,
.organisation-node-card__actions > span i {
  margin-right: 0.3rem;
  color: #257821;
}

/* line 12369, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-inline-action {
  margin: 0;
}

/* line 12373, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-remove-action {
  cursor: pointer;
}
/* line 12376, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-remove-action i {
  color: #9b2f25 !important;
}

/* line 12381, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-remove-action--disabled {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  background: white !important;
  border-color: #e6e8e6 !important;
  color: #546452 !important;
  cursor: not-allowed;
  opacity: 0.7;
}
/* line 12391, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-remove-action--disabled i {
  color: #546452 !important;
}

/* line 12396, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-list {
  margin: 0.7rem 0 0 3rem;
}

/* line 12400, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card {
  min-height: 66px;
  margin-top: 0.55rem;
  padding: 0.75rem 1rem;
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) repeat(2, minmax(110px, auto)) auto;
  align-items: center;
  gap: 1rem;
  border: 1px solid #e6e8e6;
  border-radius: 7px;
  background: white;
}

/* line 12413, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__actions {
  display: flex;
  justify-content: flex-end;
}
/* line 12417, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__actions .organisation-remove-action {
  margin: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid #b33a2e;
  border-radius: 4px;
  background: white;
  color: #9b2f25;
  font-family: inherit;
  font-weight: 700;
}

/* line 12431, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__name strong,
.organisation-school-card__name small,
.organisation-school-card__metric strong,
.organisation-school-card__metric small {
  display: block;
}
/* line 12436, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__name small,
.organisation-school-card__metric small {
  color: #546452;
  font-size: 0.74rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* line 12444, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__metric {
  min-width: 90px;
  padding-left: 1rem;
  border-left: 1px solid #e6e8e6;
}
/* line 12449, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-card__metric.pending strong {
  color: #546452;
  font-size: 0.72rem;
  line-height: 1.2;
}

/* line 12456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-card,
.organisation-users-panel {
  padding: 2rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 8px 28px rgba(11, 34, 9, 0.05);
}

/* line 12465, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-card {
  max-width: 780px;
}

/* line 12469, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-card + .organisation-form-card {
  margin-top: 1.5rem;
}

/* line 12473, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-field {
  margin-bottom: 1.4rem;
}
/* line 12476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-field label {
  display: block;
  margin-bottom: 0.45rem;
  font-size: 0.9rem;
  font-weight: 700;
}
/* line 12483, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-field input,
.organisation-form-field select {
  width: 100%;
  min-height: 50px;
  margin: 0;
  padding: 0.7rem 0.9rem;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  background: white;
  font: inherit;
}
/* line 12494, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-field input:focus,
.organisation-form-field select:focus {
  border-color: #257821;
  box-shadow: 0 0 0 3px rgba(37, 120, 33, 0.12);
  outline: none;
}

/* line 12502, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-parent-context {
  margin-bottom: 1.5rem;
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-radius: 6px;
  background: #eff7ee;
}
/* line 12511, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-parent-context span {
  color: #546452;
}

/* line 12516, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

/* line 12522, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-errors {
  margin-bottom: 1.5rem;
  padding: 1rem;
  border: 1px solid #e3aaa4;
  border-radius: 6px;
  background: #fff3f2;
  color: #7b241c;
}
/* line 12530, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-form-errors ul {
  margin-bottom: 0;
}

/* line 12535, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-muted {
  color: #546452;
}

/* line 12539, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-users-panel + .organisation-users-panel {
  margin-top: 1.5rem;
}

/* line 12543, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-group + .organisation-user-group {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e6e8e6;
}

/* line 12550, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-group h3 {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: 1.25rem;
  font-weight: 500;
}
/* line 12557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-group > p {
  margin: 0.25rem 0 1rem;
  color: #546452;
}

/* line 12563, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-section-heading {
  margin-bottom: 1.4rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
/* line 12569, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-section-heading h2 {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: 1.65rem;
  font-weight: 500;
}
/* line 12576, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-section-heading p {
  margin: 0.25rem 0 0;
  color: #546452;
}

/* line 12582, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-row {
  min-height: 74px;
  padding: 0.8rem 0;
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) minmax(220px, auto) auto;
  align-items: center;
  gap: 1rem;
  border-top: 1px solid #e6e8e6;
}
/* line 12591, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-row:last-child {
  border-bottom: 1px solid #e6e8e6;
}

/* line 12596, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-avatar {
  width: 42px;
  height: 42px;
}

/* line 12602, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-identity strong,
.organisation-user-identity small {
  display: block;
}
/* line 12607, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-identity small {
  color: #546452;
}

/* line 12612, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-role-form {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
/* line 12617, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-role-form select {
  min-width: 130px;
  min-height: 40px;
  margin: 0;
  padding: 0.4rem 0.7rem;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  background: white;
}

/* line 12628, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-small-button {
  min-height: 40px;
  padding: 0.45rem 0.8rem;
  border: 0;
  background: #257821;
  color: white;
}

/* line 12636, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-role-badge {
  justify-self: end;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  background: #f3f4f2;
  color: #546452;
  font-size: 0.85rem;
  font-weight: 700;
}

/* line 12646, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-icon-button {
  width: 40px;
  height: 40px;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  background: white;
}
/* line 12653, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-icon-button--danger {
  color: #b33a2e;
}
/* line 12656, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-icon-button--danger:hover, .organisation-icon-button--danger:focus {
  border-color: #b33a2e;
  background: #fff3f2;
}

/* line 12664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-add-user-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) 180px auto;
  align-items: end;
  gap: 1rem;
}
/* line 12670, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-add-user-form .organisation-form-field {
  margin: 0;
}

/* line 12675, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-add-user-form--invitation {
  grid-template-columns: minmax(160px, 1fr) minmax(160px, 1fr) minmax(240px, 1.4fr) auto;
}

/* line 12679, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-invitation-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}

/* line 12686, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-attach-school-form {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: end;
  gap: 1rem;
}
/* line 12692, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-attach-school-form .organisation-form-field {
  margin: 0;
}

/* line 12697, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card--positive {
  border-color: #8fca8c;
  background: linear-gradient(135deg, white 0%, #eff7ee 100%);
  box-shadow: 0 8px 20px rgba(53, 172, 47, 0.08);
}
/* line 12702, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-card--positive strong {
  color: #257821;
}

/* line 12707, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-node-card__metric--available strong,
.organisation-school-card__metric--available strong {
  color: #257821;
}

/* line 12712, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-panel {
  margin-top: 1.5rem;
}
/* line 12715, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-panel h2 {
  margin: 0 0 1rem;
  font-family: "Bitter", Georgia, serif;
  font-size: 1.55rem;
  font-weight: 500;
}

/* line 12723, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
/* line 12728, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-breakdown > div {
  padding: 1rem;
  border: 1px solid #e6e8e6;
  border-radius: 6px;
  background: #f3f4f2;
}
/* line 12735, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-breakdown strong,
.organisation-license-breakdown span {
  display: block;
}
/* line 12740, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-breakdown span {
  margin-top: 0.25rem;
  color: #546452;
}

/* line 12746, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-table-wrap {
  overflow-x: auto;
}

/* line 12750, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-table {
  width: 100%;
  border-collapse: collapse;
}
/* line 12754, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-table th,
.organisation-license-table td {
  padding: 0.8rem;
  border-bottom: 1px solid #e6e8e6;
  text-align: left;
  vertical-align: top;
}
/* line 12762, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-table th {
  color: #546452;
  font-size: 0.76rem;
  text-transform: uppercase;
}
/* line 12768, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-table td small {
  display: block;
  color: #546452;
}

/* line 12774, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-actions {
  min-width: 150px;
}

/* line 12778, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-actions__controls {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
/* line 12783, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-actions__controls summary {
  padding: 0.45rem 0;
}
/* line 12787, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-actions__controls > form {
  margin: 0;
}

/* line 12792, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-inline-license-form {
  min-width: 220px;
  margin-top: 0.6rem;
  display: grid;
  gap: 0.45rem;
}
/* line 12798, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-inline-license-form input:not([type="submit"]) {
  min-height: 38px;
  height: auto;
  max-width: none;
  margin: 0;
  padding: 0.4rem 0.55rem;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  background-color: white;
  font: inherit;
  line-height: inherit;
}

/* line 12812, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-danger-button {
  margin: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid #b33a2e;
  border-radius: 4px;
  background: white;
  color: #9b2f25;
  font-weight: 700;
}

/* line 12822, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
  gap: 1rem;
}
/* line 12828, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form label {
  display: block;
  margin-bottom: 0.35rem;
  font-weight: 700;
}
/* line 12834, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form input:not([type="submit"]),
.organisation-license-form textarea,
.organisation-license-form select {
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  padding: 0.65rem 0.75rem;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  background-color: white;
  font: inherit;
  line-height: inherit;
}
/* line 12849, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form select {
  min-height: 44px;
}
/* line 12853, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form .organisation-license-transfer__targets {
  margin: 0;
  padding: 0;
  border: 0;
}
/* line 12858, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form .organisation-license-transfer__targets legend {
  width: auto;
  margin-bottom: 0.35rem;
  padding: 0;
  border: 0;
  color: inherit;
  font: inherit;
  font-weight: 700;
}
/* line 12868, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form .organisation-license-transfer__targets label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.35rem;
  font-weight: 400;
}
/* line 12876, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form .organisation-license-transfer__targets input[type="radio"] {
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
/* line 12884, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form .organisation-license-transfer__targets small {
  display: block;
  color: #546452;
}

/* line 12891, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-form__wide {
  grid-column: 1 / -1;
}

/* line 12895, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-transfer__warning {
  color: #9b2f25;
  font-weight: 600;
}

/* line 12900, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-user-row__link {
  font-weight: 700;
  white-space: nowrap;
}

/* line 12905, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-status {
  display: inline-block;
  padding: 0.15rem 0.6rem;
  border-radius: 999px;
  background: #e6e8e6;
  color: #546452;
  font-size: 0.76rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 12918, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-status--active {
  background: #eff7ee;
  color: #257821;
}

/* line 12923, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-status--revoked {
  background: #f7e3e0;
  color: #9b2f25;
}

/* line 12928, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-summary-grid--wide {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}

/* line 12932, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant {
  padding: 1.25rem;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: white;
}
/* line 12938, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant + .organisation-license-grant {
  margin-top: 1rem;
}

/* line 12943, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e6e8e6;
}

/* line 12953, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__identity {
  flex: 1 1 220px;
}
/* line 12956, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__identity strong {
  display: block;
  font-size: 1.1rem;
}
/* line 12961, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__identity .organisation-license-grant__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.15rem;
}
/* line 12969, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__identity small {
  display: block;
  color: #546452;
}

/* line 12975, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__metrics {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 1.5rem;
}
/* line 12981, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__metrics dt {
  color: #546452;
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
}
/* line 12988, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__metrics dd {
  margin: 0;
  font-family: "Bitter", Georgia, serif;
  font-size: 1.6rem;
  font-weight: 500;
}

/* line 12996, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-grant__metric--available dd {
  color: #257821;
}

/* line 13000, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-allocations {
  padding-top: 1rem;
}
/* line 13003, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-allocations h3 {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 700;
}

/* line 13010, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-allocate {
  margin-top: 1rem;
}
/* line 13013, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-allocate summary {
  cursor: pointer;
  font-weight: 700;
}
/* line 13018, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-license-allocate form {
  margin-top: 1rem;
}

/* line 13023, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-conversion-users {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 13028, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-conversion-users li {
  padding: 0.8rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #e6e8e6;
}
/* line 13037, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-conversion-users strong,
.organisation-conversion-users small {
  display: block;
}
/* line 13042, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-conversion-users small {
  color: #546452;
}

/* line 13047, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-licensing-notice--warning ul {
  margin: 0.5rem 0 0;
}

/* line 13051, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup {
  max-width: 1040px;
}

/* line 13055, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__owner {
  max-width: none;
  margin-bottom: 2rem;
}
/* line 13059, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__owner .organisation-form-field {
  max-width: 520px;
  margin-bottom: 0;
}

/* line 13065, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__classes {
  margin-top: 1rem;
}

/* line 13069, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__total {
  align-self: center;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  background: #eff7ee;
  color: #257821;
  white-space: nowrap;
}

/* line 13078, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry {
  margin-bottom: 1rem;
  padding: 1.5rem;
  border: 1px solid #e6e8e6;
  border-radius: 10px;
  background: white;
  box-shadow: 0 6px 20px rgba(11, 34, 9, 0.04);
}

/* line 13087, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__heading {
  margin-bottom: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
/* line 13094, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__heading strong,
.organisation-class-entry__heading span {
  display: block;
}
/* line 13099, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__heading strong {
  margin-top: 0.15rem;
  color: #257821;
}
/* line 13104, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__heading .organisation-text-button {
  padding: 0.4rem 0.55rem;
  border: 0;
  background: transparent;
  color: #546452;
}

/* line 13112, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__number {
  color: #546452;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
}
/* line 13118, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__number span {
  display: inline;
}

/* line 13123, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
/* line 13128, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__fields .organisation-form-field {
  margin-bottom: 1rem;
}

/* line 13133, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__diaries {
  margin-bottom: 0;
}
/* line 13136, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__diaries textarea {
  width: 100%;
  max-width: none;
  min-height: 190px;
  margin: 0;
  padding: 0.8rem 0.9rem;
  resize: vertical;
  border: 1px solid #ced3ce;
  border-radius: 4px;
  font: inherit;
  line-height: 1.55;
}
/* line 13148, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__diaries textarea:focus {
  border-color: #257821;
  box-shadow: 0 0 0 3px rgba(37, 120, 33, 0.12);
  outline: none;
}
/* line 13155, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-class-entry__diaries small {
  display: block;
  margin-top: 0.45rem;
  color: #546452;
}

/* line 13162, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-add-class-button {
  margin-top: 0.25rem;
}

/* line 13166, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__submit {
  position: sticky;
  bottom: 1rem;
  z-index: 3;
  margin-top: 2rem;
  padding: 1rem 1.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border: 1px solid #dff0de;
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 12px 34px rgba(11, 34, 9, 0.12);
}
/* line 13181, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__submit strong,
.organisation-school-setup__submit small {
  display: block;
}
/* line 13186, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__submit small {
  color: #546452;
}

/* line 13191, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-teachers {
  max-width: 1040px;
}

/* line 13195, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-teacher-classes {
  margin: 0;
  padding: 0;
  border: 0;
}
/* line 13200, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-teacher-classes legend {
  margin-bottom: 0.55rem;
  font-size: 0.9rem;
  font-weight: 700;
}

/* line 13207, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-teacher-classes__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 0.9rem;
}

/* line 13213, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-teacher-class {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin: 0;
  padding: 0.45rem 0.7rem;
  border: 1px solid #ced3ce;
  border-radius: 999px;
  background: white;
  font-weight: 600;
}
/* line 13224, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-teacher-class input {
  width: auto;
  min-height: 0;
  margin: 0;
}

/* line 13231, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__existing {
  max-width: 1040px;
  margin-top: 2.5rem;
}
/* line 13235, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__existing ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 13241, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__existing li {
  padding: 0.75rem 0;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  border-top: 1px solid #e6e8e6;
}
/* line 13249, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-school-setup__existing span {
  color: #546452;
}

@media (max-width: 1100px) {
  /* line 13255, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-node-card {
    grid-template-columns: minmax(240px, 1fr) minmax(320px, 1fr);
  }

  /* line 13259, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-node-card__actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }

  /* line 13264, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1000px) {
  /* line 13270, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-tree-children {
    margin-left: 0.8rem;
    padding-left: 1rem;
  }

  /* line 13275, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-tree-children > .organisation-tree-node::before {
    left: -1rem;
    width: 1rem;
  }

  /* line 13280, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-list {
    margin-left: 1rem;
  }

  /* line 13284, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-card {
    grid-template-columns: auto minmax(0, 1fr) repeat(2, minmax(90px, auto)) auto;
  }

  /* line 13288, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-card__metric.pending {
    display: none;
  }
}
@media (max-width: 800px) {
  /* line 13294, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-node-card {
    grid-template-columns: 1fr;
  }

  /* line 13298, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-node-card__actions {
    grid-column: auto;
  }

  /* line 13302, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-header__inner,
  .organisation-admin-main {
    width: min(100% - 28px, 1440px);
  }

  /* line 13307, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-header__inner {
    padding: 0.7rem 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.6rem;
  }

  /* line 13314, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-nav {
    width: 100%;
    justify-content: space-between;
    gap: 0.7rem;
  }

  /* line 13320, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-user {
    display: none;
  }

  /* line 13324, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-page-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  /* line 13329, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* line 13333, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-user-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  /* line 13337, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-role-form,
  .organisation-role-badge {
    grid-column: 2 / -1;
    justify-self: start;
  }

  /* line 13343, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-add-user-form {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  /* line 13348, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-attach-school-form {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  /* line 13353, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-license-breakdown,
  .organisation-license-form {
    grid-template-columns: 1fr;
  }

  /* line 13358, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-license-form__wide {
    grid-column: auto;
  }

  /* line 13362, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-class-entry__fields {
    grid-template-columns: 1fr;
    gap: 0;
  }
}
@media (max-width: 520px) {
  /* line 13369, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-nav > a {
    display: none;
  }

  /* line 13373, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-nav {
    justify-content: flex-end;
  }

  /* line 13377, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-admin-main {
    padding-top: 2.5rem;
  }

  /* line 13381, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-summary-grid {
    grid-template-columns: 1fr;
  }

  /* line 13385, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-tree-panel {
    padding: 0.7rem;
  }

  /* line 13389, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-tree-legend {
    justify-content: flex-start;
  }

  /* line 13393, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-node-card__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  /* line 13397, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-card {
    grid-template-columns: auto minmax(0, 1fr);
  }

  /* line 13401, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-card__metric {
    grid-column: 2;
    padding-left: 0;
    border-left: 0;
  }

  /* line 13407, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-card__actions {
    grid-column: 2;
    justify-content: flex-start;
  }

  /* line 13412, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-form-card,
  .organisation-users-panel {
    padding: 1.25rem;
  }

  /* line 13417, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  /* line 13422, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-school-setup__submit {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }
}
/* line 13429, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-panel {
  margin-top: 1.5rem;
  overflow: visible;
}

/* line 13435, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-table td label {
  display: block;
  margin: 0;
  font-weight: 700;
  cursor: pointer;
}

/* line 13443, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-table__select {
  width: 2.75rem;
  padding-right: 0;
}
/* line 13447, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-table__select input {
  width: 1.15rem;
  height: 1.15rem;
  margin: 0.2rem 0 0;
  accent-color: #257821;
  cursor: pointer;
}

/* line 13456, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-table__class {
  display: block;
}
/* line 13459, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-table__class small {
  color: #546452;
}

/* line 13464, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar {
  margin-top: 1.25rem;
  padding: 1rem 1.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 1.5rem;
  border: 1px solid #e6e8e6;
  border-radius: 8px;
  background: #f3f4f2;
}
/* line 13476, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar button[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
}
/* line 13481, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar .organisation-danger-button {
  min-height: 52px;
  padding: 0.85rem 1.35rem;
}

/* line 13487, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar__count {
  margin: 0 0 0.85rem;
  color: #546452;
  font-weight: 700;
}

/* line 13493, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 1rem 1.5rem;
}

/* line 13500, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar__move {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
}
/* line 13506, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar__move .organisation-form-field {
  min-width: 280px;
  margin: 0;
}

/* line 13512, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.organisation-diary-bulk-bar__hint {
  max-width: 320px;
  margin: 0 0 0.85rem;
}

@media (max-width: 720px) {
  /* line 13518, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-diary-bulk-bar,
  .organisation-diary-bulk-bar__actions,
  .organisation-diary-bulk-bar__move {
    align-items: stretch;
    flex-direction: column;
  }

  /* line 13525, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .organisation-diary-bulk-bar__move .organisation-form-field {
    min-width: 0;
  }
}
/* line 13530, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding {
  --feide-navy: #20451f;
  --feide-blue: #26785f;
  --feide-pale: #f1f9f0;
  --feide-green: #35ac2f;
  --feide-border: #d5e5d3;
  --feide-muted: #60705f;
  max-width: 1040px;
  margin: 1.5rem auto 4rem;
  color: #24364a;
}

/* line 13542, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__hero {
  margin-bottom: 1.5rem;
  padding: 1.65rem 1.8rem;
  border-radius: 14px;
  background: linear-gradient(130deg, var(--feide-navy), #2f7134 72%, #479a46);
  box-shadow: 0 14px 38px rgba(32, 69, 31, 0.18);
  color: #fff;
}
/* line 13550, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__hero h1 {
  margin: 0.15rem 0 0.45rem;
  color: #fff;
  font-size: clamp(1.9rem, 5vw, 2.65rem);
  line-height: 1.05;
}
/* line 13557, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__hero p {
  max-width: 700px;
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 1.08rem;
}

/* line 13565, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__hero .feide-onboarding__eyebrow,
.feide-onboarding__kicker {
  margin: 0;
  color: var(--feide-blue);
  font-size: 0.76rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* line 13575, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__hero .feide-onboarding__eyebrow {
  color: #bfe2ff;
}

/* line 13579, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__form {
  display: grid;
  gap: 1.25rem;
}

/* line 13584, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__panel,
.feide-onboarding__errors {
  padding: 1.5rem;
  border: 1px solid var(--feide-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(32, 69, 31, 0.07);
}

/* line 13593, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
}
/* line 13599, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__section-heading h2 {
  margin: 0.2rem 0 0.3rem;
  color: var(--feide-navy);
  font-size: 1.45rem;
}
/* line 13605, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__section-heading p {
  margin: 0;
  color: var(--feide-muted);
}

/* line 13611, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__status,
.feide-onboarding__badge {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.45rem 0.7rem;
  border-radius: 999px;
  background: #e7f6ef;
  color: var(--feide-green);
  font-size: 0.82rem;
  font-weight: 700;
  white-space: nowrap;
}

/* line 13625, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.25rem;
}

/* line 13632, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field {
  display: grid;
  gap: 0.35rem;
}
/* line 13636, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field label {
  color: var(--feide-navy);
  font-weight: 700;
}
/* line 13641, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field input {
  min-height: 48px;
  padding: 0.7rem 0.8rem;
  border: 1px solid #b8c7d6;
  border-radius: 8px;
  background: #fbfdff;
}
/* line 13649, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field input:focus {
  border-color: var(--feide-blue);
  box-shadow: 0 0 0 3px rgba(37, 99, 166, 0.12);
  outline: none;
}
/* line 13655, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field small {
  color: var(--feide-muted);
}

/* line 13660, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__field--wide {
  grid-column: 1 / -1;
}

/* line 13664, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__metric {
  display: grid;
  min-width: 90px;
  text-align: right;
}
/* line 13669, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__metric strong {
  color: var(--feide-blue);
  font-size: 1.65rem;
  line-height: 1;
}
/* line 13675, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__metric span {
  color: var(--feide-muted);
  font-size: 0.78rem;
}

/* line 13681, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9rem;
  margin-top: 1.25rem;
}

/* line 13688, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-card {
  border: 1px solid var(--feide-border);
  border-radius: 10px;
  background: #fbfdff;
  overflow: hidden;
}

/* line 13695, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-toggle {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  padding: 1rem;
  cursor: pointer;
}
/* line 13703, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-toggle input {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
  accent-color: var(--feide-blue);
}
/* line 13710, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-toggle span {
  display: grid;
}
/* line 13714, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-toggle strong {
  color: var(--feide-navy);
  font-size: 1.05rem;
}
/* line 13719, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__class-toggle small {
  color: var(--feide-muted);
}

/* line 13724, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students {
  border-top: 1px solid var(--feide-border);
}
/* line 13727, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students summary {
  padding: 0.7rem 1rem;
  color: var(--feide-blue);
  font-weight: 700;
  cursor: pointer;
}
/* line 13734, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students ul {
  margin: 0;
  padding: 0 1rem 0.75rem;
  list-style: none;
}
/* line 13740, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students li,
.feide-onboarding__students label {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
/* line 13747, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students li {
  justify-content: space-between;
  padding: 0.4rem 0;
}
/* line 13752, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__students input {
  margin: 0;
  accent-color: var(--feide-blue);
}

/* line 13758, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__badge {
  padding: 0.25rem 0.5rem;
  font-size: 0.72rem;
}

/* line 13763, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__capacity,
.feide-onboarding__empty {
  display: flex;
  align-items: center;
  gap: 1rem;
}

/* line 13770, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__capacity > div:nth-child(2),
.feide-onboarding__empty > div {
  flex: 1;
}

/* line 13775, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__capacity h2,
.feide-onboarding__empty p {
  margin: 0.15rem 0 0.3rem;
  color: var(--feide-navy);
}

/* line 13781, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__capacity p,
.feide-onboarding__empty p {
  margin-bottom: 0;
  color: var(--feide-muted);
}

/* line 13787, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__capacity-icon,
.feide-onboarding__empty > i {
  display: grid;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  place-items: center;
  border-radius: 13px;
  background: var(--feide-pale);
  color: var(--feide-blue);
  font-size: 1.35rem;
}

/* line 13800, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__agreements {
  display: grid;
  gap: 0.8rem;
}
/* line 13804, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__agreements label {
  display: flex;
  align-items: flex-start;
  gap: 0.7rem;
  margin: 0;
  cursor: pointer;
}
/* line 13812, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__agreements input {
  flex: 0 0 auto;
  width: 1.15rem;
  height: 1.15rem;
  margin-top: 0.15rem;
  accent-color: var(--feide-blue);
}

/* line 13821, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__approval {
  margin: 0;
  color: var(--feide-muted);
}
/* line 13825, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__approval i {
  margin-right: 0.5rem;
  color: var(--feide-green);
}

/* line 13831, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__submit {
  position: sticky;
  bottom: 1rem;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.25rem;
  border: 1px solid #cad8e6;
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 36px rgba(32, 69, 31, 0.16);
  backdrop-filter: blur(8px);
}
/* line 13846, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__submit div {
  display: grid;
}
/* line 13850, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__submit strong {
  color: var(--feide-navy);
}
/* line 13854, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__submit small {
  color: var(--feide-muted);
}

/* line 13859, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__primary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.75rem 1.35rem;
  border: 0;
  border-radius: 9px;
  background: var(--feide-blue);
  box-shadow: 0 6px 16px rgba(38, 120, 95, 0.22);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

/* line 13875, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__secondary-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0.65rem 1.1rem;
  border: 1px solid var(--feide-blue);
  border-radius: 9px;
  background: #fff;
  color: var(--feide-blue);
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

/* line 13890, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__primary-button:hover,
.feide-onboarding__primary-button:focus {
  background: #1f654f;
  color: #fff;
  text-decoration: none;
}

/* line 13897, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__secondary-button:hover,
.feide-onboarding__secondary-button:focus {
  background: var(--feide-pale);
  color: var(--feide-navy);
  text-decoration: none;
}

/* line 13904, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
/* line 13912, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__progress li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 3px solid var(--feide-border);
  padding: 0.75rem 0.5rem;
  color: var(--feide-muted);
  font-weight: 700;
}
/* line 13922, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__progress span {
  display: grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  background: #e9eef4;
}
/* line 13931, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__progress .is-current,
.feide-onboarding__progress .is-complete {
  border-color: var(--feide-blue);
  color: var(--feide-navy);
}
/* line 13937, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__progress .is-current span,
.feide-onboarding__progress .is-complete span {
  background: var(--feide-blue);
  color: #fff;
}

/* line 13944, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__student-list {
  display: grid;
  gap: 0.65rem;
  margin-top: 1.25rem;
}
/* line 13949, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__student-list label {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  border: 1px solid var(--feide-border);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  background: #fbfdff;
}
/* line 13960, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__student-list label > span:nth-child(2) {
  display: grid;
  flex: 1;
}
/* line 13965, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__student-list small {
  color: var(--feide-muted);
}

/* line 13970, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__loader,
.feide-onboarding__result {
  display: grid;
  justify-items: center;
  gap: 0.8rem;
  padding: 3rem 1.5rem;
  text-align: center;
}
/* line 13978, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__loader h2,
.feide-onboarding__loader p,
.feide-onboarding__result h2,
.feide-onboarding__result p {
  margin: 0;
}
/* line 13983, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__loader > i,
.feide-onboarding__result > i {
  color: var(--feide-green);
  font-size: 3rem;
}

/* line 13989, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__result--failed > i {
  color: #a23b36;
}

/* line 13993, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__result-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

/* line 13999, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__spinner {
  width: 50px;
  height: 50px;
  border: 5px solid var(--feide-border);
  border-top-color: var(--feide-blue);
  border-radius: 50%;
  animation: feide-spin 0.9s linear infinite;
}

@keyframes feide-spin {
  to {
    transform: rotate(360deg);
  }
}
/* line 14014, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-school-prompt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1rem;
  border: 1px solid #cde2ca;
  border-radius: 10px;
  padding: 0.9rem 1rem;
  background: #f1f9f0;
  color: #20451f;
}
/* line 14026, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-school-prompt span {
  display: grid;
}
/* line 14030, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-school-prompt form {
  margin: 0;
}

/* line 14035, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__errors {
  border-color: #e8b8b4;
  background: #fff7f6;
  color: #9b302b;
}
/* line 14040, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__errors ul {
  margin: 0.55rem 0 0;
}

/* line 14045, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-picker {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

/* line 14052, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-option {
  display: grid;
  gap: 1rem;
  padding: 1.2rem;
  border: 1px solid var(--feide-border);
  border-radius: 12px;
  background: #fff;
  color: var(--feide-navy);
  text-decoration: none;
  box-shadow: 0 5px 16px rgba(32, 69, 31, 0.06);
}

/* line 14064, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-identity {
  display: flex;
  align-items: center;
  gap: 0.85rem;
}
/* line 14069, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-identity > i {
  display: grid;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  place-items: center;
  border-radius: 12px;
  background: var(--feide-pale);
  color: var(--feide-blue);
  font-size: 1.2rem;
}
/* line 14081, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-identity span {
  display: grid;
  gap: 0.15rem;
}
/* line 14086, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-identity strong {
  font-size: 1.08rem;
}
/* line 14090, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-identity small {
  color: var(--feide-muted);
}

/* line 14095, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-name {
  display: grid;
  gap: 0.4rem;
}
/* line 14099, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-name label {
  margin: 0;
  color: var(--feide-navy);
  font-weight: 700;
}
/* line 14105, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-name input {
  width: 100%;
  min-height: 46px;
  border: 1px solid #b9cdb6;
  border-radius: 8px;
  padding: 0.65rem 0.75rem;
  background: #fff;
}
/* line 14114, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-name input:focus {
  border-color: var(--feide-blue);
  box-shadow: 0 0 0 3px rgba(38, 120, 95, 0.12);
  outline: none;
}

/* line 14121, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-actions {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--feide-border);
  padding-top: 1rem;
}
/* line 14127, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
.feide-onboarding__school-actions .feide-onboarding__primary-button {
  min-width: 220px;
}

@media (max-width: 720px) {
  /* line 14133, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding {
    margin-top: 0.5rem;
  }

  /* line 14137, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__hero {
    padding: 1.35rem;
  }

  /* line 14141, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__section-heading,
  .feide-onboarding__capacity,
  .feide-onboarding__submit {
    align-items: stretch;
    flex-direction: column;
  }

  /* line 14148, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__fields,
  .feide-onboarding__class-list {
    grid-template-columns: 1fr;
  }

  /* line 14153, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__metric {
    text-align: left;
  }

  /* line 14157, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__primary-button {
    width: 100%;
  }

  /* line 14161, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__school-actions {
    justify-content: stretch;
  }

  /* line 14165, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-onboarding__progress {
    grid-template-columns: repeat(2, 1fr);
  }

  /* line 14169, /Users/jesperlugner/Documents/code/pml/pml_ruby/app/assets/stylesheets/picturemylife_custom.css.scss */
  .feide-school-prompt,
  .feide-onboarding__result-actions {
    align-items: stretch;
    flex-direction: column;
  }
}