@import url('https://rsms.me/inter/inter.css');
/* PackTag: /styles/mixins.less */
.clear-fix-after,
.paging:after,
.two-columns:after,
.tabs-bar .tabContent:after,
.tabs-steps .tabContent:after,
.no-flex .license-plans:after,
#myCoursesList:after,
main:after,
main > * > div:after,
.no-flex .product-details-right .buttons:after,
.dashboard-topic-html:after,
.dashboard-question:after {
  content: '';
  display: table;
  clear: both;
}
/* PackTag: /styles/colors.less */
/* PackTag: /styles/variables.less */
/* PackTag: /styles/button-mixins.less */
.button-icon-pseudo-base,
.button-arrowLeft:before,
button.arrowLeft:before,
.button-icon-arrowLeft,
.button-arrowRight:after,
button.arrowRight:after,
.button-icon-arrowRight,
.button-search:before,
button.search:before,
.button-icon-search,
.button-productViewBlock:before,
button.productViewBlock:before,
.button-icon-productViewBlock,
.button-productViewLarge:before,
button.productViewLarge:before,
.button-icon-productViewLarge,
.button-productViewSmall:before,
button.productViewSmall:before,
.button-icon-productViewSmall,
.button-productViewList:before,
button.productViewList:before,
.button-icon-productViewList,
.button-datepicker:before,
button.datepicker:before,
.button-icon-datepicker,
.button-add:before,
button.add:before,
.button-icon-add,
.button-close:before,
button.close:before,
.button-icon-close,
.button-remove:before,
button.remove:before,
.button-icon-remove,
.button-delete:before,
button.delete:before,
.button-icon-delete,
.button-check:before,
button.check:before,
.button-icon-check,
.button-copy:before,
button.copy:before,
.button-icon-copy,
.button-edit:before,
button.edit:before,
.button-icon-edit,
.button-maximize:before,
button.maximize:before,
.button-icon-maximize,
.button-restore:before,
button.restore:before,
.button-icon-restore,
.button-minimize:before,
button.minimize:before,
.button-icon-minimize,
.button-info:before,
button.info:before,
.button-icon-info,
.button-down:before,
button.down:before,
.button-icon-down,
.button-expand:before,
button.expand:before,
.button-icon-expand,
.button-drop:before,
button.drop:before,
.button-icon-drop,
.button-decrement:before,
button.decrement:before,
.button-icon-decrement,
.button-up:before,
button.up:before,
.button-icon-up,
.button-collapse:before,
button.collapse:before,
.button-icon-collapse,
.button-increment:before,
button.increment:before,
.button-icon-increment,
.button-sort:before,
button.sort:before,
.button-icon-sort,
.button-drag:before,
button.drag:before,
.button-icon-drag,
.button-asc:before,
button.asc:before,
.button-icon-asc,
.button-desc:before,
button.desc:before,
.button-icon-desc,
.button-updown:before,
button.updown:before,
.button-icon-updown,
.button-undo:before,
button.undo:before,
.button-icon-undo,
.button-reset:before,
button.reset:before,
.button-icon-reset,
.button-redo:before,
button.redo:before,
.button-icon-redo,
.button-more:before,
button.more:before,
.button-icon-more,
.button-browse:before,
button.browse:before,
.button-icon-browse,
.button-filter:before,
button.filter:before,
.button-icon-filter,
.button-cart:before,
button.cart:before,
.button-icon-cart,
.button-wishlist:before,
button.wishlist:before,
.button-icon-wishlist,
.button-inwishlist:before,
button.inwishlist:before,
.button-icon-inwishlist,
.button-favorites:before,
button.favorites:before,
.button-icon-favorites,
.button-play:before,
button.play:before,
.button-icon-play,
.button-pause:before,
button.pause:before,
.button-icon-pause,
.button-doubleArrowLeft:before,
button.doubleArrowLeft:before,
.button-icon-doubleArrowLeft,
.button-doubleArrowRight:after,
button.doubleArrowRight:after,
.button-icon-doubleArrowRight,
.button-menu:before,
button.menu:before,
.button-icon-menu,
.button-navigation:before,
button.navigation:before,
.button-icon-navigation,
.button-share:before,
button.share:before,
.button-icon-share,
.button-timepicker:before,
button.timepicker:before,
.button-icon-timepicker,
.button-account:before,
button.account:before,
.button-icon-account,
.button-help:before,
button.help:before,
.button-icon-help,
.button-mail:before,
button.mail:before,
.button-icon-mail,
.button-link:before,
button.link:before,
.button-icon-link,
.button-courses:before,
button.courses:before,
.button-icon-courses,
.button-certificate:before,
button.certificate:before,
.button-icon-certificate,
.button-disabled:before,
button.disabled:before,
.button-icon-disabled,
.button-locked:before,
button.locked:before,
.button-icon-locked,
#accountForm > div > button[type="button"]:after,
.coz-input-search > button:before,
.coz-input-datepicker > button:before,
.coz-input-date-display > button:before,
.coz-input-datetime-display > button:before,
.coz-input-datetime-local-display > button:before,
.coz-input-select > button:before,
.coz-input-combo > button:before,
.coz-input-timepicker > button:before,
.coz-input-time-display > button:before,
.mooeditable-ui-toolbar > .icon:before,
table.sort > thead > tr > th.sort > .button:after,
table.sort > thead > tr > th.filtered > .button:before,
.accordion > dt button:after,
.accordion > dt label:after,
.coz-input-listpicker > div > ul > li > button:before,
.coz-input-listpicker > div > ul > li > a.button:before,
.course-type.custom:before,
.assessment div.correct:before,
.assessment div.incorrect:before,
.assessment div.hint:before,
.assessment div.passed:before,
.assessment div.failed:before,
#course_palette:after,
#assessment_palette:after,
.coz-input-switch > input + i > b > a:before,
.coz-input-select-multiple > ul > li a:after,
select[multiple] option:after,
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before,
.crumb-icon,
.crumb-home:before,
.breadcrumbs .crumbs li + li:after,
.files-header .crumbs li + li:before,
nav menu > li > a:not(:last-child):after,
li.overflow > a:before,
li.menuheading > a:before,
#navigation_menu li.help > a:before,
#navigation_menu li.courses > a:before,
html.touch-menu nav menu > li menu > li.open > a:after,
.coz-input-checkbox > input + i:before,
button.calendar-google:before,
button.share-facebook:before,
button.share-twitter:before,
button.share-email:before,
button.share-link:before,
button.calendar-outlook:before,
button.calendar-ical:before,
.event-date:before,
.comment-view:before,
.dialog #choose_account_type .tabContent > ul > li:before,
.dialog form[name="registerForm"] label > ul > li:before,
.help-grid > div > a:last-child:after {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -webkit-mask-size: 2700% 200%;
  -moz-mask-size: 2700% 200%;
  -ms-mask-size: 2700% 200%;
  -o-mask-size: 2700% 200%;
  mask-size: 2700% 200%;
}
.accordion > dt:not(:has(button, label)):after,
#accountForm > div > button:has(.button-icon-edit):before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -webkit-mask-size: 2700% 200%;
  -moz-mask-size: 2700% 200%;
  -ms-mask-size: 2700% 200%;
  -o-mask-size: 2700% 200%;
  mask-size: 2700% 200%;
}
.noscript html.touch-menu nav menu > li menu > li:focus-within > a:after {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-big-mask.svg);
  mask-image: url(/images/webshop/button-icons-big-mask.svg);
  -webkit-mask-size: 2700% 200%;
  -moz-mask-size: 2700% 200%;
  -ms-mask-size: 2700% 200%;
  -o-mask-size: 2700% 200%;
  mask-size: 2700% 200%;
}
.no-mask-image .button-icon-pseudo-base {
  background-color: transparent;
}
.button-icon-margin-base,
.button-arrowLeft:before,
button.arrowLeft:before,
.button .button-icon-arrowLeft,
button .button-icon-arrowLeft,
.button-arrowRight:after,
button.arrowRight:after,
.button .button-icon-arrowRight,
button .button-icon-arrowRight,
.button-search:before,
button.search:before,
.button .button-icon-search,
button .button-icon-search,
.button-productViewBlock:before,
button.productViewBlock:before,
.button .button-icon-productViewBlock,
button .button-icon-productViewBlock,
.button-productViewLarge:before,
button.productViewLarge:before,
.button .button-icon-productViewLarge,
button .button-icon-productViewLarge,
.button-productViewSmall:before,
button.productViewSmall:before,
.button .button-icon-productViewSmall,
button .button-icon-productViewSmall,
.button-productViewList:before,
button.productViewList:before,
.button .button-icon-productViewList,
button .button-icon-productViewList,
.button-datepicker:before,
button.datepicker:before,
.button .button-icon-datepicker,
button .button-icon-datepicker,
.button-add:before,
button.add:before,
.button .button-icon-add,
button .button-icon-add,
.button-close:before,
button.close:before,
.button .button-icon-close,
button .button-icon-close,
.button-remove:before,
button.remove:before,
.button .button-icon-remove,
button .button-icon-remove,
.button-delete:before,
button.delete:before,
.button .button-icon-delete,
button .button-icon-delete,
.button-check:before,
button.check:before,
.button .button-icon-check,
button .button-icon-check,
.button-copy:before,
button.copy:before,
.button .button-icon-copy,
button .button-icon-copy,
.button-edit:before,
button.edit:before,
.button .button-icon-edit,
button .button-icon-edit,
.button-maximize:before,
button.maximize:before,
.button .button-icon-maximize,
button .button-icon-maximize,
.button-restore:before,
button.restore:before,
.button .button-icon-restore,
button .button-icon-restore,
.button-minimize:before,
button.minimize:before,
.button .button-icon-minimize,
button .button-icon-minimize,
.button-info:before,
button.info:before,
.button .button-icon-info,
button .button-icon-info,
.button-down:before,
button.down:before,
.button .button-icon-down,
button .button-icon-down,
.button-expand:before,
button.expand:before,
.button .button-icon-expand,
button .button-icon-expand,
.button-drop:before,
button.drop:before,
.button .button-icon-drop,
button .button-icon-drop,
.button-decrement:before,
button.decrement:before,
.button .button-icon-decrement,
button .button-icon-decrement,
.button-up:before,
button.up:before,
.button .button-icon-up,
button .button-icon-up,
.button-collapse:before,
button.collapse:before,
.button .button-icon-collapse,
button .button-icon-collapse,
.button-increment:before,
button.increment:before,
.button .button-icon-increment,
button .button-icon-increment,
.button-sort:before,
button.sort:before,
.button .button-icon-sort,
button .button-icon-sort,
.button-drag:before,
button.drag:before,
.button .button-icon-drag,
button .button-icon-drag,
.button-asc:before,
button.asc:before,
.button .button-icon-asc,
button .button-icon-asc,
.button-desc:before,
button.desc:before,
.button .button-icon-desc,
button .button-icon-desc,
.button-updown:before,
button.updown:before,
.button .button-icon-updown,
button .button-icon-updown,
.button-undo:before,
button.undo:before,
.button .button-icon-undo,
button .button-icon-undo,
.button-reset:before,
button.reset:before,
.button .button-icon-reset,
button .button-icon-reset,
.button-redo:before,
button.redo:before,
.button .button-icon-redo,
button .button-icon-redo,
.button-more:before,
button.more:before,
.button .button-icon-more,
button .button-icon-more,
.button-browse:before,
button.browse:before,
.button .button-icon-browse,
button .button-icon-browse,
.button-filter:before,
button.filter:before,
.button .button-icon-filter,
button .button-icon-filter,
.button-cart:before,
button.cart:before,
.button .button-icon-cart,
button .button-icon-cart,
.button-wishlist:before,
button.wishlist:before,
.button .button-icon-wishlist,
button .button-icon-wishlist,
.button-inwishlist:before,
button.inwishlist:before,
.button .button-icon-inwishlist,
button .button-icon-inwishlist,
.button-favorites:before,
button.favorites:before,
.button .button-icon-favorites,
button .button-icon-favorites,
.button-play:before,
button.play:before,
.button .button-icon-play,
button .button-icon-play,
.button-pause:before,
button.pause:before,
.button .button-icon-pause,
button .button-icon-pause,
.button-doubleArrowLeft:before,
button.doubleArrowLeft:before,
.button .button-icon-doubleArrowLeft,
button .button-icon-doubleArrowLeft,
.button-doubleArrowRight:after,
button.doubleArrowRight:after,
.button .button-icon-doubleArrowRight,
button .button-icon-doubleArrowRight,
.button-menu:before,
button.menu:before,
.button .button-icon-menu,
button .button-icon-menu,
.button-navigation:before,
button.navigation:before,
.button .button-icon-navigation,
button .button-icon-navigation,
.button-share:before,
button.share:before,
.button .button-icon-share,
button .button-icon-share,
.button-timepicker:before,
button.timepicker:before,
.button .button-icon-timepicker,
button .button-icon-timepicker,
.button-account:before,
button.account:before,
.button .button-icon-account,
button .button-icon-account,
.button-help:before,
button.help:before,
.button .button-icon-help,
button .button-icon-help,
.button-mail:before,
button.mail:before,
.button .button-icon-mail,
button .button-icon-mail,
.button-link:before,
button.link:before,
.button .button-icon-link,
button .button-icon-link,
.button-courses:before,
button.courses:before,
.button .button-icon-courses,
button .button-icon-courses,
.button-certificate:before,
button.certificate:before,
.button .button-icon-certificate,
button .button-icon-certificate,
.button-disabled:before,
button.disabled:before,
.button .button-icon-disabled,
button .button-icon-disabled,
.button-locked:before,
button.locked:before,
.button .button-icon-locked,
button .button-icon-locked,
#accountForm > div > button[type="button"]:after,
.coz-input-search > button:before,
.coz-input-datepicker > button:before,
.coz-input-date-display > button:before,
.coz-input-datetime-display > button:before,
.coz-input-datetime-local-display > button:before,
.coz-input-select > button:before,
.coz-input-combo > button:before,
.coz-input-timepicker > button:before,
.coz-input-time-display > button:before,
.mooeditable-ui-toolbar > .icon:before,
table.sort > thead > tr > th.sort > .button:after,
table.sort > thead > tr > th.filtered > .button:before,
.accordion > dt button:after,
.accordion > dt label:after,
.coz-input-listpicker > div > ul > li > button:before,
.coz-input-listpicker > div > ul > li > a.button:before,
.coz-input-switch > input + i > b > a:before,
.coz-input-select-multiple > ul > li a:after,
select[multiple] option:after,
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before,
button.calendar-google:before,
button.share-facebook:before,
button.share-twitter:before,
button.share-email:before,
button.share-link:before,
button.calendar-outlook:before,
button.calendar-ical:before,
.event-date:before,
.comment-view:before,
.help-grid > div > a:last-child:after {
  margin: 0 -0.375em;
}
.accordion > dt:not(:has(button, label)):after,
#accountForm > div > button:has(.button-icon-edit):before {
  margin: 0 -0.375em;
}
.button-icon-pseudo-base,
.button-arrowLeft:before,
button.arrowLeft:before,
.button-icon-arrowLeft,
.button-arrowRight:after,
button.arrowRight:after,
.button-icon-arrowRight,
.button-search:before,
button.search:before,
.button-icon-search,
.button-productViewBlock:before,
button.productViewBlock:before,
.button-icon-productViewBlock,
.button-productViewLarge:before,
button.productViewLarge:before,
.button-icon-productViewLarge,
.button-productViewSmall:before,
button.productViewSmall:before,
.button-icon-productViewSmall,
.button-productViewList:before,
button.productViewList:before,
.button-icon-productViewList,
.button-datepicker:before,
button.datepicker:before,
.button-icon-datepicker,
.button-add:before,
button.add:before,
.button-icon-add,
.button-close:before,
button.close:before,
.button-icon-close,
.button-remove:before,
button.remove:before,
.button-icon-remove,
.button-delete:before,
button.delete:before,
.button-icon-delete,
.button-check:before,
button.check:before,
.button-icon-check,
.button-copy:before,
button.copy:before,
.button-icon-copy,
.button-edit:before,
button.edit:before,
.button-icon-edit,
.button-maximize:before,
button.maximize:before,
.button-icon-maximize,
.button-restore:before,
button.restore:before,
.button-icon-restore,
.button-minimize:before,
button.minimize:before,
.button-icon-minimize,
.button-info:before,
button.info:before,
.button-icon-info,
.button-down:before,
button.down:before,
.button-icon-down,
.button-expand:before,
button.expand:before,
.button-icon-expand,
.button-drop:before,
button.drop:before,
.button-icon-drop,
.button-decrement:before,
button.decrement:before,
.button-icon-decrement,
.button-up:before,
button.up:before,
.button-icon-up,
.button-collapse:before,
button.collapse:before,
.button-icon-collapse,
.button-increment:before,
button.increment:before,
.button-icon-increment,
.button-sort:before,
button.sort:before,
.button-icon-sort,
.button-drag:before,
button.drag:before,
.button-icon-drag,
.button-asc:before,
button.asc:before,
.button-icon-asc,
.button-desc:before,
button.desc:before,
.button-icon-desc,
.button-updown:before,
button.updown:before,
.button-icon-updown,
.button-undo:before,
button.undo:before,
.button-icon-undo,
.button-reset:before,
button.reset:before,
.button-icon-reset,
.button-redo:before,
button.redo:before,
.button-icon-redo,
.button-more:before,
button.more:before,
.button-icon-more,
.button-browse:before,
button.browse:before,
.button-icon-browse,
.button-filter:before,
button.filter:before,
.button-icon-filter,
.button-cart:before,
button.cart:before,
.button-icon-cart,
.button-wishlist:before,
button.wishlist:before,
.button-icon-wishlist,
.button-inwishlist:before,
button.inwishlist:before,
.button-icon-inwishlist,
.button-favorites:before,
button.favorites:before,
.button-icon-favorites,
.button-play:before,
button.play:before,
.button-icon-play,
.button-pause:before,
button.pause:before,
.button-icon-pause,
.button-doubleArrowLeft:before,
button.doubleArrowLeft:before,
.button-icon-doubleArrowLeft,
.button-doubleArrowRight:after,
button.doubleArrowRight:after,
.button-icon-doubleArrowRight,
.button-menu:before,
button.menu:before,
.button-icon-menu,
.button-navigation:before,
button.navigation:before,
.button-icon-navigation,
.button-share:before,
button.share:before,
.button-icon-share,
.button-timepicker:before,
button.timepicker:before,
.button-icon-timepicker,
.button-account:before,
button.account:before,
.button-icon-account,
.button-help:before,
button.help:before,
.button-icon-help,
.button-mail:before,
button.mail:before,
.button-icon-mail,
.button-link:before,
button.link:before,
.button-icon-link,
.button-courses:before,
button.courses:before,
.button-icon-courses,
.button-certificate:before,
button.certificate:before,
.button-icon-certificate,
.button-disabled:before,
button.disabled:before,
.button-icon-disabled,
.button-locked:before,
button.locked:before,
.button-icon-locked,
#accountForm > div > button[type="button"]:after,
.coz-input-search > button:before,
.coz-input-datepicker > button:before,
.coz-input-date-display > button:before,
.coz-input-datetime-display > button:before,
.coz-input-datetime-local-display > button:before,
.coz-input-select > button:before,
.coz-input-combo > button:before,
.coz-input-timepicker > button:before,
.coz-input-time-display > button:before,
.mooeditable-ui-toolbar > .icon:before,
table.sort > thead > tr > th.sort > .button:after,
table.sort > thead > tr > th.filtered > .button:before,
.accordion > dt button:after,
.accordion > dt label:after,
.coz-input-listpicker > div > ul > li > button:before,
.coz-input-listpicker > div > ul > li > a.button:before,
.course-type.custom:before,
.assessment div.correct:before,
.assessment div.incorrect:before,
.assessment div.hint:before,
.assessment div.passed:before,
.assessment div.failed:before,
#course_palette:after,
#assessment_palette:after,
.coz-input-switch > input + i > b > a:before,
.coz-input-select-multiple > ul > li a:after,
select[multiple] option:after,
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before,
.crumb-icon,
.crumb-home:before,
.breadcrumbs .crumbs li + li:after,
.files-header .crumbs li + li:before,
nav menu > li > a:not(:last-child):after,
li.overflow > a:before,
li.menuheading > a:before,
#navigation_menu li.help > a:before,
#navigation_menu li.courses > a:before,
html.touch-menu nav menu > li menu > li.open > a:after,
.coz-input-checkbox > input + i:before,
button.calendar-google:before,
button.share-facebook:before,
button.share-twitter:before,
button.share-email:before,
button.share-link:before,
button.calendar-outlook:before,
button.calendar-ical:before,
.event-date:before,
.comment-view:before,
.dialog #choose_account_type .tabContent > ul > li:before,
.dialog form[name="registerForm"] label > ul > li:before,
.help-grid > div > a:last-child:after {
  /*color:@color;*/
}
.accordion > dt:not(:has(button, label)):after,
#accountForm > div > button:has(.button-icon-edit):before {
  /*color:@color;*/
}
.noscript html.touch-menu nav menu > li menu > li:focus-within > a:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-icon-pseudo-base {
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.button-icon-pseudo-white,
.button.selected:before,
button.selected:before,
.button.selected:after,
button.selected:after,
.message-bar button:before,
#titlebar .button:before,
#titlebar button:before,
.message-bar button:after,
#titlebar .button:after,
#titlebar button:after,
body .tox .tox-button.selected:before,
body .tox .tox-button.selected:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-icon-pseudo-white {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
/* PackTag: /styles/material-icons.less */
.material-icons,
.material-icons-outlined,
#course_builder [data-type="video"]:before,
#course_builder [data-type="assessment"]:before,
#course_builder [data-type="html"]:before,
#course_builder [data-type="pdf"]:before,
#course_builder [data-type="doc"]:before,
#course_builder [data-type="scorm"]:before,
#course_builder [data-type="compliance"]:before,
#course_builder [data-type="certificate"]:before,
#course_builder button[data-type="section"]:before,
#course_builder [data-status]:before,
#assessment_builder [data-type="ES"]:before,
#assessment_builder [data-type="NR"]:before,
.button-icon-edit,
.button-edit:before,
button.edit:before,
.button-icon-remove,
.button-remove:before,
button.remove:before,
.button-icon-delete,
.button-delete:before,
button.delete:before,
.button-icon-check,
.button-check:before,
button.check:before,
.button-icon-save,
.button-save:before,
button.save:before,
.button-icon-verify,
.button-verify:before,
button.verify:before,
.button-icon-copy,
.button-copy:before,
button.copy:before,
.button-icon-drag,
.button-drag:before,
button.drag:before,
.button-icon-assign,
.button-assign:before,
button.assign:before,
.button-icon-courses,
.button-courses:before,
button.courses:before,
.button-icon-assessment,
.button-assessment:before,
button.assessment:before,
.button-icon-answers,
.button-answers:before,
button.answers:before,
.button-icon-info,
.button-info:before,
button.info:before,
.button-icon-reset,
.button-reset:before,
button.reset:before,
.button-icon-certificate,
.button-certificate:before,
button.certificate:before,
.button-icon-translate,
.button-translate:before,
button.translate:before,
.button-icon-visualize,
.button-visualize:before,
button.visualize:before,
.button-icon-download,
.button-download:before,
button.download:before,
.button-icon-ai,
.button-ai:before,
button.ai:before,
.button-icon-calendar,
.button-calendar:before,
button.calendar:before,
.button-icon-more,
.button-more:before,
button.more:before,
.button-icon-overflow,
.button-overflow:before,
button.overflow:before,
.button-icon-uncheck,
.button-uncheck:before,
button.uncheck:before,
.button-icon-print,
.button-print:before,
button.print:before,
#admin_menu li.overflow > a:before,
#course_builder [data-type="dashtopic_insights"]:before,
#course_builder [data-type="dashtopic_link"]:before,
#course_builder [data-type="dashtopic_html"]:before,
#course_builder [data-type="dashtopic_assessment"]:before,
#course_builder button[data-type="dashboard_section"]:before,
#course_builder button[data-type="dashtopic_superhead"]:before,
#course_builder button[data-type="dashtopic_heading"]:before,
.dashboard-section > label > h1:after,
.dashboard-section > h2:after,
.dashboard-highlight-superheading > label > h1:after,
.dashboard-highlight-heading > h2:after,
.dashboard-highlight > h3:after {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
}
.material-icons-outlined {
  font-family: 'Material Icons Outlined';
}
.material-icons-loaded .material-icons {
  max-width: unset;
}
.material-icons-outlined-loaded .material-icons-outlined {
  max-width: unset;
}
/* PackTag: /styles/material-easing.less */
/* PackTag: /arclearn/styles/variables.less */
/* PackTag: /themes/redesign/styles/mixins.less */
/* PackTag: /themes/redesign/styles/colors.less */
.color-primary {
  color: #2454f3;
}
.color-secondary {
  color: #00253e;
}
/* PackTag: /themes/redesign/styles/variables.less */
:root {
  --page-width: 960px;
  --page-gap: 48px;
  --page-side-gap: 96px;
  --scrollbar-width: 0px;
}
/* PackTag: /themes/semembers/styles/colors.less */
/* PackTag: /themes/semembers/styles/variables.less */
/*

@font:Red Hat Text,Inter,Arial,Helvetica,sans-serif;
@font-weight:300;
@heading-font:Wulkan Display,Inter,Arial,Helvetica,sans-serif;
@heading-font-weight:500;*/
/* PackTag: /styles/reset.less */
html {
  font-size: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
html,
body {
  height: 100%;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
textarea,
button,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
ul,
ol {
  padding-left: 2em;
}
header,
footer,
nav,
main,
section,
article,
aside {
  display: block;
}
table {
  border-spacing: 0;
  font: inherit;
  color: inherit;
  text-decoration: inherit;
}
td {
  vertical-align: top;
}
fieldset,
img,
abbr,
acronym,
iframe {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}
xol,
xul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
form {
  display: inline;
}
b {
  font-weight: bold;
}
i {
  font-style: italic;
}
p {
  margin: 1em 0;
}
object,
embed,
iframe {
  vertical-align: bottom;
}
/* PackTag: /styles/button.less */
.button-font {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25;
}
.button-padding {
  padding: 0.6875em 1.3125em;
}
.button-style,
.button,
button,
body .tox .tox-button {
  display: inline-flex;
  gap: 0.75em;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25;
  padding: 0.6875em 1.3125em;
  min-height: 2.625em;
  background: ButtonFace;
  border: 0;
  color: ButtonText;
  overflow: hidden;
  vertical-align: bottom;
  user-select: none;
  cursor: pointer;
}
.accordion > dt:not(:has(button, label)) {
  display: inline-flex;
  gap: 0.75em;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25;
  padding: 0.6875em 1.3125em;
  min-height: 2.625em;
  background: ButtonFace;
  border: 0;
  color: ButtonText;
  overflow: hidden;
  vertical-align: bottom;
  user-select: none;
  cursor: pointer;
}
.button .coz-input-checkbox,
button .coz-input-checkbox {
  font-size: 1em;
  margin: 0 -0.0625em 0 -0.625em;
}
.button .material-icons,
button .material-icons,
.button .material-icons-outlined,
button .material-icons-outlined {
  font-size: 1.25em;
  pointer-events: none;
  margin: 0 -0.3em;
}
.button-large,
button.large {
  padding: 0.875em 1.75em;
}
.button-style,
.button,
button,
body .tox .tox-button {
  border-style: outset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}
.accordion > dt:not(:has(button, label)) {
  border-style: outset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}
a.button:hover:active {
  border-style: inset;
}
.button.selected,
button.selected {
  border-style: inset;
  cursor: default;
}
button {
  border-radius: 0;
  -webkit-tap-highlight-color: transparent;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button.disabled,
button[disabled] {
  border-style: solid;
  color: GrayText;
  pointer-events: none;
}
.button.disabled,
.button.disabled * {
  cursor: default;
}
.button-drag,
button-drag {
  cursor: move;
}
.button-icon,
button.icon {
  width: 2.625em;
  height: 2.625em;
  line-height: 0;
  padding: 0;
  overflow: hidden;
  display: inline-grid;
  grid-template-rows: 100% 0;
  align-items: center;
  justify-items: center;
  gap: 1000em;
}
.button-icon:before,
button.icon:before,
.button-icon:after,
button.icon:after,
.button-icon .button-icon-pseudo,
button.icon .button-icon-pseudo,
.button-icon .material-icons,
button.icon .material-icons,
.button-icon .material-icons-outlined,
button.icon .material-icons-outlined {
  grid-row: 1;
  grid-column: 1;
  margin: 0;
}
.no-grid .button-icon,
.no-grid button.icon {
  display: inline-flex;
  flex-wrap: wrap;
}
.button-icon-small {
  width: 1em;
  height: 1em;
  min-height: 0;
  padding: 0 0.3125em;
}
.button-icon.large,
button.icon.large {
  width: 3.25em;
  min-height: 3.25em;
  max-height: 3.25em;
}
.button-arrowLeft:before,
button.arrowLeft:before,
.button-icon-arrowLeft {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.button-arrowRight:after,
button.arrowRight:after,
.button-icon-arrowRight {
  background-position: 3.84615385% 0%;
  -webkit-mask-position: 3.84615385% 0%;
  -moz-mask-position: 3.84615385% 0%;
  -ms-mask-position: 3.84615385% 0%;
  -o-mask-position: 3.84615385% 0%;
  mask-position: 3.84615385% 0%;
}
.button-search:before,
button.search:before,
.button-icon-search {
  background-position: 7.69230769% 0%;
  -webkit-mask-position: 7.69230769% 0%;
  -moz-mask-position: 7.69230769% 0%;
  -ms-mask-position: 7.69230769% 0%;
  -o-mask-position: 7.69230769% 0%;
  mask-position: 7.69230769% 0%;
}
.button-productViewBlock:before,
button.productViewBlock:before,
.button-icon-productViewBlock {
  background-position: 11.53846154% 0%;
  -webkit-mask-position: 11.53846154% 0%;
  -moz-mask-position: 11.53846154% 0%;
  -ms-mask-position: 11.53846154% 0%;
  -o-mask-position: 11.53846154% 0%;
  mask-position: 11.53846154% 0%;
}
.button-productViewLarge:before,
button.productViewLarge:before,
.button-icon-productViewLarge {
  background-position: 15.38461538% 0%;
  -webkit-mask-position: 15.38461538% 0%;
  -moz-mask-position: 15.38461538% 0%;
  -ms-mask-position: 15.38461538% 0%;
  -o-mask-position: 15.38461538% 0%;
  mask-position: 15.38461538% 0%;
}
.button-productViewSmall:before,
button.productViewSmall:before,
.button-icon-productViewSmall {
  background-position: 19.23076923% 0%;
  -webkit-mask-position: 19.23076923% 0%;
  -moz-mask-position: 19.23076923% 0%;
  -ms-mask-position: 19.23076923% 0%;
  -o-mask-position: 19.23076923% 0%;
  mask-position: 19.23076923% 0%;
}
.button-productViewList:before,
button.productViewList:before,
.button-icon-productViewList {
  background-position: 23.07692308% 0%;
  -webkit-mask-position: 23.07692308% 0%;
  -moz-mask-position: 23.07692308% 0%;
  -ms-mask-position: 23.07692308% 0%;
  -o-mask-position: 23.07692308% 0%;
  mask-position: 23.07692308% 0%;
}
.button-datepicker:before,
button.datepicker:before,
.button-icon-datepicker {
  background-position: 26.92307692% 0%;
  -webkit-mask-position: 26.92307692% 0%;
  -moz-mask-position: 26.92307692% 0%;
  -ms-mask-position: 26.92307692% 0%;
  -o-mask-position: 26.92307692% 0%;
  mask-position: 26.92307692% 0%;
}
.button-add:before,
button.add:before,
.button-icon-add {
  background-position: 30.76923077% 0%;
  -webkit-mask-position: 30.76923077% 0%;
  -moz-mask-position: 30.76923077% 0%;
  -ms-mask-position: 30.76923077% 0%;
  -o-mask-position: 30.76923077% 0%;
  mask-position: 30.76923077% 0%;
}
.button-close:before,
button.close:before,
.button-icon-close {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
}
.button-remove:before,
button.remove:before,
.button-icon-remove {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
}
.button-delete:before,
button.delete:before,
.button-icon-delete {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
}
.button-check:before,
button.check:before,
.button-icon-check {
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
}
.button-copy:before,
button.copy:before,
.button-icon-copy {
  background-position: 42.30769231% 0%;
  -webkit-mask-position: 42.30769231% 0%;
  -moz-mask-position: 42.30769231% 0%;
  -ms-mask-position: 42.30769231% 0%;
  -o-mask-position: 42.30769231% 0%;
  mask-position: 42.30769231% 0%;
}
.button-edit:before,
button.edit:before,
.button-icon-edit {
  background-position: 46.15384615% 0%;
  -webkit-mask-position: 46.15384615% 0%;
  -moz-mask-position: 46.15384615% 0%;
  -ms-mask-position: 46.15384615% 0%;
  -o-mask-position: 46.15384615% 0%;
  mask-position: 46.15384615% 0%;
}
.button-maximize:before,
button.maximize:before,
.button-icon-maximize {
  background-position: 50% 0%;
  -webkit-mask-position: 50% 0%;
  -moz-mask-position: 50% 0%;
  -ms-mask-position: 50% 0%;
  -o-mask-position: 50% 0%;
  mask-position: 50% 0%;
}
.button-restore:before,
button.restore:before,
.button-icon-restore {
  background-position: 53.84615385% 0%;
  -webkit-mask-position: 53.84615385% 0%;
  -moz-mask-position: 53.84615385% 0%;
  -ms-mask-position: 53.84615385% 0%;
  -o-mask-position: 53.84615385% 0%;
  mask-position: 53.84615385% 0%;
}
.button-minimize:before,
button.minimize:before,
.button-icon-minimize {
  background-position: 57.69230769% 0%;
  -webkit-mask-position: 57.69230769% 0%;
  -moz-mask-position: 57.69230769% 0%;
  -ms-mask-position: 57.69230769% 0%;
  -o-mask-position: 57.69230769% 0%;
  mask-position: 57.69230769% 0%;
}
.button-info:before,
button.info:before,
.button-icon-info {
  background-position: 61.53846154% 0%;
  -webkit-mask-position: 61.53846154% 0%;
  -moz-mask-position: 61.53846154% 0%;
  -ms-mask-position: 61.53846154% 0%;
  -o-mask-position: 61.53846154% 0%;
  mask-position: 61.53846154% 0%;
}
.button-down:before,
button.down:before,
.button-icon-down {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
.button-expand:before,
button.expand:before,
.button-icon-expand {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
.button-drop:before,
button.drop:before,
.button-icon-drop {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
.button-decrement:before,
button.decrement:before,
.button-icon-decrement {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
.button-up:before,
button.up:before,
.button-icon-up {
  background-position: 69.23076923% 0%;
  -webkit-mask-position: 69.23076923% 0%;
  -moz-mask-position: 69.23076923% 0%;
  -ms-mask-position: 69.23076923% 0%;
  -o-mask-position: 69.23076923% 0%;
  mask-position: 69.23076923% 0%;
}
.button-collapse:before,
button.collapse:before,
.button-icon-collapse {
  background-position: 69.23076923% 0%;
  -webkit-mask-position: 69.23076923% 0%;
  -moz-mask-position: 69.23076923% 0%;
  -ms-mask-position: 69.23076923% 0%;
  -o-mask-position: 69.23076923% 0%;
  mask-position: 69.23076923% 0%;
}
.button-increment:before,
button.increment:before,
.button-icon-increment {
  background-position: 69.23076923% 0%;
  -webkit-mask-position: 69.23076923% 0%;
  -moz-mask-position: 69.23076923% 0%;
  -ms-mask-position: 69.23076923% 0%;
  -o-mask-position: 69.23076923% 0%;
  mask-position: 69.23076923% 0%;
}
.button-sort:before,
button.sort:before,
.button-icon-sort {
  background-position: 73.07692308% 0%;
  -webkit-mask-position: 73.07692308% 0%;
  -moz-mask-position: 73.07692308% 0%;
  -ms-mask-position: 73.07692308% 0%;
  -o-mask-position: 73.07692308% 0%;
  mask-position: 73.07692308% 0%;
}
.button-drag:before,
button.drag:before,
.button-icon-drag {
  background-position: 73.07692308% 0%;
  -webkit-mask-position: 73.07692308% 0%;
  -moz-mask-position: 73.07692308% 0%;
  -ms-mask-position: 73.07692308% 0%;
  -o-mask-position: 73.07692308% 0%;
  mask-position: 73.07692308% 0%;
}
.button-asc:before,
button.asc:before,
.button-icon-asc {
  background-position: 76.92307692% 0%;
  -webkit-mask-position: 76.92307692% 0%;
  -moz-mask-position: 76.92307692% 0%;
  -ms-mask-position: 76.92307692% 0%;
  -o-mask-position: 76.92307692% 0%;
  mask-position: 76.92307692% 0%;
}
.button-desc:before,
button.desc:before,
.button-icon-desc {
  background-position: 80.76923077% 0%;
  -webkit-mask-position: 80.76923077% 0%;
  -moz-mask-position: 80.76923077% 0%;
  -ms-mask-position: 80.76923077% 0%;
  -o-mask-position: 80.76923077% 0%;
  mask-position: 80.76923077% 0%;
}
.button-updown:before,
button.updown:before,
.button-icon-updown {
  background-position: 84.61538462% 0%;
  -webkit-mask-position: 84.61538462% 0%;
  -moz-mask-position: 84.61538462% 0%;
  -ms-mask-position: 84.61538462% 0%;
  -o-mask-position: 84.61538462% 0%;
  mask-position: 84.61538462% 0%;
}
.button-undo:before,
button.undo:before,
.button-icon-undo {
  background-position: 88.46153846% 0%;
  -webkit-mask-position: 88.46153846% 0%;
  -moz-mask-position: 88.46153846% 0%;
  -ms-mask-position: 88.46153846% 0%;
  -o-mask-position: 88.46153846% 0%;
  mask-position: 88.46153846% 0%;
}
.button-reset:before,
button.reset:before,
.button-icon-reset {
  background-position: 88.46153846% 0%;
  -webkit-mask-position: 88.46153846% 0%;
  -moz-mask-position: 88.46153846% 0%;
  -ms-mask-position: 88.46153846% 0%;
  -o-mask-position: 88.46153846% 0%;
  mask-position: 88.46153846% 0%;
}
.button-redo:before,
button.redo:before,
.button-icon-redo {
  background-position: 92.30769231% 0%;
  -webkit-mask-position: 92.30769231% 0%;
  -moz-mask-position: 92.30769231% 0%;
  -ms-mask-position: 92.30769231% 0%;
  -o-mask-position: 92.30769231% 0%;
  mask-position: 92.30769231% 0%;
}
.button-more:before,
button.more:before,
.button-icon-more {
  background-position: 96.15384615% 0%;
  -webkit-mask-position: 96.15384615% 0%;
  -moz-mask-position: 96.15384615% 0%;
  -ms-mask-position: 96.15384615% 0%;
  -o-mask-position: 96.15384615% 0%;
  mask-position: 96.15384615% 0%;
}
.button-browse:before,
button.browse:before,
.button-icon-browse {
  background-position: 96.15384615% 0%;
  -webkit-mask-position: 96.15384615% 0%;
  -moz-mask-position: 96.15384615% 0%;
  -ms-mask-position: 96.15384615% 0%;
  -o-mask-position: 96.15384615% 0%;
  mask-position: 96.15384615% 0%;
}
.button-filter:before,
button.filter:before,
.button-icon-filter {
  background-position: 100% 0%;
  -webkit-mask-position: 100% 0%;
  -moz-mask-position: 100% 0%;
  -ms-mask-position: 100% 0%;
  -o-mask-position: 100% 0%;
  mask-position: 100% 0%;
}
.button-cart:before,
button.cart:before,
.button-icon-cart {
  background-position: 0% 100%;
  -webkit-mask-position: 0% 100%;
  -moz-mask-position: 0% 100%;
  -ms-mask-position: 0% 100%;
  -o-mask-position: 0% 100%;
  mask-position: 0% 100%;
}
.button-wishlist:before,
button.wishlist:before,
.button-icon-wishlist {
  background-position: 3.84615385% 100%;
  -webkit-mask-position: 3.84615385% 100%;
  -moz-mask-position: 3.84615385% 100%;
  -ms-mask-position: 3.84615385% 100%;
  -o-mask-position: 3.84615385% 100%;
  mask-position: 3.84615385% 100%;
}
.button-inwishlist:before,
button.inwishlist:before,
.button-icon-inwishlist {
  background-position: 3.84615385% 100%;
  -webkit-mask-position: 3.84615385% 100%;
  -moz-mask-position: 3.84615385% 100%;
  -ms-mask-position: 3.84615385% 100%;
  -o-mask-position: 3.84615385% 100%;
  mask-position: 3.84615385% 100%;
}
.button-favorites:before,
button.favorites:before,
.button-icon-favorites {
  background-position: 3.84615385% 100%;
  -webkit-mask-position: 3.84615385% 100%;
  -moz-mask-position: 3.84615385% 100%;
  -ms-mask-position: 3.84615385% 100%;
  -o-mask-position: 3.84615385% 100%;
  mask-position: 3.84615385% 100%;
}
.button-play:before,
button.play:before,
.button-icon-play {
  background-position: 7.69230769% 100%;
  -webkit-mask-position: 7.69230769% 100%;
  -moz-mask-position: 7.69230769% 100%;
  -ms-mask-position: 7.69230769% 100%;
  -o-mask-position: 7.69230769% 100%;
  mask-position: 7.69230769% 100%;
}
.button-pause:before,
button.pause:before,
.button-icon-pause {
  background-position: 11.53846154% 100%;
  -webkit-mask-position: 11.53846154% 100%;
  -moz-mask-position: 11.53846154% 100%;
  -ms-mask-position: 11.53846154% 100%;
  -o-mask-position: 11.53846154% 100%;
  mask-position: 11.53846154% 100%;
}
.button-doubleArrowLeft:before,
button.doubleArrowLeft:before,
.button-icon-doubleArrowLeft {
  background-position: 15.38461538% 100%;
  -webkit-mask-position: 15.38461538% 100%;
  -moz-mask-position: 15.38461538% 100%;
  -ms-mask-position: 15.38461538% 100%;
  -o-mask-position: 15.38461538% 100%;
  mask-position: 15.38461538% 100%;
}
.button-doubleArrowRight:after,
button.doubleArrowRight:after,
.button-icon-doubleArrowRight {
  background-position: 19.23076923% 100%;
  -webkit-mask-position: 19.23076923% 100%;
  -moz-mask-position: 19.23076923% 100%;
  -ms-mask-position: 19.23076923% 100%;
  -o-mask-position: 19.23076923% 100%;
  mask-position: 19.23076923% 100%;
}
.button-menu:before,
button.menu:before,
.button-icon-menu {
  background-position: 23.07692308% 100%;
  -webkit-mask-position: 23.07692308% 100%;
  -moz-mask-position: 23.07692308% 100%;
  -ms-mask-position: 23.07692308% 100%;
  -o-mask-position: 23.07692308% 100%;
  mask-position: 23.07692308% 100%;
}
.button-navigation:before,
button.navigation:before,
.button-icon-navigation {
  background-position: 23.07692308% 100%;
  -webkit-mask-position: 23.07692308% 100%;
  -moz-mask-position: 23.07692308% 100%;
  -ms-mask-position: 23.07692308% 100%;
  -o-mask-position: 23.07692308% 100%;
  mask-position: 23.07692308% 100%;
}
.button-share:before,
button.share:before,
.button-icon-share {
  background-position: 26.92307692% 100%;
  -webkit-mask-position: 26.92307692% 100%;
  -moz-mask-position: 26.92307692% 100%;
  -ms-mask-position: 26.92307692% 100%;
  -o-mask-position: 26.92307692% 100%;
  mask-position: 26.92307692% 100%;
}
.button-timepicker:before,
button.timepicker:before,
.button-icon-timepicker {
  background-position: 30.76923077% 100%;
  -webkit-mask-position: 30.76923077% 100%;
  -moz-mask-position: 30.76923077% 100%;
  -ms-mask-position: 30.76923077% 100%;
  -o-mask-position: 30.76923077% 100%;
  mask-position: 30.76923077% 100%;
}
.button-account:before,
button.account:before,
.button-icon-account {
  background-position: 42.30769231% 100%;
  -webkit-mask-position: 42.30769231% 100%;
  -moz-mask-position: 42.30769231% 100%;
  -ms-mask-position: 42.30769231% 100%;
  -o-mask-position: 42.30769231% 100%;
  mask-position: 42.30769231% 100%;
}
.button-help:before,
button.help:before,
.button-icon-help {
  background-position: 46.15384615% 100%;
  -webkit-mask-position: 46.15384615% 100%;
  -moz-mask-position: 46.15384615% 100%;
  -ms-mask-position: 46.15384615% 100%;
  -o-mask-position: 46.15384615% 100%;
  mask-position: 46.15384615% 100%;
}
.button-mail:before,
button.mail:before,
.button-icon-mail {
  background-position: 57.69230769% 100%;
  -webkit-mask-position: 57.69230769% 100%;
  -moz-mask-position: 57.69230769% 100%;
  -ms-mask-position: 57.69230769% 100%;
  -o-mask-position: 57.69230769% 100%;
  mask-position: 57.69230769% 100%;
}
.button-link:before,
button.link:before,
.button-icon-link {
  background-position: 61.53846154% 100%;
  -webkit-mask-position: 61.53846154% 100%;
  -moz-mask-position: 61.53846154% 100%;
  -ms-mask-position: 61.53846154% 100%;
  -o-mask-position: 61.53846154% 100%;
  mask-position: 61.53846154% 100%;
}
.button-courses:before,
button.courses:before,
.button-icon-courses {
  background-position: 65.38461538% 100%;
  -webkit-mask-position: 65.38461538% 100%;
  -moz-mask-position: 65.38461538% 100%;
  -ms-mask-position: 65.38461538% 100%;
  -o-mask-position: 65.38461538% 100%;
  mask-position: 65.38461538% 100%;
}
.button-certificate:before,
button.certificate:before,
.button-icon-certificate {
  background-position: 73.07692308% 100%;
  -webkit-mask-position: 73.07692308% 100%;
  -moz-mask-position: 73.07692308% 100%;
  -ms-mask-position: 73.07692308% 100%;
  -o-mask-position: 73.07692308% 100%;
  mask-position: 73.07692308% 100%;
}
.button-disabled:before,
button.disabled:before,
.button-icon-disabled {
  width: 0.875em;
  height: 0.875em;
  -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -webkit-mask-size: 1100% 100%;
  -moz-mask-size: 1100% 100%;
  -ms-mask-size: 1100% 100%;
  -o-mask-size: 1100% 100%;
  mask-size: 1100% 100%;
  background-position: 90% 0%;
  -webkit-mask-position: 90% 0%;
  -moz-mask-position: 90% 0%;
  -ms-mask-position: 90% 0%;
  -o-mask-position: 90% 0%;
  mask-position: 90% 0%;
}
.button-locked:before,
button.locked:before,
.button-icon-locked {
  width: 0.875em;
  height: 0.875em;
  -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -webkit-mask-size: 1100% 100%;
  -moz-mask-size: 1100% 100%;
  -ms-mask-size: 1100% 100%;
  -o-mask-size: 1100% 100%;
  mask-size: 1100% 100%;
  background-position: 100% 0%;
  -webkit-mask-position: 100% 0%;
  -moz-mask-position: 100% 0%;
  -ms-mask-position: 100% 0%;
  -o-mask-position: 100% 0%;
  mask-position: 100% 0%;
}
#accountForm > div {
  /*
	> button[type="button"]:after { .button-material-icons(expand_more); margin-left:0; }*/
}
#accountForm > div > button[type="button"]:after {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
#accountForm > div.active > button[type="button"]:after {
  transform: rotate(180deg);
}
.coz-input > .button,
.coz-input > button,
.coz-input-number-buttons,
.coz-input-number-buttons > button {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
}
.coz-input > button,
.coz-input > span > button {
  cursor: default;
}
.coz-input-search > button:before {
  background-position: 7.69230769% 0%;
  -webkit-mask-position: 7.69230769% 0%;
  -moz-mask-position: 7.69230769% 0%;
  -ms-mask-position: 7.69230769% 0%;
  -o-mask-position: 7.69230769% 0%;
  mask-position: 7.69230769% 0%;
}
.coz-input-datepicker > button:before,
.coz-input-date-display > button:before,
.coz-input-datetime-display > button:before,
.coz-input-datetime-local-display > button:before {
  background-position: 26.92307692% 0%;
  -webkit-mask-position: 26.92307692% 0%;
  -moz-mask-position: 26.92307692% 0%;
  -ms-mask-position: 26.92307692% 0%;
  -o-mask-position: 26.92307692% 0%;
  mask-position: 26.92307692% 0%;
}
.coz-input-select > button:before,
.coz-input-combo > button:before {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
}
.coz-input-open > button:before {
  background-position: 69.23076923% 0%;
  -webkit-mask-position: 69.23076923% 0%;
  -moz-mask-position: 69.23076923% 0%;
  -ms-mask-position: 69.23076923% 0%;
  -o-mask-position: 69.23076923% 0%;
  mask-position: 69.23076923% 0%;
}
.coz-input-select > button,
.coz-input-combo > button {
  width: 1.125em;
}
.coz-input-select > button:before,
.coz-input-combo > button:before {
  margin: 0 -2em/16 !important;
}
.coz-input-number-buttons > button {
  width: 1.3125em;
  min-height: 50%;
  max-height: 50%;
}
.coz-input-number-buttons > button:before {
  width: 0.625em;
  height: 0.625em;
}
.coz-input-number-buttons > button.increment:before {
  margin-top: -1px;
}
.coz-input-number-buttons > button.decrement {
  top: 50%;
}
.coz-input-number-buttons > button.decrement:before {
  margin-bottom: -1px;
}
.coz-input-timepicker > button:before,
.coz-input-time-display > button:before {
  background-position: 30.76923077% 100%;
  -webkit-mask-position: 30.76923077% 100%;
  -moz-mask-position: 30.76923077% 100%;
  -ms-mask-position: 30.76923077% 100%;
  -o-mask-position: 30.76923077% 100%;
  mask-position: 30.76923077% 100%;
}
.coz-input-time > button {
  padding-left: 0.125em;
  padding-right: 0.125em;
}
.coz-input-search > button {
  cursor: pointer;
}
.coz-input-search > .button {
  position: absolute;
  right: 2.625em;
  top: 0;
}
.coz-input-copy > a {
  display: block;
  position: absolute;
}
.mooeditable-ui-toolbar > .icon:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.button.coz-input-style,
button.coz-input-style {
  text-transform: none;
}
.button.coz-input-style:before,
button.coz-input-style:before,
.button.coz-input-style:after,
button.coz-input-style:after {
  width: 1.25em;
  height: 1.25em;
  margin: 0.125em 0;
}
/* PackTag: /styles/input.less */
/* Form Inputs */
input,
select,
textarea,
body:not(.mce-content-body) [contenteditable],
.mooeditable-container .mooeditable-iframe,
.coz-input-checkbox > input + i,
.coz-input-radio > input + i,
.coz-input-style {
  background: #fff;
  border: 1px inset ThreeDFace;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input,
select,
textarea,
body:not(.mce-content-body) [contenteditable],
.mce-content-body[contenteditable],
.mooeditable-iframe-body,
.coz-input > ul > li > a,
.coz-input-style {
  padding: 0.5em 0.6875em;
}
select {
  padding-right: 1.5625em;
}
input,
select,
.coz-input-style {
  height: 2.625em;
}
progress {
  height: 2em;
}
textarea {
  resize: vertical;
  min-height: 2.625em;
}
input[type="color"] {
  padding: 0;
}
body:not(.mce-content-body) [contenteditable] {
  display: inline-block;
}
/*
body:not(.mce-content-body) div[contenteditable] { white-space:normal; width:100%; }*/
input[type="checkbox"],
input[type="radio"] {
  height: 14px;
  padding: 2px;
  vertical-align: top;
}
input[type="image"] {
  border: 0;
}
datalist {
  display: none;
}
.mce-content-body {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
input,
textarea,
select {
  border-radius: 0;
}
/*
input[type="number"] {
	.box-sizing(content-box);
	width:3em; height:1em*@line-height;
	&.count { width:2em; }
}
input[type="date"] {
	width:180px;
}*/
input[type="number"],
input[type="search"],
input[type="date"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
html:not(.javascript) select[multiple],
select[multiple][size]:not([size="1"]) {
  height: auto;
}
select[multiple][size]:not([size="1"]) {
  overflow: auto;
}
select[multiple] option {
  display: flex;
  align-items: center;
  padding: 0.125em 0.25em 0.125em;
  gap: 0.25em;
  color: #000;
  background-color: #fff;
}
select[multiple] option:hover {
  background-color: Highlight;
  color: HighlightText;
}
select[multiple] option:checked {
  background-color: ActiveBorder;
  color: HighlightText;
}
input:disabled,
select:disabled,
textarea:disabled {
  pointer-events: none;
}
.coz-input:has(> :first-child:disabled) {
  cursor: not-allowed;
}
.coz-input-placeholder,
.coz-input-select-empty .coz-input-style,
[contenteditable][placeholder]:empty:not(:focus):before,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
::placeholder,
.coz-input > ul > li a[data-value=""],
.coz-input > ul > li a[data-empty-value] {
  color: GrayText;
  color: rgba(0, 0, 0, 0.2);
}
:-moz-placeholder {
  color: GrayText;
  color: rgba(0, 0, 0, 0.2);
}
::-moz-placeholder {
  color: GrayText;
  color: rgba(0, 0, 0, 0.2);
}
::-webkit-input-placeholder {
  color: GrayText;
  color: rgba(0, 0, 0, 0.2);
}
:-ms-input-placeholder {
  color: GrayText;
  color: rgba(0, 0, 0, 0.2);
}
[contenteditable][placeholder]:empty:not(:focus):before {
  content: attr(placeholder);
  cursor: text;
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
.firefox :autofill,
.firefox .coz-input-time > :first-child:autofill + .coz-input input,
.firefox .coz-input-datetime > :first-child:autofill + .coz-input input,
.firefox .coz-input-datetime-local > :first-child:autofill + .coz-input input,
.firefox .coz-input-month > :first-child:autofill + .coz-input input,
.firefox .coz-input-week > :first-child:autofill + .coz-input input,
.firefox .coz-input-time > :first-child:autofill + .coz-input select,
.firefox .coz-input-datetime > :first-child:autofill + .coz-input select,
.firefox .coz-input-datetime-local > :first-child:autofill + .coz-input select,
.firefox .coz-input-month > :first-child:autofill + .coz-input select,
.firefox .coz-input-week > :first-child:autofill + .coz-input select,
.firefox .coz-input-tel-intl > :first-child:autofill + [contenteditable],
.firefox .coz-input-tel-intl > :first-child:autofill + .coz-input-style,
.firefox .coz-input-tel-intl > :first-child:autofill + .iti > input {
  background: #fffcc8;
}
.firefox .coz-input:has(> [contenteditable]) > :first-child:autofill + [contenteditable],
.firefox .coz-input:has(> .coz-input-style) > :first-child:autofill + [contenteditable],
.firefox .coz-input:has(> [contenteditable]) > :first-child:autofill + .coz-input-style,
.firefox .coz-input:has(> .coz-input-style) > :first-child:autofill + .coz-input-style,
.firefox .coz-input:has(> [contenteditable]) > :first-child:autofill + .iti > input,
.firefox .coz-input:has(> .coz-input-style) > :first-child:autofill + .iti > input {
  background: #fffcc8;
}
:-webkit-autofill,
.coz-input-time > :first-child:-webkit-autofill + .coz-input input,
.coz-input-datetime > :first-child:-webkit-autofill + .coz-input input,
.coz-input-datetime-local > :first-child:-webkit-autofill + .coz-input input,
.coz-input-month > :first-child:-webkit-autofill + .coz-input input,
.coz-input-week > :first-child:-webkit-autofill + .coz-input input,
.coz-input-time > :first-child:-webkit-autofill + .coz-input select,
.coz-input-datetime > :first-child:-webkit-autofill + .coz-input select,
.coz-input-datetime-local > :first-child:-webkit-autofill + .coz-input select,
.coz-input-month > :first-child:-webkit-autofill + .coz-input select,
.coz-input-week > :first-child:-webkit-autofill + .coz-input select,
.coz-input-tel-intl > :first-child:-webkit-autofill + [contenteditable],
.coz-input-tel-intl > :first-child:-webkit-autofill + .coz-input-style,
.coz-input-tel-intl > :first-child:-webkit-autofill + .iti > input {
  background: light-dark(#e8f0fe, rgba(70, 90, 126, 0.4));
}
.coz-input:has(> [contenteditable]) > :first-child:-webkit-autofill + [contenteditable],
.coz-input:has(> .coz-input-style) > :first-child:-webkit-autofill + [contenteditable],
.coz-input:has(> [contenteditable]) > :first-child:-webkit-autofill + .coz-input-style,
.coz-input:has(> .coz-input-style) > :first-child:-webkit-autofill + .coz-input-style,
.coz-input:has(> [contenteditable]) > :first-child:-webkit-autofill + .iti > input,
.coz-input:has(> .coz-input-style) > :first-child:-webkit-autofill + .iti > input {
  background: light-dark(#e8f0fe, rgba(70, 90, 126, 0.4));
}
.coz-input {
  position: relative;
}
.coz-input,
.coz-input-style:not(.button):not(button),
.coz-input > ul > li > a {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  user-select: none;
}
.coz-input > *,
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  vertical-align: top;
}
.coz-input > input,
.coz-input-select > select {
  display: inline;
}
.coz-input-search > input,
.coz-input-copy > input,
.coz-input-select > input,
.coz-input-combo > input {
  width: auto;
}
.coz-input > input::-moz-file-upload-button {
  display: none;
}
.coz-input > input::-webkit-file-upload-button {
  display: none;
}
.coz-input > input::-webkit-calendar-picker-indicator {
  display: none;
}
.coz-input-time > :first-child,
.coz-input-datetime > :first-child,
.coz-input-datetime-local > :first-child,
.coz-input-month > :first-child,
.coz-input-week > :first-child {
  display: none;
}
.coz-input-number:has(> :first-child + input, > :first-child + [contenteditable]) > :first-child {
  color: transparent;
}
.coz-input-date > :first-child,
.coz-input-datepicker > :first-child,
.coz-input-time-display > :first-child,
.coz-input-timepicker > :first-child,
.coz-input-datetime-local-display > :first-child,
.coz-input-week > :first-child,
.coz-input-file > :first-child,
.coz-input-select > :first-child,
.coz-input-tel-intl > :first-child,
.coz-input-password-placeholder > :first-child {
  color: transparent;
}
.coz-input-number:has(> :first-child + input, > :first-child + [contenteditable]) > :first-child + input,
.coz-input-number:has(> :first-child + input, > :first-child + [contenteditable]) > :first-child + [contenteditable],
.coz-input-number:has(> :first-child + input, > :first-child + [contenteditable]) > :first-child + .coz-input-style {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  border-color: transparent !important;
}
.coz-input-date > :first-child + input,
.coz-input-datepicker > :first-child + input,
.coz-input-time-display > :first-child + input,
.coz-input-timepicker > :first-child + input,
.coz-input-datetime-local-display > :first-child + input,
.coz-input-week > :first-child + input,
.coz-input-file > :first-child + input,
.coz-input-select > :first-child + input,
.coz-input-tel-intl > :first-child + input,
.coz-input-password-placeholder > :first-child + input,
.coz-input-date > :first-child + [contenteditable],
.coz-input-datepicker > :first-child + [contenteditable],
.coz-input-time-display > :first-child + [contenteditable],
.coz-input-timepicker > :first-child + [contenteditable],
.coz-input-datetime-local-display > :first-child + [contenteditable],
.coz-input-week > :first-child + [contenteditable],
.coz-input-file > :first-child + [contenteditable],
.coz-input-select > :first-child + [contenteditable],
.coz-input-tel-intl > :first-child + [contenteditable],
.coz-input-password-placeholder > :first-child + [contenteditable],
.coz-input-date > :first-child + .coz-input-style,
.coz-input-datepicker > :first-child + .coz-input-style,
.coz-input-time-display > :first-child + .coz-input-style,
.coz-input-timepicker > :first-child + .coz-input-style,
.coz-input-datetime-local-display > :first-child + .coz-input-style,
.coz-input-week > :first-child + .coz-input-style,
.coz-input-file > :first-child + .coz-input-style,
.coz-input-select > :first-child + .coz-input-style,
.coz-input-tel-intl > :first-child + .coz-input-style,
.coz-input-password-placeholder > :first-child + .coz-input-style {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  border-color: transparent !important;
}
.coz-input-select > select:first-child {
  color: transparent;
}
.coz-input-select:not(.coz-input-select-size) > select {
  height: 2.625em;
  overflow: hidden;
}
.coz-input-select:not(.coz-input-select-size) > select option {
  visibility: hidden;
  pointer-events: none;
}
.coz-input:has(> [contenteditable]),
.coz-input:has(> .coz-input-style) {
  display: inline-grid;
  align-items: stretch;
}
.coz-input-tel-intl {
  display: inline-grid;
  align-items: stretch;
}
.coz-input:has(> [contenteditable]) > :first-child,
.coz-input:has(> .coz-input-style) > :first-child,
.coz-input:has(> [contenteditable]) > :first-child + [contenteditable],
.coz-input:has(> .coz-input-style) > :first-child + [contenteditable],
.coz-input:has(> [contenteditable]) > :first-child + .coz-input-style,
.coz-input:has(> .coz-input-style) > :first-child + .coz-input-style,
.coz-input:has(> [contenteditable]) > :first-child + .iti,
.coz-input:has(> .coz-input-style) > :first-child + .iti {
  grid-column: 1;
  grid-row: 1;
}
.coz-input-tel-intl > :first-child,
.coz-input-tel-intl > :first-child + [contenteditable],
.coz-input-tel-intl > :first-child + .coz-input-style,
.coz-input-tel-intl > :first-child + .iti {
  grid-column: 1;
  grid-row: 1;
}
.coz-input:has(> [contenteditable]) > :first-child + [contenteditable],
.coz-input:has(> .coz-input-style) > :first-child + [contenteditable],
.coz-input:has(> [contenteditable]) > :first-child + .coz-input-style,
.coz-input:has(> .coz-input-style) > :first-child + .coz-input-style,
.coz-input:has(> [contenteditable]) > :first-child + .iti,
.coz-input:has(> .coz-input-style) > :first-child + .iti {
  min-width: 100%;
  width: auto;
  position: relative;
}
.coz-input-tel-intl > :first-child + [contenteditable],
.coz-input-tel-intl > :first-child + .coz-input-style,
.coz-input-tel-intl > :first-child + .iti {
  min-width: 100%;
  width: auto;
  position: relative;
}
.coz-input-combo .coz-input-style,
.coz-input-placeholder-wrapper .coz-input-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent !important;
  border-color: transparent !important;
  visibility: hidden;
}
.coz-input-combo[data-value]:not([data-value=""]) > input:not(:focus) {
  color: transparent;
}
.coz-input-combo[data-value]:not([data-value=""]) > input:not(:focus) + .coz-input-style,
.coz-input-placeholder-empty .coz-input-placeholder {
  visibility: visible;
}
.coz-input-checkbox > input:first-child,
.coz-input-radio > input:first-child,
.coz-input-toggle > input:first-child,
.coz-input-switch > input:first-child,
.coz-input-checkbox > label > input:first-child,
.coz-input-radio > label > input:first-child {
  position: absolute;
  left: -10000px;
}
.coz-input-password-placeholder-active > input:first-child + input,
.coz-input-mobile > input:first-child + input {
  display: none !important;
}
.coz-input-mobile > button,
.coz-input-date-display > input[type="text"],
.coz-input-date-display > button,
.coz-input-time-display > input[type="text"],
.coz-input-time-display > button,
.coz-input-datetime-local-display > input[type="text"],
.coz-input-datetime-local-display > button,
.coz-input-file > input[type=text],
.coz-input-file > button.browse,
.coz-input-combo > input + input,
.coz-input > .coz-input-style {
  pointer-events: none;
}
.coz-input-tinymce {
  position: relative;
  z-index: 0;
}
div.coz-input {
  display: flex;
  width: 100%;
}
div.coz-input > input {
  flex-grow: 1;
}
.coz-input > :disabled ~ * {
  pointer-events: none;
}
.coz-input > :disabled ~ *:before {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  filter: alpha(opacity=25);
  opacity: 0.25;
}
.coz-input[data-prefix]:not([data-prefix=""]):before {
  content: attr(data-prefix);
  position: absolute;
  font-size: 1;
  padding: 0.375em 0.25em 0.375em 0.5em;
  pointer-events: none;
}
.coz-input[data-prefix]:not([data-prefix=""]) input {
  padding-left: 1.25em;
}
.coz-input > .button,
.coz-input > button {
  height: 100%;
}
.coz-input > .button-icon,
.coz-input > button.icon {
  width: 2.625em;
}
.coz-input:has(> .button-icon) > input,
.coz-input:has(> button.icon) > input,
.coz-input:has(> .button-icon) > [contenteditable],
.coz-input:has(> button.icon) > [contenteditable],
.coz-input:has(> .button-icon) > .coz-input-style,
.coz-input:has(> button.icon) > .coz-input-style {
  padding-right: 2.875em;
}
.coz-input-popup:not(.coz-input-open) {
  display: none;
}
/* Time inputs */
.coz-input-date > input + * + * + input,
.coz-input-date > input + * + * + .coz-input-number > input[type=number],
.coz-input-time > .coz-input-number > input[type=number] {
  width: 1.25em;
  height: 1.5em;
  box-sizing: content-box;
  text-align: right;
}
/* Number inputs */
input[type="number"],
.coz-input-number > input {
  padding-right: 1.8125em;
  text-align: right;
}
.coz-input-number .coz-input-number-buttons > button.icon {
  width: 1.375em;
}
.coz-input-copy > input {
  padding-right: 90px;
}
/* Checkboxes, radios, toggles, and switches */
.coz-input > input + i {
  font-style: normal;
}
label input[type="checkbox"],
label input[type="radio"],
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  width: 0.75em;
  height: 0.75em;
  margin: 0.125em;
}
.coz-input-checkbox,
.coz-input-radio {
  display: inline-flex;
  gap: 0.25em;
}
.coz-input-checkbox,
.coz-input-radio,
.coz-input-checkbox :not(:link),
.coz-input-radio :not(:link) {
  cursor: default;
}
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  cursor: default;
  display: inline-block;
  background: #fff;
}
.coz-input-checkbox > :checked + i,
.coz-input-radio > :checked + i {
  background: rgba(0, 0, 0, 0.8);
}
.coz-input-checkbox > :indeterminate + i,
.coz-input-radio > :indeterminate + i {
  background: rgba(0, 0, 0, 0.5);
}
.coz-input-checkbox > input {
  display: block;
}
.coz-input-radio > input + i {
  -moz-border-radius: 0.4375em;
  -webkit-border-radius: 0.4375em;
  border-radius: 0.4375em;
}
.coz-input-toggle {
  /*
	&.button {
		width:auto; height:@button-size/@input-font-size*1em; padding:4/16em; margin:0;
		&:before,
		&:after { min-width:36/16em; line-height:24/16; }
	}*/
}
.coz-input-toggle > input + i {
  display: grid;
  height: 2.625em;
  overflow: hidden;
}
.coz-input-toggle > input + i > span {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  font-size: 1;
  font-family: Inter, Arial, Helvetica, sans-serif;
  overflow: hidden;
}
.coz-input-toggle > input + i > span:before,
.coz-input-toggle > input + i > span:after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 0.6875em 1.3125em;
  background-clip: padding-box;
}
.coz-input-toggle > input + i > span:before {
  content: 'Off';
}
.coz-input-toggle > input + i > span:after {
  content: 'On';
}
.coz-input-toggle > input + i > span[data-toggle-off]:before {
  content: attr(data-toggle-off);
}
.coz-input-toggle > input + i > span[data-toggle-on]:after {
  content: attr(data-toggle-on);
}
.coz-input-toggle > input + i > span + span {
  flex-direction: column;
  font-size: 1.5em;
  visibility: hidden;
}
.coz-input-toggle > input + i > span + span:before,
.coz-input-toggle > input + i > span + span:after {
  width: auto;
}
.coz-input-time .coz-input-toggle > input + i > span:before,
.coz-input-time .coz-input-toggle > input + i > span:after {
  padding: 0.6875em;
}
.coz-input-toggle > input:not(:indeterminate):not(:checked) + i > span:before,
.coz-input-toggle > input:checked + i > span:after {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}
/* Selects and combo boxes */
.coz-input-select,
.coz-input-combo {
  position: relative;
  z-index: 1;
}
.coz-input-select > .coz-input-style > * {
  flex-shrink: 0;
}
.coz-input-open {
  z-index: 100;
}
.coz-input-open > ul {
  position: relative;
  z-index: 2;
}
.coz-input-select > button.icon,
.coz-input-combo > button.icon {
  width: 2em;
}
.coz-input-select:has(> button.icon) > select,
.coz-input-select:has(> button.icon) > .coz-input-style,
.coz-input-combo:has(> button.icon) > input {
  padding-right: 2.4375em;
}
.coz-input-combo-nooptions button {
  pointer-events: none;
  opacity: 0.5;
}
.coz-input-select *,
.coz-input-combo a,
.coz-input-combo a * {
  cursor: default;
  white-space: nowrap;
}
.coz-input-popup {
  position: fixed;
  z-index: 10000;
  pointer-events: all;
}
.coz-input > ul {
  margin: 0;
  padding: 0;
  border: 1px solid #000;
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
}
.coz-input > ul > li {
  margin: 0;
}
.coz-input > ul > li.hidden {
  display: none;
}
.coz-input > ul > li > a {
  display: flex;
  align-items: center;
  padding: 0.125em 0.25em;
  gap: 0.25em;
  color: #000;
  text-decoration: none !important;
  text-align: left;
  background: #fff;
  user-select: none;
}
.coz-input > ul > li > a:hover {
  background-color: Highlight;
  color: HighlightText;
}
.coz-input > ul > li.selected a {
  background-color: ActiveBorder;
  color: HighlightText;
}
.coz-input > ul > li.disabled > a,
.coz-input > ul > li > a * {
  pointer-events: none;
  flex-shrink: 0;
}
.coz-input > ul > li > a mark {
  color: #2454f3;
  background: none;
  font-weight: bold;
}
.coz-input-select > .coz-input-style > b,
.coz-input-combo > .coz-input-style > b,
.coz-input > ul > li > a > b {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  font-weight: normal;
  font-size: 0.625em;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
}
.coz-input:not(.coz-input-open):not(.coz-input-select-dialog):not(.coz-input-select-size) > ul {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  max-height: 12.5em;
}
.dialog.coz-input-select-dialog {
  padding: 0;
}
.dialog.coz-input-select-dialog .dialog-content-div {
  overflow: auto;
}
.dialog.coz-input-select-dialog li {
  margin: 0;
}
.dialog.coz-input-select-dialog ul {
  list-style: none;
  padding: 0;
}
.dialog.coz-input-select-dialog ul a {
  padding: 0.5em 0.625em 0.5em;
}
.coz-input-select:has(.material-icons) select,
.coz-input-select:has(.material-icons-outlined) select,
.coz-input-select:has(.button-icon-pseudo) select {
  padding-right: 3.9375em;
}
/* File inputs */
.coz-input-file.coz-input-empty button.remove {
  display: none;
}
.file-upload {
  position: relative;
  display: inline-block;
  vertical-align: bottom;
}
.coz-input-file-upload span {
  position: absolute;
  right: 0;
}
.file-upload input,
.coz-input-file-upload span input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.file-upload button,
.coz-input-file-upload span button {
  pointer-events: none;
}
/* Invalid inputs*/
:-moz-ui-invalid:not(output) {
  box-shadow: none;
}
input.coz-input-invalid,
select.coz-input-invalid,
textarea.coz-input-invalid,
.coz-input-invalid > input + i {
  border-color: #c00;
  background-color: #fdd;
}
.coz-input-invalid:focus {
  border-color: #f00;
  background-color: #fff;
  outline-color: #f00;
}
.coz-input-invalid label,
.coz-input-invalid .coz-input-number-suffix {
  color: #c00;
}
/* Autofill fix */
@keyframes onAutoFillStart {
  from {
    /**/
  }
  to {
    /**/
  }
}
@keyframes onAutoFillCancel {
  from {
    /**/
  }
  to {
    /**/
  }
}
.coz-input-invalid input:autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}
.coz-input-invalid input:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}
.coz-input-invalid input:not(:autofill) {
  animation-name: onAutoFillCancel;
}
.coz-input-invalid input:not(:-webkit-autofill) {
  animation-name: onAutoFillCancel;
}
/* ???
@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="number"] { padding-right:0; }
	input[type="checkbox"],
	input[type="radio"] { -webkit-appearance:none; border:0 !important; }
	input[readonly]:focus { outline:auto 5px -webkit-focus-ring-color; }
}*/
/* PackTag: /styles/webshop.less */
/* GENERAL */
img {
  vertical-align: bottom;
}
abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none;
}
.noscript {
  display: none;
}
.block {
  display: block !important;
}
.iblock {
  display: -moz-inline-box !important;
  display: inline-block !important;
  text-align: left;
}
.flex {
  display: flex;
}
.flex-spread {
  justify-content: space-between;
}
.container {
  overflow: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.position {
  position: relative;
}
.position .left {
  position: absolute;
  left: 0;
}
.position .right {
  position: absolute;
  right: 0;
}
.position .left .left,
.position .right .left {
  position: relative;
}
.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shrink {
  width: 0;
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden;
}
.tabs-full {
  width: 100%;
}
.tabs-left .hidden-tab,
.tabs-right .hidden-tab,
.tabs-center .hidden-tab {
  display: block !important;
  height: 1px;
  margin-top: -1px;
  visibility: hidden;
  visibility: hidden;
  overflow: hidden;
}
.zeroHeight,
.hiderow,
.hiderow * {
  height: 0 !important;
  line-height: 0 !important;
  visibility: hidden !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.clear {
  clear: both;
  float: none !important;
}
.spacer {
  clear: both;
  height: 5px;
  width: 5px;
}
.center {
  text-align: center;
}
.center > table,
table.center {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
th.left,
td.left {
  float: none;
  text-align: left !important;
}
th.right,
td.right {
  float: none;
  text-align: right !important;
}
.center-box {
  display: table;
  margin: auto;
  width: 0;
}
.center-box .box {
  display: table;
  white-space: nowrap;
}
.center-box h2 {
  border: 0;
  text-align: center;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #333333;
  margin: 4px 0px;
}
/* FONTS */
body {
  font: normal normal normal 16px/1.5 Arial, Helvetica, Sans-Serif;
}
h1,
h2 {
  color: #000;
}
h1 a,
h2 a,
h1 a:link,
h2 a:link {
  color: #000;
  text-decoration: none;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 14px;
}
.small {
  font-size: 11px;
  font-weight: normal;
}
.span-icon-pseudo,
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before,
.file:before,
.folder:before,
a[href^="mailto:"]:before,
a[href^="tel:"]:before,
.h-card .p-email:before,
.h-card .p-tel:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  vertical-align: text-bottom;
  background-repeat: no-repeat;
  margin: 0 0.125em 0 0;
}
.featured,
.new,
.coupon,
.specialOffer {
  white-space: nowrap;
}
.featured.icon:before,
.new.icon:before,
.coupon.icon:before,
.specialOffer.icon:before {
  margin-right: 0;
}
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before {
  background-image: url(images/webshop/icons.svg);
  background-size: 100% 500%;
}
.featured:before {
  background-position: 0 0;
}
.new:before {
  background-position: 0 25%;
}
.coupon:before {
  background-position: 0 50%;
}
.specialOffer:before {
  background-position: 0 75%;
}
.file,
.folder {
  white-space: nowrap;
}
.file.icon:before,
.folder.icon:before {
  margin-right: 0;
}
.file:before {
  background: url(images/icons/file.png) no-repeat;
}
.folder:before {
  background: url(images/thumbnails/16x16/images/icons/section.png) no-repeat;
}
.file-pdf:before {
  background-image: url(images/icons/pdf.png);
}
.file-doc:before {
  background-image: url(images/icons/doc.png);
}
.file-ppt:before {
  background-image: url(images/icons/ppt.png);
}
.material-icons,
.material-icons-outlined,
#course_builder [data-type="video"]:before,
#course_builder [data-type="assessment"]:before,
#course_builder [data-type="html"]:before,
#course_builder [data-type="pdf"]:before,
#course_builder [data-type="doc"]:before,
#course_builder [data-type="scorm"]:before,
#course_builder [data-type="compliance"]:before,
#course_builder [data-type="certificate"]:before,
#course_builder button[data-type="section"]:before,
#course_builder [data-status]:before,
#assessment_builder [data-type="ES"]:before,
#assessment_builder [data-type="NR"]:before,
.button-icon-edit,
.button-edit:before,
button.edit:before,
.button-icon-remove,
.button-remove:before,
button.remove:before,
.button-icon-delete,
.button-delete:before,
button.delete:before,
.button-icon-check,
.button-check:before,
button.check:before,
.button-icon-save,
.button-save:before,
button.save:before,
.button-icon-verify,
.button-verify:before,
button.verify:before,
.button-icon-copy,
.button-copy:before,
button.copy:before,
.button-icon-drag,
.button-drag:before,
button.drag:before,
.button-icon-assign,
.button-assign:before,
button.assign:before,
.button-icon-courses,
.button-courses:before,
button.courses:before,
.button-icon-assessment,
.button-assessment:before,
button.assessment:before,
.button-icon-answers,
.button-answers:before,
button.answers:before,
.button-icon-info,
.button-info:before,
button.info:before,
.button-icon-reset,
.button-reset:before,
button.reset:before,
.button-icon-certificate,
.button-certificate:before,
button.certificate:before,
.button-icon-translate,
.button-translate:before,
button.translate:before,
.button-icon-visualize,
.button-visualize:before,
button.visualize:before,
.button-icon-download,
.button-download:before,
button.download:before,
.button-icon-ai,
.button-ai:before,
button.ai:before,
.button-icon-calendar,
.button-calendar:before,
button.calendar:before,
.button-icon-more,
.button-more:before,
button.more:before,
.button-icon-overflow,
.button-overflow:before,
button.overflow:before,
.button-icon-uncheck,
.button-uncheck:before,
button.uncheck:before,
.button-icon-print,
.button-print:before,
button.print:before,
#admin_menu li.overflow > a:before,
#course_builder [data-type="dashtopic_insights"]:before,
#course_builder [data-type="dashtopic_link"]:before,
#course_builder [data-type="dashtopic_html"]:before,
#course_builder [data-type="dashtopic_assessment"]:before,
#course_builder button[data-type="dashboard_section"]:before,
#course_builder button[data-type="dashtopic_superhead"]:before,
#course_builder button[data-type="dashtopic_heading"]:before,
.dashboard-section > label > h1:after,
.dashboard-section > h2:after,
.dashboard-highlight-superheading > label > h1:after,
.dashboard-highlight-heading > h2:after,
.dashboard-highlight > h3:after {
  font-size: 1.25em;
}
/* LINKS */
a[href] * {
  cursor: pointer;
}
a[rel=lightbox],
a[rel=lightbox] * {
  cursor: -moz-zoom-in !important;
}
a[href^="mailto:"]:before,
a[href^="tel:"]:before,
.h-card .p-email:before,
.h-card .p-tel:before {
  background-size: 17em 15em;
}
a[href^="mailto:"]:before,
.h-card .p-email:before {
  background-image: url(images/webshop/envelope.png);
}
a[href^="tel:"]:before,
.h-card .p-tel:before {
  background-image: url(images/webshop/phone.png);
}
/* TABLES & DIVS */
.table {
  display: table;
}
.thead,
.tbody,
.tfoot {
  display: table-row-group;
}
.tr {
  display: table-row;
}
.th,
.td {
  display: table-cell;
}
.tcaption {
  display: table-caption;
}
.box {
  border: 1px solid #000;
  background: #fff;
  padding: 0.625em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.accountInfo {
  border-spacing: 0px;
  border-collapse: collapse;
}
.accountInfo th {
  font-weight: bold;
}
.accountInfo th,
.accountInfo td {
  padding-right: 0.625em;
  text-align: left;
  vertical-align: top;
}
.list {
  width: 100%;
}
.list > li,
.list > dt,
.list > dd,
.list > * > tr > *,
.list > * > .tr > *,
.list > .tcaption,
.sort > tbody > tr > *,
.sort > caption > div,
.form > dt,
.form > dd {
  vertical-align: top;
}
.list > li > form,
.list > dt > form,
.list > dd > form,
.list > * > tr > * > form,
.list > * > .tr > * > form,
.list > .tcaption > form,
.sort > tbody > tr > * > form,
.sort > caption > div > form,
.form > dt > form,
.form > dd > form {
  display: block;
}
.list > li > form,
.list > dt > form,
.list > dd > form,
.list > * > tr > * > form,
.list > * > .tr > * > form,
.list > .tcaption > form,
.sort > tbody > tr > * > form,
.sort > caption > div > form,
.form > dt > form,
.form > dd > form,
.list > li > progress,
.list > dt > progress,
.list > dd > progress,
.list > * > tr > * > progress,
.list > * > .tr > * > progress,
.list > .tcaption > progress,
.sort > tbody > tr > * > progress,
.sort > caption > div > progress,
.form > dt > progress,
.form > dd > progress,
.list > li > .coz-input,
.list > dt > .coz-input,
.list > dd > .coz-input,
.list > * > tr > * > .coz-input,
.list > * > .tr > * > .coz-input,
.list > .tcaption > .coz-input,
.sort > tbody > tr > * > .coz-input,
.sort > caption > div > .coz-input,
.form > dt > .coz-input,
.form > dd > .coz-input,
.list > li.buttons > div,
.list > dt.buttons > div,
.list > dd.buttons > div,
.list > * > tr > *.buttons > div,
.list > * > .tr > *.buttons > div,
.list > .tcaption.buttons > div,
.sort > tbody > tr > *.buttons > div,
.sort > caption > div.buttons > div,
.form > dt.buttons > div,
.form > dd.buttons > div,
.list > li > ul,
.list > dt > ul,
.list > dd > ul,
.list > * > tr > * > ul,
.list > * > .tr > * > ul,
.list > .tcaption > ul,
.sort > tbody > tr > * > ul,
.sort > caption > div > ul,
.form > dt > ul,
.form > dd > ul {
  vertical-align: top;
  margin-top: -0.5625em;
  margin-bottom: -0.5625em;
}
.list > li > input:not([type="checkbox"], [type="radio"]),
.list > dt > input:not([type="checkbox"], [type="radio"]),
.list > dd > input:not([type="checkbox"], [type="radio"]),
.list > * > tr > * > input:not([type="checkbox"], [type="radio"]),
.list > * > .tr > * > input:not([type="checkbox"], [type="radio"]),
.list > .tcaption > input:not([type="checkbox"], [type="radio"]),
.sort > tbody > tr > * > input:not([type="checkbox"], [type="radio"]),
.sort > caption > div > input:not([type="checkbox"], [type="radio"]),
.form > dt > input:not([type="checkbox"], [type="radio"]),
.form > dd > input:not([type="checkbox"], [type="radio"]),
.list > li > select,
.list > dt > select,
.list > dd > select,
.list > * > tr > * > select,
.list > * > .tr > * > select,
.list > .tcaption > select,
.sort > tbody > tr > * > select,
.sort > caption > div > select,
.form > dt > select,
.form > dd > select,
.list > li > textarea,
.list > dt > textarea,
.list > dd > textarea,
.list > * > tr > * > textarea,
.list > * > .tr > * > textarea,
.list > .tcaption > textarea,
.sort > tbody > tr > * > textarea,
.sort > caption > div > textarea,
.form > dt > textarea,
.form > dd > textarea,
.list > li > [contenteditable],
.list > dt > [contenteditable],
.list > dd > [contenteditable],
.list > * > tr > * > [contenteditable],
.list > * > .tr > * > [contenteditable],
.list > .tcaption > [contenteditable],
.sort > tbody > tr > * > [contenteditable],
.sort > caption > div > [contenteditable],
.form > dt > [contenteditable],
.form > dd > [contenteditable],
.list > li > .coz-input-style,
.list > dt > .coz-input-style,
.list > dd > .coz-input-style,
.list > * > tr > * > .coz-input-style,
.list > * > .tr > * > .coz-input-style,
.list > .tcaption > .coz-input-style,
.sort > tbody > tr > * > .coz-input-style,
.sort > caption > div > .coz-input-style,
.form > dt > .coz-input-style,
.form > dd > .coz-input-style {
  vertical-align: top;
  margin-top: -0.5625em;
  margin-bottom: -0.5625em;
}
.list > li > input[type="checkbox"],
.list > dt > input[type="checkbox"],
.list > dd > input[type="checkbox"],
.list > * > tr > * > input[type="checkbox"],
.list > * > .tr > * > input[type="checkbox"],
.list > .tcaption > input[type="checkbox"],
.sort > tbody > tr > * > input[type="checkbox"],
.sort > caption > div > input[type="checkbox"],
.form > dt > input[type="checkbox"],
.form > dd > input[type="checkbox"],
.list > li > input[type="radio"],
.list > dt > input[type="radio"],
.list > dd > input[type="radio"],
.list > * > tr > * > input[type="radio"],
.list > * > .tr > * > input[type="radio"],
.list > .tcaption > input[type="radio"],
.sort > tbody > tr > * > input[type="radio"],
.sort > caption > div > input[type="radio"],
.form > dt > input[type="radio"],
.form > dd > input[type="radio"] {
  vertical-align: top;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.list > li > progress,
.list > dt > progress,
.list > dd > progress,
.list > * > tr > * > progress,
.list > * > .tr > * > progress,
.list > .tcaption > progress,
.sort > tbody > tr > * > progress,
.sort > caption > div > progress,
.form > dt > progress,
.form > dd > progress {
  vertical-align: top;
  margin-top: -0.25em;
  margin-bottom: -0.25em;
}
.list > li > .button,
.list > dt > .button,
.list > dd > .button,
.list > * > tr > * > .button,
.list > * > .tr > * > .button,
.list > .tcaption > .button,
.sort > tbody > tr > * > .button,
.sort > caption > div > .button,
.form > dt > .button,
.form > dd > .button,
.list > li > button,
.list > dt > button,
.list > dd > button,
.list > * > tr > * > button,
.list > * > .tr > * > button,
.list > .tcaption > button,
.sort > tbody > tr > * > button,
.sort > caption > div > button,
.form > dt > button,
.form > dd > button {
  vertical-align: top;
  margin-top: -0.5625em;
  margin-bottom: -0.5625em;
}
.list > li > .coz-input-checkbox:not(.button),
.list > dt > .coz-input-checkbox:not(.button),
.list > dd > .coz-input-checkbox:not(.button),
.list > * > tr > * > .coz-input-checkbox:not(.button),
.list > * > .tr > * > .coz-input-checkbox:not(.button),
.list > .tcaption > .coz-input-checkbox:not(.button),
.sort > tbody > tr > * > .coz-input-checkbox:not(.button),
.sort > caption > div > .coz-input-checkbox:not(.button),
.form > dt > .coz-input-checkbox:not(.button),
.form > dd > .coz-input-checkbox:not(.button),
.list > li > .coz-input-radio:not(.button),
.list > dt > .coz-input-radio:not(.button),
.list > dd > .coz-input-radio:not(.button),
.list > * > tr > * > .coz-input-radio:not(.button),
.list > * > .tr > * > .coz-input-radio:not(.button),
.list > .tcaption > .coz-input-radio:not(.button),
.sort > tbody > tr > * > .coz-input-radio:not(.button),
.sort > caption > div > .coz-input-radio:not(.button),
.form > dt > .coz-input-radio:not(.button),
.form > dd > .coz-input-radio:not(.button) {
  margin: 0;
}
.list > li > .right,
.list > dt > .right,
.list > dd > .right,
.list > * > tr > * > .right,
.list > * > .tr > * > .right,
.list > .tcaption > .right,
.sort > tbody > tr > * > .right,
.sort > caption > div > .right,
.form > dt > .right,
.form > dd > .right {
  margin-left: auto;
}
.list > li > .right ~ .right,
.list > dt > .right ~ .right,
.list > dd > .right ~ .right,
.list > * > tr > * > .right ~ .right,
.list > * > .tr > * > .right ~ .right,
.list > .tcaption > .right ~ .right,
.sort > tbody > tr > * > .right ~ .right,
.sort > caption > div > .right ~ .right,
.form > dt > .right ~ .right,
.form > dd > .right ~ .right {
  margin-left: 0;
}
.list > li > form > label,
.list > dt > form > label,
.list > dd > form > label,
.list > * > tr > * > form > label,
.list > * > .tr > * > form > label,
.list > .tcaption > form > label,
.sort > tbody > tr > * > form > label,
.sort > caption > div > form > label,
.form > dt > form > label,
.form > dd > form > label {
  display: inline-block;
  padding: 0.5625em;
}
.list > li > textarea,
.list > dt > textarea,
.list > dd > textarea,
.list > * > tr > * > textarea,
.list > * > .tr > * > textarea,
.list > .tcaption > textarea,
.sort > tbody > tr > * > textarea,
.sort > caption > div > textarea,
.form > dt > textarea,
.form > dd > textarea,
.list > li > .coz-input-textarea,
.list > dt > .coz-input-textarea,
.list > dd > .coz-input-textarea,
.list > * > tr > * > .coz-input-textarea,
.list > * > .tr > * > .coz-input-textarea,
.list > .tcaption > .coz-input-textarea,
.sort > tbody > tr > * > .coz-input-textarea,
.sort > caption > div > .coz-input-textarea,
.form > dt > .coz-input-textarea,
.form > dd > .coz-input-textarea,
.list > li > .coz-input-textarea > textarea,
.list > dt > .coz-input-textarea > textarea,
.list > dd > .coz-input-textarea > textarea,
.list > * > tr > * > .coz-input-textarea > textarea,
.list > * > .tr > * > .coz-input-textarea > textarea,
.list > .tcaption > .coz-input-textarea > textarea,
.sort > tbody > tr > * > .coz-input-textarea > textarea,
.sort > caption > div > .coz-input-textarea > textarea,
.form > dt > .coz-input-textarea > textarea,
.form > dd > .coz-input-textarea > textarea {
  width: 100%;
}
.list > li,
.list > dt,
.list > dd,
.list > * > tr > *,
.list > * > .tr > *,
.list > caption,
.list > .tcaption,
.sort > tbody > tr > *,
.sort > caption > div,
.form > dt,
.form > dd {
  text-align: left;
  padding: 0.8125em 0.25em;
}
.flex .list > li,
.flex .list > dt,
.flex .list > dd,
.flex .list > * > tr > *,
.flex .list > * > .tr > *,
.flex .list > caption,
.flex .list > .tcaption,
.flex .sort > tbody > tr > *,
.flex .sort > caption > div,
.flex .form > dt,
.flex .form > dd {
  gap: 1.375em 0.25em;
}
.list > dt,
.list > thead > tr > *,
.list > .thead > .tr > * {
  font-weight: bold;
  border-bottom: 1px solid #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.list > dt:first-child,
.list > thead:first-child > tr > *,
.list > .thead:first-child > .tr > *,
.list > caption,
.list > .tcaption {
  padding-top: 0.375em;
}
.list > tfoot:last-child > tr > *,
.list > .tfoot:last-child > .tr > * {
  padding-bottom: 0.5625em;
}
.list > li,
.list > dd,
.list > tbody > tr > *,
.list > .tbody > .tr > *,
.list > .tcaption,
.sort > tbody > tr > *,
.sort > caption > div {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.list > li:first-child,
.list > li.clone,
.list > li.clone:first-child + li,
.list > dd:first-child,
.list > tbody:first-child > tr:first-child > *,
.list > .tbody:first-child > .tr:first-child > *,
.sort > tbody:first-child > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.list > li {
  margin: 0;
}
.list > li > ul > li:has(+ li.clone:last-child) {
  border-bottom: 0;
  padding-bottom: 0.5625em;
}
.list > li > ul > li:last-child {
  border-bottom: 0;
  padding-bottom: 0.5625em;
}
.list > .left,
.list > * > tr > .left,
.list > * > .tr > .left {
  float: none;
}
.list > .right,
.list > * > tr > .right,
.list > * > .tr > .right {
  float: none;
  text-align: right;
}
.list > .center,
.list > * > tr > .center,
.list > * > .tr > .center,
.list > .icon,
.list > * > tr > .icon,
.list > * > .tr > .icon {
  text-align: center;
}
.list > .stretch,
.list > * > tr > .stretch,
.list > * > .tr > .stretch {
  width: 99%;
}
.list > .shrink,
.list > * > tr > .shrink,
.list > * > .tr > .shrink {
  width: 1%;
}
.list > .detail,
.list > * > tr > .detail,
.list > * > .tr > .detail {
  font-size: 0.75em;
}
.list > .buttons,
.list > * > tr > .buttons,
.list > * > .tr > .buttons {
  width: 1%;
  white-space: nowrap;
}
.list > * > input:first-child:last-child,
.list > * > tr > * > input:first-child:last-child,
.list > * > .tr > * > input:first-child:last-child,
.list > * > textarea:first-child:last-child,
.list > * > tr > * > textarea:first-child:last-child,
.list > * > .tr > * > textarea:first-child:last-child,
.list > * > .coz-input-text:first-child:last-child > input,
.list > * > tr > * > .coz-input-text:first-child:last-child > input,
.list > * > .tr > * > .coz-input-text:first-child:last-child > input,
.list > * > .coz-input-select:first-child:last-child > select,
.list > * > tr > * > .coz-input-select:first-child:last-child > select,
.list > * > .tr > * > .coz-input-select:first-child:last-child > select,
.list > * > .coz-input-textarea:first-child:last-child > textarea,
.list > * > tr > * > .coz-input-textarea:first-child:last-child > textarea,
.list > * > .tr > * > .coz-input-textarea:first-child:last-child > textarea {
  min-width: 100%;
}
.list > * > .coz-input-text:first-child:last-child,
.list > * > tr > * > .coz-input-text:first-child:last-child,
.list > * > .tr > * > .coz-input-text:first-child:last-child,
.list > * > .coz-input-textarea:first-child:last-child,
.list > * > tr > * > .coz-input-textarea:first-child:last-child,
.list > * > .tr > * > .coz-input-textarea:first-child:last-child {
  display: block;
}
.list > * > .coz-input-select:first-child:last-child,
.list > * > tr > * > .coz-input-select:first-child:last-child,
.list > * > .tr > * > .coz-input-select:first-child:last-child {
  display: grid;
}
.list > * > .button,
.list > * > tr > * > .button,
.list > * > .tr > * > .button,
.list > * > button,
.list > * > tr > * > button,
.list > * > .tr > * > button {
  white-space: nowrap;
}
.form {
  display: grid;
  grid-template-columns: minmax(11.5em, 20%) auto;
  gap: 0.5em 1em;
  margin: 0;
}
.form > dt,
.form > dd {
  padding: 0.5625em 0;
  gap: 1.375em 0.25em;
}
.form > dt {
  grid-column: 1;
}
.form > dd {
  grid-column: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.form > dd.right,
.form > dd.submit {
  justify-content: flex-end;
}
.form > dt:has(+ dd.full) {
  grid-column: 1 / 3;
}
.form > dd.full,
.form > hr {
  grid-column: 1 / 3;
}
.form > hr {
  margin: 1em 0;
}
.form ~ .form {
  margin-top: 0.5em;
}
.form-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(288px, 1fr));
  align-items: flex-start;
  gap: 0.5em var(--page-gap);
}
.form-columns .form {
  grid-template-columns: minmax(92px, 20%) auto;
  margin: 0;
}
.responsiveForm .form {
  grid-template-columns: minmax(0, 1fr);
}
.responsiveForm .form > dt {
  padding-bottom: 0;
}
.responsiveForm .form > dt:empty {
  display: none;
}
.responsiveForm .form > dd {
  grid-column: 1;
}
.responsiveForm .list input {
  width: 100%;
}
@media (max-width:767px) {
  .form {
    grid-template-columns: minmax(0, 1fr);
  }
  .form > dt {
    padding-bottom: 0;
  }
  .form > dt:empty {
    display: none;
  }
  .form > dd {
    grid-column: 1;
  }
  .list input {
    width: 100%;
  }
}
@container (max-width:767px) {
  .form {
    grid-template-columns: minmax(0, 1fr);
  }
  .form > dt {
    padding-bottom: 0;
  }
  .form > dt:empty {
    display: none;
  }
  .form > dd {
    grid-column: 1;
  }
  .list input {
    width: 100%;
  }
}
@media (max-width:767px) {
  .order-totals + div {
    clear: right;
  }
  .cart-list,
  .cart-list .thead,
  .cart-list .tbody,
  .cart-list .tfoot {
    display: block;
  }
  .cart-list .thead .tr {
    display: table;
    width: 100%;
  }
  .cart-list .thead .th {
    width: 25%;
  }
  .cart-list .tbody .tr,
  .cart-list .tbody .td {
    display: block;
  }
  .cart-list .tbody .tr {
    text-align: right;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .cart-list .tbody .td {
    border-bottom: 0 !important;
  }
  .cart-list .tbody .cart-product ~ .td {
    display: inline-block;
    width: 25%;
  }
  .cart-list .tbody .cart-product ~ .cart-options {
    display: block;
    width: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .cart-list .tbody .cart-product ~ .cart-options .coz-input {
    float: right;
    clear: right;
  }
  .cart-list .tbody .cart-product ~ .cart-options .coz-input + .coz-input {
    margin-top: 10px;
  }
  .cart-list .tfoot .tr {
    display: block;
    text-align: right;
  }
  .cart-list .tfoot .th,
  .cart-list .tfoot .td {
    display: inline-block;
    width: 25%;
  }
}
#addCoupon > span,
#removeCoupon > span {
  margin-right: 6px;
}
.order-details.form dt,
.order-user.form dt,
.order-coupon.form dt,
.order-shipping.form dt,
.order-payment.form dt,
.order-details.form dd,
.order-user.form dd,
.order-coupon.form dd,
.order-shipping.form dd,
.order-payment.form dd {
  padding-top: 0;
  padding-bottom: 0;
}
.orderTotals {
  float: right;
}
.orderTotals th,
.orderTotals td {
  text-align: right;
  font-weight: bold;
  border-bottom: 0;
}
.orderTotals td {
  padding-left: 16px !important;
}
.orderTotals .total {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.order-shipping,
.order-coupon,
.order-payment,
.order-distributor,
.order-terms,
.order-complete,
.order-details + .order-cart {
  margin-top: 1em;
}
.order-totals .th {
  width: 100px;
}
.order-payment > div > dl > * {
  margin-top: 4px;
}
/* 

.order-shipping .order-address { font-weight:normal; line-height:15px; padding-top:3px; }
.order-complete { line-height:22px; }
.order-complete .checkbox i { vertical-align:middle; }
.cart-continue,
.order-coupon,
.order-payment,
.order-terms { float:left; }
.order-coupon { width:51%; }
.order-payment { width:50%; }*/
.cart-proceed,
.order-totals {
  float: right;
}
.order-complete {
  clear: right;
  text-align: right;
  padding-top: 1em;
}
.order-complete label {
  margin-bottom: 1em;
  display: block;
}
/*
.cart-proceed .button i,
.order-complete button i { margin:-2px -8px -3px 4px; background-position:-20px 0; } */
.order-coupon dl.form dd.required::after,
.order-user dl.form dd.required::after,
.order-tax dl.form dd.required::after {
  content: none;
}
.order-po {
  padding-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 1em;
}
.cart-price .listPrice {
  white-space: nowrap;
  color: #999999;
}
.cart-price .price {
  white-space: nowrap;
}
/* Product Details */
.product-pricing {
  line-height: 22px;
  margin-bottom: 1.25em;
}
.product-pricing button {
  width: 140px;
}
.product-description {
  font-weight: bold;
}
.product-sidebar {
  float: left;
  width: 160px;
  margin-right: -160px;
  position: relative;
  left: 10px;
}
.product-sidebar dt {
  font-weight: bold;
}
.product-sidebar dl > * ~ dt,
.product-sidebar dl ~ * dt,
.product-sidebar br + br,
.product-sidebar dt + dd > .button,
.product-sidebar dd > .button + .button {
  margin-top: 10px;
}
.product-sidebar br + br,
.product-sidebar .button {
  display: block;
}
.product-sidebar button {
  width: 100%;
}
.product-sidebar .product-pricing {
  line-height: inherit;
  margin: 0;
}
.product-sidebar .product-pricing select {
  width: 100%;
}
/* Form Panes */
.tabForm {
  width: 100%;
  margin-bottom: -4px;
}
.tabForm > tbody > tr > th,
.tabForm > tbody > tr > td {
  vertical-align: top;
  padding: 3px 0;
}
.tabForm > tbody > tr > th {
  padding-right: 20px;
  width: 0;
  white-space: nowrap;
  font-weight: bold;
  padding-bottom: 7px;
}
.IE78 .tabForm > tbody > tr > th {
  width: 1%;
}
.tabForm input,
.tabForm select,
.tabForm textarea,
.tabForm iframe,
.tabForm button,
.tabForm label,
.tabForm img,
.tabForm .coz-input,
.tabForm .mooeditable-container,
.tabForm .button {
  margin: -3px 0 1px;
  vertical-align: top;
}
.tabForm span {
  display: inline-block;
}
.tabForm label input,
.tabForm .coz-input label,
.tabForm .coz-input input,
.tabForm .coz-input select,
.tabForm .coz-input textarea,
.tabForm .coz-input iframe,
.tabForm .coz-input button,
.tabForm .coz-input .coz-input,
.tabForm .coz-input-checkbox,
.tabForm .coz-input-radio,
.tabForm .mooeditable-container iframe,
.tabForm .mooeditable-container textarea {
  margin: 0;
}
.tabForm hr {
  margin: 8px 0 12px;
}
.tabForm input[type="text"]:not([size]) {
  width: 100%;
}
.helpForm input,
.helpForm textarea {
  width: 100%;
  margin-bottom: 10px;
}
.helpForm label,
.helpForm a.checkbox {
  margin-bottom: 10px;
}
.helpCaptcha + div {
  margin-top: -32px;
}
.full input,
.full select,
.full textarea {
  width: 100%;
}
.formSubmit {
  text-align: center;
}
/* Message Bar */
.message-wrapper {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
}
.message-bar {
  width: 100%;
  background: #000;
  color: #fff;
  font-weight: bold;
  text-align: center;
  cursor: default;
  transform: translateY(-100%);
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.message-bar-visible {
  transform: translateY(0);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.message-bar button {
  position: absolute;
  bottom: 5px;
  right: 5px;
  top: auto;
  left: auto;
}
.message-icon {
  position: absolute;
  top: 5px;
  left: 6px;
  width: 20px;
  height: 20px;
  display: block;
}
.message-text {
  width: 100%;
  padding: 8px 0px 9px;
}
.message-text:empty::before {
  content: '\00a0';
}
.message-error {
  background: #c00;
}
/* 

.flex .message-bar {
	display:flex; flex-direction:row-reverse; padding:8px;
	button { position:static; margin-left:8px; }
	.message-text { padding:6px 0; }
	button + .message-text { padding-left:40px; }
	button + button + .message-text { padding-left:80px; }
} */
.message-text {
  position: relative;
}
.message-text .button {
  position: absolute;
  right: 0;
  top: 0;
}
.videoContainer {
  background: #000;
  text-align: center;
  overflow: hidden;
  position: relative;
}
.videoContainer object {
  background: #000;
}
.videoToolbar {
  height: 22px;
  padding-top: 10px;
}
.videoToolbar b {
  display: -moz-inline-block;
  display: inline-block;
  padding: 3px 0 4px;
}
.videoToolbar p {
  font: inherit !important;
  background: none !important;
  color: inherit !important;
  margin: 0 !important;
}
.videoInstall {
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  margin-top: -33px;
  text-align: center;
  background: #000;
  color: #fff;
}
.videoInstall .coz-input-checkbox {
  color: #fff !important;
}
/* Table */
table.sort {
  width: 100%;
}
table.sort-col-30-hidden > * > tr > :is(th, td):nth-of-type(30) {
  display: none;
}
table.sort-col-29-hidden > * > tr > :is(th, td):nth-of-type(29) {
  display: none;
}
table.sort-col-28-hidden > * > tr > :is(th, td):nth-of-type(28) {
  display: none;
}
table.sort-col-27-hidden > * > tr > :is(th, td):nth-of-type(27) {
  display: none;
}
table.sort-col-26-hidden > * > tr > :is(th, td):nth-of-type(26) {
  display: none;
}
table.sort-col-25-hidden > * > tr > :is(th, td):nth-of-type(25) {
  display: none;
}
table.sort-col-24-hidden > * > tr > :is(th, td):nth-of-type(24) {
  display: none;
}
table.sort-col-23-hidden > * > tr > :is(th, td):nth-of-type(23) {
  display: none;
}
table.sort-col-22-hidden > * > tr > :is(th, td):nth-of-type(22) {
  display: none;
}
table.sort-col-21-hidden > * > tr > :is(th, td):nth-of-type(21) {
  display: none;
}
table.sort-col-20-hidden > * > tr > :is(th, td):nth-of-type(20) {
  display: none;
}
table.sort-col-19-hidden > * > tr > :is(th, td):nth-of-type(19) {
  display: none;
}
table.sort-col-18-hidden > * > tr > :is(th, td):nth-of-type(18) {
  display: none;
}
table.sort-col-17-hidden > * > tr > :is(th, td):nth-of-type(17) {
  display: none;
}
table.sort-col-16-hidden > * > tr > :is(th, td):nth-of-type(16) {
  display: none;
}
table.sort-col-15-hidden > * > tr > :is(th, td):nth-of-type(15) {
  display: none;
}
table.sort-col-14-hidden > * > tr > :is(th, td):nth-of-type(14) {
  display: none;
}
table.sort-col-13-hidden > * > tr > :is(th, td):nth-of-type(13) {
  display: none;
}
table.sort-col-12-hidden > * > tr > :is(th, td):nth-of-type(12) {
  display: none;
}
table.sort-col-11-hidden > * > tr > :is(th, td):nth-of-type(11) {
  display: none;
}
table.sort-col-10-hidden > * > tr > :is(th, td):nth-of-type(10) {
  display: none;
}
table.sort-col-9-hidden > * > tr > :is(th, td):nth-of-type(9) {
  display: none;
}
table.sort-col-8-hidden > * > tr > :is(th, td):nth-of-type(8) {
  display: none;
}
table.sort-col-7-hidden > * > tr > :is(th, td):nth-of-type(7) {
  display: none;
}
table.sort-col-6-hidden > * > tr > :is(th, td):nth-of-type(6) {
  display: none;
}
table.sort-col-5-hidden > * > tr > :is(th, td):nth-of-type(5) {
  display: none;
}
table.sort-col-4-hidden > * > tr > :is(th, td):nth-of-type(4) {
  display: none;
}
table.sort-col-3-hidden > * > tr > :is(th, td):nth-of-type(3) {
  display: none;
}
table.sort-col-2-hidden > * > tr > :is(th, td):nth-of-type(2) {
  display: none;
}
table.sort-col-1-hidden > * > tr > :is(th, td):nth-of-type(1) {
  display: none;
}
table.sort > * > tr > *.stretch {
  width: 100%;
}
table.sort > * > tr > *.icon,
table.sort > * > tr > *.shrink,
table.sort > * > tr > *.buttons {
  width: 0.1px;
}
table.sort > thead > tr > th {
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 0;
  position: relative;
  white-space: nowrap;
}
table.sort > thead > tr > th:not(.checkbox) {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.25;
}
table.sort > thead > tr > th:not(.checkbox) > .button {
  font-size: inherit;
}
table.sort > thead > tr > th[data-type]:not(.sort):not(.icon),
table.sort > thead > tr > th.sort:not(.icon) > .button {
  padding-right: 2.625em;
  cursor: default;
}
table.sort > thead > tr > th.sort:not(.icon) > .button:after {
  margin-right: -1.625em;
}
table.sort > thead > tr > th.sort > .button {
  display: flex;
}
table.sort > thead > tr > th.sort > .button:after {
  background-position: 73.07692308% 0%;
  -webkit-mask-position: 73.07692308% 0%;
  -moz-mask-position: 73.07692308% 0%;
  -ms-mask-position: 73.07692308% 0%;
  -o-mask-position: 73.07692308% 0%;
  mask-position: 73.07692308% 0%;
}
table.sort > thead > tr > th.sort:not(.icon) > .button {
  justify-content: space-between;
}
table.sort > thead > tr > th.asc > .button:after {
  background-position: 76.92307692% 0%;
  -webkit-mask-position: 76.92307692% 0%;
  -moz-mask-position: 76.92307692% 0%;
  -ms-mask-position: 76.92307692% 0%;
  -o-mask-position: 76.92307692% 0%;
  mask-position: 76.92307692% 0%;
}
table.sort > thead > tr > th.desc > .button:after {
  background-position: 80.76923077% 0%;
  -webkit-mask-position: 80.76923077% 0%;
  -moz-mask-position: 80.76923077% 0%;
  -ms-mask-position: 80.76923077% 0%;
  -o-mask-position: 80.76923077% 0%;
  mask-position: 80.76923077% 0%;
}
table.sort > thead > tr > th.filtered > .button:before {
  background-position: 100% 0%;
  -webkit-mask-position: 100% 0%;
  -moz-mask-position: 100% 0%;
  -ms-mask-position: 100% 0%;
  -o-mask-position: 100% 0%;
  mask-position: 100% 0%;
  order: 1;
}
table.sort > thead > tr > th.filtered > .button:after {
  order: 2;
  margin-left: -0.75em;
}
table.sort > tbody > tr > td.icon {
  text-align: center;
}
table.sort > thead > tr > th.icon > .button,
table.sort > tbody > tr > td.icon {
  padding: 0;
  min-width: 2.625em;
}
table.sort > tbody > tr > td.buttons {
  white-space: nowrap;
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}
table.sort > tbody > tr > td.buttons .button:not(.icon),
table.sort > tbody > tr > td.buttons button:not(.icon) {
  white-space: nowrap;
  text-align: left;
}
table.sort > tbody > tr > td.buttons > div {
  display: flex;
  justify-content: flex-end;
  gap: 0.25em;
}
table.sort .course-tip {
  display: none;
}
table.sort-loading > caption.sort-paging {
  display: none;
}
caption.sort-paging {
  caption-side: bottom;
}
.sort-paging > div {
  display: flex;
  padding-left: 0;
  padding-right: 0;
  gap: 0.5em;
}
.sort-paging > div > div {
  margin: auto;
}
.sort-paging > div > button[disabled] {
  visibility: hidden;
}
.sort-selected-bar {
  display: none;
  position: sticky;
  z-index: 11;
  bottom: 1em;
  margin-top: 1em;
  padding: 0.5em;
  padding-left: 0.75em;
  gap: 0.25em;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  line-height: 2.625em;
}
.sort-selected-bar :first-child {
  margin-right: auto;
  display: flex;
  gap: 0.75em;
}
.sort-selected + .sort-selected-bar,
.sort-selected-bar.sort-selected {
  display: flex;
}
.sort-selected-bar .button,
.sort-selected-bar button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(255, 255, 255, 0.2);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(230, 230, 230, 0.2);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(204, 204, 204, 0.2);
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sort-selected-bar .button-red {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sort-selected-bar .button-primary {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sort-selected-bar .button-action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sort-filter {
  display: flex;
  flex-direction: column;
  padding: 0.5em;
  gap: 0.5em;
  background: rgba(0, 0, 0, 0.8);
}
.sort-filter .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.course-tip .course-status {
  padding: 0;
}
.course-tip .thumbnail {
  float: right;
  margin-left: 6px;
}
.tool-tip .container {
  padding: 0;
  margin: 0;
}
.tool-tip .br {
  height: 6px;
}
/* Tabs */
.tabs .tabselect {
  display: none;
}
.tabs .tablist {
  margin-top: 1em;
}
.tabs .tablist > div > h2.tablabel {
  display: none;
}
.tabs-bar .tabrow {
  width: 100%;
}
.tabs-bar .tabrow th {
  width: 0;
}
.tabs-bar .tabrow th a.button {
  display: block;
  position: relative;
}
.tabs-bar .tabrow th a.button b {
  position: absolute;
  left: 0;
  right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabs-row {
  text-align: left;
}
.tabs-row .tabrow .button {
  float: left;
}
.tabs-row .tabbox {
  clear: left;
}
.tablist {
  position: relative;
}
.tabs-left .tablist > .hidden-tab,
.tabs-center .tablist > .hidden-tab,
.tabs-right .tablist > .hidden-tab {
  height: 1px;
  margin-top: -1px;
  overflow: hidden;
}
.tabs-bar .tablist > .hidden-tab,
.tabs-steps .tablist > .hidden-tab,
.tabs-full .tablist > .hidden-tab {
  position: absolute;
  top: -100000px;
  width: 100%;
  visibility: hidden;
}
/* Accordion */
.accordion > input {
  position: absolute;
  left: -10000px;
}
.accordion > dt button,
.accordion > dt label {
  cursor: pointer;
  width: 100%;
  height: auto;
  text-align: left;
  justify-content: space-between;
}
.accordion > dt:not(:has(button, label)) {
  cursor: pointer;
  width: 100%;
  height: auto;
  text-align: left;
  justify-content: space-between;
}
.accordion > dt button:after,
.accordion > dt label:after {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
  float: right;
}
.accordion > dt:not(:has(button, label)):after {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
  float: right;
}
.accordion > dt button i,
.accordion > dt label i {
  display: none;
}
.accordion > dt:not(:has(button, label)) i {
  display: none;
}
.accordion > dt + dt,
.accordion > dt + dd + dt,
.accordion > dt + input + dt,
.accordion > dt + dd + input + dt {
  margin-top: 0.5em;
}
.accordion > dd {
  display: block;
  max-height: 0;
  padding: 0 1em;
  margin: 0 -1em;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  animation: accordion-maxheight-close 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  --element-height: 0;
}
.accordion > dd:not(:has(.element-content)):after,
.accordion > dt + dd:not(:has(.element-content)):before {
  content: '';
  display: block;
  height: 1em;
}
.accordion > dd:not(:first-child) > .element-content {
  padding-top: 1em;
}
.accordion > dd:not(:last-child) > .element-content {
  padding-bottom: 1em;
}
.accordion > :checked + dt button:after,
.moreinfo > :checked + dd + dt button:after,
.accordion > :checked + dt label:after,
.moreinfo > :checked + dd + dt label:after {
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.accordion > :checked + dt:not(:has(button, label)):after,
.moreinfo > :checked + dd + dt:not(:has(button, label)):after {
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.accordion > :checked + dt:has(+ dd[src]) button:after,
.accordion > :checked + dt:has(+ dd[src]) label:after {
  background-position: 76.92307692% 100%;
  -webkit-mask-position: 76.92307692% 100%;
  -moz-mask-position: 76.92307692% 100%;
  -ms-mask-position: 76.92307692% 100%;
  -o-mask-position: 76.92307692% 100%;
  mask-position: 76.92307692% 100%;
  background: conic-gradient(transparent, currentColor);
  animation: loading-spinner 1s linear infinite;
  transform: none;
}
.moreinfo > dd:not([src]) + :checked + dt button:after,
.moreinfo > dd:not([src]) + :checked + dt label:after {
  background-position: 76.92307692% 100%;
  -webkit-mask-position: 76.92307692% 100%;
  -moz-mask-position: 76.92307692% 100%;
  -ms-mask-position: 76.92307692% 100%;
  -o-mask-position: 76.92307692% 100%;
  mask-position: 76.92307692% 100%;
  background: conic-gradient(transparent, currentColor);
  animation: loading-spinner 1s linear infinite;
  transform: none;
}
.accordion > :checked + dt + dd:not([src]),
.moreinfo > :checked + dd:not([src]) {
  max-height: var(--element-height);
  opacity: 1;
  margin-bottom: 0;
  overflow: visible;
  transition: max-height 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  animation: accordion-overflow 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), accordion-maxheight-open 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  --element-height: 62.5em;
}
@keyframes accordion-overflow {
  0% {
    overflow: hidden;
  }
  99% {
    overflow: hidden;
  }
}
@keyframes accordion-maxheight-open {
  0% {
    max-height: 0;
  }
}
@keyframes accordion-maxheight-close {
  0% {
    max-height: var(--element-height);
  }
  100% {
    max-height: 0;
  }
}
.accordion-flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.accordion-flex > dd {
  max-height: unset !important;
  flex-basis: 0%;
  transition: flex-basis 0.5s, opacity 0.5s;
}
.accordion-flex > :checked + dt + dd {
  flex-basis: 100%;
}
.mce-content-body .accordion > dt {
  user-select: text;
  cursor: text;
}
.mce-content-body .accordion > dt > br {
  margin: 0.375em 0 -0.375em;
}
.mce-content-body .accordion > dd,
.mce-content-body .flex-columns > div {
  border: 1px dashed rgba(0, 0, 0, 0.2);
}
.mce-content-body .accordion > dd {
  max-height: unset;
  opacity: 1;
  border-top-width: 0;
  margin: 0;
}
.mce-content-body .mce-drag-container {
  z-index: 1000;
}
@keyframes loading-spinner {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.coz-loading {
  display: flex;
}
.coz-loading:before,
.message-busy .message-text:before {
  content: '';
  display: block;
  width: 8em;
  height: 1em;
  margin: auto;
  background: url(/images/webshop/loading.png);
  animation: element-loading 1s steps(21) infinite;
}
.no-animation .coz-loading:before,
.no-animation .message-busy .message-text:before {
  width: 1em;
  background: url(/images/webshop/throbber.gif);
}
.message-busy .message-text:before {
  filter: invert(1);
  margin: 2px auto;
}
@keyframes element-loading {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 0;
  }
}
/* Paging */
.paging {
  position: relative;
  z-index: 1;
  text-align: center;
  min-height: 22px;
  zoom: 1;
}
.productPaging {
  position: relative;
  min-height: 22px;
}
.productPaging .left {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
}
.productPaging .right {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
}
.productPaging .center {
  position: relative;
  top: -22px;
  z-index: 1;
  margin-bottom: -22px;
}
.productPaging .count {
  top: 0px;
  margin-bottom: 4px;
  font-weight: bold;
}
.productPaging-overlay {
  position: absolute;
  z-index: 999;
}
.productPaging-paging button {
  padding-left: 0.875em;
  padding-right: 0.875em;
  min-width: 2.625em;
}
.showUSA .INT,
.showINT .USA {
  display: none;
}
/* Other */
.dragging {
  padding: 2px;
  margin: -2px;
  background: rgba(0, 0, 0, 0.2);
}
.two-columns {
  padding-right: 16px;
  zoom: 1;
}
.two-columns > .left,
.two-columns > .right {
  width: 50%;
}
.two-columns > .right {
  margin-right: -16px;
}
@media (max-width:479px) {
  .two-columns {
    padding-right: 0;
  }
  .two-columns > .left,
  .two-columns > .right {
    float: none;
    width: auto;
  }
  .two-columns > .right {
    margin: 1em 0 0 0;
  }
}
.sticky-buttons {
  position: relative;
  z-index: 10;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  float: right;
  padding: 1em 2em 2em 1em;
  margin: 0 -2em -2em 0;
  overflow: hidden;
  transition: bottom 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.sticky-buttons.hidden {
  transition: bottom 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.sticky-buttons.left {
  float: left;
  padding: 1em 1em 2em 2em;
  margin: 0 0 -2em -2em;
}
.sticky-buttons:before {
  content: '';
  position: absolute;
  left: 1.5em;
  right: 0;
  top: 1.5em;
  bottom: 0;
  background: #fff;
  box-shadow: 0 0 1em 1em #fff;
}
.sticky-buttons.order-complete {
  position: -webkit-sticky;
  position: sticky;
  margin-top: 0;
  border-top: 0;
  padding-top: 2em;
}
@media (max-width:767px) {
  .sticky-buttons {
    padding: 2em 1em 1em 2em;
    margin: 0 -1em -1em 0;
  }
  .sticky-buttons.left {
    padding: 2em 2em 1em 1em;
    margin: 0 0 -1em -1em;
  }
}
/* PackTag: /styles/productView.less */
.productPaging {
  margin-bottom: 0.625em;
}
.productContainer + .paging,
.productList + .paging {
  margin-top: 0.625em;
}
.productContainer {
  padding-left: 0;
}
.productContainer > li {
  list-style: none;
}
.productContainer > div,
.productContainer > h2 {
  margin: 0.625em 0;
}
.product {
  position: relative;
}
.product .thumbnail {
  position: relative;
  z-index: 2;
  width: 80px;
  height: 80px;
}
.product .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
}
.product .short-description {
  display: none;
}
.product .description {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.product .buttons,
.product .buttons > form {
  display: flex;
  justify-content: flex-end;
}
.product .buttons > * + *,
.product .buttons > form > * + * {
  margin-left: 4px;
}
.product .buttons .rating {
  margin: 3px 0 4px;
}
.product .disabled {
  width: 95px;
}
.blockView:after {
  clear: both;
  display: block;
  content: ".";
  visibility: hidden;
  height: 0;
}
.blockView > h2 {
  float: left;
  clear: both;
}
.blockView > li {
  width: 140px;
  float: left;
  _display: inline;
}
.blockView > li.row ~ li {
  margin-top: 0;
  margin-left: 10px;
}
.blockView > li.row ~ li.row {
  margin-left: 0;
}
.blockView > li.first ~ li.row,
.blockView > li.first ~ li.row ~ li {
  margin-top: 10px;
}
.blockView .info {
  display: block;
  margin-right: 0 !important;
}
.blockView .title,
.blockView .price {
  display: block;
  height: 28px;
  overflow: hidden;
  font-size: 11px;
  line-height: 14px;
  text-align: center;
}
.blockView .price,
.blockView .thumbnail,
.blockView .buttons {
  margin-top: 4px;
}
.blockView .extras {
  display: none;
}
.blockView .thumbnail {
  width: 100%;
  height: 120px;
}
.blockView .buttons {
  position: static;
  text-align: center;
}
.blockView .buttons form,
.blockView .buttons .button,
.blockView .buttons button {
  width: 100%;
}
.blockView .buttons .button,
.blockView .buttons .rating,
.blockView .buttons .disabled {
  display: block;
}
.blockView .buttons > *,
.blockView .buttons > form > * {
  float: none;
  margin-left: 0;
  margin-top: 4px;
}
.blockView .buttons > form {
  margin-top: 0;
}
.blockView .buttons .rating {
  margin: 7px auto 4px;
}
.largeView .short-description,
.smallView .short-description {
  display: block;
}
.largeView .info,
.smallView .info {
  overflow: hidden;
  text-overflow: ellipsis;
}
.largeView .description {
  display: block;
}
.largeView .thumbnail {
  width: 80px;
  height: 80px;
}
.smallView .thumbnail {
  width: 40px;
  height: 40px;
}
.wishlistView .box {
  margin-bottom: 0;
}
.wishlistView .handle {
  height: 22px;
  width: 22px;
  padding: 10px;
  float: left;
  cursor: move;
}
.wishlistView .product {
  height: 22px;
  margin-left: 42px;
}
.wishlistView .info {
  height: 22px;
  margin-bottom: -22px;
  line-height: 22px;
}
.wishlistView .info input {
  width: 14px;
}
.wishlistView .availability {
  float: left;
  font-weight: bold;
  padding: 3px 0px 4px;
}
.wishlistView .thumbnail {
  display: none;
}
.smallbuttonsView .product {
  height: 40px;
}
.smallbuttonsView .info {
  height: 33px;
  padding-top: 3px;
  margin-bottom: -36px;
  margin-left: 44px;
}
.smallbuttonsView .title {
  padding-right: 4px;
}
.smallbuttonsView .thumbnail {
  float: left;
  width: 40px;
  height: 40px;
}
.listView .product {
  height: 22px;
}
.listView .info {
  float: left;
  height: 15px;
  margin: 3px 0 -22px;
}
.listView .title {
  padding-right: 3px;
}
.listView .thumbnail {
  display: none;
}
.listView .disabled {
  width: 68px;
  background-position: 0px -200px;
}
.price {
  display: inline-block;
}
.price .retail {
  color: #f00;
  text-decoration: line-through;
  white-space: nowrap;
  margin-right: 3px;
}
/* PackTag: /styles/products.less */
.Label,
.HeadingLabel,
.Values,
.Bold,
.HeadingValues {
  padding-top: 10px;
}
.Label,
.HeadingLabel {
  color: #000000;
  font-weight: bold;
}
.Label {
  float: left;
  width: 160px;
  margin-right: -160px;
}
.HeadingLabel {
  font-size: 14px;
  line-height: 17px;
  border-bottom: 1px solid;
}
.Values,
.Bold,
.HeadingValues {
  padding-left: 10px;
  padding-right: 10px;
}
.Values,
.Bold {
  padding-left: 170px;
}
.Bold,
.HeadingValues {
  font-weight: bold;
}
/* PackTag: /styles/datepicker.less */
.datePicker {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.coz-overlay ~ .datePicker {
  z-index: 9999;
}
.datePicker .box {
  background: Menu;
  border-color: WindowFrame;
}
.calendar {
  background: none !important;
  position: relative;
  width: 160px;
  font-weight: bold;
}
.touch .calendar {
  width: 230px;
}
.calendar caption {
  color: MenuText;
  font-weight: bold;
  text-align: center;
  width: 100%;
  cursor: default;
}
.calendar caption .coz-input-month {
  display: flex;
  font-weight: normal;
}
.calendar caption input[type="number"] {
  width: 100%;
}
.calendar table {
  background: none;
}
.calendar td,
.calendar th {
  color: MenuText;
  font-weight: bold;
  width: 22px;
  height: 22px;
  text-align: center;
  vertical-align: middle;
  padding: 0 1px 1px 0;
  cursor: default;
  -moz-user-select: none;
  -khtml-user-select: none;
}
.touch .calendar td,
.touch .calendar th {
  width: 32px;
  height: 32px;
}
.calendar td {
  color: GrayText;
  font-size: 12px;
  line-height: 15px;
}
.calendar td.invalid {
  color: #fff;
}
.calendar td button {
  width: 22px;
  height: 22px;
  padding: 0;
}
.touch .calendar td button {
  width: 32px;
  height: 32px;
}
.calendar td button.active {
  outline-color: #f60 !important;
}
/* PackTag: /styles/listpicker.less */
.coz-input-listpicker {
  display: flex;
}
.coz-input-listpicker-source,
.coz-input-listpicker-target {
  width: 0;
  flex-grow: 1;
  position: relative;
}
.coz-input-listpicker-source + .coz-input-listpicker-target {
  margin-left: 1em;
}
@media (max-width:767px) {
  .coz-input-listpicker {
    flex-flow: column;
  }
  .coz-input-listpicker-source,
  .coz-input-listpicker-target {
    width: auto;
  }
  .coz-input-listpicker-source + .coz-input-listpicker-target {
    margin-left: 0;
    margin-top: 1em;
  }
}
.coz-input-listpicker-heading {
  font-size: 0.75em;
  line-height: 1.66666667;
  font-weight: 500;
  text-transform: uppercase;
  padding: 6px 8px;
  color: #fff;
  background: #000;
}
.coz-input-listpicker-buttons {
  padding: 8px 0 0;
  display: flex;
}
.coz-input-listpicker-buttons > button + button {
  margin-left: 8px;
}
.coz-input-listpicker-target .coz-input-listpicker-buttons {
  justify-content: end;
}
.coz-input-listpicker-overlay {
  position: absolute;
  top: 33px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  z-index: 10;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  padding: 7px;
}
.coz-input-listpicker-overlay > * {
  margin-bottom: 7px;
}
.coz-input-listpicker-overlay input,
.coz-input-listpicker-overlay select,
.coz-input-listpicker-overlay span.coz-input {
  width: 100% !important;
}
.coz-input-listpicker-overlay:not(.hide) + ul button {
  display: none;
}
.coz-input-listpicker-buttons + .coz-input-listpicker-overlay {
  bottom: 41px;
}
.coz-input-listpicker > div > ul {
  margin: 0;
  padding: 0;
  height: 322px;
  overflow: auto;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-listpicker > div > ul > li {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0.25em 0.4375em;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: default;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.coz-input-listpicker > div > ul > li.disabled {
  color: #cccccc;
}
.coz-input-listpicker > div > ul > li:hover {
  background-color: #e6e6e6;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.coz-input-listpicker > div > ul > li.disabled {
  background-color: transparent;
}
.coz-input-listpicker > div > ul > li.coz-input-listpicker-selected {
  background-color: #cccccc;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.coz-input-listpicker > div > ul > li > *,
.coz-input-listpicker > div > ul > li:before,
.coz-input-listpicker > div > ul > li:after {
  overflow: hidden;
  text-overflow: ellipsis;
}
.coz-input-listpicker > div > ul > li > button,
.coz-input-listpicker > div > ul > li > a {
  flex-shrink: 0;
  display: none;
  position: relative;
  margin-left: auto;
}
.coz-input-listpicker > div > ul > li > a + button {
  margin-left: 0;
}
.coz-input-listpicker > div > ul > li > button {
  order: 3;
}
.coz-input-listpicker > div > ul > li > button,
.coz-input-listpicker > div > ul > li > a.button {
  margin-top: -0.33333333em;
  margin-bottom: -0.33333333em;
}
.coz-input-listpicker > div > ul > li > button:last-child,
.coz-input-listpicker > div > ul > li > a.button:last-child {
  margin-right: -0.58333333em;
}
.coz-input-listpicker > div > ul > li > a {
  order: 2;
}
.coz-input-listpicker > div > ul > li:hover button,
.coz-input-listpicker > div > ul > li.coz-input-listpicker-selected button,
.coz-input-listpicker > div > ul > li > button:focus,
.coz-input-listpicker > div > ul > li > button:active,
.coz-input-listpicker > div > ul > li:hover > a,
.coz-input-listpicker > div > ul > li > a:focus {
  display: inline-block;
}
x.coz-input-listpicker > div > ul > li > a:focus {
  background: #fff;
  background: linear-gradient(to right, transparent, white 16px);
}
x.coz-input-listpicker > div > ul > li:hover > a {
  background: #e6e6e6;
  background: linear-gradient(to right, transparent, #e6e6e6 16px);
}
x.coz-input-listpicker > div > ul > li.coz-input-listpicker-selected:hover > a {
  background: #cccccc;
  background: linear-gradient(to right, transparent, #cccccc 16px);
}
.coz-input-listpicker > div > ul > li.drag > button,
.coz-input-listpicker > div > ul > li.locked > button,
.coz-input-listpicker > div > ul > li.enabled > button,
.coz-input-listpicker > div > ul > li.disabled > button {
  opacity: 1;
}
.coz-input-listpicker > div > ul > li.drag {
  cursor: move;
  background: #333333;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border: 0;
}
.coz-input-listpicker > div > ul > li.drag > button {
  cursor: move;
  outline: 0;
  background: transparent;
}
.coz-input-listpicker > div > ul > li.enabled > button {
  background: #0c0;
}
.coz-input-listpicker > div > ul > li.drag > a,
.coz-input-listpicker > div > ul > li.disabled > a {
  display: none;
}
x.coz-input-listpicker > div > ul > li.drag > button:before,
.coz-input-listpicker > div > ul > li.locked > button:before {
  width: 14em;
  height: 14em;
  border: 3em solid transparent;
  box-sizing: content-box;
  background-clip: content-box;
  mask-clip: content-box;
  mask-origin: content-box;
}
x.coz-input-listpicker > div > ul > li.enabled > button:before {
  background-position: 13.96011396% 2000%;
  -webkit-mask-position: 13.96011396% 2000%;
  -moz-mask-position: 13.96011396% 2000%;
  -ms-mask-position: 13.96011396% 2000%;
  -o-mask-position: 13.96011396% 2000%;
  mask-position: 13.96011396% 2000%;
}
.coz-input-listpicker > div > ul > li.locked > button:before {
  background-position: 19.94301994% 2000%;
  -webkit-mask-position: 19.94301994% 2000%;
  -moz-mask-position: 19.94301994% 2000%;
  -ms-mask-position: 19.94301994% 2000%;
  -o-mask-position: 19.94301994% 2000%;
  mask-position: 19.94301994% 2000%;
}
x.coz-input-listpicker > div > ul > li.disabled > button:before {
  background-position: 17.94871795% 2000%;
  -webkit-mask-position: 17.94871795% 2000%;
  -moz-mask-position: 17.94871795% 2000%;
  -ms-mask-position: 17.94871795% 2000%;
  -o-mask-position: 17.94871795% 2000%;
  mask-position: 17.94871795% 2000%;
}
x.coz-input-listpicker > div > ul > li.sorting > button:before {
  background-position: 54.55840456% 150%;
  -webkit-mask-position: 54.55840456% 150%;
  -moz-mask-position: 54.55840456% 150%;
  -ms-mask-position: 54.55840456% 150%;
  -o-mask-position: 54.55840456% 150%;
  mask-position: 54.55840456% 150%;
  filter: invert(100);
}
.coz-input-listpicker > div > ul > li[data-email]:after,
.coz-input-listpicker > div > ul > li[data-product]:after,
.coz-input-listpicker > div > ul > li[data-id]:not([data-id="0"]):after {
  opacity: 0.4;
  font-size: smaller;
  margin-left: auto;
  margin-right: 0.5em;
  padding-left: 0.5em;
  flex-shrink: 0;
  max-width: 50%;
}
.coz-input-listpicker > div > ul > li[data-email] > button,
.coz-input-listpicker > div > ul > li[data-product] > button,
.coz-input-listpicker > div > ul > li[data-id]:not([data-id="0"]) > button,
.coz-input-listpicker > div > ul > li[data-email] > a,
.coz-input-listpicker > div > ul > li[data-product] > a,
.coz-input-listpicker > div > ul > li[data-id]:not([data-id="0"]) > a,
.coz-input-listpicker > div > ul > li[data-email] > a.button,
.coz-input-listpicker > div > ul > li[data-product] > a.button,
.coz-input-listpicker > div > ul > li[data-id]:not([data-id="0"]) > a.button {
  margin-left: 0;
}
.coz-input-listpicker > div > ul > li[data-email]:after {
  content: attr(data-email);
}
.coz-input-listpicker > div > ul > li[data-product]:after {
  content: attr(data-product);
}
.coz-input-listpicker > div > ul > li[data-id]:not([data-id="0"]):after {
  content: attr(data-account) '-' attr(data-id);
}
.coz-input-listpicker > div > ul.drag {
  position: absolute;
  height: auto;
  border: 0;
  z-index: 999;
  display: none;
}
.coz-input-listpicker > div > ul.dragging {
  display: block;
}
.coz-input-listpicker > .coz-input-listpicker-source > ul > li > button:before {
  background-position: 76.92307692% 0%;
  -webkit-mask-position: 76.92307692% 0%;
  -moz-mask-position: 76.92307692% 0%;
  -ms-mask-position: 76.92307692% 0%;
  -o-mask-position: 76.92307692% 0%;
  mask-position: 76.92307692% 0%;
}
.coz-input-listpicker > .coz-input-listpicker-target > ul > li > button:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.coz-input-listpicker-add-remove .coz-input-listpicker-source > ul > li > button:before {
  background-position: 22.79202279% 0%;
  -webkit-mask-position: 22.79202279% 0%;
  -moz-mask-position: 22.79202279% 0%;
  -ms-mask-position: 22.79202279% 0%;
  -o-mask-position: 22.79202279% 0%;
  mask-position: 22.79202279% 0%;
}
.coz-input-listpicker-add-remove .coz-input-listpicker-source > ul > li.enabled > button {
  background: #0c0;
}
.coz-input-listpicker-add-remove .coz-input-listpicker-target > ul > li > button:before {
  background-position: 25.64102564% 0%;
  -webkit-mask-position: 25.64102564% 0%;
  -moz-mask-position: 25.64102564% 0%;
  -ms-mask-position: 25.64102564% 0%;
  -o-mask-position: 25.64102564% 0%;
  mask-position: 25.64102564% 0%;
}
.coz-input-listpicker-add-remove .coz-input-listpicker-target > ul > li.enabled > button {
  background: #c00;
}
/* 

.listPicker {
	
	zoom:1; background:none; padding-right:10px;

	div.source,
	div.target { width:50%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-border-sizing:border-box; position:relative; z-index:1; }
	div.source { float:left; }
	div.target { float:right; margin-right:-10px; }

	div.heading,
	div.menu,
	div > ul > li { display:block; padding:4px; cursor:default; }

	div.overlay {
		
		position:absolute; top:23px; bottom:1px; left:1px; right:1px; background:#fff; background:rgba(255,255,255,0.9); color:#000; font-weight:bold; padding:10px;
	
		& > * { margin-bottom:10px; }
		input,
		select,
		span.coz-input { width:100% !important; }
		
	}

	div.menu {
		float:right; padding-right:0; color:#fff; font-weight:bold;
		img { display:-moz-inline-box; display:inline-block; width:18px; height:21px; background:url(../images/webshop/dropmarkers.png); margin:-4px 0; }
	}
	div.submenu { top:23px; }
	div.submenu a { margin-right:1px; }

	div.heading { background:#000; color:#fff; font-weight:bold; padding:4px 4px 3px; }

	div > ul {
	
		margin:0; padding:0; height:250px; overflow:auto; background:#fff; border:1px solid #000;

		& > li {
		
			margin:0; height:16px; line-height:17px; border-bottom:1px solid #ddd; list-style:none; overflow:hidden;
		
			&:link disabled { }
			&:hover { background:#eee; }
			&.selected { background:#ddd; }
	
			button { float:right; padding:1px; line-height:14px; opacity:0; }
			button:before { width:14px; height:14px; margin:0; }

			&.selected button,
			&:hover button,
			button:focus,
			button:active { opacity:1; }
	
			a { float:right; display:none; margin-right:4px; }
	
			&:hover a,
			& a:focus { display:inline; }
	
			&.drag { background:url(../images/webshop/tooltip.png); background:rgba(0,0,0,0.8); color:#fff; border:0; }
			&.drag button { background:#f00 url(../images/webshop/buttons.png) 0 -3px !important; border-color:transparent !important; opacity:1; outline:0; }
			&.enabled button { background-color:#0c0 !important; border-color:transparent !important; opacity:1; }
			&.locked button { opacity:0.2; }
			&.drag button:before { background-image:url(images/webshop/button-icons-white.png); .button-icon-position(-126px -40px); }
			&.enabled button:before { .button-icon-position(-98px -40px); }
			&.locked button:before { .button-icon-position(-140px -40px); }
			&.drag:hover a { display:none; }
			
			& > i { float:left; }
			
		}
		
	}

	.source > ul > li button:before { .button-icon-position(-14px -40px); }
	.target > ul > li button:before { .button-icon-position(0 -40px); }
	
}

.listViewer {
	
	padding-right:0;
	
	div.target { width:100%; float:none; }
	div > ul  { height:auto; }

} */
/* PackTag: /styles/overlay.less */
.coz-overlay,
.coz-overlay-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.coz-overlay {
  position: fixed;
  z-index: 1000;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), backdrop-filter 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  /*backdrop-filter:blur(10px);*/
}
.coz-overlay-content {
  position: absolute;
  overflow: auto;
}
.coz-overlay-open {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), backdrop-filter 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body:has(.coz-overlay-open) {
  overflow-x: hidden;
  overflow-y: hidden;
  pointer-events: none;
}
body:has(.coz-overlay-open) .coz-overlay,
body:has(.coz-overlay-open) .message-wrapper,
body:has(.coz-overlay-open) .tox-tinymce-aux,
body:has(.coz-overlay-open) iframe[id^=firefox-screenshots] {
  pointer-events: all;
}
body.coz-overlay-scroll-fixed {
  overflow-y: hidden;
  border-right: var(--coz-overlay-scrollbar-width) solid #fff;
}
body.coz-overlay-scroll-fixed header {
  border-right: var(--coz-overlay-scrollbar-width) solid #0c2e3f;
  overflow: hidden;
}
/* PackTag: /styles/dialog.less */
.dialog {
  position: relative;
  padding: 1em;
  background: #fff;
}
.dialog-body {
  background: transparent;
}
.dialog-root {
  display: flex;
  width: 100%;
  min-height: 100%;
  padding: 1em;
}
.ie .dialog-root {
  height: 0;
}
.ie .dialog-root-iefix {
  height: auto;
}
.dialog-centered {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}
.dialog-maximized {
  align-self: stretch;
  min-width: 100%;
  min-height: 100%;
}
.dialog-short {
  height: 100%;
}
.dialog-dragging * {
  pointer-events: none;
}
.dialog-content {
  display: flex;
  flex-direction: column;
}
.dialog-content-div {
  max-width: calc(100vw - (4*1em) - var(--scrollbar-width));
}
.dialog-titlebar {
  display: flex;
}
.dialog-titlebar:not(:has(h1)):not(:has(.dialog-buttons)),
.dialog-titlebar:not(:has(h1)):has(.dialog-buttons:empty),
.dialog-titlebar:has(h1:empty):not(:has(.dialog-buttons)),
.dialog-titlebar:has(h1:empty):has(.dialog-buttons:empty) {
  display: none;
}
.dialog-title {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-title h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog-buttons button {
  margin-left: 10px;
}
.dialog-buttons button + button {
  margin-left: 4px;
}
.dialog-form input {
  width: 100%;
}
.dialog-submit {
  line-height: 22px;
}
.imageDialog .content {
  padding: 0;
  background: url(images/webshop/loading.gif) center center no-repeat;
}
.videoDialog .dialog-title {
  position: relative;
}
.videoDialog .dialog-title h1 {
  position: absolute;
  width: 100%;
}
.tabbedDialog .tabs,
.tabbedDialog .tabs .tabbox,
.tabbedDialog .tabs .tabbox > .box-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.tabbedDialog .tabs {
  bottom: 32px;
}
.tabbedDialog .tabs .tabbox {
  top: 23px;
}
.tabbedDialog .tabs .tabbox > .box-content {
  overflow: auto;
}
.paletteDialog #palette {
  left: auto;
  margin-right: 0;
}
.IE .dialog {
  background-image: url(images/webshop/transparent.gif);
}
.prompt-message {
  display: block;
}
.prompt-message ~ .prompt-message {
  padding-top: 1em;
}
.prompt-message > [data-label] {
  display: block;
  margin-top: 1.5em;
}
.prompt-message > .coz-input-labeled {
  display: grid;
  margin-top: 1.5em;
}
.prompt-values {
  margin-top: 0.5em;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.prompt-input {
  width: 100%;
}
.prompt-maxlength {
  font-size: smaller;
}
.prompt-buttons {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5em;
  z-index: 2;
}
.no-flex-gap .prompt-buttons > * + * {
  margin-left: 0.5em;
}
.dialog button.restore,
.dialog-minimized button.minimize,
.dialog-resized button.minimize,
.dialog-maximized button.maximize,
.dialog-resized button.maximize {
  display: none;
}
.dialog-minimized button.restore,
.dialog-maximized button.restore,
.dialog-resized button.restore {
  display: inline-block;
}
.dialog-resize {
  position: absolute;
  top: 1em;
  right: 1em;
  bottom: 1em;
  left: 1em;
}
.dialog-resize-top,
.dialog-resize-bottom {
  height: 1em;
  cursor: ns-resize;
}
.dialog-resize-left,
.dialog-resize-right {
  width: 1em;
  cursor: ew-resize;
}
.dialog-resize-top.dialog-resize-left,
.dialog-resize-bottom.dialog-resize-right {
  cursor: nw-resize;
}
.dialog-resize-top.dialog-resize-right,
.dialog-resize-bottom.dialog-resize-left {
  cursor: ne-resize;
}
.dialog-resize-top {
  top: 0;
  bottom: auto;
}
.dialog-resize-left {
  left: 0;
  rigth: auto;
}
.dialog-resize-bottom {
  bottom: 0;
  top: auto;
}
.dialog-resize-right {
  right: 0;
  left: auto;
}
.dialog-maximized .dialog-resize,
.dialog-fixed .dialog-resize,
.dialog-autofit .dialog-resize {
  display: none;
}
.dialog-dragging .dialog-resize {
  pointer-events: all;
}
@media print {
  body:has(.coz-overlay-open) {
    overflow: auto;
  }
  body:has(.coz-overlay-open) > :not(.coz-overlay-open) {
    display: none;
  }
  body:has(.coz-overlay-open) > .coz-overlay-open,
  body:has(.coz-overlay-open) > .coz-overlay-open .coz-overlay-content {
    position: static;
  }
  body:has(.coz-overlay-open) > .coz-overlay-open .dialog-root {
    background: #fff;
  }
  body:has(.coz-overlay-open) > .coz-overlay-open .dialog {
    align-self: flex-start;
    box-shadow: none;
    border-radius: 0;
  }
  body:has(.coz-overlay-open) > .coz-overlay-open .dialog-buttons,
  body:has(.coz-overlay-open) > .coz-overlay-open .prompt-buttons {
    display: none;
  }
}
/* PackTag: /scripts/coztips.less */
.tool-tip {
  position: absolute;
  left: -10000px;
  top: -10000px;
  z-index: 100000;
  visibility: hidden;
  overflow: visible;
  pointer-events: none;
  min-width: 10px;
  max-width: 400px;
}
.tip-title,
.tip-text {
  font-size: 0.91666667em;
  line-height: 1.27272727;
  white-space: pre-line;
}
.tip-title {
  font-weight: bold;
}
.tip-image {
  float: right;
  margin: 0 0 1em 1em;
}
/* PackTag: /spotlight/spotlight.less */
.spotlight {
  position: relative;
  display: grid;
  z-index: 1;
}
.spotlight:not(.spotlight-running) > div {
  padding: 10px;
  opacity: 0;
  grid-column: 1;
  grid-row: 1;
}
.spotlight-running {
  /* 
		&:after { background:#fff; position:absolute; left:-10px; right:-10px; top:-10px; bottom:-10px; z-index:2; } */
}
.spotlight-running .spotlight-element {
  padding: 10px;
  grid-column: 1;
  grid-row: 1;
  min-height: 100%;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.spotlight-running .spotlight-element.current {
  display: block;
  opacity: 1;
  z-index: 2;
  -webkit-transition: opacity 0.3s 0.3s;
  -moz-transition: opacity 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
}
.spotlight-running .spotlight-navigation {
  display: flex;
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  z-index: 3;
  padding: 10px;
}
.spotlight-running .spotlight-navigation button + button {
  margin: 0 10px 0 0;
}
.no-grid .spotlight:not(.spotlight-running) > div + div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.no-grid .spotlight-running .spotlight-element {
  position: absolute;
}
.spotlightView .product {
  min-height: 140px;
  min-height: 14rem;
  padding: 0px 150px 0px;
  padding: 0rem 15rem 0rem;
}
.spotlightView .short-description,
.spotlightView .description,
.spotlightView .extras > * {
  display: block;
  margin-top: 8px;
}
.spotlightView .info {
  display: block;
}
.spotlightView .thumbnail {
  top: 10px;
  right: 10px;
  left: auto;
}
.spotlightView .thumbnail,
.spotlightView .thumbnail i {
  width: 140px;
  height: 140px;
}
.spotlightView .buttons {
  top: auto;
  right: 10px;
  bottom: 10px;
}
.spotlightView .buttons .rating,
.spotlightView .buttons .button,
.spotlightView .buttons button {
  float: left;
  margin: 0 0 0 10px;
  vertical-align: top;
}
.spotlightView .buttons .rating {
  margin-top: 3px;
}
.spotlightView .featured,
.spotlightView .new {
  display: none;
}
.spotlightView .read-more {
  color: #fff;
}
/* PackTag: /arclearn/styles/viewer.less */
.course-icon-pseudo-base,
.course-type:before,
.course-selection:before,
.course-status:before,
.assessment div.passed:before,
.assessment div.failed:before,
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before {
  content: '';
  display: inline-block;
  vertical-align: bottom;
  pointer-events: none;
  flex-shrink: 0;
  background-color: currentColor;
  width: 1.5em;
  height: 1.5em;
  margin: 0em;
}
.no-mask-image .course-icon-pseudo-base {
  background-color: transparent;
}
.course-type,
.course-selection,
.course-status {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  white-space: nowrap;
}
.course-type:before,
.course-selection:before,
.course-status:before {
  -webkit-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -moz-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -ms-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -o-mask-image: url(/arclearn/images/course-icons-mask.svg);
  mask-image: url(/arclearn/images/course-icons-mask.svg);
  -webkit-mask-size: 300% 600%;
  -moz-mask-size: 300% 600%;
  -ms-mask-size: 300% 600%;
  -o-mask-size: 300% 600%;
  mask-size: 300% 600%;
}
.course-type-c:before,
.course-type.course:before,
.course-type-s:before,
.course-type.scorm:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.course-type-v:before,
.course-type.video:before {
  background-position: 50% 0%;
  -webkit-mask-position: 50% 0%;
  -moz-mask-position: 50% 0%;
  -ms-mask-position: 50% 0%;
  -o-mask-position: 50% 0%;
  mask-position: 50% 0%;
}
.course-type-p:before,
.course-type.video-plus:before {
  background-position: 100% 0%;
  -webkit-mask-position: 100% 0%;
  -moz-mask-position: 100% 0%;
  -ms-mask-position: 100% 0%;
  -o-mask-position: 100% 0%;
  mask-position: 100% 0%;
}
.course-type.other:before {
  background: none;
}
.course-type.custom:before {
  background-position: 42.30769231% 100%;
  -webkit-mask-position: 42.30769231% 100%;
  -moz-mask-position: 42.30769231% 100%;
  -ms-mask-position: 42.30769231% 100%;
  -o-mask-position: 42.30769231% 100%;
  mask-position: 42.30769231% 100%;
  font-size: 1em;
  margin: 0.125em;
}
.course-selection.personal:before {
  background-position: 0% 20%;
  -webkit-mask-position: 0% 20%;
  -moz-mask-position: 0% 20%;
  -ms-mask-position: 0% 20%;
  -o-mask-position: 0% 20%;
  mask-position: 0% 20%;
  color: #39f;
}
.course-selection.recommend:before {
  background-position: 50% 20%;
  -webkit-mask-position: 50% 20%;
  -moz-mask-position: 50% 20%;
  -ms-mask-position: 50% 20%;
  -o-mask-position: 50% 20%;
  mask-position: 50% 20%;
  color: #fc0;
}
.course-selection.required:before {
  background-position: 100% 20%;
  -webkit-mask-position: 100% 20%;
  -moz-mask-position: 100% 20%;
  -ms-mask-position: 100% 20%;
  -o-mask-position: 100% 20%;
  mask-position: 100% 20%;
  color: #c00;
}
.course-status.notstarted:before {
  background-position: 0% 40%;
  -webkit-mask-position: 0% 40%;
  -moz-mask-position: 0% 40%;
  -ms-mask-position: 0% 40%;
  -o-mask-position: 0% 40%;
  mask-position: 0% 40%;
}
.course-status.inprogress:before {
  background-position: 50% 40%;
  -webkit-mask-position: 50% 40%;
  -moz-mask-position: 50% 40%;
  -ms-mask-position: 50% 40%;
  -o-mask-position: 50% 40%;
  mask-position: 50% 40%;
  color: #fc0;
}
.course-status.completed:before {
  background-position: 100% 40%;
  -webkit-mask-position: 100% 40%;
  -moz-mask-position: 100% 40%;
  -ms-mask-position: 100% 40%;
  -o-mask-position: 100% 40%;
  mask-position: 100% 40%;
  color: #0c0;
}
.course-status.failed:before {
  background-position: 0% 60%;
  -webkit-mask-position: 0% 60%;
  -moz-mask-position: 0% 60%;
  -ms-mask-position: 0% 60%;
  -o-mask-position: 0% 60%;
  mask-position: 0% 60%;
  color: #c00;
}
.course-status.closed:before {
  background-position: 50% 60%;
  -webkit-mask-position: 50% 60%;
  -moz-mask-position: 50% 60%;
  -ms-mask-position: 50% 60%;
  -o-mask-position: 50% 60%;
  mask-position: 50% 60%;
}
.course-status.passed:before {
  background-position: 100% 60%;
  -webkit-mask-position: 100% 60%;
  -moz-mask-position: 100% 60%;
  -ms-mask-position: 100% 60%;
  -o-mask-position: 100% 60%;
  mask-position: 100% 60%;
  color: #0c0;
  background-position: 100% 60%;
  -webkit-mask-position: 100% 60%;
  -moz-mask-position: 100% 60%;
  -ms-mask-position: 100% 60%;
  -o-mask-position: 100% 60%;
  mask-position: 100% 60%;
  color: #0c0;
}
:root {
  --percent-completed: 0%;
}
progress.inprogress::-webkit-progress-value {
  background: linear-gradient(to right, #0c0 var(--percent-completed), #fc0 var(--percent-completed));
}
progress.inprogress::-moz-progress-bar {
  background: linear-gradient(to right, #0c0 var(--percent-completed), #fc0 var(--percent-completed));
}
progress.inprogress::-progress-bar {
  background: linear-gradient(to right, #0c0 var(--percent-completed), #fc0 var(--percent-completed));
}
progress.completed::-webkit-progress-value,
progress.passed::-webkit-progress-value {
  background: #0c0;
}
progress.completed::-moz-progress-bar,
progress.passed::-moz-progress-bar {
  background: #0c0;
}
progress.completed::-progress-bar,
progress.passed::-progress-bar {
  background: #0c0;
}
progress.failed::-webkit-progress-value {
  background: #c00;
}
progress.failed::-moz-progress-bar {
  background: #c00;
}
progress.failed::-progress-bar {
  background: #c00;
}
progress.notstarted::-webkit-progress-value {
  background: #ccc;
}
progress.notstarted::-moz-progress-bar {
  background: #ccc;
}
progress.notstarted::-progress-bar {
  background: #ccc;
}
progress.closed::-webkit-progress-value {
  background: #999;
}
progress.closed::-moz-progress-bar {
  background: #999;
}
progress.closed::-progress-bar {
  background: #999;
}
.course-tip div + div {
  margin-top: 0.33333333em;
}
.tabForm i.course-type {
  height: 18px;
}
.listPicker i.course-type {
  margin-right: 4px;
}
.hideCompleted .completed {
  display: none !important;
}
.product .course-tip,
.list .course-tip {
  display: none;
}
.list > dd,
.list > tbody > tr > * {
  vertical-align: top;
}
.assessment {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.assessment-content {
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
}
.assessment div.assessment-message,
.assessment div.assessment-graded,
.assessment div.assessment-answer.correct,
.assessment div.assessment-answer.incorrect,
.assessment div.assessment-hint {
  background-color: #e6e6e6;
}
.assessment div.assessment-message,
.assessment div.assessment-graded {
  margin-bottom: 1em;
}
.assessment div.assessment-answer {
  background-color: transparent;
}
.assessment div.graded > .coz-input-checkbox > i:after {
  background-color: #fff;
}
.assessment div.correct > .coz-input-checkbox > :checked + i:after {
  background-color: #0c0;
}
.assessment div.incorrect > .coz-input-checkbox > :checked + i:after {
  background-color: #c00;
}
.assessment div.correct:before,
.assessment div.incorrect:before,
.assessment div.hint:before,
.assessment div.passed:before,
.assessment div.failed:before {
  position: absolute;
  left: 6em;
  top: 6em;
  font-size: 0.0625em;
}
.assessment div.passed:before,
.assessment div.failed:before {
  left: 4em;
  top: 4em;
  -webkit-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -moz-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -ms-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -o-mask-image: url(/arclearn/images/course-icons-mask.svg);
  mask-image: url(/arclearn/images/course-icons-mask.svg);
  -webkit-mask-size: 300% 600%;
  -moz-mask-size: 300% 600%;
  -ms-mask-size: 300% 600%;
  -o-mask-size: 300% 600%;
  mask-size: 300% 600%;
}
.assessment div.correct:before {
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
}
.assessment div.incorrect:before {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
}
.assessment div.hint:before {
  background-position: 46.15384615% 100%;
  -webkit-mask-position: 46.15384615% 100%;
  -moz-mask-position: 46.15384615% 100%;
  -ms-mask-position: 46.15384615% 100%;
  -o-mask-position: 46.15384615% 100%;
  mask-position: 46.15384615% 100%;
}
.assessment div.passed:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.assessment div.failed:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.assessment div.assessment-answer .coz-input-textarea,
.assessment div.assessment-answer textarea {
  width: 100%;
}
.assessment-page {
  display: flex;
  flex-direction: column;
  gap: var(--page-gap);
}
.assessment-page-title {
  margin-bottom: 0;
}
.assessment-question-description {
  margin: 1em 0;
}
.assessment-question-type-nr .assessment-question-answers {
  display: flex;
  justify-content: space-between;
}
.assessment-question-type-nr .assessment-question-answers label {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25em;
}
.courseDialog .box-content,
.courseDialog .dialog-content {
  position: static;
}
.courseDialog .dialog-content {
  height: 100% !important;
  overflow: visible;
}
.courseDialog.dialog-maximized .dialog-content > .dialog-content-div {
  min-width: 100% !important;
  min-height: 100% !important;
}
.courseDialog.dialog-maximized .dialog-content > .dialog-content-div > iframe,
.courseDialog.dialog-maximized .dialog-content > .dialog-content-div > embed {
  width: 100% !important;
  height: 100% !important;
}
.courseDialog .dialog-content-div > iframe {
  display: block;
  border: 0;
  width: 100%;
  height: 100%;
}
.coursePreview:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url(../../courses/preview.png);
}
.exitButton i {
  display: -moz-inline-box;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../../images/buttons/remove.png) 4px 4px no-repeat;
  margin: -3px -13px -2px 0px;
}
/* PackTag: /arclearn/styles/tree.less */
#course_header {
  display: flex;
  align-items: center;
  gap: 1em;
}
#course_header h2 {
  margin: 0 auto 0 0;
}
#course_header #course_version:before {
  content: 'v';
}
#course_header #course_status {
  display: flex;
  align-items: center;
  gap: 0.25em;
}
#course_header + #course_builder {
  margin-top: 1em;
}
#course_builder,
#assessment_builder {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1em;
}
#course_palette,
#assessment_palette {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5em;
  margin-left: 0.5em;
}
#course_palette div,
#assessment_palette div {
  cursor: move;
  width: 3em;
  height: 3em;
  position: static;
  background: rgba(0, 0, 0, 0.1) center no-repeat;
}
#course_palette div.clone,
#assessment_palette div.clone {
  backdrop-filter: blur(1em);
  z-index: 2;
  background-color: rgba(204, 204, 204, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.no-grid #course_palette,
.no-grid #assessment_palette {
  display: flex;
  flex-wrap: wrap;
  width: 10em;
}
.no-grid #course_palette div:nth-child(3) ~ div,
.no-grid #assessment_palette div:nth-child(3) ~ div {
  margin-top: 0.5em;
}
.no-grid #course_palette div:nth-child(3n+2),
.no-grid #assessment_palette div:nth-child(3n+2),
.no-grid #course_palette div:nth-child(3n+3),
.no-grid #assessment_palette div:nth-child(3n+3) {
  margin-left: 0.5em;
}
#assessment_palette {
  grid-template-columns: 1fr 1fr;
}
#course_properties .coz-input-text {
  display: block;
}
#assessment_instructions {
  width: 100%;
}
#assessment_properties .coz-input-tinymce {
  display: grid;
}
#assessment_defaults:not(.override) {
  opacity: 0.2;
  pointer-events: none;
}
.tree-node {
  display: inline-flex;
  align-items: flex-start;
  padding: 0.125em;
  margin-bottom: 0.125em;
  gap: 0.25em;
  flex-wrap: wrap;
  /*
	
	.tree-node-icon { display:block; width:24/16em; height:24/16em; background-position:center; background-repeat:no-repeat; margin:4/16em; }*/
  /*
	.tree-node-title,
	.tree-node-edit-form { margin-left:4px; line-height:16px; }*/
  /*
		flex-shrink:0;
		.rem(width, 16);
		.rem(min-height, 16);
		.rem(padding, 0, 1);
		&:before,
		&:after { width:14px; height:14px; .rem(margin, 1, 0); }
	}
	button.expand:after    { .button-icon-position(-56px -40px); }
	button.collapse:after  { .button-icon-position(-84px -40px); }
	button.edit:before     { .button-icon-position(-112px -40px); }
	button.remove:before   { .button-icon-position(-70px -40px); }

	&[data-type=html] .tree-node-icon { background-image:url(../../images/icons/html.png); }
	&[data-type=pdf] .tree-node-icon { background-image:url(../../images/icons/pdf.png); }
	&[data-type=doc] .tree-node-icon { background-image:url(../../images/icons/doc.png); }
	&[data-type=compliance] .tree-node-icon { background-image:url(../../images/icons/compliance.png); }
	&[data-type=certificate] .tree-node-icon { background-image:url(../../images/icons/certificate.png); }
	&[data-type=scorm] .tree-node-icon { background-image:url(../../images/icons/scorm.png); }*/
  /*

	&[data-type=video] .tree-node-icon:before,
	&[data-type=assessment] .tree-node-icon:before { display:block; content:''; width:24/16em; height:24/16em; background:url(/colorReplace/000/images/webshop/course-icons-mask.svg); background-position:-24px 0; transform:scale(16/24); margin:-4px; }
	&[data-type=assessment] .tree-node-icon:before { background-position:-48px -72px; }*/
}
.tree-node-sortable {
  cursor: move;
}
.tree-node .tree-node-icon:before {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  font-size: 1.25em;
  margin: 0.3em;
}
.tree-node .tree-node-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 2em;
}
.tree-node .tree-node-edit-form {
  display: none;
}
.tree-node button.edit,
.tree-node button.remove {
  /*margin-left:4px;*/
  visibility: hidden;
}
.tree-node:hover button.edit,
.tree-node:hover button.remove {
  visibility: visible;
}
.tree-node button.expand,
.tree-node button.collapse,
.tree-node button.edit,
.tree-node button.remove {
  width: 2.66666667em;
  min-height: 2.66666667em;
}
.tree-node[data-type=video] .tree-node-icon:before {
  content: 'ondemand_video';
}
.tree-node[data-type=assessment] .tree-node-icon:before {
  content: 'fact_check';
}
.tree-node[data-type=html] .tree-node-icon:before {
  content: 'public';
}
.tree-node[data-type=pdf] .tree-node-icon:before {
  content: 'picture_as_pdf';
}
.tree-node[data-type=doc] .tree-node-icon:before {
  content: 'file_present';
}
.tree-node[data-type=scorm] .tree-node-icon:before {
  content: 'settings';
}
.tree-dummy .tree-node {
  cursor: default;
  font-weight: normal;
  min-width: 200px;
  cursor: default;
}
.tree-dummy .tree-node div.tree-node-title {
  margin-left: 0;
  color: #ccc;
}
.tree-dummy .tree-node,
.tree-drag .tree-node {
  background: none !important;
}
.tree-drag .tree-node button.edit,
.tree-drag .tree-node button.remove {
  visibility: hidden !important;
}
.tree-invalid .tree-node-title {
  color: #c00;
}
.tree-edit {
  background-color: #ffe680 !important;
  -webkit-box-shadow: 0 0 0 0.25em #ffe680;
  -moz-box-shadow: 0 0 0 0.25em #ffe680;
  box-shadow: 0 0 0 0.25em #ffe680;
  cursor: default;
}
.tree-edit .tree-node-title {
  margin-right: auto;
  xdisplay: none;
}
.tree-edit .tree-node-edit-form {
  display: block;
  width: 100%;
  order: 2;
  margin-left: 2.25em;
}
.tree-edit button.expand,
.tree-edit button.collapse {
  pointer-events: none;
}
.tree-edit button.edit,
.tree-edit button.remove {
  visibility: visible;
}
.tree-edit button.remove {
  display: none;
}
.tree-edit input,
.tree-edit textarea,
.tree-edit select {
  width: 100%;
}
.tree-edit textarea {
  overflow: hidden;
}
.tree-edit input[type="number"] {
  width: 100px;
}
.tree-edit input[name][readonly] {
  background: none;
  border-color: rgba(0, 0, 0, 0.1) !important;
  pointer-events: none;
}
.tree-edit th {
  padding: 4px 8px 4px 0;
  white-space: nowrap;
  vertical-align: top;
}
.tree-edit td {
  min-width: 350px;
  padding: 0 0 2px;
}
.tree-edit tr + tr > th {
  padding-top: 8px;
}
.tree-edit tr + tr > td {
  padding-top: 4px;
}
.tree-edit tr:first-child .coz-input {
  width: 100%;
}
.tree-container {
  padding-left: 20px;
  position: relative;
}
.tree-collapse {
  display: none;
}
/*

#course_palette .html { background-image:url(../../images/icons/html_32.png); }
#course_palette .pdf { background-image:url(../../images/icons/pdf_32.png); }
#course_palette .doc { background-image:url(../../images/icons/doc_32.png); }
#course_palette .section { background-image:url(../../images/icons/section.png); }
#course_palette .video { background-image:url(../../images/icons/video_32.png); }
#course_palette .assessment { background-image:url(../../images/icons/assessment_32.png); }
#course_palette .compliance { background-image:url(../../images/icons/compliance_32.png); }
#course_palette .certificate { background-image:url(../../images/icons/certificate_32.png); }
#course_palette .scorm { background-image:url(../../images/icons/scorm_32.png); }

#course_palette .section,
#course_palette .video,
#course_palette .assessment,
#assessment_palette x.page { display:flex; background-image:none; }
#course_palette .section,
#assessment_palette x.page { padding:14px; }
#course_palette .section:before,
#assessment_palette x.page:before,
.tree-node [data-icon=page]:before { content:''; width:20px; height:20px; background:url(/colorReplace/000/images/webshop/button-icons-mask.svg); background-position:-118px -20px; transform:scale(36/20); }
#course_palette .section:before,
#assessment_palette x.page:before,
.tree-node [data-icon=page]:before { background-position:-438px -20px; }
#course_palette .video,
#course_palette .assessment { padding:12px; }
#course_palette .video:before,
#course_palette .assessment:before { content:''; width:24px; height:24px; background:url(/colorReplace/000/images/webshop/course-icons-mask.svg); background-position:-24px 0; transform:scale(36/24); }
#course_palette .assessment:before { background-position:-48px -72px; }*/
#course_palette div:before {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  font-size: 1.25em;
  font-size: 2em;
  margin: 0.25em;
}
#course_palette .section:before {
  content: 'segment';
}
#course_palette .video:before {
  content: 'ondemand_video';
}
#course_palette .assessment:before {
  content: 'fact_check';
}
#course_palette .html:before {
  content: 'public';
}
#course_palette .pdf:before {
  content: 'picture_as_pdf';
}
#course_palette .doc:before {
  content: 'file_present';
}
.tree-node [data-icon] {
  display: flex;
  margin-left: 4px;
  margin-right: -2px;
}
.tree-node [data-icon]:first-child {
  margin-left: 30px;
}
.tree-node [data-icon]:before,
#assessment_palette [data-icon]:not([data-icon=page]):before {
  content: attr(data-icon);
  display: block;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-family: Roboto Condensed;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #000;
}
.tree-node [data-icon]:before {
  transform: scale(0.41666667);
  transform-origin: 0 0;
  margin: 3px -25px -25px -1px;
  background-color: rgba(0, 0, 0, 0.1);
}
#assessment_properties [data-types] {
  display: none;
}
#assessment_properties[data-type=P] [data-types*=P],
#assessment_properties[data-type=E] [data-types*=E],
#assessment_properties[data-type=S] [data-types*=S],
#assessment_properties[data-type=T] [data-types*=T] {
  display: flex;
}
#assessment_properties [data-default-label]:after {
  content: attr(data-default-label);
  opacity: 0.5;
  line-height: 1.5;
  padding: 0.25em 0.5em;
}
#course_structure,
#assessment_structure {
  margin: 0;
  padding-left: 0;
}
#course_structure,
#assessment_structure,
#course_structure .list,
#assessment_structure .list {
  min-height: 3.125em;
}
#course_structure .list,
#assessment_structure .list {
  padding-left: 1.75em;
}
#course_structure li,
#assessment_structure li {
  padding-left: 0.5625em;
  padding-right: 0;
  flex-wrap: nowrap;
}
#course_structure li[data-type]:before,
#assessment_structure li[data-type]:before {
  margin: 0.1em;
}
#course_structure li[data-active="N"] > div,
#assessment_structure li[data-active="N"] > div {
  color: rgba(0, 0, 0, 0.6);
}
#course_structure li.deleted,
#assessment_structure li.deleted {
  cursor: default;
}
#course_structure li.deleted:before,
#assessment_structure li.deleted:before,
#course_structure li.deleted > :not(button.check):not(button.undo),
#assessment_structure li.deleted > :not(button.check):not(button.undo) {
  opacity: 0.2;
  pointer-events: none;
}
#course_structure li:not(.deleted) > button.check,
#assessment_structure li:not(.deleted) > button.check,
#course_structure li:not(.deleted) > button.undo,
#assessment_structure li:not(.deleted) > button.undo,
#course_structure li.deleted > .button-edit,
#assessment_structure li.deleted > .button-edit,
#course_structure li.deleted > button.delete,
#assessment_structure li.deleted > button.delete {
  display: none;
}
#course_structure li.clone,
#assessment_structure li.clone {
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
}
#course_structure li > [contenteditable],
#assessment_structure li > [contenteditable],
#course_structure li > .coz-input-contenteditable,
#assessment_structure li > .coz-input-contenteditable {
  margin-right: auto;
}
#course_structure li > div + *,
#assessment_structure li > div + *,
#course_structure li > strong + *,
#assessment_structure li > strong + *,
#course_structure li > [contenteditable] + *,
#assessment_structure li > [contenteditable] + *,
#course_structure li > .coz-input-contenteditable + *,
#assessment_structure li > .coz-input-contenteditable + * {
  margin-left: auto;
}
#course_structure li > .coz-input-datepicker input,
#assessment_structure li > .coz-input-datepicker input {
  text-align: right;
}
#course_structure li:has(> ul),
#assessment_structure li:has(> ul) {
  flex-wrap: wrap;
}
#course_structure li:has(> ul) > [contenteditable],
#assessment_structure li:has(> ul) > [contenteditable],
#course_structure li:has(> ul) > .coz-input-contenteditable > [contenteditable],
#assessment_structure li:has(> ul) > .coz-input-contenteditable > [contenteditable] {
  font-weight: 700;
  color: #00253e;
}
#course_structure [contenteditable]:not([contenteditable="false"]),
#assessment_structure [contenteditable]:not([contenteditable="false"]) {
  cursor: text;
}
#course_structure .coz-input:not(:hover):not(.coz-input-datepicker-open):not(:focus-within) input:not(:focus),
#assessment_structure .coz-input:not(:hover):not(.coz-input-datepicker-open):not(:focus-within) input:not(:focus) {
  border-color: transparent;
}
#course_structure .coz-input-select:not(:hover) select:not(:focus),
#assessment_structure .coz-input-select:not(:hover) select:not(:focus),
#course_structure .coz-input-contenteditable:not(:hover) [contenteditable]:not(:focus),
#assessment_structure .coz-input-contenteditable:not(:hover) [contenteditable]:not(:focus),
#course_structure .coz-input-placeholder,
#assessment_structure .coz-input-placeholder {
  border-color: transparent;
}
#course_structure form,
#assessment_structure form {
  display: none;
}
#course_structure small,
#assessment_structure small {
  color: rgba(0, 0, 0, 0.6);
  font-weight: normal;
  font-size: 0.875em;
  line-height: 1.71428571;
}
#course_structure button.collapse,
#assessment_structure button.collapse,
#course_structure button.expand,
#assessment_structure button.expand,
#course_structure button.add,
#assessment_structure button.add {
  font-size: 0.57142857em;
  margin-top: 0;
  margin-bottom: 0;
}
#course_structure button.collapse,
#assessment_structure button.collapse,
#course_structure button.expand,
#assessment_structure button.expand {
  order: -1;
}
#course_structure button.collapse:before,
#assessment_structure button.collapse:before,
#course_structure button.expand:before,
#assessment_structure button.expand:before {
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
#course_structure button.collapse:before,
#assessment_structure button.collapse:before {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
#course_structure button.expand + ul,
#assessment_structure button.expand + ul {
  display: none;
}
#course_structure .button-drag,
#assessment_structure .button-drag {
  touch-action: none;
}
#course_structure button,
#assessment_structure button,
#course_structure .button,
#assessment_structure .button {
  flex-shrink: 0;
}
#course_structure .coz-input-contenteditable--edit,
#assessment_structure .coz-input-contenteditable--edit {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
#course_structure .coz-input-contenteditable:not(:hover) > [contenteditable]:not(:focus) + .coz-input-contenteditable--edit,
#assessment_structure .coz-input-contenteditable:not(:hover) > [contenteditable]:not(:focus) + .coz-input-contenteditable--edit {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
#course_structure .coz-input-contenteditable--save:before,
#assessment_structure .coz-input-contenteditable--save:before {
  content: 'update';
}
#course_structure li.sortable,
#assessment_structure li.sortable {
  cursor: move;
}
#course_structure:has(li.clone) li *,
#assessment_structure:has(li.clone) li * {
  pointer-events: none;
}
#course_structure li:not(.sortable) > button.delete,
#assessment_structure li:not(.sortable) > button.delete {
  display: none;
}
#course_structure li:not(.sortable) > .button-drag,
#assessment_structure li:not(.sortable) > .button-drag {
  visibility: hidden;
}
#course_structure:not(.draft) button.delete,
#assessment_structure:not(.draft) button.delete,
#course_structure:not(.draft) .button-drag,
#assessment_structure:not(.draft) .button-drag {
  display: none;
}
#assessment_structure li[data-type="page"] > [contenteditable],
#assessment_structure li[data-type="page"] > .coz-input-contenteditable > [contenteditable] {
  font-weight: 500;
}
#assessment_structure li[data-type="TF"] > ul > li[data-type="answer"] > button.delete {
  display: none;
}
#course_palette,
#assessment_palette {
  display: flex;
  gap: 0.25em;
  margin: 0;
}
#course_palette:empty,
#assessment_palette:empty {
  display: none;
}
#course_palette:after,
#assessment_palette:after {
  background-position: 30.76923077% 0%;
  -webkit-mask-position: 30.76923077% 0%;
  -moz-mask-position: 30.76923077% 0%;
  -ms-mask-position: 30.76923077% 0%;
  -o-mask-position: 30.76923077% 0%;
  mask-position: 30.76923077% 0%;
  margin: 0.6875em;
}
#course_palette button.add,
#assessment_palette button.add {
  pointer-events: none;
}
#course_palette [data-type]:before,
#assessment_palette [data-type]:before {
  content: '';
  margin: 0 -0.3em;
}
#course_palette > span button,
#assessment_palette > span button {
  position: relative;
  z-index: 2;
}
#course_palette > span b,
#assessment_palette > span b {
  margin-left: -42px;
  opacity: 0;
  transition: margin-left 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
#course_palette > span button:hover + b,
#assessment_palette > span button:hover + b,
#course_palette > span b:hover,
#assessment_palette > span b:hover {
  margin-left: 0;
  opacity: 1;
  transition: margin-left 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
#course_builder [data-type="video"]:before,
#course_builder [data-type="assessment"]:before,
#course_builder [data-type="html"]:before,
#course_builder [data-type="pdf"]:before,
#course_builder [data-type="doc"]:before,
#course_builder [data-type="scorm"]:before,
#course_builder [data-type="compliance"]:before,
#course_builder [data-type="certificate"]:before,
#course_builder button[data-type="section"]:before,
#course_builder [data-status]:before {
  content: 'error';
}
#course_builder [data-type="video"]:before {
  content: 'ondemand_video';
}
#course_builder [data-type="assessment"]:before {
  content: 'fact_check';
}
#course_builder [data-type="html"]:before {
  content: 'public';
}
#course_builder [data-type="pdf"]:before {
  content: 'picture_as_pdf';
}
#course_builder [data-type="scorm"]:before {
  content: 'folder_zip';
}
#course_builder button[data-type="section"]:before {
  content: 'list';
}
#course_builder [data-status="draft"]:before {
  content: 'pending';
}
#course_builder [data-status="current"]:before {
  content: 'stars';
}
#course_builder [data-status="published"]:before {
  content: 'check_circle';
}
#course_builder [data-status="unpublished"]:before {
  content: 'unpublished';
}
#course_buttons #course_delete,
#course_buttons #course_unpublish {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
#course_buttons[data-published="Y"] #course_publish,
#course_buttons[data-published="N"] #course_unpublish {
  display: none;
}
#course_buttons[data-published="Y"] #course_save,
#course_buttons[data-published="N"] #course_publish {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
#assessment_builder {
  /*
	[data-type="answer"]:before { &:extend(.material-icons); }
	[data-type="MC"] > ul > [data-type="answer"]:before,
	[data-type="TF"] > ul > [data-type="answer"]:before { content:'radio_button_unchecked'; }
	[data-type="MA"] > ul > [data-type="answer"]:before { content:'check_box_outline_blank'; }*/
}
#assessment_builder [data-type="ES"]:before {
  content: 'edit_note';
}
#assessment_builder [data-type="NR"]:before {
  content: 'pin';
}
#assessment_builder [data-type="answer"] .coz-input-checkbox,
#assessment_builder [data-type="answer"] .coz-input-radio {
  order: -1;
  margin-left: 0;
}
#course_structure li > progress {
  width: 5em;
}
#course_structure li > strong {
  margin-right: auto;
  border-color: transparent;
}
.assessment-status {
  padding-left: 0;
}
.assessment-status > li > div + div {
  margin-left: auto;
}
.assessment-status > li.assessment-status-question-es {
  flex-direction: column;
}
.assessment-status > li.assessment-status-question-es > div + div {
  margin-left: 0;
}
.selectForm {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1em;
}
.selectForm .coz-input,
.selectForm input,
.selectForm select {
  width: 100%;
}
.selectForm button {
  flex-shrink: 0;
  white-space: nowrap;
  margin-left: 0.25em;
}
/* PackTag: /styles/productUpdate.less */
.productUpdateForm {
  width: 100%;
}
.productUpdateForm > div {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  /*
		&.field_wide { display:block; & > label { width:auto; } & > div { margin-top:0.5em; } }*/
}
.dialog-content-div .productUpdateForm > div:not(.hide) ~ div,
.productUpdateForm > div:not(.hide) ~ div {
  margin-top: 0.5em;
}
.productUpdateForm > div > label {
  display: block;
  width: 25%;
  min-width: 240px;
  flex-shrink: 0;
  font-weight: bolder;
  padding: 0.5625em 0.25em 0 0;
}
.productUpdateForm > div > div {
  display: flex;
  flex-grow: 1;
  flex-basis: 0;
  gap: 0.25em;
  align-items: flex-start;
  min-width: 480px;
}
@media (max-width:511px) {
  .productUpdateForm > div > div {
    min-width: 100%;
  }
}
.productUpdateForm > div > div > :not(:empty) + .field_note {
  margin-left: 0.5em;
}
.productUpdateForm .field_type {
  /*
		&_picker > div > .entry > button {
			background:none;/* border:1px solid rgba(0,0,0,0.1); font:inherit; text-transform:none; padding:0.5rem 0.7rem; line-height:20px;*/
  /*
			&:before { float:right; margin-right:-0.2rem; margin-left:0.6rem; }
			&:after { content:attr(data-value); font-size:smaller; opacity:0.5; margin-left:10px; vertical-align:top; background:none; }
		}*/
}
.productUpdateForm .field_type_checkbox > div > label,
.productUpdateForm .field_type_display > div > span {
  display: inline-block;
  padding: 0.5625em 0;
}
.productUpdateForm .field_type_text > div > input[type="text"],
.productUpdateForm .field_type_text > div > .coz-input-text,
.productUpdateForm .field_type_text > div > .coz-input-text > input[type="text"],
.productUpdateForm .field_type_url > div > input[type="url"],
.productUpdateForm .field_type_url > div > .coz-input-url,
.productUpdateForm .field_type_url > div > .coz-input-url > input[type="url"],
.productUpdateForm .field_type_product > div > input[type="text"],
.productUpdateForm .field_type_product > div > .coz-input-combo > input[type="text"],
.productUpdateForm .field_type_textarea > div > textarea,
.productUpdateForm .field_type_textarea > div > .coz-input-textarea,
.productUpdateForm .field_type_textarea > div > .coz-input-textarea > textarea,
.productUpdateForm .field_type_html > div > textarea,
.productUpdateForm .field_type_html > div > .mooeditable-container,
.productUpdateForm .field_type_html > div > .mooeditable-container > textarea,
.productUpdateForm .field_type_contenteditable > div > [contenteditable] {
  display: block;
  width: 100%;
}
.productUpdateForm .field_type_html > div > .coz-input-tinymce {
  display: grid;
  width: 100%;
}
.productUpdateForm .field_type_select > div > .coz-input-select,
.productUpdateForm .field_type_combo > div > .coz-input-combo,
.productUpdateForm .field_type_datalist > div > .coz-input-combo,
.productUpdateForm .field_type_product > div > .coz-input-combo {
  display: inline-grid;
}
.productUpdateForm .field_type_picker > div,
.productUpdateForm .field_type_textlist > div,
.productUpdateForm .field_type_daterange > div,
.productUpdateForm .field_type_fields > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em;
}
.productUpdateForm .field_type_picker.coz-input-value-tag > div > .entry > span:after {
  content: attr(data-value);
  opacity: 0.6;
  font-size: 0.83333333em;
  line-height: 1.8;
  margin-left: auto;
}
.productUpdateForm .field_type_picker > div > .entry + .picker:not(.show),
.productUpdateForm .field_type_picker > div > .picker:first-child > button,
.productUpdateForm .field_type_picker > div > .picker:first-child + button,
.productUpdateForm .field_type_picker > div > .picker.show + button {
  display: none;
}
.productUpdateForm .field_type_picker > div > .picker {
  display: flex;
  max-width: 100%;
  gap: 0.25em;
}
.productUpdateForm .field_type_picker > div > .picker .coz-input-select,
.productUpdateForm .field_type_picker > div > .picker select {
  min-width: 0;
}
.productUpdateForm .field_type_textlist > div > .template {
  display: none;
}
.productUpdateForm .field_type_products > label,
.productUpdateForm .field_type_extensions > label,
.productUpdateForm .field_type_multiple > label,
.productUpdateForm .field_type_images > label,
.productUpdateForm .field_type_files > label {
  pointer-events: none;
}
.productUpdateForm .field_type_products > div,
.productUpdateForm .field_type_extensions > div,
.productUpdateForm .field_type_multiple > div,
.productUpdateForm .field_type_images > div,
.productUpdateForm .field_type_files > div {
  flex-direction: column;
  align-items: flex-end;
}
.productUpdateForm .field_type_products > div > .header,
.productUpdateForm .field_type_extensions > div > .header,
.productUpdateForm .field_type_multiple > div > .header,
.productUpdateForm .field_type_images > div > .header,
.productUpdateForm .field_type_files > div > .header,
.productUpdateForm .field_type_products > div > .entry,
.productUpdateForm .field_type_extensions > div > .entry,
.productUpdateForm .field_type_multiple > div > .entry,
.productUpdateForm .field_type_images > div > .entry,
.productUpdateForm .field_type_files > div > .entry {
  display: flex;
  width: 100%;
  margin-bottom: 0.25em;
  gap: 0.25em;
}
.productUpdateForm .field_type_products > div > .header > button,
.productUpdateForm .field_type_extensions > div > .header > button,
.productUpdateForm .field_type_multiple > div > .header > button,
.productUpdateForm .field_type_images > div > .header > button,
.productUpdateForm .field_type_files > div > .header > button,
.productUpdateForm .field_type_products > div > .entry > button,
.productUpdateForm .field_type_extensions > div > .entry > button,
.productUpdateForm .field_type_multiple > div > .entry > button,
.productUpdateForm .field_type_images > div > .entry > button,
.productUpdateForm .field_type_files > div > .entry > button,
.productUpdateForm .field_type_products > div > .header > b,
.productUpdateForm .field_type_extensions > div > .header > b,
.productUpdateForm .field_type_multiple > div > .header > b,
.productUpdateForm .field_type_images > div > .header > b,
.productUpdateForm .field_type_files > div > .header > b,
.productUpdateForm .field_type_products > div > .entry > b,
.productUpdateForm .field_type_extensions > div > .entry > b,
.productUpdateForm .field_type_multiple > div > .entry > b,
.productUpdateForm .field_type_images > div > .entry > b,
.productUpdateForm .field_type_files > div > .entry > b {
  flex-shrink: 0;
}
.productUpdateForm .field_type_products > div > .header > a,
.productUpdateForm .field_type_extensions > div > .header > a,
.productUpdateForm .field_type_multiple > div > .header > a,
.productUpdateForm .field_type_images > div > .header > a,
.productUpdateForm .field_type_files > div > .header > a,
.productUpdateForm .field_type_products > div > .entry > a,
.productUpdateForm .field_type_extensions > div > .entry > a,
.productUpdateForm .field_type_multiple > div > .entry > a,
.productUpdateForm .field_type_images > div > .entry > a,
.productUpdateForm .field_type_files > div > .entry > a {
  margin-left: auto;
}
.productUpdateForm .field_type_products > div > .header.deleted > span,
.productUpdateForm .field_type_extensions > div > .header.deleted > span,
.productUpdateForm .field_type_multiple > div > .header.deleted > span,
.productUpdateForm .field_type_images > div > .header.deleted > span,
.productUpdateForm .field_type_files > div > .header.deleted > span,
.productUpdateForm .field_type_products > div > .entry.deleted > span,
.productUpdateForm .field_type_extensions > div > .entry.deleted > span,
.productUpdateForm .field_type_multiple > div > .entry.deleted > span,
.productUpdateForm .field_type_images > div > .entry.deleted > span,
.productUpdateForm .field_type_files > div > .entry.deleted > span {
  pointer-events: none;
  opacity: 0.2;
}
.productUpdateForm .field_type_products > div > .header.deleted > button.remove:before,
.productUpdateForm .field_type_extensions > div > .header.deleted > button.remove:before,
.productUpdateForm .field_type_multiple > div > .header.deleted > button.remove:before,
.productUpdateForm .field_type_images > div > .header.deleted > button.remove:before,
.productUpdateForm .field_type_files > div > .header.deleted > button.remove:before,
.productUpdateForm .field_type_products > div > .entry.deleted > button.remove:before,
.productUpdateForm .field_type_extensions > div > .entry.deleted > button.remove:before,
.productUpdateForm .field_type_multiple > div > .entry.deleted > button.remove:before,
.productUpdateForm .field_type_images > div > .entry.deleted > button.remove:before,
.productUpdateForm .field_type_files > div > .entry.deleted > button.remove:before {
  background-position: 88.46153846% 0%;
  -webkit-mask-position: 88.46153846% 0%;
  -moz-mask-position: 88.46153846% 0%;
  -ms-mask-position: 88.46153846% 0%;
  -o-mask-position: 88.46153846% 0%;
  mask-position: 88.46153846% 0%;
}
.productUpdateForm .field_type_products > div > .header.deleted *,
.productUpdateForm .field_type_extensions > div > .header.deleted *,
.productUpdateForm .field_type_multiple > div > .header.deleted *,
.productUpdateForm .field_type_images > div > .header.deleted *,
.productUpdateForm .field_type_files > div > .header.deleted *,
.productUpdateForm .field_type_products > div > .entry.deleted *,
.productUpdateForm .field_type_extensions > div > .entry.deleted *,
.productUpdateForm .field_type_multiple > div > .entry.deleted *,
.productUpdateForm .field_type_images > div > .entry.deleted *,
.productUpdateForm .field_type_files > div > .entry.deleted * {
  color: #c00;
  border-color: #c00;
  transition: none;
}
.productUpdateForm .field_type_products.field_sortable > div > button,
.productUpdateForm .field_type_extensions.field_sortable > div > button,
.productUpdateForm .field_type_multiple.field_sortable > div > button,
.productUpdateForm .field_type_images.field_sortable > div > button,
.productUpdateForm .field_type_files.field_sortable > div > button {
  margin-right: 2.875em;
}
.productUpdateForm .field_type_products.field_sortable > div > .picker,
.productUpdateForm .field_type_extensions.field_sortable > div > .picker,
.productUpdateForm .field_type_multiple.field_sortable > div > .picker,
.productUpdateForm .field_type_images.field_sortable > div > .picker,
.productUpdateForm .field_type_files.field_sortable > div > .picker {
  padding-right: 2.875em;
}
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
  cursor: move;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-red,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-red,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-red,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-red,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-red:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-red:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-red:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-red:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-red:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-red:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-red:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-red:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-red:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-red:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-red:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-red:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-red:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-red:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-red:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-red:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-red:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-red:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-primary,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-primary,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-primary,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-primary,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-primary,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-download,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-download,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-download,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-download,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-primary:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-primary:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-primary:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-primary:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-primary:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-download:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-download:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-download:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-download:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-download:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action:after,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-primary:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-primary:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-primary:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-primary:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-primary:after,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-download:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-download:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-download:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-download:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-primary:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-primary:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-primary:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-primary:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-primary:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-download:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-download:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-download:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-download:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-download:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action:after,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-primary:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-primary:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-primary:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-primary:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-primary:after,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-download:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-download:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-download:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-download:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action-green,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action-green,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action-green,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action-green,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action-green:before,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action-green:before,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action-green:before,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action-green:before,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action-green:before,
.productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action-green:after,
.productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action-green:after,
.productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action-green:after,
.productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action-green:after,
.productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action-green:before,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action-green:before,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action-green:before,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action-green:before,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action-green:before,
.no-mask-image .productUpdateForm .field_type_products.field_sortable > div > .entry > .button-drag.button-action-green:after,
.no-mask-image .productUpdateForm .field_type_extensions.field_sortable > div > .entry > .button-drag.button-action-green:after,
.no-mask-image .productUpdateForm .field_type_multiple.field_sortable > div > .entry > .button-drag.button-action-green:after,
.no-mask-image .productUpdateForm .field_type_images.field_sortable > div > .entry > .button-drag.button-action-green:after,
.no-mask-image .productUpdateForm .field_type_files.field_sortable > div > .entry > .button-drag.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.productUpdateForm .field_type_images > div,
.productUpdateForm .field_type_files > div {
  flex-direction: column;
  align-items: flex-start;
}
.productUpdateForm .field_type_products > div > .entry > input,
.productUpdateForm .field_type_extensions > div > .entry > input,
.productUpdateForm .field_type_products > div > .entry > .coz-input,
.productUpdateForm .field_type_extensions > div > .entry > .coz-input,
.productUpdateForm .field_type_products > div > .entry > .coz-input > input,
.productUpdateForm .field_type_extensions > div > .entry > .coz-input > input {
  width: 100%;
}
.productUpdateForm .field_type_products > div > .entry > .coz-input > [readonly],
.productUpdateForm .field_type_extensions > div > .entry > .coz-input > [readonly] {
  pointer-events: none;
}
.productUpdateForm .field_type_products > div > .picker,
.productUpdateForm .field_type_extensions > div > .picker {
  display: flex;
  width: 100%;
}
.productUpdateForm .field_type_products > div > .picker .coz-input-select,
.productUpdateForm .field_type_extensions > div > .picker .coz-input-select,
.productUpdateForm .field_type_products > div > .picker select,
.productUpdateForm .field_type_extensions > div > .picker select,
.productUpdateForm .field_type_products > div > .picker .coz-input-combo,
.productUpdateForm .field_type_extensions > div > .picker .coz-input-combo,
.productUpdateForm .field_type_products > div > .picker input,
.productUpdateForm .field_type_extensions > div > .picker input {
  width: 100%;
  max-width: 684px;
}
.productUpdateForm .field_type_products.field_sortable > div > .picker .coz-input-select,
.productUpdateForm .field_type_extensions.field_sortable > div > .picker .coz-input-select,
.productUpdateForm .field_type_products.field_sortable > div > .picker select,
.productUpdateForm .field_type_extensions.field_sortable > div > .picker select,
.productUpdateForm .field_type_products.field_sortable > div > .picker .coz-input-combo,
.productUpdateForm .field_type_extensions.field_sortable > div > .picker .coz-input-combo,
.productUpdateForm .field_type_products.field_sortable > div > .picker input,
.productUpdateForm .field_type_extensions.field_sortable > div > .picker input {
  max-width: 648px;
}
.productUpdateForm .field_type_extensions > div > .picker > datalist + * ~ * {
  margin-left: 4px;
  display: none;
}
.productUpdateForm .field_type_multiple {
  /* 
			.grid & > div {
				display:grid; grid-gap:4px;
				& > .header,
				& > .entry {
					display:contents;
					& > span:first-child { grid-column:1; }
					& > span ~ span { margin-left:0 !important; }
				}
				& > .entry {
					& > button,
					& > b { margin-left:0; }
				}
			} */
}
.productUpdateForm .field_type_multiple > div {
  display: grid;
  gap: 0.25em;
}
.productUpdateForm .field_type_multiple > div > .header {
  margin: 0.4375em 0;
}
.productUpdateForm .field_type_multiple > div > .header > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: smaller;
  font-weight: bolder;
}
.productUpdateForm .field_type_multiple > div > .header > button {
  visibility: hidden;
}
.productUpdateForm .field_type_multiple > div > .header,
.productUpdateForm .field_type_multiple > div > .entry {
  display: contents;
}
.productUpdateForm .field_type_multiple > div > .header > *,
.productUpdateForm .field_type_multiple > div > .entry > * {
  opacity: inherit;
}
.productUpdateForm .field_type_multiple > div > .header > span:first-of-type,
.productUpdateForm .field_type_multiple > div > .entry > span:first-of-type {
  grid-column: 1;
  align-self: start;
}
.productUpdateForm .field_type_multiple > div > .header > span > *,
.productUpdateForm .field_type_multiple > div > .entry > span > *,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input > input,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input > input,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input > select,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input > select,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input > textarea,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input > textarea,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input > [contenteditable],
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input > [contenteditable],
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input-toggle > input + i,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input-toggle > input + i {
  width: 100%;
  min-width: 0;
}
.productUpdateForm .field_type_multiple > div > .header > span > textarea,
.productUpdateForm .field_type_multiple > div > .entry > span > textarea,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input > textarea,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input > textarea {
  height: 0;
}
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input-toggle > input + i > span:before,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input-toggle > input + i > span:before,
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input-toggle > input + i > span:after,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input-toggle > input + i > span:after {
  min-width: 0;
}
.productUpdateForm .field_type_multiple > div > .header > span > input[type=number],
.productUpdateForm .field_type_multiple > div > .entry > span > input[type=number],
.productUpdateForm .field_type_multiple > div > .header > span > .coz-input-number > input,
.productUpdateForm .field_type_multiple > div > .entry > span > .coz-input-number > input {
  box-sizing: border-box;
}
.touch .productUpdateForm .field_type_multiple > div > .header > span > input[type=number],
.touch .productUpdateForm .field_type_multiple > div > .entry > span > input[type=number],
.touch .productUpdateForm .field_type_multiple > div > .header > span > .coz-input-number > input,
.touch .productUpdateForm .field_type_multiple > div > .entry > span > .coz-input-number > input {
  height: 2.625em;
}
.productUpdateForm .field_type_multiple > div > .header > .more > div,
.productUpdateForm .field_type_multiple > div > .entry > .more > div {
  display: none;
}
.productUpdateForm .field_type_multiple > div > .template button.remove {
  display: none;
}
.productUpdateForm .field_type_multiple > div > .template button.check,
.productUpdateForm .field_type_multiple > div > .template button.more,
.productUpdateForm .field_type_multiple > div > .template b {
  visibility: hidden;
}
.productUpdateForm .field_type_multiple > div > .template span {
  opacity: 0.5;
  pointer-events: none;
}
.productUpdateForm .field_type_multiple > div > .template input,
.productUpdateForm .field_type_multiple > div > .template select {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  -ms-appearance: textfield;
  appearance: textfield;
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .template :-moz-placeholder {
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .template ::-moz-placeholder {
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .template ::-webkit-input-placeholder {
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .template :-ms-input-placeholder {
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .template ::placeholder {
  color: transparent;
}
.productUpdateForm .field_type_multiple > div > .entry + .template span {
  visibility: hidden;
}
.productUpdateForm .field_type_multiple.field_narrow > div,
.productUpdateForm .field_type_multiple.field_narrow > div > .entry {
  display: flex;
}
.productUpdateForm .field_type_multiple.field_narrow > div > .template > :not(button.add) {
  display: none;
}
.productUpdateForm .field_type_multiple.field_wide > div {
  margin-top: 0;
}
.productUpdateForm .field_type_multiple.field_sortable > div > .clone {
  display: grid;
}
.productUpdateForm .field_sortable .clone {
  position: relative;
  z-index: 2;
}
.productUpdateForm .field_note {
  font-size: 0.875em;
  font-style: italic;
  color: rgba(0, 0, 0, 0.4);
  align-self: center;
}
.productUpdateForm .field_wide > label {
  flex-basis: 100%;
}
.productUpdateForm .field_wide > div {
  flex-basis: 100%;
  margin-top: 0.5em;
}
.productUpdateForm table.grid {
  display: grid;
  grid-template-columns: minmax(max-content, 240px) auto minmax(max-content, 240px) max-content;
}
.productUpdateForm table.grid thead,
.productUpdateForm table.grid tbody,
.productUpdateForm table.grid tr {
  display: contents;
}
.productUpdateForm table.grid tr > :first-child {
  grid-column: 1;
}
.ms.no-grid.old-grid .productUpdateForm table.grid,
.ms.no-grid.old-grid .productUpdateForm table.grid thead,
.ms.no-grid.old-grid .productUpdateForm table.grid tbody,
.ms.no-grid.old-grid .productUpdateForm table.grid th,
.ms.no-grid.old-grid .productUpdateForm table.grid td {
  display: block;
}
.ms.no-grid.old-grid .productUpdateForm table.grid tr {
  display: -ms-grid;
  -ms-grid-columns: minmax(max-content, 240px) 1fr minmax(max-content, 240px) max-content;
}
.ms.no-grid.old-grid .productUpdateForm table.grid tr > :nth-child(1) {
  -ms-grid-column: 1;
}
.ms.no-grid.old-grid .productUpdateForm table.grid tr > :nth-child(2) {
  -ms-grid-column: 2;
}
.ms.no-grid.old-grid .productUpdateForm table.grid tr > :nth-child(3) {
  -ms-grid-column: 3;
}
.ms.no-grid.old-grid .productUpdateForm table.grid tr > :nth-child(4) {
  -ms-grid-column: 4;
}
@media (max-width:767px) {
  .productUpdateForm table.grid {
    grid-template-columns: auto auto auto max-content;
  }
}
.productUpdateForm .overflow > div,
.productUpdateForm .more > div {
  display: none;
}
.productUpdateForm > .accordion {
  margin-top: 0.5em;
  margin-bottom: 0;
}
.productUpdateForm > .accordion.moreinfo > dd > .element-content {
  padding-top: 0;
  padding-bottom: 0.5em;
}
.productUpdateForm > p,
.productUpdateForm > h1,
.productUpdateForm > h2,
.productUpdateForm > h3,
.productUpdateForm > h4,
.productUpdateForm > h5,
.productUpdateForm > h6,
.productUpdateForm > hr {
  margin-top: 0;
}
.productUpdateForm > :not(input) ~ p,
.productUpdateForm > :not(input) ~ h1,
.productUpdateForm > :not(input) ~ h2,
.productUpdateForm > :not(input) ~ h3,
.productUpdateForm > :not(input) ~ h4,
.productUpdateForm > :not(input) ~ h5,
.productUpdateForm > :not(input) ~ h6,
.productUpdateForm > :not(input) ~ hr {
  margin-top: 1em;
}
/*

.form-submit {
	margin-top:2em; position:sticky; bottom:2em; float:right; background:#fff;
	button { box-shadow:0 0 16/12em 16/12em #fff, 0 32/12em #fff; }
}*/
.productSelectForm {
  display: flex;
  gap: 0.25em;
}
.productSelectForm > span,
.productSelectForm select,
.productSelectForm input {
  width: 100%;
}
.productSelectForm button {
  flex-shrink: 0;
  white-space: nowrap;
}
/* 

.coz-input-file {
	input[type=file] { visibility:hidden; }
	input[type=text] { position:absolute; top:0; left:0; width:100%; }
} */
.coz-input[data-field-table] > ul > li > a,
.coz-input[data-field-type="products"] > ul > li > a {
  display: flex;
  justify-content: space-between;
}
.coz-input[data-field-table] > ul > li > a span,
.coz-input[data-field-type="products"] > ul > li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.productUpdateExtensions .list {
  display: grid;
  grid-template-columns: max-content max-content auto auto max-content;
}
.productUpdateExtensions .list thead,
.productUpdateExtensions .list tbody,
.productUpdateExtensions .list tr {
  display: contents;
}
.productUpdateExtensions .list tr > :first-child {
  grid-column: 1;
}
.productUpdateExtensions .list tbody ~ * > tr > :nth-child(3) {
  grid-column-end: span 3;
  text-align: right;
}
.no-grid .productUpdateExtensions .list th:nth-child(5) {
  width: 0;
}
.coz-input-file .uploader {
  right: 0;
}
.coz-input-file .uploader:hover + button {
  background-color: #ccc;
}
.productUpdateForm + .siteUpdateList,
.productUpdateForm + .sort-scrollable {
  margin-top: 1em;
}
.layout-siteUpdate .productUpdateForm + .siteUpdateList,
.layout-siteUpdate .productUpdateForm + .sort-scrollable {
  margin-top: var(--page-gap);
}
.siteUpdateList {
  /*
	> tbody > tr > td:not(.checkbox):not(.buttons):has(input) {
		padding-left:1/16em; padding-right:0;
	}*/
}
.siteUpdateList > tbody > tr > td,
.siteUpdateList > tbody > tr > td > * {
  vertical-align: top;
}
.siteUpdateList > tbody > tr > td:not(.checkbox) > input,
.siteUpdateList > tbody > tr > td:not(.checkbox) > .coz-input,
.siteUpdateList > tbody > tr > td:not(.checkbox) > .coz-input > input {
  width: 100%;
  box-sizing: border-box;
}
.siteUpdateList > tbody > tr > td.buttons > div {
  display: flex;
}
.siteUpdateList > tbody > tr > td.editable {
  width: 0;
}
.siteUpdateList > tbody > tr > td.editable > [contenteditable] {
  width: 100%;
}
.siteUpdateList > tbody > tr > td.editable.col_type_text:has([contenteditable]) {
  width: auto;
}
.siteUpdateList > tbody > tr > td.editable.col_type_contenteditable {
  width: auto;
}
.siteUpdateList .col_type_date {
  white-space: nowrap;
}
.coz-input > ul > li > a > b.filter-count {
  margin-left: auto;
  background: rgba(0, 0, 0, 0.1);
  color: inherit;
}
.coz-input-select-multiple > ul > li > a > b.filter-count {
  margin-left: 0;
  order: 2;
}
/* PackTag: /themes/redesign/styles/text.less */
html {
  font-size: 10px;
}
body {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  line-height: 1.5;
  font-weight: 400;
}
h1,
h2 {
  border: none;
}
div,
p,
a,
li,
td {
  -webkit-text-size-adjust: none;
}
.list > dt,
.list > dt > *,
.list > * > tr > th,
.list > * > .tr > .th,
.form > dt,
.form > div > dt,
.order-totals > dt,
.crumbs,
.index-heading,
.index-text,
.about-list dt,
.spotlight-title,
.product .title,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
.box-heading,
.tool-tip .tip-title,
.chart th,
.tip-title,
.product-sidebar dt,
.tabForm > tbody > tr > th,
.listPicker div.heading,
.productUpdateForm > div > label:first-child,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-style: normal;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-style: normal;
  color: #00253e;
}
.list > dt a,
.list > dt > * a,
.list > * > tr > th a,
.list > * > .tr > .th a,
.form > dt a,
.form > div > dt a,
.order-totals > dt a,
.crumbs a,
.index-heading a,
.index-text a,
.about-list dt a,
.spotlight-title a,
.product .title a,
.product-annotations > b:first-child a,
.product-annotations > br + br + b a,
.box-heading a,
.tool-tip .tip-title a,
.chart th a,
.tip-title a,
.product-sidebar dt a,
.tabForm > tbody > tr > th a,
.listPicker div.heading a,
.productUpdateForm > div > label:first-child a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.list > dt a:link,
.list > dt > * a:link,
.list > * > tr > th a:link,
.list > * > .tr > .th a:link,
.form > dt a:link,
.form > div > dt a:link,
.order-totals > dt a:link,
.crumbs a:link,
.index-heading a:link,
.index-text a:link,
.about-list dt a:link,
.spotlight-title a:link,
.product .title a:link,
.product-annotations > b:first-child a:link,
.product-annotations > br + br + b a:link,
.box-heading a:link,
.tool-tip .tip-title a:link,
.chart th a:link,
.tip-title a:link,
.product-sidebar dt a:link,
.tabForm > tbody > tr > th a:link,
.listPicker div.heading a:link,
.productUpdateForm > div > label:first-child a:link,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link {
  font-weight: inherit;
}
.index-heading,
h1 {
  font-size: 2em;
  line-height: 1.5;
  color: #00253e;
  font-weight: 400;
}
.index-text,
.about-list dt,
.product-annotations > b:first-child,
.product-annotations > br + br + b,
h2 {
  font-size: 1.5em;
  line-height: 1.5;
  color: #00253e;
  font-weight: 400;
}
.crumbs,
.spotlight-title,
.product .title,
.box-heading,
.tool-tip .tip-title,
.listPicker div.heading,
h3 {
  font-size: 1.25em;
  line-height: 1.5;
}
h4 {
  font-size: 1em;
  line-height: 1.5;
}
.tool-tip,
.product-course {
  color: #fff;
  font-weight: normal;
}
strong,
b {
  font-weight: bolder;
}
.tool-tip,
.tool-tip,
.datePicker,
.jscolor-box {
  font-size: 0.75em;
  line-height: 1.33333333;
}
.tool-tip .tip-title,
.tool-tip .tip-text {
  font-size: inherit;
  line-height: inherit;
}
.tool-tip .tip-title + .tip-text,
.tool-tip .tip-title + .tip-element {
  margin-top: 0.5em;
}
p,
h1,
h2,
h3,
ul,
ol,
dl {
  margin: 1em 0;
}
p:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
.hide:first-child + p,
.hide:first-child + h1,
.hide:first-child + h2,
.hide:first-child + h3,
.hide:first-child + ul,
.hide:first-child + ol,
.hide:first-child + dl,
br:first-child + p,
br:first-child + h1,
br:first-child + h2,
br:first-child + h3,
br:first-child + ul,
br:first-child + ol,
br:first-child + dl,
style:first-child + p,
style:first-child + h1,
style:first-child + h2,
style:first-child + h3,
style:first-child + ul,
style:first-child + ol,
style:first-child + dl,
script:first-child + p,
script:first-child + h1,
script:first-child + h2,
script:first-child + h3,
script:first-child + ul,
script:first-child + ol,
script:first-child + dl,
[data-mce-caret="before"]:first-child + p,
[data-mce-caret="before"]:first-child + h1,
[data-mce-caret="before"]:first-child + h2,
[data-mce-caret="before"]:first-child + h3,
[data-mce-caret="before"]:first-child + ul,
[data-mce-caret="before"]:first-child + ol,
[data-mce-caret="before"]:first-child + dl {
  margin-top: 0;
}
p:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
ul:last-child,
ol:last-child,
dl:last-child {
  margin-bottom: 0;
}
p:has(+ .hide:last-child),
h1:has(+ .hide:last-child),
h2:has(+ .hide:last-child),
h3:has(+ .hide:last-child),
ul:has(+ .hide:last-child),
ol:has(+ .hide:last-child),
dl:has(+ .hide:last-child),
p:has(+ br:last-child),
h1:has(+ br:last-child),
h2:has(+ br:last-child),
h3:has(+ br:last-child),
ul:has(+ br:last-child),
ol:has(+ br:last-child),
dl:has(+ br:last-child),
p:has(+ style:last-child),
h1:has(+ style:last-child),
h2:has(+ style:last-child),
h3:has(+ style:last-child),
ul:has(+ style:last-child),
ol:has(+ style:last-child),
dl:has(+ style:last-child),
p:has(+ script:last-child),
h1:has(+ script:last-child),
h2:has(+ script:last-child),
h3:has(+ script:last-child),
ul:has(+ script:last-child),
ol:has(+ script:last-child),
dl:has(+ script:last-child),
p:has(+ [data-mce-caret="after"]:last-child),
h1:has(+ [data-mce-caret="after"]:last-child),
h2:has(+ [data-mce-caret="after"]:last-child),
h3:has(+ [data-mce-caret="after"]:last-child),
ul:has(+ [data-mce-caret="after"]:last-child),
ol:has(+ [data-mce-caret="after"]:last-child),
dl:has(+ [data-mce-caret="after"]:last-child) {
  margin-bottom: 0;
}
br:not([data-mce-bogus]):has(+ p),
br:not([data-mce-bogus]):has(+ h1),
br:not([data-mce-bogus]):has(+ h2),
br:not([data-mce-bogus]):has(+ h3),
br:not([data-mce-bogus]):has(+ ul),
br:not([data-mce-bogus]):has(+ ol),
br:not([data-mce-bogus]):has(+ dl) {
  display: none;
}
p + br:not([data-mce-bogus]),
h1 + br:not([data-mce-bogus]),
h2 + br:not([data-mce-bogus]),
h3 + br:not([data-mce-bogus]),
ul + br:not([data-mce-bogus]),
ol + br:not([data-mce-bogus]),
dl + br:not([data-mce-bogus]) {
  display: none;
}
ul > li > ul,
ol > li > ul,
ul > li > ol,
ol > li > ol {
  margin: 0;
}
li {
  margin: 0.66666667em 0;
}
.spotlight-title {
  margin-top: 0;
}
a {
  text-decoration: none;
  font-weight: bolder;
  -webkit-transition: color 0.3s, background-color 0.3s;
  -moz-transition: color 0.3s, background-color 0.3s;
  transition: color 0.3s, background-color 0.3s;
}
a,
:link,
:visited {
  color: #2454f3;
}
a:hover {
  color: #2454f3;
}
a:focus-visible {
  color: #2454f3;
}
a:active {
  color: #2454f3;
}
a:hover,
a:active {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
a:focus-visible {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
a:focus-visible {
  outline: 0;
}
.featured,
.new,
.specialOffer {
  font-weight: 400;
}
a.featured,
a.new,
a.specialOffer {
  color: inherit;
}
.tool-tip .featured,
.tool-tip .new,
.tool-tip .specialOffer {
  text-decoration: none;
}
/* PackTag: /themes/redesign/styles/button.less */
.button-style,
.button,
button,
body .tox .tox-button {
  border: 0;
  border-radius: 0.25em;
  position: relative;
}
.accordion > dt:not(:has(button, label)) {
  border: 0;
  border-radius: 0.25em;
  position: relative;
}
.button,
button {
  behavior: none;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  /*
	
	.button-color-states(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3));*/
  --button-background-color-base: rgba(0, 0, 0, 0.1);
  --button-background-color-hover: rgba(0, 0, 0, 0.2);
  --button-background-color-active: rgba(0, 0, 0, 0.3);
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
}
.button,
button,
.button:active,
button:active,
.button:not(a):not(label):not(input),
button:not(a):not(label):not(input),
.button[disabled],
button[disabled] {
  background-color: var(--button-background-color-base);
  color: var(--button-color-base);
}
.button.button-flat,
button.button-flat,
.button.flat,
button.flat,
.button.button-flat:not(a):not(label):not(input):hover,
button.button-flat:not(a):not(label):not(input):hover,
.button.button-flat.hover:not(a):not(label):not(input),
button.button-flat.hover:not(a):not(label):not(input),
.button.button-flat.focus:not(a):not(label):not(input),
button.button-flat.focus:not(a):not(label):not(input),
.button.button-flat:not(a):not(label):not(input):hover:active,
button.button-flat:not(a):not(label):not(input):hover:active,
.button.button-flat.active:not(a):not(label):not(input):hover,
button.button-flat.active:not(a):not(label):not(input):hover,
.accordion > :focus + dt > .button.button-flat:not(a):not(label):not(input),
.accordion > :focus + dt > button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: var(--button-color-flat);
}
.button.button-flat:not(a):not(label):not(input):focus-visible,
button.button-flat:not(a):not(label):not(input):focus-visible {
  background-color: transparent;
  color: var(--button-color-flat);
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button.focus,
button.focus,
.accordion > :focus + dt > .button,
.accordion > :focus + dt > button {
  background-color: var(--button-background-color-hover);
  color: var(--button-color-hover);
}
.button:focus-visible,
button:focus-visible {
  background-color: var(--button-background-color-hover);
  color: var(--button-color-hover);
}
.button:hover:active,
button:hover:active,
.button.hover:active,
button.hover:active,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover {
  background-color: var(--button-background-color-active);
  color: var(--button-color-active);
}
.button:before,
button:before,
.button:after,
button:after {
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.button:hover,
button:hover,
.button.hover,
button.hover,
.button.focus-visible,
button.focus-visible,
.button:active:hover,
button:active:hover,
.button.active:hover,
button.active:hover,
.button.active.hover,
button.active.hover,
.button.hover-visible:active,
button.hover-visible:active,
.button.fg,
button.fg,
.button.selected,
button.selected,
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.button:focus-visible,
button:focus-visible,
.accordion > :focus-visible + dt > .button,
.accordion > :focus-visible + dt > button {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.button:hover:before,
button:hover:before,
.button.hover:before,
button.hover:before,
.button.focus-visible:before,
button.focus-visible:before,
.button:active:hover:before,
button:active:hover:before,
.button.active:hover:before,
button.active:hover:before,
.button.active.hover:before,
button.active.hover:before,
.button.hover-visible:active:before,
button.hover-visible:active:before,
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button[disabled]:before,
button[disabled]:before,
.button.disabled:before,
button.disabled:before,
.button:hover:after,
button:hover:after,
.button.hover:after,
button.hover:after,
.button.focus-visible:after,
button.focus-visible:after,
.button:active:hover:after,
button:active:hover:after,
.button.active:hover:after,
button.active:hover:after,
.button.active.hover:after,
button.active.hover:after,
.button.hover-visible:active:after,
button.hover-visible:active:after,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button[disabled]:after,
button[disabled]:after,
.button.disabled:after,
button.disabled:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.button:focus-visible:before,
button:focus-visible:before,
.accordion > :focus-visible + dt > .button:before,
.accordion > :focus-visible + dt > button:before,
.button:focus-visible:after,
button:focus-visible:after,
.accordion > :focus-visible + dt > .button:after,
.accordion > :focus-visible + dt > button:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.button[disabled],
button[disabled],
.button.disabled,
button.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
  z-index: 0;
}
.button.fg,
button.fg,
.button.selected,
button.selected {
  z-index: 3;
}
.button.fg,
button.fg,
.button.selected,
button.selected,
.button.fg:hover,
button.fg:hover,
.button.selected:hover,
button.selected:hover,
.button.fg:hover:active,
button.fg:hover:active,
.button.selected:hover:active,
button.selected:hover:active {
  background: #000;
  color: #fff;
}
.button.fg:focus-visible,
button.fg:focus-visible,
.button.selected:focus-visible,
button.selected:focus-visible {
  background: #000;
  color: #fff;
}
.button.fg:before,
button.fg:before,
.button.selected:before,
button.selected:before,
.button.fg:hover:before,
button.fg:hover:before,
.button.selected:hover:before,
button.selected:hover:before,
.button.fg:hover:active:before,
button.fg:hover:active:before,
.button.selected:hover:active:before,
button.selected:hover:active:before,
.button.fg:after,
button.fg:after,
.button.selected:after,
button.selected:after,
.button.fg:hover:after,
button.fg:hover:after,
.button.selected:hover:after,
button.selected:hover:after,
.button.fg:hover:active:after,
button.fg:hover:active:after,
.button.selected:hover:active:after,
button.selected:hover:active:after {
  /*color:@color;*/
}
.button.fg:focus-visible:before,
button.fg:focus-visible:before,
.button.selected:focus-visible:before,
button.selected:focus-visible:before,
.button.fg:focus-visible:after,
button.fg:focus-visible:after,
.button.selected:focus-visible:after,
button.selected:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button.fg:before,
.no-mask-image button.fg:before,
.no-mask-image .button.selected:before,
.no-mask-image button.selected:before,
.no-mask-image .button.fg:hover:before,
.no-mask-image button.fg:hover:before,
.no-mask-image .button.selected:hover:before,
.no-mask-image button.selected:hover:before,
.no-mask-image .button.fg:hover:active:before,
.no-mask-image button.fg:hover:active:before,
.no-mask-image .button.selected:hover:active:before,
.no-mask-image button.selected:hover:active:before,
.no-mask-image .button.fg:after,
.no-mask-image button.fg:after,
.no-mask-image .button.selected:after,
.no-mask-image button.selected:after,
.no-mask-image .button.fg:hover:after,
.no-mask-image button.fg:hover:after,
.no-mask-image .button.selected:hover:after,
.no-mask-image button.selected:hover:after,
.no-mask-image .button.fg:hover:active:after,
.no-mask-image button.fg:hover:active:after,
.no-mask-image .button.selected:hover:active:after,
.no-mask-image button.selected:hover:active:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image .button.fg:focus-visible:before,
.no-mask-image button.fg:focus-visible:before,
.no-mask-image .button.selected:focus-visible:before,
.no-mask-image button.selected:focus-visible:before,
.no-mask-image .button.fg:focus-visible:after,
.no-mask-image button.fg:focus-visible:after,
.no-mask-image .button.selected:focus-visible:after,
.no-mask-image button.selected:focus-visible:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.button:focus-visible,
button:focus-visible {
  outline: 0;
}
.button .course-type:before,
button .course-type:before {
  float: left;
  margin-left: -6px;
  margin-right: 6px;
}
.button .course-status:before,
button .course-status:before {
  float: right;
  margin-left: 6px;
  margin-right: -6px;
}
.button.button-red,
button.button-red {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button.button-green,
button.button-green {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button.button-blue,
button.button-blue {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #00c;
  --button-color-base: #ffffff;
  --button-background-color-hover: #000099;
  --button-color-hover: #ffffff;
  --button-background-color-active: #000066;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button.button-positive,
button.button-positive {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button.button-negative,
button.button-negative {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button,
.button-style,
.button-text,
button,
body .tox .tox-button {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.accordion > dt:not(:has(button, label)) {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.button:not(a):not(.button-drag) {
  cursor: default;
}
a .button:not(a):not(.button-drag) {
  cursor: inherit;
}
.button-primary,
button.primary {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button-action,
button.action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.uploader:hover + button,
.uploader:hover:active + button {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.uploader:focus-visible + button {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.uploader:hover + button {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.2);
}
.uploader:focus-visible + button {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.2);
}
.uploader:hover:active + button {
  background-color: rgba(0, 0, 0, 0.3);
}
.videoWrapper .button,
.videoWrapper button,
.product-video .button,
.calendar td button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.calendar td button.selected,
.calendar td button.selected:hover,
.calendar td button.selected:hover:active {
  background: #2454f3;
}
.calendar td button.selected:focus-visible {
  background: #2454f3;
}
.calendar td button.selected,
.calendar td button.selected * {
  color: #fff;
}
.coz-input-select > button,
.coz-input-combo > button {
  width: 1.5em;
}
.coz-input-select > button:before,
.coz-input-combo > button:before {
  margin: 0 !important;
}
.tabs-row .tabrow {
  height: 2em;
}
.tabs-row .tabrow .button {
  padding: 0.375em 0.625em 0.4375em;
}
.tabs-row .tabrow .bg {
  height: 2.0625em;
}
.button-icon-edit,
.button-edit:before,
button.edit:before {
  content: 'edit';
  margin: 0 -0.3em;
}
.button-edit.coz-input-style:before,
button.edit.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-remove,
.button-remove:before,
button.remove:before {
  content: 'delete';
  margin: 0 -0.3em;
}
.button-remove.coz-input-style:before,
button.remove.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-delete,
.button-delete:before,
button.delete:before {
  content: 'delete';
  margin: 0 -0.3em;
}
.button-delete.coz-input-style:before,
button.delete.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-check,
.button-check:before,
button.check:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-check.coz-input-style:before,
button.check.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-save,
.button-save:before,
button.save:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-save.coz-input-style:before,
button.save.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-verify,
.button-verify:before,
button.verify:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-verify.coz-input-style:before,
button.verify.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-copy,
.button-copy:before,
button.copy:before {
  content: 'content_copy';
  margin: 0 -0.3em;
}
.button-copy.coz-input-style:before,
button.copy.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-drag,
.button-drag:before,
button.drag:before {
  content: 'drag_indicator';
  margin: 0 -0.3em;
}
.button-drag.coz-input-style:before,
button.drag.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-assign,
.button-assign:before,
button.assign:before {
  content: 'assignment_add';
  margin: 0 -0.3em;
}
.button-assign.coz-input-style:before,
button.assign.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-courses,
.button-courses:before,
button.courses:before {
  content: 'assignments';
  margin: 0 -0.3em;
}
.button-courses.coz-input-style:before,
button.courses.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-assessment,
.button-assessment:before,
button.assessment:before {
  content: 'assignment';
  margin: 0 -0.3em;
}
.button-assessment.coz-input-style:before,
button.assessment.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-answers,
.button-answers:before,
button.answers:before {
  content: 'assignment_turned_in';
  margin: 0 -0.3em;
}
.button-answers.coz-input-style:before,
button.answers.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-info,
.button-info:before,
button.info:before {
  content: 'info';
  margin: 0 -0.3em;
}
.button-info.coz-input-style:before,
button.info.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-reset,
.button-reset:before,
button.reset:before {
  content: 'restore';
  margin: 0 -0.3em;
}
.button-reset.coz-input-style:before,
button.reset.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-certificate,
.button-certificate:before,
button.certificate:before {
  content: 'school';
  margin: 0 -0.3em;
}
.button-certificate.coz-input-style:before,
button.certificate.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-translate,
.button-translate:before,
button.translate:before {
  content: 'translate';
  margin: 0 -0.3em;
}
.button-translate.coz-input-style:before,
button.translate.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-visualize,
.button-visualize:before,
button.visualize:before {
  content: 'insights';
  margin: 0 -0.3em;
}
.button-visualize.coz-input-style:before,
button.visualize.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-download,
.button-download:before,
button.download:before {
  content: 'file_download';
  margin: 0 -0.3em;
}
.button-download.coz-input-style:before,
button.download.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-ai,
.button-ai:before,
button.ai:before {
  content: 'auto_awesome';
  margin: 0 -0.3em;
}
.button-ai.coz-input-style:before,
button.ai.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-calendar,
.button-calendar:before,
button.calendar:before {
  content: 'calendar_month';
  margin: 0 -0.3em;
}
.button-calendar.coz-input-style:before,
button.calendar.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-more,
.button-more:before,
button.more:before {
  content: 'more_horiz';
  margin: 0 -0.3em;
}
.button-more.coz-input-style:before,
button.more.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-overflow,
.button-overflow:before,
button.overflow:before {
  content: 'more_vert';
  margin: 0 -0.3em;
}
.button-overflow.coz-input-style:before,
button.overflow.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-uncheck,
.button-uncheck:before,
button.uncheck:before {
  content: 'check_box_outline_blank';
  margin: 0 -0.3em;
}
.button-uncheck.coz-input-style:before,
button.uncheck.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
/* PackTag: /themes/redesign/styles/input.less */
input,
textarea,
select,
select[multiple] option,
body:not(.mce-content-body) [contenteditable],
.mce-content-body[contenteditable],
.mooeditable-iframe-body,
.listPicker > div,
.coz-input > ul > li > a,
.coz-input-style,
.coz-input[data-prefix]:not([data-prefix=""]):before {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.5em 0.6875em;
}
select[multiple] option {
  height: 1.5em;
  box-sizing: content-box;
}
.mce-content-body[contenteditable]:not(:has(> main)) {
  font-size: 16px;
}
input,
textarea,
select,
progress,
body:not(.mce-content-body) [contenteditable],
.mooeditable-container .mooeditable-iframe,
.coz-input-tinymce .tox,
body .tox .tox-selectfield select,
body .tox .tox-textarea,
body .tox .tox-textfield,
body .tox .tox-toolbar-textfield,
.coz-input > input + i,
.listPicker > div,
.coz-input-style,
.coz-input-labeled--border,
.coz-input-labeled--border:before,
.coz-input-labeled--border:after,
.coz-input[data-prefix]:not([data-prefix=""]):before {
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
}
input:hover,
textarea:hover,
select:hover,
body:not(.mce-content-body) [contenteditable]:not([contenteditable="false"]):hover,
.coz-input:hover > input,
.coz-input:hover > input + i,
.coz-input:hover > [contenteditable],
.coz-input-search:hover > .coz-input > input,
:hover > input,
.coz-input-tinymce:hover .tox,
.coz-input-tinymce.hover .tox,
button.coz-input-style:hover,
a.coz-input-style:hover,
.coz-input-hover,
:hover ~ .coz-input-labeled--border,
:hover ~ .coz-input-labeled--border:before,
:hover ~ .coz-input-labeled--border:after {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
input:focus,
textarea:focus,
select:focus,
body:not(.mce-content-body) [contenteditable]:not([contenteditable="false"]):focus,
.coz-input:hover > input:focus,
.coz-input:hover > [contenteditable]:focus,
.coz-input-search:hover > .coz-input > input:focus,
.coz-input > input:focus + i,
.coz-input-tinymce.focus .tox,
.coz-input-focus,
button.coz-input-focus:hover,
a.coz-input-focus:hover,
:focus ~ .coz-input-labeled--border,
:focus ~ .coz-input-labeled--border:before,
:focus ~ .coz-input-labeled--border:after,
.coz-input-datepicker-open > input,
.coz-input-datepicker-open:hover > input {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
button.coz-input-style:focus-visible,
a.coz-input-style:focus-visible {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input:has(:focus-visible) > input,
.coz-input-search:has(:focus-visible) > .coz-input > input {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input:focus-within > input + i,
.iti:focus-within ~ .coz-input-labeled--border,
.iti:focus-within ~ .coz-input-labeled--border:before,
.iti:focus-within ~ .coz-input-labeled--border:after {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
body:not(.mce-content-body) [contenteditable="false"],
.coz-input > [contenteditable],
.coz-input:hover > [contenteditable],
.iti--allow-dropdown input {
  border-color: transparent;
}
input[readonly]:focus {
  outline: none;
}
input.coz-input-invalid,
textarea.coz-input-invalid,
select.coz-input-invalid,
button.coz-input-style.coz-input-invalid,
a.coz-input-style.coz-input-invalid,
.coz-input:hover > input.coz-input-invalid,
.coz-input-search:hover > .coz-input > input.coz-input-invalid,
.coz-input > input.coz-input-invalid + i,
.coz-input-invalid .tox,
.coz-input-invalid:focus {
  background-color: #fae6e6;
  background-clip: border-box;
  border-color: rgba(204, 0, 0, 0.1);
  color: #c00;
}
.coz-input-invalid ~ .iti .iti__selected-dial-code,
.coz-input-invalid ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-invalid ~ .coz-input-labeled--border,
.coz-input-invalid ~ .coz-input-labeled--border:before,
.coz-input-invalid ~ .coz-input-labeled--border:after {
  border-color: rgba(204, 0, 0, 0.1);
}
input.coz-input-invalid:hover,
textarea.coz-input-invalid:hover,
select.coz-input-invalid:hover,
button.coz-input-style.coz-input-invalid:hover,
a.coz-input-style.coz-input-invalid:hover,
.coz-input:hover > input.coz-input-invalid:hover,
.coz-input-search:hover > .coz-input > input.coz-input-invalid:hover,
.coz-input > input.coz-input-invalid:hover + i,
.coz-input-invalid.hover .tox,
.coz-input-invalid:hover,
.coz-input-invalid:hover ~ .coz-input-labeled--border,
.coz-input-invalid:hover ~ .coz-input-labeled--border:before,
.coz-input-invalid:hover ~ .coz-input-labeled--border:after {
  border-color: rgba(204, 0, 0, 0.2);
}
input.coz-input-invalid:focus,
textarea.coz-input-invalid:focus,
select.coz-input-invalid:focus,
.coz-input:hover > input.coz-input-invalid:focus,
.coz-input-search:hover > .coz-input > input.coz-input-invalid:focus,
.coz-input > input.coz-input-invalid:focus + i,
.coz-input-invalid.focus .tox,
.coz-input-invalid:focus,
.coz-input-invalid:focus ~ .coz-input-labeled--border,
.coz-input-invalid:focus ~ .coz-input-labeled--border:before,
.coz-input-invalid:focus ~ .coz-input-labeled--border:after {
  border-color: #c00;
  box-shadow: 0 0 0 1px #c00;
  background-color: #ffffff;
  border-color: #c00;
}
button.coz-input-style.coz-input-invalid:focus-visible,
a.coz-input-style.coz-input-invalid:focus-visible {
  border-color: #c00;
  box-shadow: 0 0 0 1px #c00;
  background-color: #ffffff;
  border-color: #c00;
}
.coz-input:focus-within > input.coz-input-invalid + i {
  border-color: #c00;
  box-shadow: 0 0 0 1px #c00;
  background-color: #ffffff;
  border-color: #c00;
}
.coz-input-checkbox:hover > input.coz-input-invalid + i:after,
.coz-input-radio:hover > input.coz-input-invalid + i:after,
.coz-input-checkbox > input.coz-input-invalid:focus + i:after,
.coz-input-radio > input.coz-input-invalid:focus + i:after {
  background-color: rgba(204, 0, 0, 0.2);
}
.coz-input > .coz-input-invalid ~ button,
.coz-input-invalid ~ .coz-input-number-buttons > button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(204, 0, 0, 0.05);
  --button-color-base: #000000;
  --button-background-color-hover: rgba(204, 0, 0, 0.1);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(204, 0, 0, 0.15);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.coz-input-invalid ~ .coz-input-time-ampm > button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.coz-input > .coz-input-invalid ~ button:before,
.coz-input-invalid ~ .coz-input-number-buttons > button:before,
.coz-input-checkbox > input.coz-input-invalid:indeterminate + i:after,
.coz-input-radio > input.coz-input-invalid:indeterminate + i:after,
.coz-input-checkbox > input.coz-input-invalid:checked + i:after,
.coz-input-radio > input.coz-input-invalid:checked + i:after {
  background-color: #c00 !important;
}
input:disabled,
textarea:disabled,
select:disabled,
.coz-input:hover > input:disabled,
.coz-input-search:hover > .coz-input > input:disabled,
.coz-input > input:disabled + i,
.coz-input-disabled,
.coz-input-labeled :disabled ~ label,
.coz-input-labeled :disabled ~ label:before,
.coz-input-labeled :disabled ~ label:after {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-placeholder,
.coz-input-select-empty .coz-input-style,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks)::before,
::placeholder,
[contenteditable][placeholder]:empty:not(:focus):before,
.coz-input > ul > li a[data-value=""],
.coz-input > ul > li a[data-empty-value] {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
:-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
::-moz-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
::-webkit-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
:-ms-input-placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
.mce-content-body:not([dir=rtl])[data-mce-placeholder]:not(.mce-visualblocks)::before {
  left: auto;
}
:focus ~ .coz-input-placeholder,
.coz-input-select-empty select:focus + .coz-input-style,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks):focus::before,
:focus::placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus > :-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
:focus > :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}
.coz-input-invalid ~ .coz-input-placeholder,
.coz-input-select-empty select.coz-input-invalid + .coz-input-style,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks).coz-input-invalid::before,
.coz-input-invalid::placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid > :-moz-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid::-moz-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid::-webkit-input-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid > :-ms-input-placeholder {
  color: rgba(204, 0, 0, 0.3);
}
.coz-input-invalid:focus ~ .coz-input-placeholder,
.coz-input-select-empty select.coz-input-invalid:focus + .coz-input-style,
.mce-content-body[data-mce-placeholder]:not(.mce-visualblocks).coz-input-invalid:focus::before,
.coz-input-invalid:focus::placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus > :-moz-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus::-moz-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus::-webkit-input-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input-invalid:focus > :-ms-input-placeholder {
  color: rgba(204, 0, 0, 0.2);
}
.coz-input {
  /*
	&-open > ul {
		max-height:302/16em; max-height:calc(300em/16 + 2px);;
		animation: coz-input-open-ul 0.5s @ease-decelerate;
	}*/
  /*
	&-open > button { top:1em/@button-font-size; bottom:1/@button-font-size; padding-top:5/@button-font-size; padding-bottom:5/@button-font-size; }*/
  --text-shadow-color: #fff;
}
.coz-input,
.coz-input > * {
  max-width: 100%;
}
.coz-input-checkbox,
.coz-input-radio {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  /*
			&:extend(.material-icons);
			background:none;
			font-size:20/16em;
			margin:0 (-6/20em);
			border:0;
			opacity:0.1;
			&:before { content:'check_box_outline_blank'; }
			&:after { content:none; }
		}
		&.button > .coz-input-checked + i,
		&.button > :checked + i {
			opacity:1;
			&:before { content:'check_box'; color:@primary; }
		}*/
}
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1em;
  height: 1em;
  margin: 0.125em;
  border-radius: 0.25em;
  position: relative;
}
.coz-input-checkbox > input + i:after,
.coz-input-radio > input + i:after {
  content: '';
  width: 0.75em;
  height: 0.75em;
  transform: scale(0.5);
  border-radius: 0.125em;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 1, 1), transform 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-checkbox:hover > i:after,
.coz-input-radio:hover > i:after {
  background: rgba(0, 0, 0, 0.1);
}
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after,
.coz-input-checkbox > :focus + i:after,
.coz-input-radio > :focus + i:after {
  background: rgba(0, 0, 0, 0.2);
}
.coz-input-checkbox > .coz-input-checked + i,
.coz-input-radio > .coz-input-checked + i,
.coz-input-checkbox > :checked + i,
.coz-input-radio > :checked + i,
.coz-input-checkbox > .coz-input-indeterminate + i,
.coz-input-radio > .coz-input-indeterminate + i,
.coz-input-checkbox > :indeterminate + i,
.coz-input-radio > :indeterminate + i {
  background: #fff;
}
.coz-input-checkbox > .coz-input-checked + i:after,
.coz-input-radio > .coz-input-checked + i:after,
.coz-input-checkbox > :checked + i:after,
.coz-input-radio > :checked + i:after {
  background: #000;
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-checkbox > .coz-input-indeterminate + i:after,
.coz-input-radio > .coz-input-indeterminate + i:after,
.coz-input-checkbox > :indeterminate + i:after,
.coz-input-radio > :indeterminate + i:after {
  background: #000;
  transition: transform 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-checkbox > .coz-input-checked:disabled + i:after,
.coz-input-radio > .coz-input-checked:disabled + i:after,
.coz-input-checkbox > :checked:disabled + i:after,
.coz-input-radio > :checked:disabled + i:after,
.coz-input-checkbox > .coz-input-indeterminate:disabled + i:after,
.coz-input-radio > .coz-input-indeterminate:disabled + i:after,
.coz-input-checkbox > :indeterminate:disabled + i:after,
.coz-input-radio > :indeterminate:disabled + i:after {
  background: #999;
}
.coz-input-checkbox.button > input,
.coz-input-radio.button > input {
  font-size: inherit;
}
.coz-input-checkbox.button > input + i,
.coz-input-radio.button > input + i {
  font-size: 1;
  margin: 0 -0.25em;
}
.coz-input-radio > input + i,
.coz-input-radio > input + i:after {
  border-radius: 50%;
}
.coz-input-toggle {
  --toggle-text: rgba(0, 0, 0, 0.2);
  --toggle-selected: rgba(0, 0, 0, 0.8);
}
.coz-input-toggle > input + i {
  padding: 0.125em;
  border-radius: 0.25em;
}
.coz-input-toggle > input + i > span {
  text-transform: uppercase;
  color: var(--toggle-text);
  transition: color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-toggle > input + i > span:before,
.coz-input-toggle > input + i > span:after {
  background-color: transparent;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-toggle > input + i > span:before {
  border-radius: 0.1875em 0 0 0.1875em;
}
.coz-input-toggle > input + i > span:after {
  border-radius: 0 0.1875em 0.1875em 0;
}
.coz-input-toggle > input:indeterminate + i > span:after,
.coz-input-toggle > input:checked + i > span:before,
.coz-input-toggle > input:not(:indeterminate):not(:checked) + i > span:after {
  background: var(--toggle-unselected);
}
.coz-input-toggle > input:not(:indeterminate):not(:checked) + i > span:before,
.coz-input-toggle > input:checked + i > span:after {
  background: var(--toggle-selected);
}
.coz-input-toggle:hover {
  --toggle-text: rgba(0, 0, 0, 0.8);
  --toggle-unselected: rgba(0, 0, 0, 0.1);
}
.coz-input-toggle:hover:active {
  --toggle-unselected: rgba(0, 0, 0, 0.2);
}
.coz-input-toggle:focus-within {
  --toggle-text: #2454f3;
  --toggle-unselected: rgba(36, 84, 243, 0);
  --toggle-selected: #2454f3;
}
.coz-input-toggle:focus-within:hover {
  --toggle-unselected: rgba(36, 84, 243, 0.1);
}
.coz-input-toggle:focus-within:hover:active {
  --toggle-unselected: rgba(36, 84, 243, 0.2);
}
.coz-input-toggle:hover > input + i > span {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-toggle:hover:focus-within > input + i > span {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-toggle:hover > input + i > span:before,
.coz-input-toggle:hover > input + i > span:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-toggle:hover:focus-within > input + i > span:before,
.coz-input-toggle:hover:focus-within > input + i > span:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-toggle > input:not(:indeterminate):not(:checked) + i > span:before,
.coz-input-toggle > input:checked + i > span:after {
  background: var(--toggle-selected);
  transition: background-color 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-switch {
  --switch-background: transparent;
  --toggle-button: rgba(0, 0, 0, 0.8);
}
.coz-input-switch > input {
  position: absolute;
  left: -10000px;
}
.coz-input-switch > input + i {
  display: inline-flex;
  align-items: center;
}
.coz-input-switch > input + i > b {
  display: inline-flex;
  position: relative;
  width: 3.375em;
  height: 2.5em;
  padding: 0.125em;
  color: rgba(0, 0, 0, 0.8);
  transition: color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-switch > input + i > b:before {
  content: '';
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-switch > input + i > b > a {
  display: flex;
  padding: 0;
  min-height: 0;
  position: absolute;
  width: 1em;
  height: 1em;
  left: 0.75em;
  top: 0.75em;
  background-color: currentColor;
  opacity: 0.1;
  pointer-events: none;
  transition: width 0.2s cubic-bezier(0.3, 0, 1, 1), height 0.2s cubic-bezier(0.3, 0, 1, 1), left 0.2s cubic-bezier(0.3, 0, 1, 1), top 0.2s cubic-bezier(0.3, 0, 1, 1), background-color 0.2s cubic-bezier(0.3, 0, 1, 1), border-color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-switch > input + i > b > a:before {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
  margin: -0.1em;
  background-color: #fff;
  color: inherit;
  transition: margin 0.2s cubic-bezier(0.3, 0, 1, 1), background-color 0.2s cubic-bezier(0.3, 0, 1, 1), border-color 0.2s cubic-bezier(0.3, 0, 1, 1);
}
.coz-input-switch > input + i > b,
.coz-input-switch > input + i > b:before {
  border-radius: 0.1875em;
}
.coz-input-switch > input + i > b > a {
  border-radius: 0.125em;
}
.coz-input-switch > input + i > span:empty {
  display: none;
}
.coz-input-switch > input + i > span {
  padding: 0.5em 0.6875em;
}
.coz-input-switch:hover > input + i > b > a,
.coz-input-switch > input:focus + i > b > a {
  opacity: 0.2;
}
.coz-input-switch:focus-within > input + i > b > a {
  opacity: 0.2;
}
.coz-input-switch:hover:active > input + i > b > a {
  opacity: 0.4;
}
.coz-input-switch:hover:active > input:checked + i > b > a {
  opacity: 1;
}
.coz-input-switch:hover > input + i > b:before {
  background-color: rgba(0, 0, 0, 0.1);
}
.coz-input-switch:focus-within > input + i > b:before {
  background-color: rgba(36, 84, 243, 0);
}
.coz-input-switch:hover:focus-within > input + i > b:before {
  background-color: rgba(36, 84, 243, 0.1);
}
.coz-input-switch:hover:active > input + i > b:before {
  background-color: rgba(36, 84, 243, 0.2);
}
.coz-input-switch:hover > input + i > b:before {
  transition: margin 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-switch:focus-within > input + i > b:before {
  transition: margin 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-switch > input:checked + i > b {
  transition: color 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-switch > input:checked + i > b:before {
  background-color: currentColor;
  transition: background-color 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-switch > input:checked + i > b > a {
  opacity: 1;
  margin: 0;
  width: 1.375em;
  height: 1.375em;
  left: 1.4375em;
  top: 0.5625em;
  background-color: #fff;
  transition: width 0.2s cubic-bezier(0, 0, 0, 1), height 0.2s cubic-bezier(0, 0, 0, 1), left 0.2s cubic-bezier(0, 0, 0, 1), top 0.2s cubic-bezier(0, 0, 0, 1), background-color 0.2s cubic-bezier(0, 0, 0, 1), border-color 0.2s cubic-bezier(0, 0, 0, 1);
}
.coz-input-switch > input:checked + i > b > a:before {
  background-color: rgba(0, 0, 0, 0.8);
  transition: margin 0.2s cubic-bezier(0, 0, 0, 1), background-color 0.2s cubic-bezier(0, 0, 0, 1), border-color 0.2s cubic-bezier(0, 0, 0, 1);
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
}
.coz-input-switch > input:checked:focus + i > b {
  color: #2454f3;
}
.coz-input-switch:focus-within > input:checked + i > b {
  color: #2454f3;
}
.coz-input-switch > input:checked:focus + i > b:before {
  background-color: #2454f3;
}
.coz-input-switch:focus-within > input:checked + i > b:before {
  background-color: #2454f3;
}
.coz-input-switch > input.coz-input-invalid + i > b {
  color: rgba(204, 0, 0, 0.1);
}
.coz-input-switch > input.coz-input-invalid:checked + i > b {
  color: #c00;
}
.mask-composite .coz-input-switch > input + i > b > .button {
  background-color: transparent;
  border: 1px solid currentColor;
  color: rgba(0, 0, 0, 0.8);
}
.mask-composite .coz-input-switch > input + i > b > .button:before {
  margin: -0.15em;
  background-color: currentColor;
  -webkit-mask-image: linear-gradient(#0f0, #0f0), url(/images/webshop/button-icons-big-mask.svg);
  -moz-mask-image: linear-gradient(#0f0, #0f0), url(/images/webshop/button-icons-big-mask.svg);
  -ms-mask-image: linear-gradient(#0f0, #0f0), url(/images/webshop/button-icons-big-mask.svg);
  -o-mask-image: linear-gradient(#0f0, #0f0), url(/images/webshop/button-icons-big-mask.svg);
  mask-image: linear-gradient(#0f0, #0f0), url(/images/webshop/button-icons-big-mask.svg);
  -webkit-mask-origin: content-box;
  -moz-mask-origin: content-box;
  -ms-mask-origin: content-box;
  -o-mask-origin: content-box;
  mask-origin: content-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
}
.mask-composite .coz-input-switch:focus-within > input + i > b > .button {
  color: #2454f3;
}
.mask-composite .coz-input-switch > input:checked + i > b > .button {
  color: #fff;
}
.coz-input-switch:hover {
  --toggle-text: rgba(0, 0, 0, 0.8);
  --toggle-unselected: rgba(0, 0, 0, 0.1);
}
.coz-input-switch:hover:active {
  --toggle-unselected: rgba(0, 0, 0, 0.2);
}
.coz-input-switch:focus-within {
  --toggle-text: #2454f3;
  --toggle-unselected: rgba(36, 84, 243, 0);
  --toggle-selected: #2454f3;
}
.coz-input-switch:focus-within:hover {
  --toggle-unselected: rgba(36, 84, 243, 0.1);
}
.coz-input-switch:focus-within:hover:active {
  --toggle-unselected: rgba(36, 84, 243, 0.2);
}
.coz-input-search label {
  padding: 0.5625em 0.625em 0.5625em 0.5625em;
  line-height: 0.875;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  white-space: nowrap;
}
.coz-input-search .button,
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  position: absolute;
  top: 0;
}
.coz-input-search label,
.coz-input-search .coz-input-checkbox {
  right: 2.25em;
}
.coz-input-search .coz-input-checkbox label {
  right: 0 !important;
}
.coz-input-search .button {
  right: 2.0625em;
}
.coz-input-search .button + label,
.coz-input-search .button + .coz-input-checkbox {
  right: 4.0625;
}
.coz-input-search .coz-input-combo {
  display: block;
  min-width: 100%;
}
.coz-input-search .coz-input-combo > input {
  width: 100%;
  min-width: 15em;
}
.coz-input-search .coz-input-combo > button {
  right: 2.625em;
}
.coz-input-search .coz-input-combo:not(.coz-input-search .coz-input-combo-loading) > button {
  display: none;
}
.coz-input-search .coz-input-combo ~ button {
  z-index: 2;
}
.coz-input-search > .coz-input:has(> [contenteditable]),
.coz-input-search > .coz-input:has(> .coz-input-style) {
  display: grid;
}
.coz-input-copy > input {
  padding-right: 5.6875em;
  text-overflow: ellipsis;
}
.coz-input > ul {
  font-size: 16;
  right: auto;
  min-width: 100%;
  max-width: none;
  max-width: unset;
  /*
		max-height:@input-size/@font-size*1em;*/
  margin-top: -1px;
}
.coz-input > ul > li {
  margin: 0;
  /*
			a[data-value=""]:hover,
			a[data-empty-value]:hover { color:fade(contrast(@secondary, #fff, #000, 60%), 40%); }
			&.selected:not(.disabled) a[data-value=""],
			&.selected:not(.disabled) a[data-empty-value] { color:fade(contrast(@primary, #fff, #000, 60%), 40%); }*/
}
.coz-input > ul > li a,
.coz-input > ul > li a:hover {
  color: rgba(0, 0, 0, 0.8);
}
.coz-input > ul > li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.coz-input > ul > li.selected a {
  background-color: #2454f3;
  color: #fff;
}
.coz-input > ul > li a[data-value=""],
.coz-input > ul > li a[data-empty-value] {
  background-color: transparent;
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  opacity: 1;
  font-style: normal;
}
.coz-input > ul > li.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.coz-input:not(.coz-input-select-size) > ul {
  max-height: 18.875em;
  max-height: calc(300em/16 + 2px);
}
.coz-input-select > ul {
  border-radius: 0.25em;
}
.coz-input-combo > ul {
  border-radius: 0 0 0.25em 0.25em;
}
.coz-input-combo.coz-input-open > input {
  border-radius: 0.25em 0.25em 0 0;
}
.coz-input-select-size > ul {
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
}
.coz-input-select-size:hover > ul {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input:not(.coz-input-select-size) > ul {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input-select-size:focus-within > ul {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
@keyframes coz-input-ul {
  from {
    max-height: calc(300em/16 + 2px);
  }
  to {
    max-height: 2.625em;
  }
}
@keyframes coz-input-open-ul {
  from {
    max-height: 2.625em;
  }
  to {
    max-height: calc(300em/16 + 2px);
  }
}
.coz-input-combo > ul > li.selected a {
  background-color: #00253e;
}
.coz-input-select {
  display: inline-grid;
  align-items: stretch;
}
.coz-input-select > select,
.coz-input-select > select + .coz-input-style,
.coz-input-select-size > ul {
  grid-row: 1;
  grid-column: 1;
}
.coz-input-select > select {
  min-width: max-content;
}
.coz-input-select-size > ul {
  min-height: 100%;
}
.coz-input-select,
.coz-input-combo {
  /*
		> :first-child + .coz-input-style:after { position:sticky; right:0; }*/
}
.coz-input-select > [readonly]:first-child ~ button,
.coz-input-combo > [readonly]:first-child ~ button {
  display: none;
}
.coz-input-select > button.icon:before,
.coz-input-combo > button.icon:before {
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.coz-input-select > :first-child + .coz-input-style,
.coz-input-combo > :first-child + .coz-input-style {
  position: static;
  width: auto;
  min-width: 100%;
  overflow: hidden;
  white-space: nowrap;
}
.coz-input-select > :first-child + .coz-input-style:before,
.coz-input-combo > :first-child + .coz-input-style:before {
  content: '';
  position: absolute;
  right: 0;
  z-index: 2;
  width: 2em;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}
.coz-input-select > button,
.coz-input-combo > button {
  z-index: 3;
}
.coz-input-open > button:before {
  background-position: 65.38461538% 0%;
  -webkit-mask-position: 65.38461538% 0%;
  -moz-mask-position: 65.38461538% 0%;
  -ms-mask-position: 65.38461538% 0%;
  -o-mask-position: 65.38461538% 0%;
  mask-position: 65.38461538% 0%;
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.coz-input-combo-loading > button:before {
  background-position: 76.92307692% 100%;
  -webkit-mask-position: 76.92307692% 100%;
  -moz-mask-position: 76.92307692% 100%;
  -ms-mask-position: 76.92307692% 100%;
  -o-mask-position: 76.92307692% 100%;
  mask-position: 76.92307692% 100%;
  background: conic-gradient(transparent, currentColor);
  animation: loading-spinner 1s linear infinite;
}
.coz-input-select:not(.coz-input-select-size) > select[multiple] {
  height: 2.625em;
}
.coz-input-select:not(.coz-input-select-size) > ul {
  margin-top: -2.625em;
}
.coz-input-select-multiple > ul > li a {
  display: flex;
}
.coz-input-select-multiple > ul > li a:after {
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
  /*color:@color;*/
  margin-left: auto;
}
/*color:@color;*/
.no-mask-image .coz-input-select-multiple > ul > li a:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.touch .coz-input-select-multiple > ul > li a:after {
  margin: 0.125em -0.25em 0.125em auto;
}
.coz-input-select-multiple > ul > li:not(.selected) a:after {
  visibility: hidden;
}
.coz-input-select-multiple > ul > li a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.coz-input-select-multiple > ul > li a:focus-visible,
.coz-input-select-multiple > ul > li a:hover:focus-visible {
  background-color: rgba(36, 84, 243, 0.2);
  color: rgba(0, 0, 0, 0.8);
}
.coz-input-select-multiple > ul > li.selected a {
  background-color: #00253e;
  color: #fff;
}
.coz-input-select-multiple > ul > li.selected a:hover {
  background-color: rgba(0, 37, 62, 0.8);
  color: #fff;
}
.coz-input-select-multiple > ul > li.selected a:focus-visible {
  background-color: #2454f3;
  color: #fff;
}
.coz-input-select-multiple > ul > li.selected a:hover:focus-visible {
  background-color: rgba(36, 84, 243, 0.8);
  color: #fff;
}
.coz-input-select-multiple > ul:focus-within > li a:hover {
  background-color: rgba(36, 84, 243, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.coz-input-select-multiple > ul:focus-within > li a:hover:focus-visible {
  background-color: rgba(36, 84, 243, 0.1);
  color: rgba(0, 0, 0, 0.8);
}
.coz-input-select-multiple > ul:focus-within > li.selected a {
  background-color: #2454f3;
  color: #fff;
}
.coz-input-select-multiple > ul:focus-within > li.selected a:hover {
  background-color: rgba(36, 84, 243, 0.8);
  color: #fff;
}
.coz-input-select-multiple > ul:focus-within > li.selected a:focus-visible {
  background-color: #2454f3;
  color: #fff;
}
.coz-input-select-multiple > ul:focus-within > li.selected a:hover:focus-visible {
  background-color: rgba(36, 84, 243, 0.8);
  color: #fff;
}
.coz-input-listpicker > div > ul > li.drag .course-type:before {
  background-image: url('/colorReplace/fff/images/webshop/course-icons-mask.svg');
  background-image: url(/colorReplace/fff/images/webshop/course-icons-mask.svg), none;
}
.coz-input-listpicker > div > ul > li.drag button:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .coz-input-listpicker > div > ul > li.drag button:before {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .button,
.coz-input > button,
.coz-input > .coz-input-number-buttons > button,
.coz-input > .coz-input-noparse > button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.coz-input > .button:before,
.coz-input > button:before,
.coz-input > .coz-input-number-buttons > button:before,
.coz-input > .coz-input-noparse > button:before,
.coz-input > .button:after,
.coz-input > button:after,
.coz-input > .coz-input-number-buttons > button:after,
.coz-input > .coz-input-noparse > button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .coz-input > .button:before,
.no-mask-image .coz-input > button:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button:before,
.no-mask-image .coz-input > .coz-input-noparse > button:before,
.no-mask-image .coz-input > .button:after,
.no-mask-image .coz-input > button:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button:after,
.no-mask-image .coz-input > .coz-input-noparse > button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.coz-input > .button.button-red,
.coz-input > button.button-red,
.coz-input > .coz-input-number-buttons > button.button-red,
.coz-input > .coz-input-noparse > button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.coz-input > .button.button-red:before,
.coz-input > button.button-red:before,
.coz-input > .coz-input-number-buttons > button.button-red:before,
.coz-input > .coz-input-noparse > button.button-red:before,
.coz-input > .button.button-red:after,
.coz-input > button.button-red:after,
.coz-input > .coz-input-number-buttons > button.button-red:after,
.coz-input > .coz-input-noparse > button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .coz-input > .button.button-red:before,
.no-mask-image .coz-input > button.button-red:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-red:before,
.no-mask-image .coz-input > .coz-input-noparse > button.button-red:before,
.no-mask-image .coz-input > .button.button-red:after,
.no-mask-image .coz-input > button.button-red:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-red:after,
.no-mask-image .coz-input > .coz-input-noparse > button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .button.button-action,
.coz-input > button.button-action,
.coz-input > .coz-input-number-buttons > button.button-action,
.coz-input > .coz-input-noparse > button.button-action,
.coz-input > .button.button-primary,
.coz-input > button.button-primary,
.coz-input > .coz-input-number-buttons > button.button-primary,
.coz-input > .coz-input-noparse > button.button-primary,
.coz-input > .button.button-download,
.coz-input > button.button-download,
.coz-input > .coz-input-number-buttons > button.button-download,
.coz-input > .coz-input-noparse > button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.coz-input > .button.button-action:before,
.coz-input > button.button-action:before,
.coz-input > .coz-input-number-buttons > button.button-action:before,
.coz-input > .coz-input-noparse > button.button-action:before,
.coz-input > .button.button-primary:before,
.coz-input > button.button-primary:before,
.coz-input > .coz-input-number-buttons > button.button-primary:before,
.coz-input > .coz-input-noparse > button.button-primary:before,
.coz-input > .button.button-download:before,
.coz-input > button.button-download:before,
.coz-input > .coz-input-number-buttons > button.button-download:before,
.coz-input > .coz-input-noparse > button.button-download:before,
.coz-input > .button.button-action:after,
.coz-input > button.button-action:after,
.coz-input > .coz-input-number-buttons > button.button-action:after,
.coz-input > .coz-input-noparse > button.button-action:after,
.coz-input > .button.button-primary:after,
.coz-input > button.button-primary:after,
.coz-input > .coz-input-number-buttons > button.button-primary:after,
.coz-input > .coz-input-noparse > button.button-primary:after,
.coz-input > .button.button-download:after,
.coz-input > button.button-download:after,
.coz-input > .coz-input-number-buttons > button.button-download:after,
.coz-input > .coz-input-noparse > button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .coz-input > .button.button-action:before,
.no-mask-image .coz-input > button.button-action:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-action:before,
.no-mask-image .coz-input > .coz-input-noparse > button.button-action:before,
.no-mask-image .coz-input > .button.button-primary:before,
.no-mask-image .coz-input > button.button-primary:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-primary:before,
.no-mask-image .coz-input > .coz-input-noparse > button.button-primary:before,
.no-mask-image .coz-input > .button.button-download:before,
.no-mask-image .coz-input > button.button-download:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-download:before,
.no-mask-image .coz-input > .coz-input-noparse > button.button-download:before,
.no-mask-image .coz-input > .button.button-action:after,
.no-mask-image .coz-input > button.button-action:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-action:after,
.no-mask-image .coz-input > .coz-input-noparse > button.button-action:after,
.no-mask-image .coz-input > .button.button-primary:after,
.no-mask-image .coz-input > button.button-primary:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-primary:after,
.no-mask-image .coz-input > .coz-input-noparse > button.button-primary:after,
.no-mask-image .coz-input > .button.button-download:after,
.no-mask-image .coz-input > button.button-download:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-download:after,
.no-mask-image .coz-input > .coz-input-noparse > button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .button.button-action-green,
.coz-input > button.button-action-green,
.coz-input > .coz-input-number-buttons > button.button-action-green,
.coz-input > .coz-input-noparse > button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.coz-input > .button.button-action-green:before,
.coz-input > button.button-action-green:before,
.coz-input > .coz-input-number-buttons > button.button-action-green:before,
.coz-input > .coz-input-noparse > button.button-action-green:before,
.coz-input > .button.button-action-green:after,
.coz-input > button.button-action-green:after,
.coz-input > .coz-input-number-buttons > button.button-action-green:after,
.coz-input > .coz-input-noparse > button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .coz-input > .button.button-action-green:before,
.no-mask-image .coz-input > button.button-action-green:before,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-action-green:before,
.no-mask-image .coz-input > .coz-input-noparse > button.button-action-green:before,
.no-mask-image .coz-input > .button.button-action-green:after,
.no-mask-image .coz-input > button.button-action-green:after,
.no-mask-image .coz-input > .coz-input-number-buttons > button.button-action-green:after,
.no-mask-image .coz-input > .coz-input-noparse > button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.coz-input > .coz-input-number-buttons > button.increment {
  border-bottom-right-radius: 0;
}
.coz-input > .coz-input-number-buttons > button.decrement {
  border-top-right-radius: 0;
}
.coz-input[data-label]:before {
  content: attr(data-label);
}
.coz-input[data-label]:before,
.coz-input > label:not(.coz-input) {
  display: block;
  position: absolute;
  font-size: 0.6875em;
  line-height: 1.09090909;
  margin: 0 0.36363636em -13/11em;
  left: 0.63636364em;
  top: -0.63636364em;
  z-index: 2;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 2px var(--text-shadow-color), 0 0 2px var(--text-shadow-color), 0 0 3px var(--text-shadow-color), 0 0 3px var(--text-shadow-color), 0 0 4px var(--text-shadow-color), 0 0 4px var(--text-shadow-color), 0 0 5px var(--text-shadow-color), 0 0 5px var(--text-shadow-color), 0 0 6px var(--text-shadow-color), 0 0 6px var(--text-shadow-color);
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.coz-input-labeled {
  display: -ms-inline-grid;
  -ms-grid-columns: 1fr;
  display: inline-grid;
}
.coz-input-labeled[data-label]:before {
  content: none;
}
.coz-input-labeled > :not(.coz-input-labeled--label) {
  grid-row: 1;
  grid-column: 1;
  height: 100%;
}
.coz-input-labeled > input,
.coz-input-labeled > select,
.coz-input-labeled > textarea,
.coz-input-labeled > .coz-input-style,
.coz-input-labeled > .iti > input {
  border-color: transparent !important;
}
.coz-input-labeled--border,
.coz-input-labeled--label {
  position: relative;
  margin-left: 0 !important;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.coz-input-labeled--border {
  display: flex;
  right: 0;
  bottom: 0;
  border-width: 0 0 1px 0;
}
.coz-input-labeled--border span {
  width: auto;
  font-size: 0;
  white-space: nowrap;
  color: transparent;
}
.coz-input-labeled--border:before,
.coz-input-labeled--border:after {
  content: '';
  display: block;
}
.coz-input-labeled--border:before {
  width: 0.28571429em;
  border-width: 1px 0 0 1px;
  flex-shrink: 0;
  border-top-right-radius: 0;
}
.coz-input-labeled--border:after {
  width: 100%;
  min-width: 0.28571429em;
  border-width: 1px 1px 0 0;
  border-top-left-radius: 0;
}
.coz-input-labeled--label {
  position: absolute;
  left: 0.4375em;
  top: 0.1875em;
  border: 1px solid transparent;
  line-height: 1.5;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.6);
  -webkit-transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  -moz-transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  transition: color 0.3s, font-size 0.3s, line-height 0.3s, left 0.3s, top 0.3s, text-shadow 0.3s;
  --text-shadow-color: #fff;
}
.coz-input-labeled .iti ~ .coz-input-labeled--label {
  --left: 52px;
  left: var(--left);
}
.coz-input-labeled--spacer {
  visibility: hidden;
  pointer-events: none;
}
.coz-input-labeled :focus ~ .coz-input-labeled--border span,
.coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--border span,
.coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--border span,
.coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--border span,
.coz-input-labeled :autofill ~ .coz-input-labeled--border span {
  font-size: 0.6875em;
}
.coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--border span {
  font-size: 0.6875em;
}
.coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--border span {
  font-size: 0.6875em;
}
.coz-input-labeled :focus ~ .coz-input-labeled--border:before,
.coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--border:before,
.coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--border:before,
.coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--border:before,
.coz-input-labeled :autofill ~ .coz-input-labeled--border:before {
  margin-right: 0.25em;
}
.coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--border:before {
  margin-right: 0.25em;
}
.coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--border:before {
  margin-right: 0.25em;
}
.coz-input-labeled :focus ~ .coz-input-labeled--border:after,
.coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--border:after,
.coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--border:after,
.coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--border:after,
.coz-input-labeled :autofill ~ .coz-input-labeled--border:after {
  margin-left: 0.25em;
}
.coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--border:after {
  margin-left: 0.25em;
}
.coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--border:after {
  margin-left: 0.25em;
}
.coz-input-labeled :focus ~ .coz-input-labeled--label,
.coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--label,
.coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--label,
.coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--label,
.coz-input-labeled :autofill ~ .coz-input-labeled--label {
  font-size: 0.6875em;
  line-height: 1.09090909;
  left: 0.63636364em;
  top: -0.63636364em;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color);
}
.coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--label {
  font-size: 0.6875em;
  line-height: 1.09090909;
  left: 0.63636364em;
  top: -0.63636364em;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color);
}
.coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--label {
  font-size: 0.6875em;
  line-height: 1.09090909;
  left: 0.63636364em;
  top: -0.63636364em;
  color: rgba(0, 0, 0, 0.8);
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  text-shadow: 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color), 0 0 1px var(--text-shadow-color);
}
:focus ~ .coz-input-labeled--label {
  color: #2454f3;
}
:focus-within ~ .coz-input-labeled--label {
  color: #2454f3;
}
.coz-input-invalid ~ .coz-input-labeled--label,
.coz-input-invalid:focus ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-invalid :focus-within ~ .coz-input-labeled--label {
  color: #c00;
}
.coz-input-search .coz-input-combo.coz-input-labeled {
  display: -ms-inline-grid;
  -ms-grid-columns: 1fr;
  display: inline-grid;
}
.coz-input > label:not(.coz-input),
.coz-input-labeled > a:last-child {
  position: absolute;
  right: 0.66666667em;
  top: 0.33333333em;
  font-size: 0.75em;
  line-height: 2;
}
.coz-input[data-label] > .coz-input-style {
  min-width: 100%;
}
.coz-input-tel-intl[data-label]:before {
  grid-column: 1;
  grid-row: 1;
}
.coz-input-color input[type="color"] {
  height: 100%;
  overflow: hidden;
  padding: 0;
}
.coz-input[data-prefix]:not([data-prefix=""]):before {
  content: attr(data-prefix);
  position: absolute;
  pointer-events: none;
  border: 1px solid transparent;
  padding-right: 0;
}
.coz-input[data-prefix]:not([data-prefix=""]) input {
  padding-left: 1.25em;
}
.coz-input-contenteditable .coz-input-contenteditable--edit {
  pointer-events: none;
}
.coz-input-contenteditable :first-child[data-contenteditable-changed] ~ .coz-input-contenteditable--edit,
.coz-input-contenteditable :first-child:not([data-contenteditable-changed]) ~ .coz-input-contenteditable--save {
  display: none;
}
.coz-input-contenteditable .coz-input-contenteditable--edit:before {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  font-size: 1.25em;
  content: 'edit';
}
.coz-input-contenteditable .coz-input-contenteditable--save:before {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  font-size: 1.25em;
  content: 'save';
}
.button.coz-input-style,
button.coz-input-style {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
  color: rgba(0, 0, 0, 0.8);
  min-height: 2.625em;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button.coz-input-style:before,
button.coz-input-style:before,
.button.coz-input-style:after,
button.coz-input-style:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button.coz-input-style:before,
.no-mask-image button.coz-input-style:before,
.no-mask-image .button.coz-input-style:after,
.no-mask-image button.coz-input-style:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button.coz-input-style.button-red,
button.coz-input-style.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button.coz-input-style.button-red:before,
button.coz-input-style.button-red:before,
.button.coz-input-style.button-red:after,
button.coz-input-style.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button.coz-input-style.button-red:before,
.no-mask-image button.coz-input-style.button-red:before,
.no-mask-image .button.coz-input-style.button-red:after,
.no-mask-image button.coz-input-style.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.coz-input-style.button-action,
button.coz-input-style.button-action,
.button.coz-input-style.button-primary,
button.coz-input-style.button-primary,
.button.coz-input-style.button-download,
button.coz-input-style.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button.coz-input-style.button-action:before,
button.coz-input-style.button-action:before,
.button.coz-input-style.button-primary:before,
button.coz-input-style.button-primary:before,
.button.coz-input-style.button-download:before,
button.coz-input-style.button-download:before,
.button.coz-input-style.button-action:after,
button.coz-input-style.button-action:after,
.button.coz-input-style.button-primary:after,
button.coz-input-style.button-primary:after,
.button.coz-input-style.button-download:after,
button.coz-input-style.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button.coz-input-style.button-action:before,
.no-mask-image button.coz-input-style.button-action:before,
.no-mask-image .button.coz-input-style.button-primary:before,
.no-mask-image button.coz-input-style.button-primary:before,
.no-mask-image .button.coz-input-style.button-download:before,
.no-mask-image button.coz-input-style.button-download:before,
.no-mask-image .button.coz-input-style.button-action:after,
.no-mask-image button.coz-input-style.button-action:after,
.no-mask-image .button.coz-input-style.button-primary:after,
.no-mask-image button.coz-input-style.button-primary:after,
.no-mask-image .button.coz-input-style.button-download:after,
.no-mask-image button.coz-input-style.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.coz-input-style.button-action-green,
button.coz-input-style.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button.coz-input-style.button-action-green:before,
button.coz-input-style.button-action-green:before,
.button.coz-input-style.button-action-green:after,
button.coz-input-style.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button.coz-input-style.button-action-green:before,
.no-mask-image button.coz-input-style.button-action-green:before,
.no-mask-image .button.coz-input-style.button-action-green:after,
.no-mask-image button.coz-input-style.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button.coz-input-style:before,
button.coz-input-style:before {
  margin: 0.125em 0;
  order: 2;
}
.coz-input-value-tag > .coz-input-style,
.coz-input-value-tag > ul > li > a {
  display: flex;
  gap: 0.6875em;
}
.coz-input-value-tag > .coz-input-style span,
.coz-input-value-tag > ul > li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.coz-input-value-tag > .coz-input-style[data-value]:not([data-value=""]):after,
.coz-input-value-tag > ul > li > a[data-value]:not([data-value=""]):after {
  content: attr(data-value);
  opacity: 0.6;
  font-size: 0.83333333em;
  line-height: 1.8;
  margin-left: auto;
}
.coz-input-value-tag.coz-input-style[data-value]:not([data-value=""]):after,
.coz-input-value-tag > .coz-input-style[data-value]:not([data-value=""]):after,
.coz-input-value-tag > ul > li > a[data-value]:not([data-value=""]):after {
  content: attr(data-value);
  opacity: 0.6;
  font-size: 0.83333333em;
  line-height: 1.8;
  margin-left: auto;
}
select[multiple] {
  padding: 0;
}
select[multiple] option {
  display: flex;
  gap: 0.6875em;
  color: inherit;
  background-color: #fff;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
select[multiple] option:after {
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
  /*color:@color;*/
  margin-left: auto;
}
/*color:@color;*/
.no-mask-image select[multiple] option:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
select[multiple] option:not(:checked):after {
  visibility: hidden;
}
select[multiple] option:hover {
  background-color: #00253e;
  color: #fff;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
select[multiple] option:checked {
  background-color: #2454f3;
  color: #fff;
}
select[multiple] option[value=""]:checked,
select[multiple] option:not([value]):empty:checked {
  background-color: transparent;
}
select[multiple] option[value=""],
select[multiple] option:not([value]):empty {
  color: rgba(0, 0, 0, 0.2);
  font-style: italic;
}
select[multiple] option[value=""]:hover,
select[multiple] option:not([value]):empty:hover {
  color: rgba(255, 255, 255, 0.4);
}
select[multiple] option[value=""]:checked:hover,
select[multiple] option:not([value]):checked:empty:hover {
  color: rgba(255, 255, 255, 0.4);
}
select[multiple] option[disabled] {
  opacity: 0.5;
  pointer-events: none;
}
.touch select[multiple] option:after {
  margin: 0.125em -0.25em 0.125em auto;
}
.coz-input-number-suffix {
  position: absolute;
  right: 0;
  padding: 0.25em 1.125em 0.25em 0.25em;
  border: 0;
  pointer-events: none;
  line-height: 1.5;
}
/* File Upload */
.file-upload input:hover + button,
.coz-input-file-upload span input:hover + button,
.file-upload input:focus + button,
.coz-input-file-upload span input:focus + button {
  transition: none;
  background-color: rgba(0, 0, 0, 0.05);
}
.file-upload input:hover:active + button,
.coz-input-file-upload span input:hover:active + button {
  background-color: rgba(0, 0, 0, 0.1);
}
/*
.coz-input-file input {
	&:hover + input + button { transition:none; }
	&:hover + input + button { background-color:fade(#000, 5%); }
	&:hover:active + input + button { background-color:fade(#000, 10%); }
}*/
/* Progress */
progress {
  -webkit-appearance: none;
  appearance: none;
  padding: 0.125em;
  border-radius: 0.25em;
  background: #fff;
}
::-webkit-progress-bar {
  background-color: transparent;
}
::-webkit-progress-value {
  background-color: #2454f3;
}
::-moz-progress-bar {
  background-color: #2454f3;
}
::-progress-bar {
  background-color: #2454f3;
}
.calendar caption {
  margin-bottom: 8px;
}
.calendar th {
  color: #fff;
}
/* Product Search */
.search-tag {
  color: #fff;
  font-family: inherit;
  font-size: 0.625em;
  line-height: 0;
  padding: 0.8em 0.4em;
  border-radius: 0.2em;
  background: #2454f3;
  text-transform: uppercase;
}
.search-tag:before {
  content: none;
}
.search-tag.featured {
  background: #c00;
}
.search-tag.new {
  background: #fc0;
}
.search-count {
  opacity: 0.5;
  font-size: 0.75;
  font-style: normal;
  line-height: 0;
}
.search-tag,
.search-count {
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.search-option {
  cursor: pointer;
  gap: 0.5em;
}
.search-option[data-value=""] {
  cursor: default;
}
.search-option mark {
  background: none;
  color: #2454f3;
  font-weight: bold;
  font-style: normal;
}
.search-option b {
  color: #fff;
  font-family: inherit;
  font-size: 0.625em;
  line-height: 0;
  padding: 0.8em 0.4em;
  border-radius: 0.2em;
  background: #2454f3;
  text-transform: uppercase;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.search-option b:before {
  content: none;
}
.search-option b.featured {
  background: #c00;
}
.search-option b.new {
  background: #fc0;
}
.search-option i {
  opacity: 0.5;
  font-size: 0.75;
  font-style: normal;
  line-height: 0;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
/*

.coz-input-search,
.productSearch-filters,
.coz-input-popup[data-form=search_autocomplete] {
	li a { .search-list-a; }
}*/
.coz-input-search b,
.productSearch-parameters b,
.productSearch-filters b,
#coursesSearch b {
  color: #fff;
  font-family: inherit;
  font-size: 0.625em;
  line-height: 0;
  padding: 0.8em 0.4em;
  border-radius: 0.2em;
  background: #2454f3;
  text-transform: uppercase;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
.coz-input-search b:before,
.productSearch-parameters b:before,
.productSearch-filters b:before,
#coursesSearch b:before {
  content: none;
}
.coz-input-search b.featured,
.productSearch-parameters b.featured,
.productSearch-filters b.featured,
#coursesSearch b.featured {
  background: #c00;
}
.coz-input-search b.new,
.productSearch-parameters b.new,
.productSearch-filters b.new,
#coursesSearch b.new {
  background: #fc0;
}
.coz-input-search i,
.productSearch-parameters i,
.productSearch-filters i,
#coursesSearch i {
  opacity: 0.5;
  font-size: 0.75;
  font-style: normal;
  line-height: 0;
  display: inline-block;
  align-items: center;
  vertical-align: top;
}
@media (max-width:474px) {
  .coz-input-search .coz-input-checkbox,
  .coz-input-search label {
    position: static;
    padding: 0 !important;
    margin: 0.625em 0 0 !important;
    border: 0;
  }
  .coz-input-search label {
    padding: 0.3125em 0 !important;
  }
}
.productSearch-form {
  display: block;
  margin: 1em 0;
  position: relative;
  z-index: 11;
}
.productSearch-parameters,
.productSearch-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.productSearch-parameters .coz-input-style:before,
.productSearch-filters .coz-input-style:before {
  order: 2;
}
.productSearch-parameters {
  margin-bottom: 0.75em;
}
.productSearch-parameters .coz-input-style {
  margin: 0 0.25em 0.25em 0;
}
.productSearch-parameters .button {
  margin: 0 0 0 auto;
}
.productSearch-refine {
  margin: 0;
}
.productSearch-refine > dd > .element-content {
  padding: 1em 0 0;
}
.productSearch-filters {
  margin-top: 0.75em;
}
.productSearch-filters > * {
  margin: 0.25em 0.25em 0 0;
}
.productSearch-message {
  padding-right: 0;
}
.productSearch-filters .coz-input-select > select {
  position: absolute;
  min-width: 0;
  width: 100%;
}
@media (max-width:360px) {
  .productSearch-filters .coz-input-select {
    display: block;
  }
  .productSearch-parameters .coz-input-style,
  .productSearch-filters .coz-input-style,
  .productSearch-filters select,
  .productSearch-filters .coz-input-select > input {
    width: 100% !important;
  }
}
/* Tel Intl */
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background-color: transparent;
  transition: background-color 0.3s;
}
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover {
  background-color: rgba(0, 0, 0, 0.05);
  transition: none;
}
.coz-input-tel-intl .iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow,
body > .iti .iti--allow-dropdown .iti__flag-container .iti__selected-flag .iti__arrow {
  display: none;
}
.coz-input-tel-intl .iti__flag-container,
body > .iti .iti__flag-container {
  padding: 0;
}
.coz-input-tel-intl .iti__country-list,
body > .iti .iti__country-list {
  margin: -1px 0 0 0;
  max-height: 18.9375em;
}
.coz-input-tel-intl .iti__country-list--dropup,
body > .iti .iti__country-list--dropup {
  margin: 0 0 -1px 0;
}
.coz-input-tel-intl .iti__country,
body > .iti .iti__country {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.1875em 0.4375em;
}
.coz-input-tel-intl .iti__active,
body > .iti .iti__active,
.coz-input-tel-intl .iti__active.iti__highlight,
body > .iti .iti__active.iti__highlight {
  background: #2454f3;
  color: #fff;
}
.coz-input-tel-intl .iti__country > *,
body > .iti .iti__country > * {
  line-height: 1.5;
}
.coz-input-tel-intl .iti__dial-code,
body > .iti .iti__dial-code {
  color: rgba(0, 0, 0, 0.4);
}
.coz-input-tel-intl .iti__active .iti__dial-code,
body > .iti .iti__active .iti__dial-code {
  color: rgba(255, 255, 255, 0.4);
}
.coz-input-tel-intl .iti__divider,
body > .iti .iti__divider {
  margin: 0;
  padding: 0;
}
.coz-input-tel-intl .iti__selected-flag,
body > .iti .iti__selected-flag {
  padding: 0.1875em 0.4375em;
  line-height: 1.5;
  border: 1px solid transparent;
  user-select: none;
}
.coz-input-tel-intl .iti__selected-flag:focus,
body > .iti .iti__selected-flag:focus {
  outline: 0;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow,
body > .iti .iti__selected-flag .iti__arrow {
  width: 9px;
  height: 20px;
  line-height: 1;
  border: 0;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow:before,
body > .iti .iti__selected-flag .iti__arrow:before {
  background-position: 48.43304843% 0%;
  -webkit-mask-position: 48.43304843% 0%;
  -moz-mask-position: 48.43304843% 0%;
  -ms-mask-position: 48.43304843% 0%;
  -o-mask-position: 48.43304843% 0%;
  mask-position: 48.43304843% 0%;
  font-size: 0.0625em;
}
.coz-input-tel-intl .iti__selected-flag .iti__arrow--up:before,
body > .iti .iti__selected-flag .iti__arrow--up:before {
  background-position: 51.28205128% 0%;
  -webkit-mask-position: 51.28205128% 0%;
  -moz-mask-position: 51.28205128% 0%;
  -ms-mask-position: 51.28205128% 0%;
  -o-mask-position: 51.28205128% 0%;
  mask-position: 51.28205128% 0%;
}
.coz-input-tel-intl .iti__flag-container:focus-within .iti__country-list,
body > .iti .iti__flag-container:focus-within .iti__country-list,
.coz-input-tel-intl .iti__flag-container:focus-within ~ input,
body > .iti .iti__flag-container:focus-within ~ input,
.coz-input-tel-intl .iti__flag-container:focus-within ~ .coz-input > input,
body > .iti .iti__flag-container:focus-within ~ .coz-input > input {
  border-color: #2454f3;
}
body > .iti {
  position: absolute;
}
.coz-input-tel-intl .coz-input-invalid ~ .iti--allow-dropdown .iti__flag-container .iti__selected-flag:focus,
.coz-input-tel-intl .coz-input-invalid ~ .iti--allow-dropdown .iti__flag-container .iti__selected-flag:hover {
  background-color: rgba(204, 0, 0, 0.05);
}
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within .iti__country-list,
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within ~ input,
.coz-input-tel-intl .coz-input-invalid ~ .iti .iti__flag-container:focus-within ~ .coz-input > input {
  border-color: #c00;
}
.mooeditable-iframe-body {
  background: #fff;
  padding-bottom: 0;
  font-size: 16px;
}
/* TinyMCE */
.coz-input-tinymce {
  display: grid;
}
.coz-input-tinymce > * {
  grid-row: 1;
  grid-column: 1;
}
.coz-input-tinymce > textarea {
  display: inline !important;
  border-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.coz-input-tinymce .tox {
  min-height: 400px;
  height: 100% !important;
}
.coz-input-tinymce .tox .tox-toolbar__primary {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: none;
}
.coz-input-tinymce .tox .tox-toolbar__group {
  padding: 0 2px;
}
.coz-input-tinymce .tox[dir="rtl"] .tox-toolbar__group:not(:first-of-type),
.coz-input-tinymce .tox:not([dir="rtl"]) .tox-toolbar__group:not(:last-of-type),
.coz-input-tinymce .tox .tox-statusbar {
  border-color: #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
}
.coz-input-tinymce .tox .tox-toolbar__group:not(:last-of-type) {
  border-width: 0 1px 0 0;
}
.coz-input-tinymce .tox .tox-statusbar {
  border-width: 1px 0 0;
}
.coz-input-tinymce .tox .tox-tbtn {
  border-radius: 0;
  width: 32px;
  height: 32px;
}
.coz-input-tinymce .tox .tox-tbtn,
.coz-input-tinymce .tox .tox-tbtn--select {
  margin: 2px 0;
}
.coz-input-tinymce .tox .tox-tbtn--select {
  width: auto;
}
.coz-input-tinymce .tox .tox-tbtn:hover,
.coz-input-tinymce .tox .tox-tbtn--active {
  background-color: rgba(0, 0, 0, 0.2);
  color: #333;
}
.coz-input-tinymce .tox .tox-statusbar__branding {
  display: none;
}
.coz-input-tinymce .tox .tox-statusbar__resize-handle {
  cursor: ns-resize;
}
.coz-input-tinymce .tox .tox-edit-area {
  border-top: 0;
}
body .tox,
body .tox-tinymce,
body .tox :not(svg),
body .tox .tox-button,
body .tox .tox-dialog__title,
body .tox .tox-textfield,
body .tox .tox-textarea,
body .tox .tox-selectfield select,
body .tox .tox-toolbar-textfield {
  font-family: inherit;
  font-weight: inherit;
}
body .tox .tox-textfield,
body .tox .tox-textarea,
body .tox .tox-selectfield select,
body .tox .tox-toolbar-textfield {
  border-radius: 0;
}
body .tox .tox-textfield {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px inset ThreeDFace;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.6875em;
  height: 2.625em;
  border-radius: 0;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.5em 0.6875em;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
  background-clip: padding-box;
  line-height: 1.5em;
}
body .tox .tox-textfield:hover {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-textfield:focus {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
body .tox .tox-textarea,
body .tox .tox-form .tox-textarea-wrap .tox-textarea {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px inset ThreeDFace;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.6875em;
  resize: vertical;
  min-height: 2.625em;
  border-radius: 0;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.5em 0.6875em;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
  background-clip: padding-box;
  line-height: 1.5em;
}
body .tox .tox-textarea:hover,
body .tox .tox-form .tox-textarea-wrap .tox-textarea:hover {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-textarea:focus,
body .tox .tox-form .tox-textarea-wrap .tox-textarea:focus {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
body .tox .tox-selectfield select {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px inset ThreeDFace;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.6875em;
  padding-right: 1.5625em;
  height: 2.625em;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.5em 0.6875em;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
  background-clip: padding-box;
  line-height: 1.5em;
  padding: 0.4375em 2.6875em 0.4375em 0.6875em;
  height: 2.625em;
}
body .tox .tox-selectfield select:hover {
  outline: none;
  border-color: #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-selectfield select:focus {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
body .tox .tox-textarea-wrap {
  border: 0;
  overflow: visible;
}
body .tox .tox-textarea-wrap .tox-textarea {
  resize: vertical;
}
body .tox .tox-textarea-wrap:focus-within,
body .tox .tox-custom-editor:focus-within {
  border: 0;
  box-shadow: none;
}
body .tox .tox-button {
  border-style: outset;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  behavior: none;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  /*
	
	.button-color-states(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3));*/
  --button-background-color-base: rgba(0, 0, 0, 0.1);
  --button-background-color-hover: rgba(0, 0, 0, 0.2);
  --button-background-color-active: rgba(0, 0, 0, 0.3);
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 100em;
  text-transform: none;
}
body .tox .tox-button .coz-input-checkbox {
  font-size: 1em;
  margin: 0 -0.0625em 0 -0.625em;
}
body .tox .tox-button .material-icons,
body .tox .tox-button .material-icons-outlined {
  font-size: 1.25em;
  pointer-events: none;
  margin: 0 -0.3em;
}
/*
	
	.button-color-states(rgba(0,0,0,0.1), rgba(0,0,0,0.2), rgba(0,0,0,0.3));*/
body .tox .tox-button,
body .tox .tox-button:active,
body .tox .tox-button:not(a):not(label):not(input),
body .tox .tox-button[disabled] {
  background-color: var(--button-background-color-base);
  color: var(--button-color-base);
}
body .tox .tox-button.button-flat,
body .tox .tox-button.flat,
body .tox .tox-button.button-flat:not(a):not(label):not(input):hover,
body .tox .tox-button.button-flat.hover:not(a):not(label):not(input),
body .tox .tox-button.button-flat.focus:not(a):not(label):not(input),
body .tox .tox-button.button-flat:not(a):not(label):not(input):hover:active,
body .tox .tox-button.button-flat.active:not(a):not(label):not(input):hover,
.accordion > :focus + dt > body .tox .tox-button.button-flat:not(a):not(label):not(input) {
  background-color: transparent;
  color: var(--button-color-flat);
}
body .tox .tox-button.button-flat:not(a):not(label):not(input):focus-visible {
  background-color: transparent;
  color: var(--button-color-flat);
}
body .tox .tox-button:hover,
body .tox .tox-button.hover,
body .tox .tox-button.focus,
.accordion > :focus + dt > body .tox .tox-button {
  background-color: var(--button-background-color-hover);
  color: var(--button-color-hover);
}
body .tox .tox-button:focus-visible {
  background-color: var(--button-background-color-hover);
  color: var(--button-color-hover);
}
body .tox .tox-button:hover:active,
body .tox .tox-button.hover:active,
body .tox .tox-button.active:hover,
body .tox .tox-button.active.hover {
  background-color: var(--button-background-color-active);
  color: var(--button-color-active);
}
body .tox .tox-button:before,
body .tox .tox-button:after {
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
body .tox .tox-button:hover,
body .tox .tox-button.hover,
body .tox .tox-button.focus-visible,
body .tox .tox-button:active:hover,
body .tox .tox-button.active:hover,
body .tox .tox-button.active.hover,
body .tox .tox-button.hover-visible:active,
body .tox .tox-button.fg,
body .tox .tox-button.selected,
body .tox .tox-button[disabled],
body .tox .tox-button.disabled {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-button:focus-visible,
.accordion > :focus-visible + dt > body .tox .tox-button {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-button:hover:before,
body .tox .tox-button.hover:before,
body .tox .tox-button.focus-visible:before,
body .tox .tox-button:active:hover:before,
body .tox .tox-button.active:hover:before,
body .tox .tox-button.active.hover:before,
body .tox .tox-button.hover-visible:active:before,
body .tox .tox-button.fg:before,
body .tox .tox-button.selected:before,
body .tox .tox-button[disabled]:before,
body .tox .tox-button.disabled:before,
body .tox .tox-button:hover:after,
body .tox .tox-button.hover:after,
body .tox .tox-button.focus-visible:after,
body .tox .tox-button:active:hover:after,
body .tox .tox-button.active:hover:after,
body .tox .tox-button.active.hover:after,
body .tox .tox-button.hover-visible:active:after,
body .tox .tox-button.fg:after,
body .tox .tox-button.selected:after,
body .tox .tox-button[disabled]:after,
body .tox .tox-button.disabled:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-button:focus-visible:before,
.accordion > :focus-visible + dt > body .tox .tox-button:before,
body .tox .tox-button:focus-visible:after,
.accordion > :focus-visible + dt > body .tox .tox-button:after {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
body .tox .tox-button[disabled],
body .tox .tox-button.disabled {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: default !important;
  pointer-events: none;
  z-index: 0;
}
body .tox .tox-button.fg,
body .tox .tox-button.selected {
  z-index: 3;
}
body .tox .tox-button.fg,
body .tox .tox-button.selected,
body .tox .tox-button.fg:hover,
body .tox .tox-button.selected:hover,
body .tox .tox-button.fg:hover:active,
body .tox .tox-button.selected:hover:active {
  background: #000;
  color: #fff;
}
body .tox .tox-button.fg:focus-visible,
body .tox .tox-button.selected:focus-visible {
  background: #000;
  color: #fff;
}
body .tox .tox-button.fg:before,
body .tox .tox-button.selected:before,
body .tox .tox-button.fg:hover:before,
body .tox .tox-button.selected:hover:before,
body .tox .tox-button.fg:hover:active:before,
body .tox .tox-button.selected:hover:active:before,
body .tox .tox-button.fg:after,
body .tox .tox-button.selected:after,
body .tox .tox-button.fg:hover:after,
body .tox .tox-button.selected:hover:after,
body .tox .tox-button.fg:hover:active:after,
body .tox .tox-button.selected:hover:active:after {
  /*color:@color;*/
}
body .tox .tox-button.fg:focus-visible:before,
body .tox .tox-button.selected:focus-visible:before,
body .tox .tox-button.fg:focus-visible:after,
body .tox .tox-button.selected:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image body .tox .tox-button.fg:before,
.no-mask-image body .tox .tox-button.selected:before,
.no-mask-image body .tox .tox-button.fg:hover:before,
.no-mask-image body .tox .tox-button.selected:hover:before,
.no-mask-image body .tox .tox-button.fg:hover:active:before,
.no-mask-image body .tox .tox-button.selected:hover:active:before,
.no-mask-image body .tox .tox-button.fg:after,
.no-mask-image body .tox .tox-button.selected:after,
.no-mask-image body .tox .tox-button.fg:hover:after,
.no-mask-image body .tox .tox-button.selected:hover:after,
.no-mask-image body .tox .tox-button.fg:hover:active:after,
.no-mask-image body .tox .tox-button.selected:hover:active:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image body .tox .tox-button.fg:focus-visible:before,
.no-mask-image body .tox .tox-button.selected:focus-visible:before,
.no-mask-image body .tox .tox-button.fg:focus-visible:after,
.no-mask-image body .tox .tox-button.selected:focus-visible:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button:focus-visible {
  outline: 0;
}
body .tox .tox-button .course-type:before {
  float: left;
  margin-left: -6px;
  margin-right: 6px;
}
body .tox .tox-button .course-status:before {
  float: right;
  margin-left: 6px;
  margin-right: -6px;
}
body .tox .tox-button.button-red {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button.button-green {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button.button-blue {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #00c;
  --button-color-base: #ffffff;
  --button-background-color-hover: #000099;
  --button-color-hover: #ffffff;
  --button-background-color-active: #000066;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button.button-positive {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button.button-negative {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset;
}
body .tox .tox-button:focus-visible:hover:active {
  box-shadow: none;
}
body .tox .tox-button.fg,
body .tox .tox-button.selected,
body .tox .tox-button.fg:hover,
body .tox .tox-button.selected:hover,
body .tox .tox-button.fg:hover:active,
body .tox .tox-button.selected:hover:active {
  background-color: #00253e;
}
body .tox .tox-button.fg:focus-visible,
body .tox .tox-button.selected:focus-visible {
  background-color: #00253e;
}
body .tox .tox-button:before,
body .tox .tox-button:after {
  content: none;
}
body .tox .tox-button.tox-button--icon {
  width: 2.625em;
  height: 2.625em;
  line-height: 0;
  padding: 0;
  overflow: hidden;
  display: inline-grid;
  grid-template-rows: 100% 0;
  align-items: center;
  justify-items: center;
  gap: 1000em;
}
body .tox .tox-button.tox-button--icon:before,
body .tox .tox-button.tox-button--icon:after,
body .tox .tox-button.tox-button--icon .button-icon-pseudo,
body .tox .tox-button.tox-button--icon .material-icons,
body .tox .tox-button.tox-button--icon .material-icons-outlined {
  grid-row: 1;
  grid-column: 1;
  margin: 0;
}
.no-grid body .tox .tox-button.tox-button--icon {
  display: inline-flex;
  flex-wrap: wrap;
}
body .tox .tox-button.tox-button--naked,
body .tox .tox-button.tox-button--naked:not(:disabled),
body .tox .tox-dialog__footer-end .tox-button--secondary {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
body .tox .tox-button.tox-button--naked:before,
body .tox .tox-button.tox-button--naked:not(:disabled):before,
body .tox .tox-dialog__footer-end .tox-button--secondary:before,
body .tox .tox-button.tox-button--naked:after,
body .tox .tox-button.tox-button--naked:not(:disabled):after,
body .tox .tox-dialog__footer-end .tox-button--secondary:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image body .tox .tox-button.tox-button--naked:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled):before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary:before,
.no-mask-image body .tox .tox-button.tox-button--naked:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled):after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-button.tox-button--naked.button-red,
body .tox .tox-button.tox-button--naked:not(:disabled).button-red,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
body .tox .tox-button.tox-button--naked.button-red:before,
body .tox .tox-button.tox-button--naked:not(:disabled).button-red:before,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-red:before,
body .tox .tox-button.tox-button--naked.button-red:after,
body .tox .tox-button.tox-button--naked:not(:disabled).button-red:after,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image body .tox .tox-button.tox-button--naked.button-red:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-red:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-red:before,
.no-mask-image body .tox .tox-button.tox-button--naked.button-red:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-red:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button.tox-button--naked.button-action,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action,
body .tox .tox-button.tox-button--naked.button-primary,
body .tox .tox-button.tox-button--naked:not(:disabled).button-primary,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-primary,
body .tox .tox-button.tox-button--naked.button-download,
body .tox .tox-button.tox-button--naked:not(:disabled).button-download,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
body .tox .tox-button.tox-button--naked.button-action:before,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action:before,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action:before,
body .tox .tox-button.tox-button--naked.button-primary:before,
body .tox .tox-button.tox-button--naked:not(:disabled).button-primary:before,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-primary:before,
body .tox .tox-button.tox-button--naked.button-download:before,
body .tox .tox-button.tox-button--naked:not(:disabled).button-download:before,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-download:before,
body .tox .tox-button.tox-button--naked.button-action:after,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action:after,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action:after,
body .tox .tox-button.tox-button--naked.button-primary:after,
body .tox .tox-button.tox-button--naked:not(:disabled).button-primary:after,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-primary:after,
body .tox .tox-button.tox-button--naked.button-download:after,
body .tox .tox-button.tox-button--naked:not(:disabled).button-download:after,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image body .tox .tox-button.tox-button--naked.button-action:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-action:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-action:before,
.no-mask-image body .tox .tox-button.tox-button--naked.button-primary:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-primary:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-primary:before,
.no-mask-image body .tox .tox-button.tox-button--naked.button-download:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-download:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-download:before,
.no-mask-image body .tox .tox-button.tox-button--naked.button-action:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-action:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-action:after,
.no-mask-image body .tox .tox-button.tox-button--naked.button-primary:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-primary:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-primary:after,
.no-mask-image body .tox .tox-button.tox-button--naked.button-download:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-download:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-button.tox-button--naked.button-action-green,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action-green,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
body .tox .tox-button.tox-button--naked.button-action-green:before,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action-green:before,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action-green:before,
body .tox .tox-button.tox-button--naked.button-action-green:after,
body .tox .tox-button.tox-button--naked:not(:disabled).button-action-green:after,
body .tox .tox-dialog__footer-end .tox-button--secondary.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image body .tox .tox-button.tox-button--naked.button-action-green:before,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-action-green:before,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-action-green:before,
.no-mask-image body .tox .tox-button.tox-button--naked.button-action-green:after,
.no-mask-image body .tox .tox-button.tox-button--naked:not(:disabled).button-action-green:after,
.no-mask-image body .tox .tox-dialog__footer-end .tox-button--secondary.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
body .tox .tox-dialog__footer-end .tox-button:not(.tox-button--secondary) {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
body .tox .tox-menu {
  border: 0;
  border-radius: 0;
  box-shadow: 0 8px 8px -8px rgba(0, 0, 0, 0.4);
  outline: 1px solid rgba(0, 0, 0, 0.1);
}
body .tox .tox-dialog-wrap__backdrop {
  background: rgba(0, 0, 0, 0.8);
}
body .tox .tox-dialog {
  border: 0;
  border-radius: var(--dialog-border-radius);
}
body .tox .tox-dialog__header {
  padding: var(--dialog-padding) var(--dialog-padding) 0;
}
body .tox .tox-dialog__title {
  font-style: italic;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: bolder;
  font-style: italic;
  font-size: 1.5em;
  color: #2454f3;
}
body .tox .tox-dialog__footer {
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  padding: var(--dialog-padding);
}
body .tox-tinymce-aux {
  z-index: 1000;
}
body .tox .tox-edit-area:before {
  content: none;
}
body .tox:not(.tox-tinymce-inline) .tox-editor-header {
  padding: 0;
}
body .tox .tox-label,
body .tox .tox-toolbar-label {
  color: inherit;
  font-weight: bolder;
  line-height: inherit;
}
body .tox .tox-toolbar,
body .tox .tox-toolbar__primary,
body .tox .tox-toolbar__overflow {
  background-image: repeating-linear-gradient(rgba(0, 0, 0, 0.1) 0 1px, transparent 1px 2.3125em);
}
body .tox .tox-toolbar,
body .tox .tox-toolbar__primary,
body .tox .tox-toolbar__overflow,
body .tox .tox-toolbar__group {
  gap: 1px 0;
}
body .tox .tox-toolbar + .tox-toolbar {
  padding-top: 1px;
}
body .tox .tox-toolbar-overlord > .tox-toolbar,
body .tox .tox-toolbar-overlord > .tox-toolbar__primary,
body .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
  background-size: 100%;
}
body .tox .tox-toolbar-overlord > .tox-toolbar:not(.tox-toolbar--scrolling):first-child,
body .tox .tox-toolbar-overlord > .tox-toolbar__primary {
  background-position: center top 2.25em;
}
body.tox-fullscreen .field_type_html:has(.tox-fullscreen),
body.tox-fullscreen .coz-input-tinymce:has(.tox-fullscreen) {
  position: relative;
  z-index: 1000;
}
.mce-content-body {
  display: block;
  background: #fff;
  padding-bottom: 0;
  font-size: 16px;
  cursor: text;
}
.mce-content-body [contenteditable] {
  outline: none;
}
.mce-content-body > main {
  border-top: 0;
}
cac-video,
cac-iframe,
cac-embed-code {
  display: block;
  width: 100%;
  aspect-ratio: 1.77777778;
}
cac-video,
cac-video.mce-object {
  background: url(/themes/semembers/images/sporting-edge-play.svg), radial-gradient(circle at center, #2454f3, #2454f3 40px, transparent 40px);
  background-size: 40px 40px, 100%;
  background-position: calc(50% + 3px), 50%;
  background-repeat: no-repeat;
  background-color: #000;
}
cac-productlist {
  /*
	--product-gap:calc(var(--page-gap) / 2);
	--gradient-gap:calc(var(--product-gap) / 2);
	display:block; height:0; padding-top:calc((100% - var(--product-gap)) / 4 * 9 / 16);
	background:linear-gradient(to right, @lighter calc(25% - var(--gradient-gap)), #fff calc(25% - var(--gradient-gap)), #fff calc(25% + var(--gradient-gap)), @lighter calc(25% + var(--gradient-gap)), @lighter calc(50% - var(--gradient-gap)), #fff calc(50% - var(--gradient-gap)), #fff calc(50% + var(--gradient-gap)), @lighter calc(50% + var(--gradient-gap)), @lighter calc(75% - var(--gradient-gap)), #fff calc(75% - var(--gradient-gap)), #fff calc(75% + var(--gradient-gap)), @lighter calc(75% + var(--gradient-gap)));
	&[view][type][products]:not([view=""]):not([type=""]):not([products=""]):before { content:'View: ' attr(data-view) ', Type: ' attr(data-type) ', Products: ' attr(data-products); }
	&[view][type][products]:not([view=""]):not([type=""]):not([products=""]):before { content:'View: ' attr(data-view) ', Type: ' attr(data-type) ', Products: ' attr(data-products); }
	&[view][type][products]:not([view=""]):not([type=""]):not([products=""]):before { content:'View: ' attr(data-view) ', Type: ' attr(data-type) ', Products: ' attr(data-products); }*/
  display: flex;
  flex-wrap: wrap;
  gap: calc(var(--page-gap) / 2);
}
cac-productlist cac-product {
  width: calc(25% - calc(var(--page-gap) / 2 * 3 / 4));
}
cac-productlist cac-product:before {
  content: '';
  display: block;
  aspect-ratio: 1.77777778;
  background: rgba(0, 0, 0, 0.1);
  pointer-events: none;
}
cac-productlist cac-product[data-mce-selected] {
  outline: 3px solid #b4d7ff;
}
cac-productlist cac-product[no]:after {
  content: attr(no);
  display: block;
  margin-top: 0.66666667em;
  font-size: 0.75em;
  font-weight: 700;
  pointer-events: none;
}
cac-productlist cac-product[no][name]:after {
  content: attr(name) ' (' attr(no) ')';
}
cac-productlist[view="large"] cac-product {
  width: 100%;
  display: flex;
  gap: calc(var(--page-gap) / 2);
}
cac-productlist[view="large"] cac-product:before {
  width: calc(50% - calc(var(--page-gap) / 2 * 1 / 2));
}
cac-productlist[view="large"] cac-product[no]:after {
  margin-top: 0;
}
/* PackTag: /themes/redesign/styles/dialog.less */
:root {
  --dialog-padding: var(--page-gap);
  --dialog-margin: var(--dialog-padding);
}
.dialog {
  padding: var(--dialog-padding);
  border-radius: 0.5em;
  -webkit-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 0.5em 0 rgba(0, 0, 0, 0.5);
}
.dialog-root {
  padding: var(--dialog-margin);
}
.dialog-root:has(.dialog-maximized) {
  padding: 0;
}
.dialog-titlebar {
  margin-bottom: var(--dialog-padding);
  z-index: 2;
}
.dialog-content-div {
  position: relative;
  max-width: calc(100vw - 2 * var(--dialog-padding) - 2 * var(--dialog-margin) - var(--scrollbar-width));
}
.dialog-content-iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dialog-buttons button {
  text-indent: 0;
  margin-left: 1em;
}
.dialog .flex {
  flex-wrap: wrap;
  gap: 1em;
  align-items: center;
}
.dialog-maximized {
  margin-bottom: 0 !important;
  border-radius: 0;
}
.dialog-maximized .dialog-content,
.dialog-maximized .dialog-content-div {
  width: 100% !important;
  min-height: 100% !important;
  max-width: 100% !important;
}
.dialog-content-div > form,
.dialog-content-div > .tabContent > form,
.dialog-content-div > div > form,
.dialog-content-div > div .tabContent > form {
  display: block;
}
.dialog-content-div > form > div ~ div,
.dialog-content-div > .tabContent > form > div ~ div,
.dialog-content-div > div > form > div ~ div,
.dialog-content-div > div .tabContent > form > div ~ div {
  margin-top: 1em;
}
.dialog-content-div > form > div > input,
.dialog-content-div > .tabContent > form > div > input,
.dialog-content-div > div > form > div > input,
.dialog-content-div > div .tabContent > form > div > input,
.dialog-content-div > form > div > textarea,
.dialog-content-div > .tabContent > form > div > textarea,
.dialog-content-div > div > form > div > textarea,
.dialog-content-div > div .tabContent > form > div > textarea,
.dialog-content-div > form > div > .coz-input,
.dialog-content-div > .tabContent > form > div > .coz-input,
.dialog-content-div > div > form > div > .coz-input,
.dialog-content-div > div .tabContent > form > div > .coz-input,
.dialog-content-div > form > div > .coz-input > input,
.dialog-content-div > .tabContent > form > div > .coz-input > input,
.dialog-content-div > div > form > div > .coz-input > input,
.dialog-content-div > div .tabContent > form > div > .coz-input > input {
  display: block;
  width: 100%;
}
.dialog-content-div > form > div > .coz-input-tel-intl,
.dialog-content-div > .tabContent > form > div > .coz-input-tel-intl,
.dialog-content-div > div > form > div > .coz-input-tel-intl,
.dialog-content-div > div .tabContent > form > div > .coz-input-tel-intl,
.dialog-content-div > form > div > .coz-input-labeled,
.dialog-content-div > .tabContent > form > div > .coz-input-labeled,
.dialog-content-div > div > form > div > .coz-input-labeled,
.dialog-content-div > div .tabContent > form > div > .coz-input-labeled {
  display: -ms-grid;
  display: grid;
}
.dialog-content-div > form > div > .coz-input-tel-intl > .iti > input,
.dialog-content-div > .tabContent > form > div > .coz-input-tel-intl > .iti > input,
.dialog-content-div > div > form > div > .coz-input-tel-intl > .iti > input,
.dialog-content-div > div .tabContent > form > div > .coz-input-tel-intl > .iti > input {
  width: 100%;
}
.dialog-content-div > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > .tabContent > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > div > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > div .tabContent > form > div > .coz-input-time > input[type="time"],
.dialog-content-div > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > .tabContent > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > div > form > div > .coz-input-datetime-local > input[type="datetime-local"],
.dialog-content-div > div .tabContent > form > div > .coz-input-datetime-local > input[type="datetime-local"] {
  display: none;
}
.dialog-content-div > form > div > .coz-input-checkbox,
.dialog-content-div > .tabContent > form > div > .coz-input-checkbox,
.dialog-content-div > div > form > div > .coz-input-checkbox,
.dialog-content-div > div .tabContent > form > div > .coz-input-checkbox {
  display: inline-block;
  width: auto;
  margin: 0;
}
.dialog-content-div > form > div.clear,
.dialog-content-div > .tabContent > form > div.clear,
.dialog-content-div > div > form > div.clear,
.dialog-content-div > div .tabContent > form > div.clear {
  margin: 0;
  padding: 0;
  min-height: 0;
}
.dialog-frame {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.videoDialog .dialog-content-div {
  min-width: 100%;
}
.videoDialog-narrow {
  padding-left: 0;
  padding-right: 0;
  left: 0 !important;
  right: 0 !important;
}
.videoDialog-narrow .dialog-titlebar {
  margin-left: 1em;
  margin-right: 1em;
}
.videoDialog-narrow .dialog-content-div {
  position: relative;
  padding-bottom: 3em;
}
.videoDialog-narrow .videoContainer {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 1em;
  height: auto !important;
  overflow: hidden;
}
.videoDialog-narrow .videoToolbar {
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 0;
  height: 2em;
  line-height: 2em;
}
.videoDialog-narrow object,
.videoDialog-narrow embed,
.videoDialog-narrow iframe,
.videoDialog-narrow video {
  position: absolute;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.dialog .prompt-buttons,
.dialog .tabContent .prompt-buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding: 48px;
  margin: 48px -48px -48px;
  padding: var(--dialog-padding);
  margin: var(--dialog-padding) calc(0px - var(--dialog-padding)) calc(0px - var(--dialog-padding));
  border-radius: 0 0 0.5em 0.5em;
  background: #e6e6e6;
  background: rgba(219, 219, 219, 0.82);
  position: sticky;
  bottom: 0;
  z-index: 2;
  transition: bottom 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.dialog .prompt-buttons.hidden,
.dialog .tabContent .prompt-buttons.hidden {
  transition: bottom 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.dialog .prompt-buttons a:not(.button),
.dialog .tabContent .prompt-buttons a:not(.button) {
  padding: 0.25em 0;
  line-height: 1.5;
}
.dialog .prompt-buttons .left + :not(.left),
.dialog .tabContent .prompt-buttons .left + :not(.left) {
  margin-left: auto;
}
.htmlDialog .prompt-buttons {
  text-align: left;
}
@media (max-height:480px) {
  .dialog-centered {
    align-self: flex-start;
    margin-top: 1em;
  }
}
@media (max-width:479px) {
  .dialog .flex button,
  .dialog .prompt-buttons button,
  .dialog .flex .button,
  .dialog .prompt-buttons .button {
    width: 100%;
  }
}
@media (max-width:499px),
(max-height:399px) {
  :root {
    --dialog-margin: calc(var(--dialog-padding) / 2);
  }
}
@media (max-width:359px) {
  :root {
    --dialog-margin: 0px;
  }
}
/* PackTag: /themes/redesign/styles/content.less */
.distributor-logo {
  background: #fff;
}
.crumbs {
  list-style: none;
  margin: 0;
  padding: 0;
}
.crumbs,
.crumbs li,
.crumbs li a {
  display: flex;
  align-items: center;
}
.crumbs li {
  margin: 0;
  white-space: nowrap;
}
.crumb-icon,
.crumb-home:before,
.breadcrumbs .crumbs li + li:after,
.files-header .crumbs li + li:before {
  background-position: 38.46153846% 100%;
  -webkit-mask-position: 38.46153846% 100%;
  -moz-mask-position: 38.46153846% 100%;
  -ms-mask-position: 38.46153846% 100%;
  -o-mask-position: 38.46153846% 100%;
  mask-position: 38.46153846% 100%;
  /*color:@color;*/
  pointer-events: all;
  font-size: 0.8em;
}
/*color:@color;*/
.no-mask-image .crumb-icon {
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/333333/images/webshop/button-icons-mask.svg'), none;
}
.crumb-home:before {
  background-position: 34.61538462% 100%;
  -webkit-mask-position: 34.61538462% 100%;
  -moz-mask-position: 34.61538462% 100%;
  -ms-mask-position: 34.61538462% 100%;
  -o-mask-position: 34.61538462% 100%;
  mask-position: 34.61538462% 100%;
}
a.crumb-home:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image a.crumb-home:before {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
a.crumb-home:hover:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image a.crumb-home:hover:before {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
a.crumb-home:focus:before,
a.crumb-home:active:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image a.crumb-home:focus:before,
.no-mask-image a.crumb-home:active:before {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
.crumb-home span {
  font-size: 0;
  color: transparent;
}
.mask-image a.crumb-home:before {
  background: #2454f3;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.mask-image a.crumb-home:hover:before {
  background: #2454f3;
}
.mask-image a.crumb-home:focus:before,
.mask-image a.crumb-home:active:before {
  background: #2454f3;
}
.mask-image a.crumb-home:hover:before,
.mask-image a.crumb-home:focus:before,
.mask-image a.crumb-home:active:before {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.breadcrumbs,
.files-header {
  margin-bottom: 1em;
}
.breadcrumbs h1,
.breadcrumbs h2 {
  margin: 0;
  max-width: 600px;
}
.breadcrumbs .crumbs {
  float: right;
  flex-direction: row-reverse;
  height: 2.4em;
  margin-left: 1em;
}
.files-header {
  display: flex;
  justify-content: space-between;
}
.files-header .crumbs li + li:before {
  transform: rotate(180deg);
}
.list > li,
.list > dt,
.list > dd,
.list > * > tr > :first-child,
.list > * > .tr > :first-child,
.list > .tcaption {
  padding-left: 0;
}
.list > li,
.list > dt,
.list > dd,
.list > * > tr > :last-child,
.list > * > .tr > :last-child,
.list > .tcaption {
  padding-right: 0;
}
.list > [data-count]:before,
.list > * > a[data-count]:before {
  content: attr(data-count);
  float: right;
  pointer-events: none;
  color: #cccccc;
}
.flex .list > li,
.flex .list > dt,
.flex .list > dd {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
}
.flex .list > li:after,
.flex .list > dt:after,
.flex .list > dd:after {
  content: none;
}
.no-flex-gap .flex .list > dt > .right,
.no-flex-gap .flex .list > dd > .right {
  margin-left: auto;
  order: 1;
}
.no-flex-gap .flex .list > dt > * + *,
.no-flex-gap .flex .list > dd > * + *,
.no-flex-gap .flex .list > dt > .right:not(.hide) + *,
.no-flex-gap .flex .list > dd > .right:not(.hide) + * {
  margin-left: 4px;
}
.flex .list > dd > .coz-input-copy {
  flex: 1;
}
.flex .list > [data-count]:before {
  order: 1;
  margin-left: auto;
}
.productSearch-list > dt {
  position: sticky;
  top: 80px;
  top: var(--touch-menu-height);
  background: #fff;
}
table.sort {
  position: relative;
  /*
	> * > tr {
		> .checkbox { padding-left:10/16em; padding-right:10/16em; }
		> .checkbox > .coz-input-checkbox { vertical-align:bottom; }
		> .checkbox > .coz-input-checkbox > i { margin-right:2/16em; }
		> th ~ th { padding-left:1px; }
		> td ~ td:not(:empty) { padding-left:calc(12em / 16 + 1px); padding-right:12/16em; }
		> td ~ td.icon:not(:empty) { padding-left:calc(6em / 16 + 1px); padding-right:6/16em; }
		> td ~ td.buttons:not(:empty) { padding-left:1px; padding-right:0; }
		> td ~ td.editable:not(:empty),
		> td ~ td.select { padding-left:calc(4em / 16 + 1px); padding-right:4/16em; }
	}*/
}
table.sort > thead {
  position: sticky;
  top: var(--touch-menu-height);
  z-index: 2;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
}
@media (max-height:639px) {
  table.sort > thead {
    top: var(--page-gap);
  }
}
table.sort > thead > tr > th {
  border-bottom: 1px solid #333333;
}
table.sort > thead > tr > th.checkbox {
  width: 0.1px;
  text-align: center;
  line-height: 0;
}
table.sort > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons),
table.sort > thead > tr > th.sort:not(.icon) > .button {
  padding: 0.6875em 0.75em;
}
table.sort > thead > tr > th.sort:not(.icon):not(:has(> .button)) {
  padding: 0.6875em 0.75em;
}
table.sort > thead > tr > th[data-type]:not(.right):not(.sort):not(.icon),
table.sort > thead > tr > th[data-type]:not(.right).sort:not(.icon) > .button {
  padding-right: 2em;
}
table.sort > thead > tr > th[data-type]:not(.right).sort:not(.icon):not(:has(> .button)) {
  padding-right: 2em;
}
table.sort > thead > tr > th[data-type].right:not(.sort):not(.icon),
table.sort > thead > tr > th[data-type].right.sort:not(.icon) > .button {
  padding-left: 2em;
}
table.sort > thead > tr > th[data-type].right.sort:not(.icon):not(:has(> .button)) {
  padding-left: 2em;
}
table.sort > thead > tr > th:not(.sort) {
  background: rgba(0, 0, 0, 0.1);
}
table.sort > thead > tr > th.sort:not(:has(> .button)) {
  background: rgba(0, 0, 0, 0.1);
}
table.sort > thead > tr > th ~ th.sort:has(> .button) {
  padding-left: 0.0625em;
}
table.sort > thead > tr > th ~ th.buttons:not(.sort) {
  padding-left: 0.0625em;
}
table.sort > thead > tr > th ~ th:not(.sort):not(.icon):not(.checkbox):not(.buttons) {
  padding-left: 0.8125em;
}
table.sort > thead > tr > th ~ th.sort:not(.icon):not(:has(> .button)) {
  padding-left: 0.8125em;
}
table.sort > thead > tr > th ~ th:not(.sort) {
  background: linear-gradient(to right, transparent 0.0625em, rgba(0, 0, 0, 0.1) 0.0625em);
}
table.sort > thead > tr > th ~ th.sort:not(:has(> .button)) {
  background: linear-gradient(to right, transparent 0.0625em, rgba(0, 0, 0, 0.1) 0.0625em);
}
table.sort > tbody > tr > td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.8125em 0.75em;
}
table.sort > tbody > tr > td.editable {
  width: 1%;
  padding: 0.8125em 0em;
  /* what is this?
			> .coz-input > :disabled + input,
			> .coz-input > :first-child[readonly] + input { border-color:transparent; }
			> .coz-input > :disabled ~ button,
			> .coz-input > :disabled ~ button:before,
			> .coz-input > :first-child[readonly] ~ button { visibility:hidden; }*/
}
table.sort > tbody > tr > td.editable > input:not(:hover):not(:focus),
table.sort > tbody > tr > td.editable > select:not(:hover):not(:focus),
table.sort > tbody > tr > td.editable > textarea:not(:hover):not(:focus),
table.sort > tbody > tr > td.editable > [contenteditable]:not(:hover):not(:focus) {
  border-color: transparent;
}
table.sort > tbody > tr > td.editable > .coz-input {
  display: flex;
}
table.sort > tbody > tr > td.editable > .coz-input:has(> [contenteditable]),
table.sort > tbody > tr > td.editable > .coz-input:has(> .coz-input-style) {
  display: grid;
}
table.sort > tbody > tr > td.editable > .coz-input-tel-intl {
  display: grid;
}
table.sort > tbody > tr > td.editable > .coz-input input,
table.sort > tbody > tr > td.editable > .coz-input select,
table.sort > tbody > tr > td.editable > .coz-input textarea,
table.sort > tbody > tr > td.editable > .coz-input [contenteditable] {
  flex-grow: 1;
}
table.sort > tbody > tr > td.editable > .coz-input:not(:hover) input:not(:focus),
table.sort > tbody > tr > td.editable > .coz-input:not(:hover) select:not(:focus),
table.sort > tbody > tr > td.editable > .coz-input:not(:hover) textarea:not(:focus),
table.sort > tbody > tr > td.editable > .coz-input:not(:hover) [contenteditable]:not(:focus) {
  border-color: transparent;
}
table.sort > tbody > tr > td.editable > .coz-input-style {
  border-color: transparent;
}
table.sort > tbody > tr > td.editable > div,
table.sort > tbody > tr > td.editable button.edit + *,
table.sort > tbody > tr > td.editable button.check + * ~ div {
  display: none;
}
table.sort > tbody > tr > td.editable button.check + *,
table.sort > tbody > tr > td.editable button.edit + * ~ div {
  display: block;
}
table.sort > tbody > tr > td.editable > div {
  padding-left: 0.5em;
}
table.sort > tbody > tr > td.editable .coz-input-contenteditable:not(:hover) > [contenteditable]:not(:focus) + .coz-input-contenteditable--edit {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
table.sort > tbody > tr > td.editable .coz-input-contenteditable > [contenteditable] + .coz-input-contenteditable--edit {
  transition: opacity 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
table.sort > tbody > tr > td.icon {
  padding: 0.8125em 0;
}
table.sort > tbody > tr > td.buttons {
  padding-left: 0;
  padding-right: 0;
}
table.sort > tbody > tr > td ~ td {
  padding-left: 0.8125em;
}
table.sort > tbody > tr > td ~ td.editable {
  padding-left: 0.0625em;
}
table.sort > tbody > tr > td ~ td.icon,
table.sort > tbody > tr > td ~ td.buttons {
  padding-left: 0.0625em;
}
table.sort > tbody > tr.first-visible:not(:first-child) {
  background-image: -webkit-gradient(linear, rgba(0, 0, 0, 0.2), [transparent, 20%]);
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), transparent 20%);
}
table.sort > tbody > tr.last-visible:not(:last-child) {
  background-image: -webkit-gradient(linear, transparent 80%, from(rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -moz-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -ms-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(transparent 80%, rgba(0, 0, 0, 0.2));
}
table.sort > tbody > tr.last-visible:not(:last-child) td {
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody {
  position: absolute;
  top: 33px;
  bottom: 1px;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody td {
  padding: 0;
  border-bottom: 0;
}
table.sort.sort-loading > tbody:first-of-type:not(:empty) ~ tbody .coz-loading {
  position: absolute;
  width: 100%;
  height: 100%;
}
table.sort .sort-resize,
table.sort .sort-where {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
}
table.sort .sort-resize {
  right: 0;
  width: 4px;
  cursor: ew-resize;
}
table.sort .sort-where {
  width: 1px;
  background: #000;
}
table.sort .sort-where:first-child {
  left: 0;
}
table.sort .sort-where:last-child {
  right: -1px;
}
table.sort .sort-where-container {
  position: relative;
  z-index: 1;
}
table.sort .sort-sorting-columns a.button {
  pointer-events: none;
}
.sort-paging {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
div.sort-paging {
  padding: 1em 0 0;
  bottom: var(--page-gap);
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
}
.sort-paging > div {
  justify-content: center;
  position: relative;
}
.sort-paging > div > * {
  backdrop-filter: blur(2px);
}
.sort-paging > div > .sort-paging-text {
  background: #fff;
  border: 1px inset ThreeDFace;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.6875em;
  height: 2.625em;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: 1.5;
  padding: 0.5em 0.6875em;
  border: 1px solid #e6e6e6;
  border-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.25em;
  background-clip: padding-box;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  border-radius: 0.25em;
  display: flex;
  margin: 0;
}
.sort-paging > div > button {
  position: absolute;
}
.sort-paging > div > button[disabled] {
  visibility: visible;
}
.sort-paging > div:has(.coz-loading) > button[disabled] {
  display: none;
}
.sort-paging > div > .doubleArrowLeft {
  left: -6.25em;
}
.sort-paging > div > .arrowLeft {
  left: -3.125em;
}
.sort-paging > div > .arrowRight {
  right: -3.125em;
}
.sort-paging > div > .doubleArrowRight {
  right: -6.25em;
}
.sort-scrollable {
  position: relative;
}
.sort-scrollable-buttons {
  position: absolute;
  overflow: visible;
  width: 100%;
  --scrollable-button-width: min(2.625em, var(--page-side-gap));
}
.sort-scrollable-buttons button {
  position: absolute;
  top: 0;
  width: var(--scrollable-button-width);
}
.sort-scrollable-buttons button.arrowLeft {
  left: calc(-1px - var(--scrollable-button-width));
}
.sort-scrollable-buttons button.arrowRight {
  right: calc(-1px - var(--scrollable-button-width));
}
@media (max-width:766px) {
  .sort-scrollable-buttons {
    display: none;
  }
}
.sort-scrollable-container {
  overflow: auto;
}
.sort-scrollable table.sort > thead {
  top: 0;
}
.sort-scrollable table.sort > * > tr > .checkbox,
.sort-scrollable table.sort > * > tr > * ~ .buttons {
  position: sticky;
  backdrop-filter: blur(2px);
  z-index: 1;
}
.sort-scrollable table.sort > * > tr > .checkbox {
  left: 0;
}
.sort-scrollable table.sort > * > tr > * ~ .buttons {
  right: 0;
  min-width: 2.625em;
}
.sort-scrollable table.sort > thead > tr th.checkbox {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), rgba(255, 255, 255, 0.9);
}
.sort-scrollable table.sort > thead > tr th ~ th.buttons {
  background: linear-gradient(to right, transparent 0.0625em, rgba(0, 0, 0, 0.1) 0.0625em), rgba(255, 255, 255, 0.9);
}
.sort-scrollable table.sort > tbody > tr td.checkbox,
.sort-scrollable table.sort > tbody > tr td.buttons {
  background: rgba(255, 255, 255, 0.9);
}
.sort-scrollable table.sort > tbody > tr td.buttons {
  /*
				.actions-visible(@n, @i: 1) when (@i =< @n) {
			  		@j:@i + 2;
					&.actions-visible-@{i}:has(:nth-child(@{j})) {
						button.more { display:flex; }
						&:has(button.more) {
							&:focus-within { .show-more; }
							&:not(:focus-within) > div > :has(~ :nth-last-child(@{i})) { display:none; }
							> div > :nth-last-child(@{j}) ~ :not(.more) { order:2; }
						}
					}
  					.actions-visible(@n, (@i + 1));
				}
			    .actions-visible(10);*/
}
.sort-scrollable table.sort > tbody > tr td.buttons button.more {
  display: none;
}
@media (max-width:766px) {
  .sort-scrollable table.sort > tbody > tr td.buttons button.more {
    display: flex;
  }
  .sort-scrollable table.sort > tbody > tr td.buttons:has(button.more) > div {
    position: absolute;
    right: 0;
    top: 0.8125em;
    width: auto;
    background: rgba(255, 255, 255, 0.9);
  }
  .sort-scrollable table.sort > tbody > tr td.buttons:has(button.more):not(:focus-within) > div > :not(.more) {
    display: none;
  }
}
.sort-scrollable-fixed .sort-scrollable-buttons,
.sort-scrollable-fixed table.sort > thead + thead {
  position: fixed;
  width: var(--page-width);
  top: var(--touch-menu-height);
  z-index: 2;
}
@media (max-height:639px) {
  .sort-scrollable-fixed .sort-scrollable-buttons,
  .sort-scrollable-fixed table.sort > thead + thead {
    top: 0;
  }
}
.sort-scrollable-fixed table.sort > thead + thead {
  display: block;
  overflow: hidden;
}
.sort-scrollable-fixed table.sort > thead + thead tr {
  display: flex;
}
.sort-scrollable-fixed table.sort > thead + thead tr th {
  box-sizing: border-box;
}
.sort-scrollable-fixed table.sort > thead + thead tr th.checkbox {
  display: flex;
  justify-content: center;
}
.sort-scrollable-fixed table.sort > caption + caption {
  position: fixed;
  width: var(--page-width);
}
.sort-scrollable > caption + caption {
  position: fixed;
  width: var(--page-width);
}
.table-sort-clone {
  text-align: left;
  padding: 0.375em 0.75em;
  height: 2em;
}
.no-flex .tabs-row .tabrow,
.no-flex .tabs-bar .tabrow {
  display: flex;
  gap: 0 1px;
}
.flex.no-flex-gap .no-flex .tabs-row .tabrow > * + *,
.flex.no-flex-gap .no-flex .tabs-bar .tabrow > * + * {
  margin-left: 1px;
}
.no-flex .no-flex .tabs-row .tabrow,
.no-flex .no-flex .tabs-bar .tabrow {
  font-size: 0;
  word-spacing: 1px;
}
.no-flex .IE .no-flex .tabs-row .tabrow,
.no-flex .IE .no-flex .tabs-bar .tabrow,
.no-flex.ie .no-flex .tabs-row .tabrow,
.no-flex.ie .no-flex .tabs-bar .tabrow,
.no-flex.edge .no-flex .tabs-row .tabrow,
.no-flex.edge .no-flex .tabs-bar .tabrow {
  font-size: 4.1px;
  word-spacing: 0px;
}
.no-flex .IE8 .no-flex .tabs-row .tabrow,
.no-flex .IE8 .no-flex .tabs-bar .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs-steps .tabrow {
  display: flex;
  gap: 0 9px;
}
.flex.no-flex-gap .no-flex .tabs-steps .tabrow > * + * {
  margin-left: 9px;
}
.no-flex .no-flex .tabs-steps .tabrow {
  font-size: 0;
  word-spacing: 9px;
}
.no-flex .IE .no-flex .tabs-steps .tabrow,
.no-flex.ie .no-flex .tabs-steps .tabrow,
.no-flex.edge .no-flex .tabs-steps .tabrow {
  font-size: 4.1px;
  word-spacing: 8px;
}
.no-flex .IE8 .no-flex .tabs-steps .tabrow {
  font-size: 3.6px;
}
.no-flex .tabs .tabrow .button {
  word-spacing: 0;
}
.tabs-row .tabbox {
  margin-top: 1px;
  position: relative;
}
.tabs-bar .tabrow,
.tabs-steps .tabrow {
  width: auto;
}
.tabs-bar .tabrow .button,
.tabs-steps .tabrow .button {
  overflow: visible;
}
.tabs-bar .tabContent,
.tabs-steps .tabContent {
  position: relative;
  zoom: 1;
}
.tabs-bar .tabContent > button:last-child,
.tabs-steps .tabContent > button:last-child {
  float: right;
}
.tabs-steps .tabrow .button:not(:first-child):before,
.tabs-steps .tabrow .button:not(:last-child):after {
  content: '';
  display: block;
  position: absolute;
  border: 8px solid transparent;
  background-color: transparent;
  -webkit-transform: scaleX(0.9999);
  -moz-transform: scaleX(0.9999);
  -ms-transform: scaleX(0.9999);
  -o-transform: scaleX(0.9999);
  transform: scaleX(0.9999);
}
.tabs-bar .tabrow .button:before {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-mask-image: url(/themes/redesign/images/tab-arrow.svg);
  -moz-mask-image: url(/themes/redesign/images/tab-arrow.svg);
  -ms-mask-image: url(/themes/redesign/images/tab-arrow.svg);
  -o-mask-image: url(/themes/redesign/images/tab-arrow.svg);
  mask-image: url(/themes/redesign/images/tab-arrow.svg);
  -webkit-mask-size: 100% 100%;
  -moz-mask-size: 100% 100%;
  -ms-mask-size: 100% 100%;
  -o-mask-size: 100% 100%;
  mask-size: 100% 100%;
  transition: height 0.3s, background-color 0.3s;
}
.no-mask-image .tabs-bar .tabrow .button:before {
  background-color: transparent;
  background-image: url(/colorReplace/000000/themes/redesign/images/tab-arrow.svg);
  background-size: 100% 100%;
}
.tabs-bar .tabrow .button:hover:before {
  transition: none;
}
.mask-image .tabs-bar .tabrow .button:hover:before {
  background-color: #2454f3;
}
.tabs-bar .tabrow .button.fg:before {
  height: 4px;
  transition: none;
}
.mask-image .tabs-bar .tabrow .button.fg:before {
  background-color: #000;
}
.tabs-steps .tabrow .button {
  /*
	@angle:asin(8/@button-size*2);
	--bgcolor:darken(#fff, 10%);
	&:first-child {
		background:
			conic-gradient(at 100%, transparent (pi()+@angle), var(--bgcolor) (pi()+@angle), var(--bgcolor) (2*pi()-@angle), transparent (2*pi()-@angle));
	}
	&:not(:first-child):not(:last-child) {
		background:
			conic-gradient(at 8px, var(--bgcolor) (pi()+@angle), transparent (pi()+@angle), transparent (2*pi()-@angle), var(--bgcolor) (2*pi()-@angle)),
			conic-gradient(at 100%, transparent (pi()+@angle), var(--bgcolor) (pi()+@angle), var(--bgcolor) (2*pi()-@angle), transparent (2*pi()-@angle));
		background-size:50% 100%, 50% 100%;
		background-position:left, right;
		background-repeat:no-repeat;
	}
	&:last-child {
		background:
			conic-gradient(at 8px, var(--bgcolor) (pi()+@angle), transparent (pi()+@angle), transparent (2*pi()-@angle), var(--bgcolor) (2*pi()-@angle));
	}
	&:hover {
		--bgcolor:darken(#fff, 20%);
	}
	&.fg {
		--bgcolor:@secondary;
	}*/
  border: 0 solid transparent;
  border-width: 0 0.5em;
  background-clip: padding-box;
}
.tabs-steps .tabrow .button:first-child {
  border-left-width: 0;
}
.tabs-steps .tabrow .button:last-child {
  border-right-width: 0;
}
.tabs-steps .tabrow .button:before,
.tabs-steps .tabrow .button:after {
  top: 0;
  transition: border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.tabs-steps .tabrow .button:hover:before,
.tabs-steps .tabrow .button:hover:after,
.tabs-steps .tabrow .button:focus:before,
.tabs-steps .tabrow .button:focus:after,
.tabs-steps .tabrow .button.fg:before,
.tabs-steps .tabrow .button.fg:after {
  transition: border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1) !important;
}
.tabs-steps .tabrow .button:not(:first-child):before,
.tabs-steps .tabrow .button:not(:last-child):after {
  border-width: 1.3125em 0 1.3125em 0.5em;
}
.tabs-steps .tabrow .button:not(:first-child):before {
  left: -0.5em;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:first-child):hover:before {
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button:not(:last-child):after {
  right: -0.5em;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.tabs-steps .tabrow .button:not(:last-child):hover:after {
  border-left-color: rgba(0, 0, 0, 0.2);
}
.tabs-steps .tabrow .button.fg:not(:first-child):before {
  border-top-color: #000;
  border-bottom-color: #000;
}
.tabs-steps .tabrow .button.fg:not(:last-child):after {
  border-left-color: #000;
}
.tabs-select .tabrow {
  display: none;
}
.tabs-select .tabselect {
  display: block;
}
.tabrow {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(159px, 1fr));
  grid-gap: 1px;
}
.tabs-steps .tabrow {
  grid-column-gap: 0;
}
.no-grid .tabrow {
  display: flex;
  align-items: start;
}
.no-grid .tabrow .button {
  flex-basis: 1%;
  flex-grow: 1;
}
/*

.no-grid.no-flex {

	.tabs-count-loop(@i) when (@i > 0) {
		.tabs-count-loop((@i)-1);
		&-@{i} .tabrow { padding-right:(1px*((@i)-1)); .button { width:(100%/@i); } .button:last-child { margin-right:(-1px*((@i)-1)); } }
		.tabs-steps&-@{i} .tabrow { padding-right:(9px*((@i)-1)); .button { width:(100%/@i); } .button:last-child { margin-right:(-9px*((@i)-1)); } }
	}
	.tabs-count { .tabs-count-loop(7); }
	.tabs-count-2 { .tabrow .button + .button { margin-right:-1px; } }
	.tabs-count-3 { .tabrow .button + .button + .button { margin-right:-2px; } }
	.tabs-count-4 { .tabrow .button + .button + .button + .button { margin-right:-3px; } }
	.tabs-count-5 { .tabrow .button + .button + .button + .button + .button { margin-right:-4px; } }
	.tabs-count-6 { .tabrow .button + .button + .button + .button + .button + .button { margin-right:-5px; } }
	.tabs-count-7 { .tabrow .button + .button + .button + .button + .button + .button + .button { margin-right:-6px; } }
	.tabs-steps.tabs-count-2 { .tabrow .button + .button { margin-right:-9px; } }
	.tabs-steps.tabs-count-3 { .tabrow .button + .button + .button { margin-right:-18px; } }
	.tabs-steps.tabs-count-4 { .tabrow .button + .button + .button + .button { margin-right:-27px; } }
	.tabs-steps.tabs-count-5 { .tabrow .button + .button + .button + .button + .button { margin-right:-36px; } }
	.tabs-steps.tabs-count-6 { .tabrow .button + .button + .button + .button + .button + .button { margin-right:-45px; } }
	.tabs-steps.tabs-count-7 { .tabrow .button + .button + .button + .button + .button + .button + .button { margin-right:-54px; } }

}*/
.product-sidebar {
  margin: 0;
  left: 0;
}
.product-sidebar .right {
  margin-top: -1.25em;
}
.product-preview {
  padding: 0;
  background: #000;
}
.product-preview a {
  display: block;
  height: 210px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.button-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(228px, auto));
  grid-column-gap: 16px;
  grid-row-gap: 16px;
}
.no-grid .button-columns {
  display: flex;
  flex-wrap: wrap;
  margin-right: -16px;
  margin-bottom: -16px;
}
.no-grid .button-columns .button,
.no-grid .button-columns button {
  min-width: 228px;
  flex: 1;
  margin: 0 16px 16px 0;
}
@media (max-width:1023px) {
  .ie .button-columns {
    max-width: calc(100vw - 64px);
  }
}
@media (max-width:767px) {
  .ie .button-columns {
    max-width: calc(100vw - 32px);
  }
}
.tool-tip {
  min-width: 0;
  max-width: none;
}
.tool-tip .tip-text {
  max-width: 400px;
}
.listPicker div.heading {
  padding: 4px 5px 3px;
  margin: -1px -1px 0;
}
.listPicker div.overlay {
  top: 22px;
  right: 0;
  bottom: 0;
  left: 0;
}
.listPicker div.overlay hr {
  border-top-color: rgba(0, 0, 0, 0.1);
  border-top-color: rgba(0, 0, 0, 0.2);
}
.listPicker > div > ul {
  border: 0;
}
.listPicker + div {
  margin-top: 10px;
}
.coz-input-listpicker > div > ul {
  margin: 0 !important;
}
.coz-input-listpicker-overlay li > a > i {
  display: none;
}
.arclprof .form,
#emailReminders .form {
  grid-template-columns: minmax(272px, 20%) auto;
}
#emailReminders .form > dd.full {
  clear: none;
  float: left;
  padding-left: 8px;
}
#emailReminders .form > dd.full input,
#emailReminders .form > dd.full textarea,
#emailReminders .form > dd.full .mooeditable-container {
  width: 680px !important;
}
@media (max-width:1023px) {
  #emailReminders .form > dd.full {
    clear: both;
    float: none;
    max-width: 100%;
    padding-left: 0;
  }
  #emailReminders .form > dd.full .coz-input {
    display: block;
  }
  #emailReminders .form > dd.full input,
  #emailReminders .form > dd.full textarea,
  #emailReminders .form > dd.full .mooeditable-container {
    width: 100% !important;
  }
}
form:not(:first-child) .form:first-child {
  margin-top: 0;
}
form:not(:last-child) .form:last-child {
  margin-bottom: 0;
}
.chart thead th,
.chart tbody td {
  padding-right: 1em;
  vertical-align: top;
}
.chart tbody td {
  padding-top: 0.5em;
}
#accountForm:before,
.accountForm:before {
  content: '';
  display: table;
  clear: both;
}
#accountForm > div,
.accountForm > div {
  position: relative;
}
* + #accountForm > div,
* + .accountForm > div,
#accountForm > div + div,
.accountForm > div + div {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#accountForm > div > .button,
.accountForm > div > .button,
#accountForm > div > button,
.accountForm > div > button {
  position: absolute;
  right: 0;
  z-index: 1;
}
#accountForm > div > dl ~ *,
.accountForm > div > dl ~ * {
  display: none;
}
#accountForm > div.active > dl,
.accountForm > div.active > dl {
  margin-bottom: 1em;
}
#accountForm > div.active > dl > dd,
.accountForm > div.active > dl > dd {
  opacity: 0.2;
}
#accountForm > div.active > dl ~ *,
.accountForm > div.active > dl ~ * {
  display: block;
}
#accountForm > div.active > dl ~ table,
.accountForm > div.active > dl ~ table {
  display: table;
  margin-top: 1em;
}
#accountForm > div.active > dl ~ style,
.accountForm > div.active > dl ~ style,
#accountForm > div.active > dl ~ script,
.accountForm > div.active > dl ~ script {
  display: none;
}
#accountForm > div.active > dl:last-child,
.accountForm > div.active > dl:last-child {
  margin-bottom: 0;
}
#accountForm > div.force > .button,
.accountForm > div.force > .button,
#accountForm > div.force > button,
.accountForm > div.force > button {
  display: none;
}
#accountForm > div.required > dl > dd,
.accountForm > div.required > dl > dd {
  opacity: 1;
  color: #c00;
}
#accountForm .form > dt:last-child,
.accountForm .form > dt:last-child {
  padding-bottom: 0;
}
#accountForm .form-submit,
.accountForm .form-submit,
#accountForm .address-submit,
.accountForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#accountForm .form-submit button,
.accountForm .form-submit button,
#accountForm .address-submit button,
.accountForm .address-submit button {
  float: none;
}
#accountForm .account-history .sort,
.accountForm .account-history .sort {
  table-layout: auto;
}
#accountForm .account-history .sort th,
.accountForm .account-history .sort th {
  width: 1%;
  text-align: left;
}
#accountForm .account-history .sort th.stretch,
.accountForm .account-history .sort th.stretch {
  width: 20%;
}
#accountForm .address-submit,
.accountForm .address-submit {
  min-height: 0;
}
#accountForm .address-submit > br,
.accountForm .address-submit > br,
#accountForm .address-submit > button[formnovalidate],
.accountForm .address-submit > button[formnovalidate] {
  display: none;
}
#addressForm {
  display: block;
  position: relative;
}
#addressForm .address-submit {
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  padding: 0;
  text-align: right;
}
#addressForm .address-submit button {
  float: none;
}
@media (max-width:479px) {
  #accountForm .form-submit,
  .accountForm .form-submit,
  #accountForm .address-submit,
  .accountForm .address-submit {
    position: relative;
    margin-top: 1em;
  }
}
.address-account + .address-mailing > .form > dt,
.address-account + .address-mailing > .form > dd {
  margin-top: 4px;
  /* padding-top:13px; */
}
/*

.tree-node {
	margin:4px 0; padding:0; vertical-align:top; font-weight:400;
	.tree-node-icon { .rem(width, 26); .rem(height, 26); }
	.tree-node-title { .rem(line-height, 26); }
	button.expand,
	button.collapse,
	button.edit,
	button.remove { .rem(line-height, 14); left:0; width:auto; }
	button.expand,
	button.collapse { .rem(padding, 5, 6, 5, 12); }
	button.edit,
	button.remove { .rem(padding, 5, 12, 5, 6); }
	button.expand,
	button.collapse { top:0; }
	img,
	img.assessment,
	input[type=checkbox],
	.coz-input-checkbox i { margin:5px; }
	input[type=checkbox] + .title,
	.coz-input-checkbox + .title { margin-left:0; }
	.tree-dummy & { font-weight:300; }
	&[data-type=video] .tree-node-icon:before,
	&[data-type=assessment] .tree-node-icon:before { transform:scale(20/24); margin:1px; }
}
.tree-node-edit-form {
	textarea { line-height:1.25; padding-top:5px; padding-bottom:5px; max-height:112px; }
	th { .rem(padding, 6, 6, 8, 0); }
}
.tree-answer { margin-left:26px; }*/
.tree-node-edit-form th {
  font-style: normal;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-style: normal;
  color: #00253e;
}
.tree-node-edit-form th a,
.tree-node-edit-form th a:link {
  font-weight: inherit;
}
.uploader {
  position: absolute;
  z-index: 10;
  display: inline-block;
}
a[href^="mailto:"]:before,
.vcard .email:before {
  background: url(/images/webshop/envelope.png);
  margin-right: 0.25em;
}
a[href^="tel:"]:before,
.vcard .tel .value:before {
  background: url(/images/webshop/phone.png);
  margin-right: 0.25em;
}
#map {
  margin-top: 1em;
  height: 300px;
}
.category-columns {
  -webkit-columns: 3 200px;
  -moz-columns: 3 200px;
  -ms-columns: 3 200px;
  -o-columns: 3 200px;
  columns: 3 200px;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  -ms-column-gap: 32px;
  -o-column-gap: 32px;
  column-gap: 32px;
}
.category-columns div {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.category-columns div:first-child > h3 {
  margin-top: 0 !important;
}
.category-columns label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.category-columns label:hover {
  overflow: visible;
}
.category-columns + p {
  text-align: right;
}
a.btnDownloadSilverlightPlugin {
  display: block;
  float: right;
  width: 136px;
  height: 30px;
  margin-left: 35px;
  background: url(https://www.microsoft.com/silverlight/fw/btnDownloadSilverlightPlugin.jpg) no-repeat left top;
  text-indent: -99999px;
}
a.btnDownloadSilverlightPlugin:hover {
  background-position: left bottom;
}
#download_player .buttons {
  position: relative;
}
#download_button.installed {
  background: #0c0 !important;
  color: #fff !important;
  cursor: default !important;
}
#videoClip {
  display: flex;
}
#videoClip * + * {
  margin-left: 4px;
}
#videoClip label {
  line-height: 32px;
}
.order-terms ul {
  padding-left: 1em;
}
.order-terms li:first-child {
  margin-top: 0;
}
.order-terms li:last-child {
  margin-bottom: 0;
}
.columns-3 {
  padding-right: 64px;
}
.columns-3:after {
  content: '';
  display: block;
  clear: both;
}
.columns-3 > div {
  width: 33.333%;
  margin-right: 32px;
  float: left;
}
.columns-3 > div:last-child {
  margin-right: -64px;
}
.columns-3 p {
  min-height: 1.25em;
}
.columns-3 input,
.columns-3 button {
  width: 100%;
}
.columns-3 .coz-input {
  display: block;
}
.columns-3 .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.columns-3 .coz-input input {
  background: none;
  text-align: right;
}
.columns-3 + .columns-3 {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
@media (max-width:639px) {
  .columns-3 {
    padding-right: 0;
  }
  .columns-3 p:empty {
    display: none;
  }
  .columns-3 > div {
    width: auto;
    margin-right: 0;
    float: none;
  }
  .columns-3 > div:last-child {
    margin-right: 0;
  }
  .columns-3 > div + div {
    margin-top: 1em;
  }
}
.license-plans {
  margin: 2em 0;
  display: flex;
}
.license-plans > * {
  flex: 1;
}
.license-plans > * ~ * {
  margin-left: 2em;
}
.no-flex .license-plans {
  zoom: 1;
}
.no-flex .license-plans > * {
  float: left;
}
@media (max-width:639px) {
  .license-plans {
    display: block;
  }
  .license-plans > * {
    margin-top: 1em;
    margin-left: 0;
  }
  .no-flex .license-plans > * {
    clear: left;
  }
}
.license-plans p {
  min-height: 1.25em;
}
.license-plans input,
.license-plans button {
  width: 100%;
}
.license-plans .coz-input {
  display: block;
}
.license-plans .coz-input:before {
  content: 'Employees';
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
  position: absolute;
  padding: 6px 8px;
}
.license-plans .coz-input input {
  background: none;
  text-align: right;
}
.license-plans + .license-plans {
  margin-top: 1em;
  border-top: 1px solid #eee;
  padding-top: 1em;
}
#studentsGroups,
#coursesGroups {
  position: relative;
  z-index: 11;
}
#studentsGroups dd,
#coursesGroups dd {
  display: flex;
}
#studentsGroups dd > :first-child,
#coursesGroups dd > :first-child {
  flex: 1;
}
#studentsGroups dd > * + *,
#coursesGroups dd > * + * {
  margin-left: 4px;
}
.videoMessage {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
}
.videoMessage:before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-right: -1px;
  vertical-align: middle;
}
.videoMessage div {
  display: inline-block;
  width: 100%;
  padding: 2em;
  text-align: center;
  vertical-align: middle;
  font-size: larger;
  font-weight: bolder;
  white-space: pre-line;
}
.videoMessage .button {
  margin: 0 0.5em;
}
.videoInstall .coz-input-checkbox {
  color: #fff !important;
}
.price-dropdowns input:first-child:last-child,
.price-dropdowns select:first-child:last-child,
.price-dropdowns .coz-input:first-child:last-child {
  flex-grow: 1;
}
.price-dropdowns .coz-input[data-label]:before,
.price-dropdowns .coz-input label {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 2px #000, 0 0 2px #000, 0 0 3px #000, 0 0 3px #000, 0 0 4px #000, 0 0 4px #000, 0 0 5px #000, 0 0 5px #000, 0 0 6px #000, 0 0 6px #000;
}
.price-dropdowns select,
.price-dropdowns input,
.price-dropdowns .coz-input-style {
  background: none;
  color: inherit;
  text-align: left;
  border-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-style,
.price-dropdowns .coz-input-labeled--border,
.price-dropdowns .coz-input-labeled--border:before,
.price-dropdowns .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
.price-dropdowns select:hover,
.price-dropdowns input:hover,
.price-dropdowns .coz-input:hover input,
.price-dropdowns input:hover ~ .coz-input-labeled--border,
.price-dropdowns input:hover ~ .coz-input-labeled--border:before,
.price-dropdowns input:hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.8);
}
.price-dropdowns select:focus,
.price-dropdowns input:focus,
.price-dropdowns .coz-input input:focus,
.price-dropdowns input:focus ~ .coz-input-labeled--border,
.price-dropdowns input:focus ~ .coz-input-labeled--border:before,
.price-dropdowns input:focus ~ .coz-input-labeled--border:after {
  border-color: #2454f3;
}
.price-dropdowns .coz-input button:before,
.price-dropdowns .coz-input button:hover:before,
.price-dropdowns .coz-input button:hover:active:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .price-dropdowns .coz-input button:before,
.no-mask-image .price-dropdowns .coz-input button:hover:before,
.no-mask-image .price-dropdowns .coz-input button:hover:active:before {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.price-dropdowns .coz-input button:hover {
  background-color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input button:hover:active {
  background-color: rgba(255, 255, 255, 0.6);
}
.price-dropdowns .coz-input-placeholder,
.price-dropdowns .coz-input-select-empty input {
  color: rgba(255, 255, 255, 0.4);
}
.price-dropdowns .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.8);
}
.price-dropdowns p {
  margin: 0.5em 0 0;
  /* 
		> .count { padding-left:8px; } */
}
.price-dropdowns p:first-child {
  margin: -0.25em 0 0;
}
.price-dropdowns p > input[type="number"] {
  text-align: left;
}
.price-dropdowns p > :not([type="hidden"]) + .count {
  padding-left: 4px;
}
.price-dropdowns p > * ~ output {
  flex: 1;
  text-align: right;
  line-height: 2;
}
.price-dropdowns p.error {
  color: #c00;
  font-weight: bolder;
  padding: 0.375em 0;
}
.price-dropdowns p.tax {
  justify-content: end;
}
.price-dropdowns [data-discount]:not([data-discount="0%"]):after {
  content: attr(data-discount);
  opacity: 0.6;
  font-size: smaller;
}
.price-dropdowns .coz-input-select:not([data-discount="0%"]):after {
  position: absolute;
  top: 1px;
  right: 27px;
  line-height: 30px;
  padding: 0 6px 0 12px;
  background: linear-gradient(to right, transparent, #fff 8px);
}
.price-dropdowns .coz-input-style {
  display: block;
  position: relative;
  width: 100%;
}
.price-dropdowns .coz-input-style:not([data-discount="0%"]):after {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 7px;
  line-height: 24px;
}
.price-dropdowns .coz-input-select > ul > li > a {
  display: flex;
  justify-content: space-between;
}
.price-dropdowns .coz-input-select > ul > li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.price-dropdowns .coz-input-select > ul > li > a:not([data-discount="0%"]):after {
  line-height: 24px;
  line-height: 2.4rem;
  margin-left: 7px;
}
.price-dropdowns input[type="number"],
.price-dropdowns .coz-input-number > input {
  text-align: left;
}
.price-summary-details {
  min-width: 480px;
  /*
	.cart,
	.button { float:right; }*/
}
.price-summary-details .tr > :last-child {
  width: 0;
}
.price-summary-details .tr > *,
.price-summary-details tr > * {
  padding-left: 8px;
  padding-right: 8px;
}
.price-summary-details .price {
  float: left;
  text-align: right;
}
.price-summary-details .coz-input,
.price-summary-details .count {
  float: left;
  margin-right: 4px;
  text-align: left;
}
.price-summary-details .coz-input + [name=price] {
  margin-left: 28px;
}
.price-summary-details input[type="number"],
.price-summary-details .coz-input-number > input {
  text-align: left;
}
.price-summary-details .td {
  white-space: nowrap;
}
.price-summary-details ~ p {
  text-align: right;
}
.price-summary-top-text + .price-summary-details,
.price-summary-details ~ .price-summary-bottom-text {
  margin-top: 1em;
}
.price-summary-details .error {
  color: #c00;
}
.price-summary-details h3 {
  margin: 10px -1000px 0 0;
}
.price-summary-details output {
  margin-left: 8px;
}
.price-summary-details.hideExtension tr > :nth-of-type(1) {
  display: none;
}
.price-summary-details.hideLineType tr > :nth-of-type(2) {
  display: none;
}
.price-summary-details.hideVersion tr > :nth-of-type(3) {
  display: none;
}
.price-summary-details.hideAlternatePrice tr > :nth-of-type(5) {
  display: none;
}
.price-summary-details.hideExtension tr > :nth-of-type(2),
.price-summary-details.hideExtension.hideLineType tr > :nth-of-type(3),
.price-summary-details.hideExtension.hideLineType.hideVersion tr > :nth-of-type(4) {
  padding-left: 0;
}
@media (max-width:767px) {
  .price-summary-details input[type=number] {
    width: 3em;
  }
}
@media (max-width:479px) {
  .price-summary-details {
    min-width: 0;
    min-width: calc(100vw - 32px);
  }
  .price-summary-details thead {
    display: none;
  }
  .price-summary-details tr {
    display: flex;
    flex-flow: column;
  }
  .price-summary-details tr > :last-child {
    width: 100%;
  }
  .price-summary-details tr > * {
    padding-left: 0;
    padding-right: 0;
  }
  .price-summary-details tr > .right {
    text-align: left;
  }
  .price-summary-details tbody tr:first-child td:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .price-summary-details tbody tr td:not(:last-child) {
    border-bottom: 0;
  }
  .price-summary-details tbody tr td + td {
    padding-top: 0;
  }
  .price-summary-details.hideExtension tr > :nth-of-type(2),
  .price-summary-details.hideExtension.hideLineType tr > :nth-of-type(3),
  .price-summary-details.hideExtension.hideLineType.hideVersion tr > :nth-of-type(4) {
    padding-top: 10px;
  }
  .price-summary-details [data-label] {
    display: flex;
    flex-wrap: wrap;
  }
  .price-summary-details [data-label]:before {
    content: attr(data-label);
    flex-grow: 1;
    text-align: left;
    font-family: Inter, Arial, Helvetica, sans-serif;
    font-style: italic;
  }
  .price-summary-details [data-label]:after {
    content: none;
  }
  .price-summary-details .coz-input-number {
    margin-right: 0;
  }
  .price-summary-details .count {
    margin: 0 0 0 4px;
  }
  .price-summary-details .coz-input-number + [name=price],
  .price-summary-details .count + [name=price] {
    width: 100%;
    margin-left: 0;
    padding-top: 10px;
  }
}
@media (max-width:639px) {
  .productSearch-filters .coz-input-select > select {
    width: 100%;
  }
  .productSearch-filters {
    margin-right: -0.25em;
  }
  .productSearch-filters > .coz-input-select {
    width: calc(100% / 3 - 0.25em);
  }
}
@media (max-width:479px) {
  .productSearch-filters > .coz-input-select {
    width: calc(50% - 0.25em);
  }
}
@media (max-width:799px) {
  .productPaging-paging {
    padding-top: 2.0625em;
  }
}
@media (max-width:591px) {
  /* 
		white-space:normal;
		padding-right:1px;
		.button { width:50%; }
		.button:nth-child(2n) { margin-right:-1px; }
		.button:nth-child(2) ~ .button { margin-top:1px; }
	} */
  /* 
		white-space:normal;
		padding-right:2px;
		.button { width:33.333%; }
		.button:nth-child(3n) { margin-right:-2px; }
		.button:nth-child(3) ~ .button { margin-top:1px; }
	}*/
  .tabs-count-4 .tabrow {
    grid-template-columns: repeat(2, 50%);
  }
  .tabs-count-5 .tabrow,
  .tabs-count-6 .tabrow,
  .tabs-count-7 .tabrow {
    grid-template-columns: repeat(3, 33.33333333%);
  }
}
@media (max-width:479px) {
  .productSearch -text-picture {
    width: 100%;
    margin: 0 0 1em;
  }
  .productPaging-paging {
    z-index: 4;
  }
  .paging-buttons > button:not(.icon):not(.selected) {
    display: none;
  }
}
@media (max-width:399px) and (max-height:399px) {
  /*color:@color;*/
  .crumbs li + li {
    display: none;
  }
  .tabs-bar .tabrow,
  .tabs-steps .tabrow {
    display: flex;
    flex-flow: column;
    white-space: normal;
    padding-right: 0;
  }
  .tabs-bar .tabrow .button,
  .tabs-steps .tabrow .button {
    display: none;
  }
  .no-grid.no-flex-column-gap .tabs-bar .tabrow .button + .button,
  .no-grid.no-flex-column-gap .tabs-steps .tabrow .button + .button {
    margin-left: 0;
  }
  .tabs-bar .tabrow .fg,
  .tabs-steps .tabrow .fg {
    display: block;
  }
  .tabs-bar .tabrow .fg:not(:only-child):after,
  .tabs-steps .tabrow .fg:not(:only-child):after {
    /*color:@color;*/
    transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  .tabs-bar .tabrow .fg:not(:only-child):after:after,
  .tabs-steps .tabrow .fg:not(:only-child):after:after {
    background-position: 65.38461538% 0%;
    -webkit-mask-position: 65.38461538% 0%;
    -moz-mask-position: 65.38461538% 0%;
    -ms-mask-position: 65.38461538% 0%;
    -o-mask-position: 65.38461538% 0%;
    mask-position: 65.38461538% 0%;
  }
  .no-mask-image .tabs-bar .tabrow .fg:not(:only-child):after,
  .no-mask-image .tabs-steps .tabrow .fg:not(:only-child):after {
    background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
    background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
  }
  .tabs-steps .tabrow .button:nth-child(1n):before {
    content: none;
  }
  .tabs-steps .tabrow .button:nth-child(1n):after {
    border: 0;
  }
  .tabs-bar .open,
  .tabs-steps .open {
    flex-flow: column;
  }
  .tabs-bar .open .button,
  .tabs-steps .open .button {
    display: block;
  }
  .tabs-bar .open .fg:not(:only-child):after,
  .tabs-steps .open .fg:not(:only-child):after {
    transform: rotate(180deg);
    transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  .tabs-bar .open ~ .tablist,
  .tabs-steps .open ~ .tablist {
    display: none;
  }
  .tabs-bar .open .fg {
    order: -1;
  }
  .no-grid.no-flex-column-gap .tabs-bar .open .bg {
    margin-top: 1px;
  }
  .no-grid.no-flex-column-gap .tabs-steps .open .button + .button {
    margin-top: 1px;
  }
  .coz-input-listpicker {
    padding-right: 0;
  }
  .coz-input-listpicker-source,
  .coz-input-listpicker-target {
    float: none;
    width: 100%;
  }
  .coz-input-listpicker-target {
    margin-right: 0;
    margin-top: 1em;
  }
}
/* PackTag: /themes/redesign/styles/productView.less */
.productSearch-text,
.product-shortDescription,
.product-annotations {
  margin-bottom: 1em;
}
.productSearch-text-picture {
  float: right;
  margin: 0 0 1em 1em;
}
.productSearch-topics {
  margin-top: 1em;
}
.productPaging-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5em 1em;
}
.productPaging-form > * {
  width: 100%;
}
.productPaging-results {
  margin: 0;
}
.productPaging-results,
.productPaging-sort {
  width: auto;
}
.productPaging-sort > div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.25em;
}
.productPaging-sort label,
.productPaging-captions {
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.productPaging-captions {
  display: flex;
  justify-content: space-between;
}
.productPaging-paging {
  position: relative;
}
.productPaging-counts,
.productPaging-views {
  position: absolute;
  top: 0;
  z-index: 2;
}
.productPaging-views {
  right: 0;
}
.paging {
  background: rgba(0, 0, 0, 0.1);
  min-height: 2em;
}
.productPaging-counts,
.productPaging-views,
.paging-buttons {
  display: flex;
  gap: 1px;
  justify-content: center;
}
.no-flex-gap .productPaging-counts > * + *,
.no-flex-gap .productPaging-views > * + *,
.no-flex-gap .paging-buttons > * + * {
  margin-left: 1px;
}
.paging-buttons select,
.paging-buttons .coz-input-select {
  display: none;
}
.product {
  display: grid;
}
.product .thumbnail {
  display: block;
  position: relative;
  background: #000;
  overflow: hidden;
  width: auto;
  height: auto;
}
.product .thumbnail:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.product .thumbnail .foreground,
.product .thumbnail .background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  object-position: center;
}
.product .thumbnail .foreground {
  z-index: 2;
  margin: 0;
  object-fit: contain;
  background: none;
}
.product .thumbnail .background {
  transform: scale(1.1);
  filter: blur(2px);
  opacity: 0.6;
  object-fit: cover;
}
.ie .product .thumbnail .foreground {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.product .title {
  display: block;
  text-decoration: none;
}
.product .short-description {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: italic;
}
.product .buttons {
  display: none;
}
.product .buttons .selected .course-type,
.product .buttons .selected .course-selection,
.product .buttons .selected .course-status {
  color: #fff;
}
.product .read-more {
  white-space: nowrap;
}
.product .extras > .course-status,
.product .extras > .course-status,
.product .extras > .course-selection,
.product .extras > .course-selection {
  width: 1.25em;
  line-height: 1.25;
  gap: 1000em;
  overflow: hidden;
  user-select: none;
  transition: none;
}
.productPaging-paging + .largeView,
.productPaging-paging + .smallView,
.productPaging-paging + .listView,
.largeView + .paging,
.smallView + .paging,
.listView + .paging {
  margin-top: -0.5em;
}
.largeView > div + div,
.smallView > div + div,
.listView > div + div {
  border-top: 1px solid #eee;
}
.largeView .product,
.smallView .product,
.listView .product {
  margin: 1em 0;
}
.largeView .title,
.smallView .title,
.listView .title {
  line-height: 1.25;
}
.largeView .buttons,
.smallView .buttons,
.listView .buttons {
  position: static;
}
.largeView .product,
.smallView .product {
  display: grid;
  grid-template-columns: min-content auto;
  align-items: start;
  gap: 0 1em;
}
.largeView .short-description,
.smallView .short-description {
  margin-top: 0.25em;
}
.largeView .description,
.smallView .description,
.largeView .extras > *,
.smallView .extras > *,
.largeView .price,
.smallView .price {
  margin-top: 0.5em;
}
.largeView .extras,
.smallView .extras {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.largeView .extras > * ~ *,
.smallView .extras > * ~ * {
  margin-left: 0.5em;
}
.largeView.courseExtras .extras > .featured,
.smallView.courseExtras .extras > .featured,
.largeView.customExtras .extras > .featured,
.smallView.customExtras .extras > .featured,
.largeView.courseExtras .extras > .new,
.smallView.courseExtras .extras > .new,
.largeView.customExtras .extras > .new,
.smallView.customExtras .extras > .new,
.largeView.courseExtras .extras > .specialOffer,
.smallView.courseExtras .extras > .specialOffer,
.largeView.customExtras .extras > .specialOffer,
.smallView.customExtras .extras > .specialOffer {
  order: 1;
}
.largeView.courseExtras .extras > .featured:first-child,
.smallView.courseExtras .extras > .featured:first-child,
.largeView.customExtras .extras > .featured:first-child,
.smallView.customExtras .extras > .featured:first-child,
.largeView.courseExtras .extras > .new:first-child,
.smallView.courseExtras .extras > .new:first-child,
.largeView.customExtras .extras > .new:first-child,
.smallView.customExtras .extras > .new:first-child,
.largeView.courseExtras .extras > .specialOffer:first-child,
.smallView.courseExtras .extras > .specialOffer:first-child,
.largeView.customExtras .extras > .specialOffer:first-child,
.smallView.customExtras .extras > .specialOffer:first-child {
  margin-left: auto;
}
.largeView.courseExtras .extras > .course-type,
.smallView.courseExtras .extras > .course-type,
.largeView.customExtras .extras > .course-type,
.smallView.customExtras .extras > .course-type {
  break-before: always;
  margin-left: 0;
  line-height: 1.25;
}
.largeView.courseExtras .extras > .course-status,
.smallView.courseExtras .extras > .course-status,
.largeView.customExtras .extras > .course-status,
.smallView.customExtras .extras > .course-status,
.largeView.courseExtras .extras > .course-selection,
.smallView.courseExtras .extras > .course-selection,
.largeView.customExtras .extras > .course-selection,
.smallView.customExtras .extras > .course-selection {
  margin-left: 0.25em;
  width: 1.25em;
  line-height: 1.25;
  gap: 1000em;
  overflow: hidden;
  user-select: none;
  transition: none;
}
.largeView.customExtras .extras > .course-objectives,
.smallView.customExtras .extras > .course-objectives,
.largeView.customExtras .extras > .course-author,
.smallView.customExtras .extras > .course-author,
.largeView.customExtras .extras > .course-department,
.smallView.customExtras .extras > .course-department {
  width: 100%;
  margin-left: 0;
}
.largeView.customExtras .extras > .course-objectives b,
.smallView.customExtras .extras > .course-objectives b,
.largeView.customExtras .extras > .course-author b,
.smallView.customExtras .extras > .course-author b,
.largeView.customExtras .extras > .course-department b,
.smallView.customExtras .extras > .course-department b {
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.largeView.customExtras .extras > .course-objectives ol,
.smallView.customExtras .extras > .course-objectives ol,
.largeView.customExtras .extras > .course-objectives li,
.smallView.customExtras .extras > .course-objectives li {
  margin: 0.5em 0 0 0;
}
.blockView.customExtras .extras > .course-objectives,
.listView.customExtras .extras > .course-objectives,
.blockView.customExtras .extras > .course-author,
.listView.customExtras .extras > .course-author,
.blockView.customExtras .extras > .course-department,
.listView.customExtras .extras > .course-department {
  display: none;
}
.largeView .product {
  grid-template-columns: 14.25em auto;
  grid-template-rows: auto min-content auto;
}
.largeView .thumbnail {
  grid-row: 1 / 4;
  align-self: start;
}
.no-grid .largeView .product {
  min-height: 90px;
  padding-left: 176px;
}
.no-grid .largeView .thumbnail {
  width: 160px;
  height: 90px;
}
.smallView .product,
.cartView .product {
  grid-template-columns: 6em auto;
  grid-template-rows: min-content auto;
}
.smallView .thumbnail,
.cartView .thumbnail {
  grid-row: 1 / 3;
  align-self: start;
}
.no-grid .smallView .product,
.no-grid .cartView .product {
  min-height: 54px;
  padding-left: 112px;
}
.no-grid .smallView .thumbnail,
.no-grid .cartView .thumbnail {
  width: 96px;
  height: 54px;
}
.listView .product {
  display: flex;
  height: auto;
}
.listView .title {
  flex-grow: 1;
  padding-right: 0;
}
.listView .title ~ * {
  flex-shrink: 0;
}
.listView .extras {
  display: flex;
  align-items: center;
}
.listView .extras > .course-type,
.listView .extras > .course-selection,
.listView .extras > .course-status,
.listView .extras > .featured,
.listView .extras > .new,
.listView .extras > .specialOffer {
  margin-left: 4px;
  width: 1.25em;
  line-height: 1.25;
  gap: 1000em;
  overflow: hidden;
  user-select: none;
  transition: none;
}
.listView .extras > .course-type ~ .course-type,
.listView .extras > .featured:not(:last-child),
.listView .extras > .new:not(:last-child),
.listView .extras > .specialOffer:not(:last-child) {
  padding-left: 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.listView .extras > .featured,
.listView .extras > .new,
.listView .extras > .specialOffer,
.listView .extras > .runtime {
  order: 1;
}
.listView .extras > .runtime {
  font-size: inherit;
}
.listView .buttons > * {
  margin-left: 4px;
}
.listView .buttons > a.button,
.listView .buttons > button,
.listView .buttons > form > button {
  margin: -6px 0 -6px 4px;
}
.listView .buttons > .runtime {
  margin-right: 8px;
}
.chapterView .list {
  margin: 0;
}
.chapterView .product {
  margin: 10px 0;
}
.chapterView .product .buttons {
  display: block;
}
.spotlightView .short-description,
.tool-tip .short-description,
.spotlightView .description,
.tool-tip .description {
  display: block;
}
.spotlightView .title,
.tool-tip .title,
.spotlightView .short-description,
.tool-tip .short-description,
.spotlightView .description,
.tool-tip .description,
.spotlightView .info,
.tool-tip .info,
.spotlightView .course-type,
.tool-tip .course-type {
  color: #fff;
}
.spotlightView .title,
.spotlightView .short-description,
.spotlightView .description,
.spotlightView .info,
.spotlightView .extras > * {
  font-weight: 400;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.4), 0 0 4px rgba(0, 0, 0, 0.4);
}
.blockView {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1em;
  padding-right: 0;
  font-size: inherit;
}
.blockView:after {
  content: none;
}
.productPaging-paging + .blockView,
.blockView + .paging {
  margin-top: 0.5em;
}
.blockView > div {
  width: 100%;
  font-size: inherit;
  margin: 0;
}
.blockView > div:nth-child(1) ~ div {
  padding-top: 0;
  border-top: 0;
}
.blockView .product {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.blockView .product,
.blockView .thumbnail {
  margin-top: 0;
}
.blockView .thumbnail {
  height: auto;
}
.blockView .title,
.blockView .extras {
  height: auto;
  position: relative;
  z-index: 3;
}
.blockView .title {
  font-size: 1em;
  line-height: inherit;
  order: 2;
}
.blockView .title .fn {
  display: block;
  height: 3em;
  text-align: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
}
.blockView .extras {
  display: flex;
  gap: 0.25em;
  margin: -1.75em 0.5em 1em;
  color: #fff;
}
.blockView .extras > * {
  filter: drop-shadow(0 0 1px #000);
}
.blockView .extras > .featured,
.blockView .extras > .new,
.blockView .extras > .specialOffer,
.blockView .extras > .course-type {
  width: 1.25em;
  line-height: 1.25;
  gap: 1000em;
  overflow: hidden;
  user-select: none;
  transition: none;
}
.blockView .extras > .featured:before,
.blockView .extras > .new:before,
.blockView .extras > .specialOffer:before,
.blockView .extras > .course-type:before {
  color: #fff;
}
.blockView .extras > a {
  order: 1;
}
.blockView .extras > a:first-of-type {
  margin-left: auto;
}
.blockView .extras > span {
  order: 0;
}
.blockView .extras > a + a {
  padding-right: 0.25em;
  border-right: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
}
.blockView .extras > span ~ span {
  padding-left: 0.25em;
  border-left: 1px solid #cccccc;
  border-color: rgba(0, 0, 0, 0.2);
}
.blockView .price {
  display: none;
}
.blockView a.title {
  color: #2454f3;
}
.blockView a.title:hover,
.blockView a.title:focus {
  color: #2454f3;
}
.blockView a.title:hover:active {
  color: #2454f3;
}
.product-details-right .blockView .thumbnail {
  position: relative;
  width: 160px;
  height: 90px;
  display: block;
}
.product-details-right .blockView .title {
  padding-top: 0;
}
.product-details-right .blockView .title .fn {
  height: auto;
  color: #fff;
}
.product-details-right .blockView .extras {
  display: none;
}
.blockView .product-talent,
.blockView .product-playlist {
  margin-top: 0.28571429em;
}
.no-grid .blockView {
  display: flex;
  flex-wrap: wrap;
}
.no-grid .blockView > div {
  width: calc((100% - 48px * 3) / 4);
}
.no-grid .blockView > div:nth-child(4n+2),
.no-grid .blockView > div:nth-child(4n+3),
.no-grid .blockView > div:nth-child(4n+4) {
  margin-left: 48px;
}
.no-grid .blockView > div:nth-child(4) ~ div {
  margin-top: 48px;
}
.no-grid.no-flex .blockView > div {
  display: inline-block;
  width: 228px;
  vertical-align: top;
  margin-left: 1em;
}
.no-grid.no-flex .blockView > div:nth-child(4n+1) {
  margin-left: 0;
}
.no-grid.no-flex .blockView > div:nth-last-child(1) .product,
.no-grid.no-flex .blockView > div:nth-last-child(2) .product,
.no-grid.no-flex .blockView > div:nth-last-child(3) .product,
.no-grid.no-flex .blockView > div:nth-last-child(4) .product {
  margin-bottom: 0;
}
.no-grid.no-flex .blockView > div:nth-child(4) ~ div {
  border-top: 1px solid #eee;
  padding-top: 1em;
}
@media (max-width:1023px) and (min-width:737px) {
  .no-grid.no-flex .blockView > div:nth-child(3) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width:736px) and (min-width:415px) {
  .no-grid.no-flex .blockView > div:nth-child(2) ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
@media (max-width:414px) {
  .no-grid.no-flex .blockView > div ~ div {
    border-top: 1px solid #eee;
    padding-top: 1em;
  }
}
.spotlight {
  overflow: hidden;
}
.spotlight,
.spotlight-transition {
  background: #000;
}
.spotlight-transition {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.spotlight-element {
  padding: 16px 16px 0;
}
.spotlight-transition,
.spotlight-background {
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
}
.spotlight-background {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.4;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.spotlight-navigation {
  height: 0;
  padding: 0;
}
.spotlight-running .spotlight-navigation {
  height: auto;
  padding: 16px;
}
.spotlight-running .spotlight-navigation > button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(255, 255, 255, 0.4);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(230, 230, 230, 0.4);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(204, 204, 204, 0.4);
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.spotlight-running .spotlight-navigation > button + button {
  margin: 0 0 0 16px;
}
.spotlightView {
  min-height: 240px;
}
.spotlightView:not(.running) > div,
.spotlightView.running .spotlight-element {
  padding: 16px;
}
.spotlightView .product {
  position: static;
  min-height: 128px;
  margin: 0;
  padding: 0 244px 0 0;
}
.spotlightView .thumbnail {
  top: 16px;
  left: auto;
  right: 16px;
  width: 228px;
  height: 128px;
}
.spotlightView .buttons .button,
.spotlightView .buttons button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.spotlightView .buttons .selected {
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(255, 255, 255, 0.5) !important;
  -moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(255, 255, 255, 0.5) !important;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 6px rgba(255, 255, 255, 0.5) !important;
}
.tool-tip .product {
  min-height: 90px;
  width: 480px;
  margin: 0;
  padding-right: 168px;
}
.tool-tip .product .thumbnail {
  left: auto;
  right: 0;
  width: 160px;
  height: 90px;
}
.tool-tip .product .title,
.tool-tip .product .read-more {
  display: none;
}
.tool-tip .product .info,
.tool-tip .product .info > *,
.tool-tip .product .extras,
.tool-tip .product .extras > * {
  display: block;
  color: #fff;
}
.tool-tip .product .info {
  margin-top: 0;
}
.tool-tip .product .info > * ~ *,
.tool-tip .product .extras > * {
  margin-top: 0.66666667em;
}
.tool-tip-blockView .product,
.tool-tip-smallView .product {
  min-height: unset;
  padding-right: 0;
}
.tool-tip-blockView .product .thumbnail,
.tool-tip-smallView .product .thumbnail {
  display: none;
}
.tool-tip-largeView {
  display: none;
}
.spotlightView .product .extras,
.tool-tip .product .extras {
  display: flex;
  flex-wrap: wrap;
  /*
		> .new { order:1; }
		> .featured { order:2; }
		> .specialOffer { order:3; }*/
}
.spotlightView .product .extras > *,
.tool-tip .product .extras > * {
  color: #fff;
}
.spotlightView .product .extras > .new:before,
.tool-tip .product .extras > .new:before,
.spotlightView .product .extras > .featured:before,
.tool-tip .product .extras > .featured:before,
.spotlightView .product .extras > .course-type:before,
.tool-tip .product .extras > .course-type:before {
  margin: -2em 2em -2em -2em;
}
.spotlightView .product .extras > .course-type,
.tool-tip .product .extras > .course-type {
  break-before: always;
}
.spotlightView .product .extras > .course-type,
.tool-tip .product .extras > .course-type,
.spotlightView .product .extras > .course-selection,
.tool-tip .product .extras > .course-selection,
.spotlightView .product .extras > .course-status,
.tool-tip .product .extras > .course-status {
  width: auto;
}
.spotlightView .product .extras > .course-selection,
.tool-tip .product .extras > .course-selection,
.spotlightView .product .extras > .course-status,
.tool-tip .product .extras > .course-status {
  display: grid;
  gap: 1000px;
  user-select: none;
  margin-left: 0.33333333em;
}
.spotlightView .product .extras > .course-selection:before,
.tool-tip .product .extras > .course-selection:before,
.spotlightView .product .extras > .course-status:before,
.tool-tip .product .extras > .course-status:before {
  margin: -2em;
}
.no-grid .spotlightView .product .extras > .course-selection,
.no-grid .tool-tip .product .extras > .course-selection,
.no-grid .spotlightView .product .extras > .course-status,
.no-grid .tool-tip .product .extras > .course-status {
  letter-spacing: -1000px;
  color: transparent;
}
.tool-tip-smallView .product .extras {
  display: none;
}
.cartView .cart-product {
  vertical-align: middle;
}
.cartView .product {
  margin: 0;
  min-height: 0;
}
.cartView .product .thumbnail {
  top: 50%;
  transform: translateY(-50%);
}
.cart-list > * > .tr > .td,
.touch .cart-list > * > .tr > .td {
  padding-top: 21px;
  padding-bottom: 21px;
}
.cart-list > .tbody > .tr > .cart-product {
  padding-top: 0;
  padding-bottom: 0;
}
.cart-list .cart-options * ~ span:not(.coz-input):before {
  content: '\00a0';
}
.cart-list .cart-rental {
  text-align: center;
}
.cart-list .cart-subtotal {
  text-align: left;
}
.cart-list .cart-price {
  text-align: right;
}
.cart-list .cart-options,
.cart-list .cart-quantity,
.cart-list .cart-price {
  white-space: nowrap;
}
.cart-list .cart-discount {
  color: #f00;
}
.cart-list .cart-quantity input {
  text-align: left;
}
.cart-list > * > input:first-child:last-child,
.cart-list > * > tr > * > input:first-child:last-child,
.cart-list > * > .tr > * > input:first-child:last-child,
.cart-list > * > textarea:first-child:last-child,
.cart-list > * > tr > * > textarea:first-child:last-child,
.cart-list > * > .tr > * > textarea:first-child:last-child,
.cart-list > * > .coz-input:first-child:last-child > input,
.cart-list > * > tr > * > .coz-input:first-child:last-child > input,
.cart-list > * > .tr > * > .coz-input:first-child:last-child > input {
  min-width: 0;
}
.cart-list > * > .coz-input:first-child:last-child,
.cart-list > * > tr > * > .coz-input:first-child:last-child,
.cart-list > * > .tr > * > .coz-input:first-child:last-child {
  display: inline-block;
}
.cart-totals > .tfoot:last-child > .tr > * {
  padding: 8px 0 0 32px;
}
.cart-totals > .tfoot:last-child > .tr:first-child > * {
  padding-top: 16px;
}
.cart-totals > .tfoot:last-child > .tr:first-child ~ .tr > * {
  padding-top: 0;
}
.cart-totals > .tfoot:last-child > .tr:last-child > * {
  padding-bottom: 0;
}
.cart-totals > .tfoot:last-child > .tr .cart-subtotal,
.cart-totals > .tfoot:last-child > .tr .cart-price {
  text-align: right;
}
.cart-totals > .tfoot:last-child > .tr .cart-price {
  width: 0.01px;
  white-space: nowrap;
}
.cart-menu .product {
  max-width: 400px;
  min-height: 54px;
}
.cart-menu .product + .product {
  margin-top: 10px;
}
.cart-menu .title .fn {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cart-menu .type {
  float: left;
}
.cart-menu .price {
  float: right;
  white-space: nowrap;
}
.cartType .buttons,
.ancillaryType .buttons {
  display: block;
}
.cartType.listView .product,
.ancillaryType.listView .product {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
}
.cartType.listView .product .title,
.ancillaryType.listView .product .title {
  flex-grow: 1;
}
.cartType.listView .product .title,
.ancillaryType.listView .product .title,
.cartType.listView .product .info,
.ancillaryType.listView .product .info {
  padding: 6px 0;
}
.cartType.listView .product .info,
.ancillaryType.listView .product .info,
.cartType.listView .product .buttons,
.ancillaryType.listView .product .buttons {
  white-space: nowrap;
}
.cartType.listView .product .price,
.ancillaryType.listView .product .price {
  float: right;
}
.cartType.listView .product .extras span,
.ancillaryType.listView .product .extras span {
  float: left;
}
.cartType.listView .product .price,
.ancillaryType.listView .product .price,
.cartType.listView .product .extras span,
.ancillaryType.listView .product .extras span,
.cartType.listView .product .buttons button,
.ancillaryType.listView .product .buttons button {
  margin-left: 10px;
}
.pricingButtons.largeView,
.pricingButtons.smallView {
  margin-top: 8px;
}
.pricingButtons.largeView .buttons,
.pricingButtons.smallView .buttons {
  display: flex;
  flex-basis: 100%;
  justify-content: right;
}
.pricingButtons.largeView .buttons *,
.pricingButtons.smallView .buttons * {
  margin-top: 0;
}
.pricingButtons.largeView .price,
.pricingButtons.smallView .price {
  line-height: 32px;
}
.pricingButtons.listView .buttons {
  display: block;
  margin-left: 4px;
  padding-left: 4px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pricingButtons.listView .buttons > :first-child,
.pricingButtons.listView .buttons > :first-child > button {
  margin-left: 0;
}
@media (max-width:767px) {
  .cart-list > .tbody > .tr > .cart-product,
  .touch .cart-list > .tbody > .tr > .cart-product {
    padding-top: 0.5625em;
    padding-bottom: 0.3125em;
  }
  .cart-list .thead {
    display: none;
  }
  .cart-list .tbody > :first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  .cart-list .tbody .cart-product ~ .td {
    display: block;
    width: auto;
    padding: 0.625em 0 0.375em;
    text-align: right;
    overflow: visible;
  }
  .cart-list .tbody .cart-product ~ .td:before {
    content: attr(data-label);
    float: left;
    margin-right: 1em;
    color: #999;
    font-size: 0.875em;
    font-style: italic;
  }
  .cart-list .tbody .cart-product ~ .td.cart-options .coz-input {
    display: inline-block;
    width: auto;
  }
  .cart-menu .product {
    width: auto;
  }
  .cart-menu .price {
    margin-left: 1em;
  }
  .cartType.listView .product,
  .ancillaryType.listView .product {
    flex-wrap: wrap;
  }
  .cartType.listView .product .title,
  .ancillaryType.listView .product .title {
    width: 100%;
  }
  .cartType.listView .product .buttons,
  .ancillaryType.listView .product .buttons {
    flex-grow: 1;
    text-align: right;
  }
  .cartType.listView .product .price,
  .ancillaryType.listView .product .price,
  .cartType.listView .product .extras span,
  .ancillaryType.listView .product .extras span {
    margin-right: 10px;
  }
  .cartType.listView .product .price,
  .ancillaryType.listView .product .price,
  .cartType.listView .product .extras span,
  .ancillaryType.listView .product .extras span,
  .cartType.listView .product .buttons button,
  .ancillaryType.listView .product .buttons button {
    margin-left: 0;
    margin-top: 0;
  }
}
@media (max-width:1023px) {
  .blockView .background {
    background-size: 100% auto;
    background-size: cover;
  }
}
@media (max-width:1023px) and (min-width:737px) {
  .blockView {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .no-grid .blockView {
    padding-right: 32px;
  }
  .product-course .no-grid .blockView {
    padding-right: 0;
  }
  .no-grid .blockView > div {
    width: 33.333%;
  }
  .no-grid .blockView > div:nth-child(3n) {
    margin-right: -32px;
  }
  .no-grid .blockView > div:nth-last-child(4) .product {
    margin-bottom: 1em;
  }
}
@media (max-width:736px) and (min-width:429px) {
  .blockView {
    grid-template-columns: 1fr 1fr;
  }
  .no-grid .blockView {
    padding-right: 16px;
  }
  .product-course .no-grid .blockView {
    padding-right: 0;
  }
  .no-grid .blockView > div {
    width: 50%;
  }
  .no-grid .blockView > div:nth-child(2n) {
    margin-right: -16px;
  }
  .no-grid .blockView > div:nth-last-child(4) .product,
  .no-grid .blockView > div:nth-last-child(3) .product {
    margin-bottom: 1em;
  }
}
@media (max-width:428px) {
  .blockView {
    grid-template-columns: 1fr;
  }
  .no-grid .blockView > div {
    width: 100%;
  }
  .no-grid .blockView > div:nth-last-child(4) .product,
  .no-grid .blockView > div:nth-last-child(3) .product,
  .no-grid .blockView > div:nth-last-child(2) .product {
    margin-bottom: 1em;
  }
}
@media (max-width:591px) {
  .largeView .extras > *,
  .smallView .extras > * {
    clear: none;
    width: 1.25em;
    line-height: 1.25;
    gap: 1000em;
    overflow: hidden;
    user-select: none;
    transition: none;
  }
  .largeView .extras > * ~ *,
  .smallView .extras > * ~ * {
    margin-left: 4px;
  }
  .courseType .extras > .course-type {
    clear: none;
    margin-left: 4px;
  }
}
@media (max-width:535px) {
  .tool-tip {
    max-width: calc(100% - 32px);
  }
  .tool-tip .product {
    width: auto;
    padding-right: 0;
  }
  .tool-tip-listView .product {
    width: auto;
  }
  .tool-tip-listView .thumbnail {
    display: block;
    position: relative;
  }
  .tool-tip-listView .title + * {
    margin-top: 8px;
  }
}
@media (max-width:479px) {
  .largeView .title,
  .smallView .title,
  .listView .title {
    padding-right: 0 !important;
  }
  .largeView .buttons,
  .smallView .buttons,
  .listView .buttons {
    position: static;
  }
  .largeView .buttons > *,
  .smallView .buttons > *,
  .listView .buttons > *,
  .largeView .buttons > form > *,
  .smallView .buttons > form > *,
  .listView .buttons > form > * {
    float: none;
    margin-top: 8px;
  }
  .largeView .info,
  .smallView .info {
    overflow: visible;
  }
  .largeView .thumbnail {
    display: block;
    position: relative;
  }
  .largeView .title {
    margin-top: 8px;
  }
  .largeView .product {
    padding-left: 0;
  }
  .listView > div + div {
    margin-top: 8px;
    padding-top: 8px;
  }
  .spotlightView .product {
    padding: 0 0 48px;
  }
  .spotlightView .thumbnail {
    display: none;
  }
  .cart-proceed {
    float: none;
  }
  .cart-proceed .button {
    width: 100%;
    text-align: center;
  }
  .cart-proceed .button + .button {
    margin-top: 1em;
  }
}
@media (max-width:374px) {
  .smallView .thumbnail {
    display: block;
    position: relative;
  }
  .smallView .title {
    margin-top: 8px;
  }
  .smallView .product {
    padding-left: 0;
  }
}
/*

@media (max-width:987px) {
	.blockView { word-spacing:13px; }
}
@media (max-width:828px) and (min-width:800px) {
	.blockView { word-spacing:6px; }
}
@media (max-width:480px) and (min-width:480px) {
	div.blockView { word-spacing:3px; margin:0 -16px; }
}
@media (max-width:320px) and (min-width:320px) {
	.blockView { word-spacing:5px; }
}*/
/* PackTag: /themes/redesign/styles/myCourses.less */
#myCoursesList {
  zoom: 1;
}
.myCoursesFilters {
  display: flex;
  gap: 0.5em;
  margin-bottom: 1em;
}
.myCoursesProgress {
  display: flex;
  gap: 0.5em;
  align-items: center;
  margin-left: auto;
}
.myCoursesLegend {
  font-size: 0.75em;
  line-height: 1.66666667;
  display: flex;
  gap: 1em;
}
.myCoursesLegend > div {
  display: flex;
  flex-direction: column;
}
/* 

#courses + .myCoursesLegend {
	margin-top:1em;
}

#myCoursesHidden { display:none; }

@media (max-width:831px), (max-height:575px) {
	#myCoursesList button.play { display:none; }
	#myCoursesHidden { display:block; }
} 

html.touch-menu {
	#myCoursesList button.play { display:none; }
	#myCoursesHidden { display:block; }
} */
/* PackTag: /themes/redesign/styles/layout.less */
body {
  margin: 0;
  color: rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  width: 100%;
}
body > * {
  flex-shrink: 0;
}
header {
  font-size: 0.875em;
  line-height: 1.42857143;
}
footer {
  font-size: 0.75em;
  line-height: 1.33333333;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
blockquote {
  margin: 1em 0;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
blockquote:last-child {
  margin-bottom: 0;
}
form:not(:first-child) > h1:first-child,
form:not(:first-child) > h2:first-child,
form:not(:first-child) > h3:first-child,
form:not(:first-child) > h4:first-child,
form:not(:first-child) > h5:first-child,
form:not(:first-child) > h6:first-child,
form:not(:first-child) > p:first-child,
form:not(:first-child) > ul:first-child,
form:not(:first-child) > ol:first-child,
form:not(:first-child) > dl:first-child,
form:not(:first-child) > blockquote:first-child {
  margin-top: 1em;
}
form:not(:last-child) > h1:last-child,
form:not(:last-child) > h2:last-child,
form:not(:last-child) > h3:last-child,
form:not(:last-child) > h4:last-child,
form:not(:last-child) > h5:last-child,
form:not(:last-child) > h6:last-child,
form:not(:last-child) > p:last-child,
form:not(:last-child) > ul:last-child,
form:not(:last-child) > ol:last-child,
form:not(:last-child) > dl:last-child,
form:not(:last-child) > blockquote:last-child {
  margin-bottom: 1em;
}
hr {
  border-color: rgba(0, 0, 0, 0.1);
  margin: 1em 0;
}
blockquote {
  padding: 1em;
  background: rgba(0, 0, 0, 0.05);
  border-left: 0.5em solid rgba(0, 0, 0, 0.05);
  font-style: italic;
}
blockquote cite {
  display: block;
  margin-top: 0.5em;
  font-style: italic;
  font-weight: inherit;
  text-align: right;
}
header > div,
footer > div,
main > * > div,
main > noscript > section > div {
  max-width: 1152px;
  margin: 48px auto;
  margin: var(--page-gap) auto;
  padding: 0 var(--page-side-gap);
}
footer > div,
main > * {
  margin: auto;
  padding: 48px 0;
  padding: var(--page-gap) 0;
}
main > * > div:first-child {
  margin-top: 0;
}
main > * > div:last-child {
  margin-bottom: 0;
}
main > * > div:empty {
  display: none;
}
main {
  position: relative;
  z-index: 1;
  border-top: 128px solid #fff;
  box-sizing: border-box;
}
main > * {
  pointer-events: all;
}
main > section {
  position: relative;
  background-color: #fff;
  /* safari fix */
}
.safari main > section {
  transform: translate3d(0, 0, 0);
}
main > section.full {
  padding: 48px 0;
  padding: var(--page-gap) 0;
}
main > section.full > div {
  max-width: 960px;
  margin: auto;
}
main > section.bottom,
main > aside {
  position: sticky;
  bottom: 0;
  background-color: #f2f2f2;
}
main.layout-iframe,
main.layout-dialog {
  background: none;
  --page-side-gap: var(--page-gap);
  border-top: 0;
}
main.layout-dialog {
  margin: 0 calc(0px - var(--page-side-gap)) calc(0px - var(--page-gap));
  border-top: 0;
  border-radius: 0 0 0.5em 0.5em;
}
main.layout-dialog > section:first-of-type {
  padding-top: 0;
}
main.layout-dialog > section.banner {
  padding: 0;
}
main.layout-dialog > section:last-of-type {
  border-radius: 0 0 0.5em 0.5em;
}
main.layout-dialog :not(.sort-scrollable-container) > table.sort > thead > tr,
main.layout-dialog :not(.sort-scrollable-container) > .coz-table > thead > tr {
  top: var(--page-gap);
}
main > section:nth-of-type(1) {
  z-index: 9;
}
main > section:nth-of-type(2) {
  z-index: 8;
}
main > section:nth-of-type(3) {
  z-index: 7;
}
main > section:nth-of-type(4) {
  z-index: 6;
}
main > section:nth-of-type(5) {
  z-index: 5;
}
main > section:nth-of-type(6) {
  z-index: 4;
}
main > section:nth-of-type(7) {
  z-index: 3;
}
main > section:nth-of-type(8) {
  z-index: 2;
}
main > section:nth-of-type(9) {
  z-index: 1;
}
main > section:nth-of-type(10) {
  z-index: 0;
}
main > noscript > section {
  color: #fff;
  background-color: #c00;
}
main,
main > * > div {
  zoom: 1;
}
header,
main:after,
main > section,
footer {
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
main.layout-dialog > * > div,
body.mce-content-body > main > * > div {
  max-width: unset;
  margin: 0;
}
main.layout-dialog:after,
body.mce-content-body > main:after,
main.layout-dialog > section,
body.mce-content-body > main > section {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
header {
  background-color: #0c2e3f;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
header.open {
  transform: none !important;
}
header > div {
  margin: auto;
}
header > div > a {
  display: block;
  position: relative;
  z-index: 4;
  padding-right: 16px;
  margin-right: 16px;
  background: #183849;
}
header > div > a > img {
  height: 128px;
  max-height: 128px;
  position: relative;
}
header > div > a:before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: -1000px;
  right: 100%;
  background: #183849;
}
header > div > a:after {
  content: '';
  position: absolute;
  z-index: 0;
  bottom: 0;
  right: -32px;
  right: -34.29749663px;
  border-top: 64px solid #183849;
  border-right: 17.14874832px solid transparent;
  border-bottom: 64px solid transparent;
  border-left: 17.14874832px solid #183849;
  box-shadow: -1px 0 0 #183849;
  pointer-events: none;
}
header > nav {
  max-width: 960px;
  margin: -56px auto 0;
}
header > nav > h1 {
  margin-right: -10000px;
  -webkit-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
}
header > nav > h1.show {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
header > nav > h1,
header > nav > h1 > a:link,
header > nav > h1 > a:visited {
  color: #fff;
  line-height: 56px;
}
header > nav > #privatelabel_name,
header > nav > #privatelabel_logo {
  float: left;
  margin: 0 -10000px 0 16px;
}
header > nav > #distributor_phone {
  position: absolute;
  bottom: 56px;
  right: 0;
}
header > div {
  display: flex;
  align-items: flex-end;
}
header > div > a {
  flex-shrink: 1;
  margin-right: 0 !important;
}
header > div > a > img {
  max-width: 100%;
}
header > div > nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  margin-left: 16px;
}
header > div > nav > h1 {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s, margin-right 0.3s 0.15s;
}
header > div > nav > h1.show {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -moz-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -ms-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  -o-transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
  transition: opacity 0.3s 0.3s, margin-right 0.3s 0.15s;
}
header > div > nav > h1.absolute {
  position: absolute;
  transition: none;
}
header > div > nav > h1,
header > div > nav > h1 > a:link,
header > div > nav > h1 > a:visited {
  color: #ffffff;
  line-height: 56px;
}
header > div > nav > #privatelabel_name,
header > div > nav > #privatelabel_logo {
  float: left;
  margin: 0 -10000px 0 16px;
}
header > div > nav > #distributor_phone {
  position: absolute;
  bottom: 56px;
  right: 0;
  margin: 0;
}
header > div > a > img ~ img,
header > div > a + h1,
header > nav > h1.show,
header > div.nav > nav > h1.show {
  -webkit-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -moz-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -ms-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  -o-transition: opacity 0.3s 0.15s, margin-right 0.3s;
  transition: opacity 0.3s 0.15s, margin-right 0.3s;
}
footer {
  background-color: #00253e;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  margin-top: auto;
  flex-shrink: 0;
  color: #999;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
}
footer a:link,
footer a:visited,
footer a:hover,
footer a:focus {
  color: #fff;
}
#themeLogo {
  background-color: #00253e;
}
#rapidsslButton,
#networksolutionsSeal,
#sysnetCard,
#poweredByArcLearn {
  float: right;
  margin-left: 16px;
  padding-bottom: 1em;
}
#rapidsslButton,
#sysnetCard {
  margin-top: -1px;
}
#sysnetCard img {
  height: 50px;
}
#poweredByArcLearn {
  margin-top: -32px;
}
#poweredByArcLearn img {
  height: 112px;
}
#headline {
  background: #000 url(/themes/redesign/images/marketing.jpg) 50% -90px;
  color: #fff;
  text-shadow: 0 1px 4px #000;
  border-top: 128px solid transparent;
  margin-top: -128px;
  background-repeat: no-repeat;
}
#headline > div {
  position: relative;
}
#headline .text {
  width: 520px;
  font-weight: 400;
}
#headline .text h1 {
  font-size: 2em;
  line-height: 1;
  color: #fff;
}
#headline .buttons {
  max-width: 15em;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  gap: 0 1em;
  align-items: flex-end;
  justify-content: flex-end;
}
#headline .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
  -webkit-box-shadow: 0 0.08333333em 0.33333333em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0.08333333em 0.33333333em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.08333333em 0.33333333em rgba(0, 0, 0, 0.4);
  text-shadow: none;
  margin-top: 1.33333333em;
  padding: 0.83333333em 1.33333333em;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.no-flex-gap #headline .button + .button {
  margin-left: 1.33333333em;
}
#rotator {
  text-align: center;
  background: #000;
}
#rotator > div {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no-grid #rotator > div {
  width: 100%;
  max-width: none;
}
#rotator > div > h2 {
  color: #fff;
}
#blocks > div,
#how_it_works > div {
  display: grid;
  gap: var(--page-gap);
  grid-template-columns: 1fr 1fr 1fr;
}
@media (max-width:767px) {
  #blocks > div,
  #how_it_works > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width:399px) {
  #blocks > div,
  #how_it_works > div {
    grid-template-columns: 1fr;
  }
}
#blocks > div > a h3 {
  margin-bottom: 1em;
}
#blocks > div > a img {
  width: 100%;
}
#how_it_works > div > * {
  font-size: 0.875em;
}
#how_it_works > div > * > a {
  display: block;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
  line-height: 1.25;
}
#how_it_works > div > * > a + a {
  margin-top: 0.28571429em;
}
#how_it_works > div > * > a + h3 {
  margin-top: var(--page-gap);
}
#how_it_works > div > * > a:hover {
  color: #000;
}
.no-grid #blocks > div,
.no-grid #how_it_works > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 8px;
  max-width: 992px;
  margin: -16px auto;
}
.no-grid #blocks > div > *,
.no-grid #how_it_works > div > * {
  padding: 8px;
}
@media (max-width:1023px) {
  .no-grid #blocks > div,
  .no-grid #how_it_works > div {
    padding: 24px;
    margin: 0;
  }
}
@media (max-width:767px) {
  .no-grid #blocks > div,
  .no-grid #how_it_works > div {
    padding: 8px;
  }
}
@media (max-width:1023px) {
  .no-grid #blocks,
  .no-grid #how_it_works {
    padding: 0;
  }
}
.no-grid #blocks > div > *,
.no-grid #how_it_works > div > * {
  width: 33.33333333%;
}
@media (max-width:767px) {
  .no-grid #blocks > div > *,
  .no-grid #how_it_works > div > * {
    width: 50%;
  }
}
@media (max-width:399px) {
  .no-grid #blocks > div > *,
  .no-grid #how_it_works > div > * {
    width: 100%;
  }
}
#tlsWarning,
#privatelabel,
#noscript {
  background: #2454f3;
  padding: 140px 0 12px;
  margin-top: -128px;
  position: relative;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#tlsWarning > div,
#privatelabel > div,
#noscript > div {
  display: flex;
  align-items: center;
  margin: 0 auto;
}
#tlsWarning > div > :first-child,
#privatelabel > div > :first-child,
#noscript > div > :first-child {
  flex: 1;
}
#tlsWarning > div > h1,
#privatelabel > div > h1,
#noscript > div > h1 {
  margin: 0;
  color: #fff;
}
#tlsWarning,
#noscript {
  background: #c00;
}
#privatelabel a:link,
#privatelabel a:visited {
  color: #fff;
  text-decoration: none;
}
#privatelabel a:link:before,
#privatelabel a:visited:before {
  content: none;
}
/* 

#noscript {
	position:relative; z-index:2;
	transition:transform 0.3s;
	&:hover { .prefix(transform, translateY(128px)); }
	menu menu { display:none; }
} */
.courseViewer header {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.courseViewer header > div {
  background: #0c2e3f;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  max-width: none;
}
.courseViewer header > div ~ div {
  z-index: -2;
  background: #2454f3;
}
.courseViewer header > div > a {
  padding: 0 16px;
}
.courseViewer header > div > a > img {
  height: 56px !important;
  width: auto !important;
}
.courseViewer header > div > h1 {
  line-height: 56px;
  margin-top: 0;
  color: #fff;
}
.courseViewer header > div > a + h1 {
  float: left;
  margin: 0 16px;
}
.courseViewer header > div > div {
  display: flex;
  align-items: center;
  padding: 12px;
}
.courseViewer header > div > div div + div {
  margin-left: 12px;
}
.courseViewer header > div > div .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
  font-size: 0.85714286em;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.courseViewer header > div > div .complete .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.courseViewer header > div > div .exit .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.courseViewer main {
  border-top-width: 112px;
  min-height: none;
}
.courseViewer #course_navigation_menu {
  float: left;
}
.courseViewer #course_navigation_menu li[disabled],
.courseViewer #course_navigation_menu li[disabled] > a {
  pointer-events: none;
}
.courseViewer #course_navigation_menu li.current > a {
  background: #2454f3;
  color: #fff;
}
.courseViewer #course_navigation_menu > li > menu > li:first-child,
.courseViewer #course_navigation_menu > li > menu > li:first-child + hr {
  display: none;
}
@media (max-width:1006px) {
  .courseViewer header > div > a {
    margin-right: 16px;
  }
  .courseViewer header > div > h1 {
    display: none;
  }
  .courseViewer #course_navigation_menu li > a + menu {
    right: auto;
    left: 0;
    transform: translateX(-320px);
  }
  .courseViewer #course_navigation_menu li.open > a + menu {
    transform: translateX(0);
  }
  .courseViewer #course_navigation_menu > li > menu > li:first-child,
  .courseViewer #course_navigation_menu > li > menu > li:first-child + hr {
    display: block;
  }
  .courseViewer #course_controls_menu li {
    float: left;
  }
}
@media (max-width:479px) {
  .courseViewer header > div > div {
    padding: 0;
  }
  .courseViewer header > div > div div + div {
    margin-left: 0;
  }
  .courseViewer header > div > div .button {
    padding: 18px;
    letter-spacing: -1000px;
    color: transparent !important;
    user-select: none;
  }
  .courseViewer header > div > div .button:before,
  .courseViewer header > div > div .button:after {
    margin: 0;
  }
}
@media (max-width:533px) {
  .courseViewer + .dialog {
    top: 56px !important;
  }
}
menu > li > * > .course-status {
  display: flex;
  align-items: center;
}
menu > li > * > .course-status:before {
  margin: 0 6px 0 -2px;
}
@media (max-width:1006px) {
  header > div,
  header > nav {
    max-width: none;
  }
  header > div {
    z-index: -1;
  }
  header > div > a {
    padding: 0 48px;
    padding: 0 var(--page-gap);
    margin-right: -100%;
  }
  header > div > a > img {
    height: 80px !important;
    height: var(--touch-menu-height) !important;
  }
  header > nav {
    position: static;
    padding-right: 0;
  }
  main {
    border-top-width: 80px;
    border-top-width: var(--touch-menu-height);
    min-height: none;
  }
  main.layout-dialog {
    border-top: 0;
  }
  #privatelabel {
    padding: 92px 48px 12px;
    padding: 92px var(--page-gap) 12px;
    margin-top: -80px;
  }
  #privatelabel_name {
    display: none;
  }
}
html.touch-menu header > div,
html.touch-menu header > nav {
  max-width: none;
}
html.touch-menu header > div {
  z-index: -1;
}
html.touch-menu header > div > a {
  padding: 0 48px;
  padding: 0 var(--page-gap);
  margin-right: -100%;
}
html.touch-menu header > div > a > img {
  height: 80px !important;
  height: var(--touch-menu-height) !important;
}
html.touch-menu header > nav {
  position: static;
  padding-right: 0;
}
html.touch-menu main {
  border-top-width: 80px;
  border-top-width: var(--touch-menu-height);
  min-height: none;
}
html.touch-menu main.layout-dialog {
  border-top: 0;
}
@media (max-width:(960px + 96px * 2 - 1px)) {
  header > div,
  footer > div,
  main > div,
  main > * > div {
    max-width: none;
    margin: 0;
  }
  header > div > a {
    padding-left: 48px;
    padding-left: var(--page-gap);
  }
  footer > div,
  #tlsWarning > div,
  #privatelabel > div,
  #noscript > div {
    margin: 0 48px;
    margin: 0 var(--page-gap);
  }
  main > *,
  main > section.full {
    padding: 48px;
    padding: var(--page-gap);
  }
  #privatelabel {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width:767px) {
  :root {
    --page-gap: 16px;
    --page-side-gap: 16px;
  }
  #headline .text {
    width: auto;
  }
  #headline .text h1 {
    font-size: 1.5em;
  }
  #headline .buttons {
    position: static;
    max-width: none;
  }
}
@media (max-width:767px) and (min-width:600px) {
  #headline .buttons {
    flex-direction: row;
  }
}
@media (max-width:599px) {
  #headline .buttons {
    align-items: normal;
  }
}
@media (max-width:360px) {
  img {
    max-width: 100%;
    height: auto !important;
  }
  #privatelabel_name,
  #privatelabel_logo,
  #distributor_phone,
  #privatelabel > div > h1:last-child {
    display: none;
  }
}
.product-details-block {
  display: flex;
  background: #000;
  margin: 1em 0;
}
.product-video {
  flex-grow: 1;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.product-video > * {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
.product-video > script,
.product-video > style {
  display: none;
}
.product-video > a {
  text-align: center;
}
.product-video > a:first-of-type:not(:last-of-type) {
  height: 50%;
}
.product-video > a:last-of-type:not(:first-of-type) {
  height: 50%;
  bottom: 0;
}
.product-video > a b.button {
  position: relative;
  top: 50%;
  margin-top: -16px;
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(0, 0, 0, 0.8);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(0, 0, 0, 0.8);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(0, 0, 0, 0.8);
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.product-video > a b.button:before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .product-video > a b.button:before {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.product-video span {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  line-height: 1.5;
  padding: 16px;
  position: absolute;
  left: 0;
  right: 0;
  /* bottom:0; */
}
.product-video iframe {
  background: transparent;
}
.product-video:after {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.product-video-background {
  -webkit-filter: blur(5px);
  filter: blur(5px);
  opacity: 0.6;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.product-video-thumbnail {
  text-align: center;
}
.product-video-thumbnail > * {
  height: 100%;
}
.product-video-login {
  height: auto;
  bottom: 0;
  padding: 1em;
  background: url(/images/webshop/rgba00000099.png);
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.product-video-login div {
  display: flex;
  justify-content: center;
}
.product-video-login div a {
  margin: 0 0.5em;
}
.product-video-login .button {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.product-details-right {
  flex-shrink: 0;
  width: 320px;
  padding: 1em;
}
.product-details-right > dl > dd > div > div + div {
  margin-top: 1em;
}
.product-details-right h2 {
  margin-top: 0;
}
.product-details-right hr + h2 {
  margin: 0.8em 0;
}
.product-details-right p {
  display: flex;
  align-items: center;
}
.product-details-right p > :not([type="hidden"]) ~ :not(.count) {
  margin-left: 8px;
}
.product-details-right .course-type {
  float: left;
}
.product-details-right .course-selection,
.product-details-right .course-status {
  float: right;
}
.product-details-right .course-tip {
  display: none;
}
.product-details-right p > .coz-input-select,
.product-details-right p > .coz-input-select > *,
.product-details-right p > button:not(.icon),
.product-details-right .button:not(.button-icon) {
  flex-grow: 1;
}
.product-details-right h2,
.product-details-right p {
  color: #fff;
  font-weight: 400;
}
.product-details-right hr {
  border-color: #fff #000 #000;
  margin: 1em 0;
}
.product-details-right p > a:not(.button):link,
.product-details-right p > a:not(.button):visited {
  color: #fff;
}
.product-details-right p > a:not(.button):hover,
.product-details-right p > a:not(.button):hover:active {
  color: #2454f3;
}
.product-details-right p > button:not(.action),
.product-details-right .button:not(.button-action),
.product-details-right .accordion > dt > .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(255, 255, 255, 0.1);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(255, 255, 255, 0.2);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(255, 255, 255, 0.3);
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.product-details-right .accordion > dd[src] .element-content:before {
  filter: invert(1);
}
.product-details-right .accordion > dt.toggler-selected > .button:after {
  background-image: none;
}
.product-details-right .button-red {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.product-details-right .coz-loading-overlay {
  background: #000;
}
.product-details-right .coz-input-labeled--label {
  --text-shadow-color: #000;
}
.product-details-right .course-status:before,
.product-details-right .course-selection:before {
  margin-right: -2px;
}
.product-details-right .buttons {
  flex-flow: row-reverse;
}
.product-details-right .buttons button {
  width: auto;
}
.product-details-right .buttons .add + button,
.product-details-right .buttons .remove + button {
  flex-grow: 1;
  margin: 0 8px 0 0;
}
.no-flex .product-details-right .buttons {
  padding-right: 100px;
  zoom: 1;
}
.no-flex .product-details-right .buttons .add,
.no-flex .product-details-right .buttons .remove {
  float: right;
  width: 96px;
  margin-right: -100px;
}
.no-flex .product-details-right .buttons .add ~ *,
.no-flex .product-details-right .buttons .remove ~ * {
  float: left;
}
@media (max-width:320px) {
  .product-details-right .buttons .add,
  .product-details-right .buttons .remove {
    letter-spacing: -1000px;
    color: transparent;
    user-select: none;
    width: 33px;
  }
  .no-flex .product-details-right .buttons {
    padding-right: 37px;
  }
  .no-flex .product-details-right .buttons .add,
  .no-flex .product-details-right .buttons .remove {
    margin-right: -37px;
  }
}
.product-details-right .product .buttons,
.product-details-right .button-play ~ *,
.product-details-right .play ~ * {
  display: none;
}
.product-details-right .product .title {
  color: #fff;
}
.product-details-right .product .extras > * {
  margin-top: 0;
}
.product-details-right .product .extras .course-type {
  letter-spacing: -1000px;
  color: transparent;
  user-select: none;
}
.product-details-right .product .extras .new,
.product-details-right .product .extras .featured {
  display: none;
}
.product-details-right .blockView > div {
  width: 100%;
}
.product-details-right .blockView .product {
  margin-bottom: 0;
}
.product-details-right .blockView .background {
  background-size: 100% auto;
}
.product-details-right .mobileLink {
  display: none;
}
/* 

.touch .button,
.touch button {
	.course-status,
	.course-type { display:inline-block; margin:-4px 0 -4px -4px; }
}

.touch button .course-status,
.touch .button .course-status { display:inline-block; margin:-4px 0 -4px -4px; } */
.product-about {
  display: flex;
}
.product-description {
  float: left;
  width: 639px;
  padding-right: 16px;
  font-weight: inherit;
}
.product-sidebar {
  float: right;
  width: 321px;
  padding: 0 1em;
  border: 1px solid #e6e6e6;
  border-width: 0 0 0 1px;
}
aside .product-sidebar {
  display: none;
}
.product-sidebar img {
  max-width: 100%;
}
.product-course > img {
  float: right;
  margin: 0 0 1em 1em;
}
@media (max-width:831px) {
  .product-details-block {
    display: block;
    position: relative;
    z-index: 4;
  }
  .product-video,
  .product-details-right {
    float: none;
    width: auto;
    height: auto;
  }
}
@media (max-width:767px) {
  .product-description,
  .product-sidebar {
    float: none;
    width: auto;
    height: auto;
  }
  .product-sidebar {
    margin-top: 1em;
    padding: 1em 0 0 0;
    border-width: 1px 0 0 0;
  }
  .product-course #courses {
    display: block;
  }
  .product-about {
    flex-direction: column;
  }
}
@media (max-width:831px) and (min-width:736px) {
  .grid .product-details-right .accordion {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(288px, auto));
    grid-template-rows: min-content auto;
    gap: 0 1em;
  }
  .grid .product-details-right .accordion dt {
    grid-row: 1;
    margin: 0;
    pointer-events: none;
  }
  .grid .product-details-right .accordion dd {
    grid-row: 2;
    max-height: unset !important;
    opacity: unset;
  }
  .grid .product-details-right .accordion dt > label:after {
    content: none;
  }
}
@media (max-width:671px),
(max-height:575px) {
  .product-details-right [data-mode="V"] .button-play,
  .product-details-right [data-mode="V"] .play {
    opacity: 0.5;
    pointer-events: none;
  }
  .product-details-right [data-mode="V"] .mobileLink {
    display: block;
  }
}
@media (max-width:831px),
(max-height:575px) {
  .product-details-right [data-mode="C"] .button-play,
  .product-details-right [data-mode="C"] .play {
    opacity: 0.5;
    pointer-events: none;
  }
  .product-details-right [data-mode="C"] .mobileLink {
    display: block;
  }
}
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before {
  -webkit-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -moz-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -ms-mask-image: url(/arclearn/images/course-icons-mask.svg);
  -o-mask-image: url(/arclearn/images/course-icons-mask.svg);
  mask-image: url(/arclearn/images/course-icons-mask.svg);
  -webkit-mask-size: 300% 600%;
  -moz-mask-size: 300% 600%;
  -ms-mask-size: 300% 600%;
  -o-mask-size: 300% 600%;
  mask-size: 300% 600%;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  background: url(/arclearn/images/course-icons-mask.svg);
  background-size: 300% 600%;
}
.featured:before {
  background-position: 0% 80%;
  -webkit-mask-position: 0% 80%;
  -moz-mask-position: 0% 80%;
  -ms-mask-position: 0% 80%;
  -o-mask-position: 0% 80%;
  mask-position: 0% 80%;
  color: #c00;
}
.new:before {
  background-position: 50% 80%;
  -webkit-mask-position: 50% 80%;
  -moz-mask-position: 50% 80%;
  -ms-mask-position: 50% 80%;
  -o-mask-position: 50% 80%;
  mask-position: 50% 80%;
  color: #fc0;
}
.coupon:before {
  background-position: 100% 80%;
  -webkit-mask-position: 100% 80%;
  -moz-mask-position: 100% 80%;
  -ms-mask-position: 100% 80%;
  -o-mask-position: 100% 80%;
  mask-position: 100% 80%;
  color: #0c0;
}
.specialOffer:before {
  background-position: 0% 100%;
  -webkit-mask-position: 0% 100%;
  -moz-mask-position: 0% 100%;
  -ms-mask-position: 0% 100%;
  -o-mask-position: 0% 100%;
  mask-position: 0% 100%;
  color: #0c0;
}
/*

.featured,
.new,
.coupon,
.specialOffer {
	&:before {
		display:inline-flex;
		align-items:center;
		justify-content:center;
		font-family:arial black, sans-serif;
		color:#fff;
		background:none;
		background-clip:content-box;
		border:3/16em solid transparent;
		width:24/16em;
		height:24/16em;
		margin:(-2/16em) (4/16em) (-2/16em) (-2/16em);
	}
}

.featured:before { content:'F'; background-color:#c00; }
.new:before { content:'N'; background-color:#fc0; }
.coupon:before { content:'C'; background-color:#0c0; }
.specialOffer:before { content:'$'; background-color:#0c0; }*/
.product .course-type,
.product .course-selection,
.product .course-status,
.product .featured,
.product .new,
.product .coupon,
.product .specialOffer,
.product-details-right .course-type,
.product-details-right .course-selection,
.product-details-right .course-status,
.product-details-right .featured,
.product-details-right .new,
.product-details-right .coupon,
.product-details-right .specialOffer {
  font-family: Inter, Arial, Helvetica, sans-serif;
}
.course-type:before,
.course-selection:before,
.course-status:before,
.featured:before,
.new:before,
.coupon:before,
.specialOffer:before {
  color: #000;
}
a.course-type,
a.course-selection,
a.course-status,
a.featured,
a.new,
a.coupon,
a.specialOffer {
  color: inherit;
}
.course-type:before,
.course-status.notstarted:before,
.course-status.closed:before {
  color: #000;
}
.selected .course-type:before,
.selected .course-status.notstarted:before,
.selected .course-status.closed:before,
.tool-tip .course-type:before,
.tool-tip .course-status.notstarted:before,
.tool-tip .course-status.closed:before,
#navigation .course-type:before,
#navigation .course-status.notstarted:before,
#navigation .course-status.closed:before,
.blockView .course-type .course-type:before,
.blockView .course-type .course-status.notstarted:before,
.blockView .course-type .course-status.closed:before,
.spotlightView .extras .course-type:before,
.spotlightView .extras .course-status.notstarted:before,
.spotlightView .extras .course-status.closed:before {
  color: #fff;
}
.product-details-right .course-type:before,
.product-details-right .course-status.notstarted:before,
.product-details-right .course-status.closed:before {
  color: #fff;
}
.file:before,
.folder:before {
  margin: 2px 6px 2px 2px;
}
.myCoursesLegend > div > div + div {
  margin-top: 0.5em;
}
.message-bar {
  padding: 8px;
  display: flex;
}
.message-bar button {
  position: static;
  order: 2;
  margin-left: 8px;
}
.message-bar button + .message-text {
  padding-left: 40px;
}
.message-bar button,
.message-bar .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(255, 255, 255, 0.2);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(255, 255, 255, 0.4);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(255, 255, 255, 0.6);
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.message-error button,
.message-error .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: rgba(255, 255, 255, 0.2);
  --button-color-base: #ffffff;
  --button-background-color-hover: rgba(255, 255, 255, 0.4);
  --button-color-hover: #ffffff;
  --button-background-color-active: rgba(255, 255, 255, 0.6);
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.message-busy .throbber {
  margin-top: 0;
  margin-bottom: 0;
}
.message-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.25;
  padding: 6px 0px;
  padding: 0.6rem 0rem;
}
.license-header > header > div {
  max-width: none;
  padding-left: 16px;
}
.license-header > header > div > a > img {
  height: 56px !important;
}
.license-page {
  padding-top: 56px;
}
.license-body {
  padding: 16px;
}
a,
b,
strong {
  line-height: 1.125;
}
@media (min-width:600px) {
  .columns {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-count: 3;
    column-gap: 1em;
  }
  .columns .list {
    display: inline-block;
    margin: 0 0 1em;
  }
}
.flex-columns {
  display: flex;
  align-items: start;
}
.flex-columns > * {
  flex: 1;
}
.flex-columns > * + * {
  margin-left: 1em;
}
.flex-columns > * > * {
  max-width: 100%;
}
@media (max-width:767px) {
  .flex-columns {
    flex-direction: column;
  }
  .flex-columns > * + * {
    margin-left: 0;
    margin-top: 1em;
  }
}
.grid-columns,
.grid-columns-2 {
  display: grid;
}
.no-grid .grid-columns {
  display: flex;
  flex-wrap: wrap;
}
.no-grid .grid-columns > * {
  flex: 1;
}
.grid-columns-2 {
  grid-template-columns: repeat(auto-fit, minmax(calc((100% - 1em) / 2), auto));
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.no-grid .grid-columns-2 {
  margin-right: -1em;
  margin-bottom: -1em;
}
.no-grid .grid-columns-2 > * {
  min-width: calc((100% - 2em) / 2);
  margin: 0 1em 1em 0;
}
@media print {
  header,
  footer,
  #privatelabel {
    display: none;
  }
  main {
    border: 0;
  }
}
@media (max-width:1023px) {
  :not(.sort-scrollable-container) > table.sort.sort-wide > * {
    display: contents;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > :empty {
    content: ' ';
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > thead > tr > th,
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > td {
    border-bottom: 0;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > thead > tr > :not(.checkbox) ~ th {
    padding-top: 1px;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > :not(.checkbox) ~ td {
    padding-top: 0;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > :not(.checkbox) ~ td.buttons {
    padding-top: 6px;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > thead > tr {
    border-bottom: 1px solid #000;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > td.editable,
  :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > td.shrink {
    width: auto;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > .checkbox {
    display: flex;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr:before {
    content: '';
    padding-top: 1px;
    background-clip: content-box;
  }
  :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > thead > tr:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr {
    display: flex;
    flex-wrap: wrap;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > * {
    width: 100%;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > th.checkbox {
    padding: 6px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > td.checkbox {
    padding: 10px 6px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > td:empty {
    display: none;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > td {
    padding-right: 0;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > tbody > tr > td:last-child {
    flex-grow: 1;
    text-align: right;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > .checkbox {
    width: 32px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > :nth-child(n+2) {
    width: calc(100% - 32px);
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > :nth-child(n+3) {
    margin-left: 32px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > thead > tr:before {
    position: absolute;
    left: 0;
    top: 32px;
    bottom: 0;
    width: 32px;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide {
    display: grid;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > .stretch,
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > .icon,
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > .shrink,
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide > * > tr > .buttons {
    width: auto;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable {
    grid-template-columns: 40px repeat(auto-fill, minmax(42px, min-content));
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > caption {
    display: block;
    grid-column: 1 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr:before {
    grid-column: 1;
    grid-row: 2 / 100;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > * {
    grid-column: 2 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > .icon {
    grid-column: auto;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort.sort-wide.sort-selectable > * > tr > .checkbox {
    width: auto;
    grid-column: 1;
  }
}
@media (max-width:639px) {
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * {
    display: contents;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > :empty {
    content: ' ';
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > thead > tr > th,
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > td {
    border-bottom: 0;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > thead > tr > :not(.checkbox) ~ th {
    padding-top: 1px;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > :not(.checkbox) ~ td {
    padding-top: 0;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > :not(.checkbox) ~ td.buttons {
    padding-top: 6px;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > thead > tr {
    border-bottom: 1px solid #000;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > td.editable,
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > td.shrink {
    width: auto;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > .checkbox {
    display: flex;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr:before {
    content: '';
    padding-top: 1px;
    background-clip: content-box;
  }
  :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > thead > tr:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr {
    display: flex;
    flex-wrap: wrap;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > * {
    width: 100%;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > th.checkbox {
    padding: 6px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > td.checkbox {
    padding: 10px 6px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > td:empty {
    display: none;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > td {
    padding-right: 0;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > tbody > tr > td:last-child {
    flex-grow: 1;
    text-align: right;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > .checkbox {
    width: 32px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > :nth-child(n+2) {
    width: calc(100% - 32px);
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > :nth-child(n+3) {
    margin-left: 32px;
  }
  .no-subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > thead > tr:before {
    position: absolute;
    left: 0;
    top: 32px;
    bottom: 0;
    width: 32px;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) {
    display: grid;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > .stretch,
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > .icon,
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > .shrink,
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide) > * > tr > .buttons {
    width: auto;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable {
    grid-template-columns: 40px repeat(auto-fill, minmax(42px, min-content));
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > caption {
    display: block;
    grid-column: 1 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr:before {
    grid-column: 1;
    grid-row: 2 / 100;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > * {
    grid-column: 2 / -1;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > .icon {
    grid-column: auto;
  }
  .subgrid :not(.sort-scrollable-container) > table.sort:not(.sort-wide).sort-selectable > * > tr > .checkbox {
    width: auto;
    grid-column: 1;
  }
}
#studentSearch {
  position: relative;
  z-index: 2;
}
#studentSearch ~ table.sort {
  position: relative;
  z-index: 1;
  margin-top: 1em;
}
#students > tbody > tr > * > label {
  margin-top: 0;
  margin-bottom: 0;
}
#students td.student-licensing_status {
  width: 15%;
  min-width: 90px;
}
#students td.student-licensing_status .coz-input-checkbox,
#students td.student-licensing_status label {
  display: block;
  margin: 0;
  white-space: nowrap;
}
#students td.student-licensing_status input,
#students td.student-licensing_status i {
  float: right;
  margin: 2px 0;
}
#students td.student-licensing_status i.lock {
  width: 14px;
  height: 14px;
  margin: 3px 1px;
  background: url(/themes/redesign/images/button-icons.png) -140px -40px;
}
#students td.student-licensing_status span {
  margin-left: 0;
  padding-right: 20px;
}
#students td.student-expiration_date input,
#students td.student-expiration_date div {
  min-width: 140px;
}
@media (max-width:1023px) {
  #students td.editable {
    padding-right: 0;
  }
}
#myCoursesList table.sort td.buttons > div > .play,
#myCoursesList table.sort td.buttons > div > .button-locked {
  margin-right: auto;
}
#myCoursesList table.sort td.icon > .course-type,
#myCoursesList table.sort td.icon > .course-selection,
#myCoursesList table.sort td.icon > .course-status {
  vertical-align: top;
  margin-top: 0.125em;
  margin-bottom: 0.125em;
}
#myCoursesList table.sort td > .button.right {
  margin-right: -0.75em;
}
#myCoursesList table.sort td > progress {
  width: calc(100% - 2 * -0.1875em);
  min-width: 5em;
  margin-left: -0.1875em;
  margin-right: -0.1875em;
}
@media (max-width:1023px) {
  #myCoursesList table.sort {
    /*
		> thead > tr > .checkbox ~ th:nth-child(n+3):nth-child(-n+5),
		> tbody > tr > .checkbox ~ td:nth-child(5) ~ td { padding-top:0; }
		> tbody > tr > .checkbox ~ td:nth-child(n+3):nth-child(-n+5) { padding-top:6px; }
		> thead > tr > .checkbox ~ th:nth-child(5) ~ th { background-clip:content-box; }*/
  }
  .no-subgrid #myCoursesList table.sort > * > tr > th.shrink,
  .no-subgrid #myCoursesList table.sort > * > tr > td.detail {
    width: 98px;
  }
  .no-subgrid #myCoursesList table.sort > * > tr > th.checkbox,
  .no-subgrid #myCoursesList table.sort > * > tr > td.checkbox {
    padding-left: 6px;
    padding-right: 6px;
  }
  .no-subgrid #myCoursesList table.sort > * > tr > th.checkbox:first-child + *,
  .no-subgrid #myCoursesList table.sort > * > tr > td.checkbox:first-child + * {
    width: calc(100% - 32px - 3 * 33px);
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td {
    border: 0;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td:empty {
    display: block;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.icon ~ td:not(.icon) {
    padding-top: 0;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.icon + td:not(.icon) {
    padding-left: 46px;
    width: 131px;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.icon {
    padding-right: 6px;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.detail + td.buttons {
    flex-grow: 1;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td:last-child {
    flex-grow: 0;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.buttons button {
    width: auto;
  }
  .no-subgrid #myCoursesList table.sort > tbody > tr > td.buttons button.play {
    margin-right: 0;
  }
  .no-subgrid #myCoursesList table.sort.sort-selectable > * > tr > :nth-child(n+3) {
    margin-left: 0;
  }
  .no-subgrid #myCoursesList table.sort.sort-selectable > thead > tr > :nth-child(6),
  .no-subgrid #myCoursesList table.sort.sort-selectable.sort-col-6-hidden > thead > tr > :nth-child(7),
  .no-subgrid #myCoursesList table.sort.sort-selectable.sort-col-7-hidden > thead > tr > :nth-child(8) {
    margin-left: 32px;
    padding-left: 1px;
  }
  .subgrid #myCoursesList table.sort {
    /*
			&-col-4-hidden > thead > tr > :nth-child(4),
			&-col-5-hidden > thead > tr > :nth-child(5) { display:block; width:0; padding:0; overflow:hidden; }*/
  }
  .subgrid #myCoursesList table.sort.sort-selectable {
    /*
				> * > tr > :is([data-column="name"], [data-column="contactName"], [data-column="emailAddress"], [data-column="organization"], [data-column="department"], [data-column="group"]) { grid-column:~"2 / 100"; }
				> * > tr > :is([data-column="type"], [data-column="selection"], [data-column="version"], [data-column="status"], [data-column="progress"], [data-column="pending"], [data-column="duesoon"], [data-column="overdue"]) { grid-column:auto; }*/
    /*
				grid-template-columns:40px repeat(3, minmax(0, min-content)) 1fr repeat(4, minmax(0, min-content));
				> * > tr > :nth-child {
					&(1) { grid-column:1; }
					&(2) { grid-column:~"2 / 7"; }
					&(3) { grid-column:7; }
					&(4) { grid-column:8; }
					&(5) { grid-column:9; }
					&(6) { grid-column:2; }
					&(7) { grid-column:3; }
					&(8) { grid-column:4; }
					&(9) { grid-column:~"6 / 10"; }
				}
				> thead > tr > :nth-child(9) { grid-column:~"5 / 10"; }*/
  }
  .subgrid #myCoursesList table.sort.sort-selectable > * > tr > [data-column="name"] {
    grid-column: 2 / -2;
  }
  .subgrid #myCoursesList table.sort.sort-selectable > * > tr > [data-column="type"] {
    padding-top: 0;
  }
}
.static-buttons,
.sticky-buttons {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 0.5em;
  bottom: 48px;
  bottom: var(--page-gap);
  float: none;
  padding: 0;
  margin: 1em 0 0;
  overflow: visible;
}
.static-buttons.left,
.sticky-buttons.left {
  justify-content: flex-start;
  padding: 0;
  margin: 1em 0 0;
}
.static-buttons:empty,
.sticky-buttons:empty {
  display: none;
}
.static-buttons:before,
.sticky-buttons:before {
  content: none;
}
.static-buttons > button,
.sticky-buttons > button,
.static-buttons > .button,
.sticky-buttons > .button,
.static-buttons > div > button,
.sticky-buttons > div > button,
.static-buttons > div > .button,
.sticky-buttons > div > .button {
  backdrop-filter: blur(1em);
}
.static-buttons > div,
.sticky-buttons > div {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
}
.static-buttons > .left,
.sticky-buttons > .left {
  float: none;
  order: -1;
  margin-right: auto;
}
.static-buttons > .left:has(~ .left),
.sticky-buttons > .left:has(~ .left) {
  margin-right: 0;
}
.no-flex-gap .static-buttons > :not(.left):not(:last-child),
.no-flex-gap .sticky-buttons > :not(.left):not(:last-child) {
  margin-right: 0.5em;
}
.no-flex-gap .static-buttons > .left:has(~ .left),
.no-flex-gap .sticky-buttons > .left:has(~ .left) {
  margin-right: 0.5em;
}
@media (max-width:767px) {
  .static-buttons,
  .sticky-buttons {
    padding: 0;
    margin: 0;
  }
}
/* PackTag: /themes/redesign/styles/menu.less */
nav {
  font-size: 0.875;
}
header nav {
  font-size: 1em;
}
nav form {
  font-size: 1.14285714em;
}
nav menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav menu > form,
nav menu > div {
  display: block;
}
nav menu > div {
  padding: 0 1.14285714em;
}
nav menu > form {
  padding: 0 1em;
}
nav menu > p {
  margin: 1.14285714em;
}
nav menu.top menu {
  -webkit-box-shadow: 0 0.57142857em 0.57142857em -0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0.57142857em 0.57142857em -0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0.57142857em 0.57142857em -0.57142857em rgba(0, 0, 0, 0.4);
}
nav menu > li {
  display: block;
  position: relative;
  z-index: 1;
  margin: 0;
  -webkit-transition: z-index 0s 0.3s;
  -moz-transition: z-index 0s 0.3s;
  transition: z-index 0s 0.3s;
}
nav menu > li > a {
  display: flex;
  align-items: flex-start;
  gap: 0.57142857em;
  padding: 0.28571429em 1.14285714em;
  line-height: 1.42857143em;
  white-space: nowrap;
  cursor: default;
  text-decoration: none !important;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
nav menu > li > a:before,
nav menu > li > a:after {
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
nav menu > li > a:not(:last-child):after {
  width: 0.875em;
  height: 0.875em;
  -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -webkit-mask-size: 1100% 100%;
  -moz-mask-size: 1100% 100%;
  -ms-mask-size: 1100% 100%;
  -o-mask-size: 1100% 100%;
  mask-size: 1100% 100%;
  background-position: 10% 0%;
  -webkit-mask-position: 10% 0%;
  -moz-mask-position: 10% 0%;
  -ms-mask-position: 10% 0%;
  -o-mask-position: 10% 0%;
  mask-position: 10% 0%;
  width: 1.14285714em;
  height: 1.14285714em;
  margin: 0.14285714em -0.28571429em 0.14285714em auto;
}
nav menu > li > a[href^="/"] {
  width: 100%;
  cursor: pointer;
}
nav menu > li > a[data-count]:after {
  content: attr(data-count);
  font-size: inherit;
  margin-left: auto;
  background: none !important;
  -webkit-mask-image: none !important;
  -moz-mask-image: none !important;
  -ms-mask-image: none !important;
  -o-mask-image: none !important;
  mask-image: none !important;
  width: auto;
  height: auto;
}
nav menu > li > a[disabled] {
  pointer-events: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  filter: alpha(opacity=20);
  opacity: 0.2;
  background: none !important;
  mask-image: none !important;
}
nav menu > li > b {
  display: block;
  padding: 0.28571429em 1.14285714em;
  line-height: 1.42857143;
  white-space: nowrap;
}
nav menu > li > div {
  padding: 0 1.14285714em;
}
nav menu > li + li .button {
  margin-top: 1.14285714em;
}
nav menu > li > menu {
  position: absolute;
  left: -10000px;
  top: -10000px;
  z-index: 10;
  margin: 0;
  padding: 1.14285714em 0;
  min-width: 14.28571429em;
  background: #0c2e3f;
  opacity: 0;
  overflow: visible;
  /* Re-enable!!!
			visibility:hidden;*/
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), top 0s 0.3s, left 0s 0.3s, transform 0s 0.3s, visibility 0s 0.3s;
}
nav menu > li > menu > div {
  margin: 1.14285714em 0;
}
nav menu > li > menu > div .product {
  margin: 0;
}
nav menu > li.open {
  z-index: 2;
}
.noscript nav menu > li:focus-within {
  z-index: 2;
}
nav menu > li:hover {
  z-index: 3;
}
nav menu > li:hover > a,
nav menu > li.open > a {
  position: relative;
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.noscript nav menu > li:focus-within > a {
  position: relative;
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
nav menu > li:hover > a:before,
nav menu > li.open > a:before,
nav menu > li:hover > a:after,
nav menu > li.open > a:after {
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.noscript nav menu > li:focus-within > a:before,
.noscript nav menu > li:focus-within > a:after {
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
nav menu > li:hover > menu,
nav menu > li.open > menu {
  left: 100%;
  top: -1.14285714em;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.noscript nav menu > li:focus-within > a + menu {
  left: 100%;
  top: -1.14285714em;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
nav menu > li.overflow > a:before,
nav menu > li.menuheading > a:before {
  content: '';
  width: 1.42857143em;
  height: 1.42857143em;
}
nav menu > li.overflow > a:after,
nav menu > li.menuheading > a:after {
  content: none;
}
nav hr {
  margin: 16px;
}
nav .button {
  text-align: center;
  width: 100%;
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
nav .button-action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
nav .coz-input-labeled--label {
  font-size: 0.875em;
  line-height: 1.71428571;
}
nav > :first-child {
  margin-left: auto;
}
li.overflow > a:before,
li.menuheading > a:before,
#navigation_menu li.help > a:before,
#navigation_menu li.courses > a:before {
  width: 1.42857143em;
  height: 1.42857143em;
}
#account_menu li.overflow > a:before,
#account_menu li.menuheading > a:before {
  background-position: 42.30769231% 100%;
  -webkit-mask-position: 42.30769231% 100%;
  -moz-mask-position: 42.30769231% 100%;
  -ms-mask-position: 42.30769231% 100%;
  -o-mask-position: 42.30769231% 100%;
  mask-position: 42.30769231% 100%;
}
#account_menu.notloggedin li.overflow > a:before,
#account_menu.notloggedin li.menuheading > a:before {
  background-position: 50% 100%;
  -webkit-mask-position: 50% 100%;
  -moz-mask-position: 50% 100%;
  -ms-mask-position: 50% 100%;
  -o-mask-position: 50% 100%;
  mask-position: 50% 100%;
}
#navigation_menu li.overflow > a:before,
#navigation_menu li.menuheading > a:before,
#course_navigation_menu li.overflow > a:before,
#course_navigation_menu li.menuheading > a:before {
  background-position: 23.07692308% 100%;
  -webkit-mask-position: 23.07692308% 100%;
  -moz-mask-position: 23.07692308% 100%;
  -ms-mask-position: 23.07692308% 100%;
  -o-mask-position: 23.07692308% 100%;
  mask-position: 23.07692308% 100%;
}
#help_menu li.overflow > a:before,
#help_menu li.menuheading > a:before {
  background-position: 46.15384615% 100%;
  -webkit-mask-position: 46.15384615% 100%;
  -moz-mask-position: 46.15384615% 100%;
  -ms-mask-position: 46.15384615% 100%;
  -o-mask-position: 46.15384615% 100%;
  mask-position: 46.15384615% 100%;
}
#cart_menu li.overflow > a:before,
#cart_menu li.menuheading > a:before {
  background-position: 0% 100%;
  -webkit-mask-position: 0% 100%;
  -moz-mask-position: 0% 100%;
  -ms-mask-position: 0% 100%;
  -o-mask-position: 0% 100%;
  mask-position: 0% 100%;
}
#explore_menu li.overflow > a:before,
#explore_menu li.menuheading > a:before {
  background-position: 7.69230769% 0%;
  -webkit-mask-position: 7.69230769% 0%;
  -moz-mask-position: 7.69230769% 0%;
  -ms-mask-position: 7.69230769% 0%;
  -o-mask-position: 7.69230769% 0%;
  mask-position: 7.69230769% 0%;
}
#navigation_menu li.help > a:before {
  background-position: 46.15384615% 100%;
  -webkit-mask-position: 46.15384615% 100%;
  -moz-mask-position: 46.15384615% 100%;
  -ms-mask-position: 46.15384615% 100%;
  -o-mask-position: 46.15384615% 100%;
  mask-position: 46.15384615% 100%;
}
#navigation_menu li.courses > a:before {
  background-position: 65.38461538% 100%;
  -webkit-mask-position: 65.38461538% 100%;
  -moz-mask-position: 65.38461538% 100%;
  -ms-mask-position: 65.38461538% 100%;
  -o-mask-position: 65.38461538% 100%;
  mask-position: 65.38461538% 100%;
}
#course_buttons_menu li.popout > a:before {
  background-position: 53.84615385% 0%;
  -webkit-mask-position: 53.84615385% 0%;
  -moz-mask-position: 53.84615385% 0%;
  -ms-mask-position: 53.84615385% 0%;
  -o-mask-position: 53.84615385% 0%;
  mask-position: 53.84615385% 0%;
}
#course_buttons_menu li.audio > a:before {
  content: none;
}
#course_buttons_menu li.start > a:before {
  content: none;
}
#course_buttons_menu li.previous > a:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
#course_buttons_menu li.next > a:before {
  background-position: 3.84615385% 0%;
  -webkit-mask-position: 3.84615385% 0%;
  -moz-mask-position: 3.84615385% 0%;
  -ms-mask-position: 3.84615385% 0%;
  -o-mask-position: 3.84615385% 0%;
  mask-position: 3.84615385% 0%;
  order: 2;
}
#course_buttons_menu li.complete > a:before {
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
}
#course_buttons_menu li.exit > a:before {
  background-position: 34.61538462% 0%;
  -webkit-mask-position: 34.61538462% 0%;
  -moz-mask-position: 34.61538462% 0%;
  -ms-mask-position: 34.61538462% 0%;
  -o-mask-position: 34.61538462% 0%;
  mask-position: 34.61538462% 0%;
}
#explore_menu,
#course_navigation_menu {
  margin-left: 0;
  margin-right: auto;
}
header > div > nav menu > li {
  color: #ffffff;
}
header > div > nav menu > li > a[href] {
  color: #ffffff;
}
header > div > nav menu > li > a[href]:before,
header > div > nav menu > li > a[href]:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image header > div > nav menu > li > a[href]:before,
.no-mask-image header > div > nav menu > li > a[href]:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
header > div > nav menu > li:hover > a,
header > div > nav menu > li.open > a,
header > div > nav menu > li > a:focus {
  color: #ffffff;
  background-color: #3d5865;
}
header > div > nav menu > li:hover > a[href^="/"],
header > div > nav menu > li.open > a[href^="/"],
header > div > nav menu > li > a:focus[href^="/"] {
  background-color: #2454f3;
  color: #ffffff;
}
header > div > nav menu > li:hover > a[href^="/"]:before,
header > div > nav menu > li.open > a[href^="/"]:before,
header > div > nav menu > li > a:focus[href^="/"]:before,
header > div > nav menu > li:hover > a[href^="/"]:after,
header > div > nav menu > li.open > a[href^="/"]:after,
header > div > nav menu > li > a:focus[href^="/"]:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image header > div > nav menu > li:hover > a[href^="/"]:before,
.no-mask-image header > div > nav menu > li.open > a[href^="/"]:before,
.no-mask-image header > div > nav menu > li > a:focus[href^="/"]:before,
.no-mask-image header > div > nav menu > li:hover > a[href^="/"]:after,
.no-mask-image header > div > nav menu > li.open > a[href^="/"]:after,
.no-mask-image header > div > nav menu > li > a:focus[href^="/"]:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
header > div > nav menu > div {
  color: #ffffff;
}
header > div > nav hr {
  border-color: #ffffff;
}
header > div > nav hr:first-child {
  display: none;
}
header > div > nav .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
header > div > nav .button-action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.courseViewer > header > div > nav menu > li {
  color: #ffffff;
}
.courseViewer > header > div > nav menu > li > a[href] {
  color: #ffffff;
}
.courseViewer > header > div > nav menu > li > a[href]:before,
.courseViewer > header > div > nav menu > li > a[href]:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .courseViewer > header > div > nav menu > li > a[href]:before,
.no-mask-image .courseViewer > header > div > nav menu > li > a[href]:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.courseViewer > header > div > nav menu > li:hover > a,
.courseViewer > header > div > nav menu > li.open > a,
.courseViewer > header > div > nav menu > li > a:focus {
  color: #ffffff;
  background-color: #3d5865;
}
.courseViewer > header > div > nav menu > li:hover > a[href^="/"],
.courseViewer > header > div > nav menu > li.open > a[href^="/"],
.courseViewer > header > div > nav menu > li > a:focus[href^="/"] {
  background-color: #2454f3;
  color: #ffffff;
}
.courseViewer > header > div > nav menu > li:hover > a[href^="/"]:before,
.courseViewer > header > div > nav menu > li.open > a[href^="/"]:before,
.courseViewer > header > div > nav menu > li > a:focus[href^="/"]:before,
.courseViewer > header > div > nav menu > li:hover > a[href^="/"]:after,
.courseViewer > header > div > nav menu > li.open > a[href^="/"]:after,
.courseViewer > header > div > nav menu > li > a:focus[href^="/"]:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .courseViewer > header > div > nav menu > li:hover > a[href^="/"]:before,
.no-mask-image .courseViewer > header > div > nav menu > li.open > a[href^="/"]:before,
.no-mask-image .courseViewer > header > div > nav menu > li > a:focus[href^="/"]:before,
.no-mask-image .courseViewer > header > div > nav menu > li:hover > a[href^="/"]:after,
.no-mask-image .courseViewer > header > div > nav menu > li.open > a[href^="/"]:after,
.no-mask-image .courseViewer > header > div > nav menu > li > a:focus[href^="/"]:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.courseViewer > header > div > nav menu > div {
  color: #ffffff;
}
.courseViewer > header > div > nav hr {
  border-color: #ffffff;
}
.courseViewer > header > div > nav hr:first-child {
  display: none;
}
.courseViewer > header > div > nav .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #fff;
  --button-color-base: #000000;
  --button-background-color-hover: #e6e6e6;
  --button-color-hover: #000000;
  --button-background-color-active: #cccccc;
  --button-color-active: #000000;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.courseViewer > header > div > nav .button-action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
:root {
  --touch-menu-width: 400px;
  --touch-menu-height: 80px;
  --touch-menu-padding: 2em;
}
@media (min-width:1007px) {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  html:not(.touch-menu) #navigation_menu > li > a {
    display: none;
  }
  html:not(.touch-menu) #navigation_menu.top > li > a {
    display: flex;
  }
  html:not(.touch-menu) nav menu > li > menu.menu-reverse,
  html:not(.touch-menu) nav menu > li:hover > menu.menu-reverse,
  html:not(.touch-menu) nav menu > li.open > menu.menu-reverse {
    left: auto;
    right: 100%;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu.menu-reverse {
    left: auto;
    right: 100%;
  }
  html:not(.touch-menu) nav menu > li.menuheading {
    display: none;
  }
  html:not(.touch-menu) nav menu.top {
    display: flex;
    white-space: nowrap;
    position: static;
    padding: 0;
    min-width: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html:not(.touch-menu) nav menu.top > li > a {
    padding: 2.14285714em 1.14285714em;
  }
  html:not(.touch-menu) nav menu.top > li > a:before {
    content: '';
    width: 1.42857143em;
    height: 1.42857143em;
  }
  html:not(.touch-menu) nav menu.top > li > a:after {
    content: none;
  }
  html:not(.touch-menu) nav menu.top > li > menu {
    min-width: 100%;
  }
  html:not(.touch-menu) nav menu.top > li:hover > menu,
  html:not(.touch-menu) nav menu.top > li.open > menu,
  html:not(.touch-menu) nav menu.top > li:hover > menu.menu-reverse,
  html:not(.touch-menu) nav menu.top > li.open > menu.menu-reverse {
    left: 0;
    right: auto;
    top: 4em;
  }
  .noscript html:not(.touch-menu) nav menu.top > li:focus-within > menu,
  .noscript html:not(.touch-menu) nav menu.top > li:focus-within > menu.menu-reverse {
    left: 0;
    right: auto;
    top: 4em;
  }
  html:not(.touch-menu) #account_menu > li:first-child > menu {
    left: auto;
    right: 0;
  }
  html:not(.touch-menu) #account_menu > li:first-child:hover > menu,
  html:not(.touch-menu) #account_menu > li:first-child.open > menu {
    left: auto;
    right: 0;
  }
  .noscript html:not(.touch-menu) #account_menu > li:first-child:focus-within > menu {
    left: auto;
    right: 0;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li > a,
  html:not(.touch-menu) header > div > nav menu.top > li:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > li.open > a,
  html:not(.touch-menu) header > div > nav menu.top > li > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li menu {
    background: #183849;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li:focus-within > a {
    background: #183849;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li.open > a:focus {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li:focus-within > a:focus {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li.open > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li menu > li:focus-within > a {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li.open > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li menu > li:focus-within > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li menu > li > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:hover > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li.open > a,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li menu {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:focus-within > a {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li.open > a:focus {
    background: #395563;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:focus-within > a:focus {
    background: #395563;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input > label,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #2f4c5a;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input > label,
  html:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #244252;
  }
  html:not(.touch-menu) header > div > nav menu.top > li > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu.top > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input > label,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--label {
    --text-shadow-color: #183849;
  }
  html:not(.touch-menu) header > div > nav menu.top > li input {
    background: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) header > div > nav menu.top > li input,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) header > div > nav menu.top > li input:hover,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-search:hover input,
  html:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.touch-menu) header > div > nav menu.top > li input:focus,
  html:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:after {
    border-color: #2454f3;
  }
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-search:has(:focus-visible) input {
    border-color: #2454f3;
  }
  html:not(.touch-menu) header > div > nav menu.top > li input,
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--label {
    color: #fff;
  }
  html:not(.touch-menu) header > div > nav menu.top > li .coz-input-search button {
    /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
    --button-background-color-base: #2454f3;
    --button-color-base: #ffffff;
    --button-background-color-hover: #0c3bd8;
    --button-color-hover: #ffffff;
    --button-background-color-active: #092ea8;
    --button-color-active: #ffffff;
    --button-color-flat: #000000;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu {
    background: #183849;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:focus-within > a {
    background: #183849;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li.open > a:focus {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:focus-within > a:focus {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:focus-within > a {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li.open > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:focus-within > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li menu {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:focus-within > a {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li.open > a:focus {
    background: #395563;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:focus-within > a:focus {
    background: #395563;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #2f4c5a;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #244252;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--label {
    --text-shadow-color: #183849;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input {
    background: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search:hover input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:after {
    border-color: #2454f3;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search:has(:focus-visible) input {
    border-color: #2454f3;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--label {
    color: #fff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search button {
    /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
    --button-background-color-base: #2454f3;
    --button-color-base: #ffffff;
    --button-background-color-hover: #0c3bd8;
    --button-color-hover: #ffffff;
    --button-background-color-active: #092ea8;
    --button-color-active: #ffffff;
    --button-color-flat: #000000;
  }
  html:not(.touch-menu) #explore_menu > li:before,
  html:not(.touch-menu) #course_navigation_menu > li:before {
    content: '';
    position: absolute;
    border: 0 solid transparent;
    border-width: 2em 0.53589838em;
    z-index: 3;
    border-color: #0c2e3f transparent transparent #0c2e3f;
    pointer-events: none;
  }
}
html.no-media-query:not(.touch-menu) #navigation_menu > li > a {
  display: none;
}
html.no-media-query:not(.touch-menu) #navigation_menu.top > li > a {
  display: flex;
}
html.no-media-query:not(.touch-menu) nav menu > li > menu.menu-reverse,
html.no-media-query:not(.touch-menu) nav menu > li:hover > menu.menu-reverse,
html.no-media-query:not(.touch-menu) nav menu > li.open > menu.menu-reverse {
  left: auto;
  right: 100%;
}
.noscript html.no-media-query:not(.touch-menu) nav menu > li:focus-within > menu.menu-reverse {
  left: auto;
  right: 100%;
}
html.no-media-query:not(.touch-menu) nav menu > li.menuheading {
  display: none;
}
html.no-media-query:not(.touch-menu) nav menu.top {
  display: flex;
  white-space: nowrap;
  position: static;
  padding: 0;
  min-width: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
html.no-media-query:not(.touch-menu) nav menu.top > li > a {
  padding: 2.14285714em 1.14285714em;
}
html.no-media-query:not(.touch-menu) nav menu.top > li > a:before {
  content: '';
  width: 1.42857143em;
  height: 1.42857143em;
}
html.no-media-query:not(.touch-menu) nav menu.top > li > a:after {
  content: none;
}
html.no-media-query:not(.touch-menu) nav menu.top > li > menu {
  min-width: 100%;
}
html.no-media-query:not(.touch-menu) nav menu.top > li:hover > menu,
html.no-media-query:not(.touch-menu) nav menu.top > li.open > menu,
html.no-media-query:not(.touch-menu) nav menu.top > li:hover > menu.menu-reverse,
html.no-media-query:not(.touch-menu) nav menu.top > li.open > menu.menu-reverse {
  left: 0;
  right: auto;
  top: 4em;
}
.noscript html.no-media-query:not(.touch-menu) nav menu.top > li:focus-within > menu,
.noscript html.no-media-query:not(.touch-menu) nav menu.top > li:focus-within > menu.menu-reverse {
  left: 0;
  right: auto;
  top: 4em;
}
html.no-media-query:not(.touch-menu) #account_menu > li:first-child > menu {
  left: auto;
  right: 0;
}
html.no-media-query:not(.touch-menu) #account_menu > li:first-child:hover > menu,
html.no-media-query:not(.touch-menu) #account_menu > li:first-child.open > menu {
  left: auto;
  right: 0;
}
.noscript html.no-media-query:not(.touch-menu) #account_menu > li:first-child:focus-within > menu {
  left: auto;
  right: 0;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li:hover > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li.open > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu {
  background: #183849;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li:focus-within > a {
  background: #183849;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li:hover > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li.open > a:focus {
  background: #244252;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li:focus-within > a:focus {
  background: #244252;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li:hover > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li.open > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu {
  background: #244252;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li:focus-within > a {
  background: #244252;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li:hover > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li.open > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li:focus-within > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li menu > li > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:hover > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li.open > a,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li menu {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:focus-within > a {
  background: #2f4c5a;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:hover > a:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li.open > a:focus {
  background: #395563;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li:focus-within > a:focus {
  background: #395563;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input > label,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #2f4c5a;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input > label,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #244252;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input > label,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--label {
  --text-shadow-color: #183849;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li input {
  background: rgba(255, 255, 255, 0.1);
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li input,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.1);
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li input:hover,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-search:hover input,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li input:focus,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:after {
  border-color: #2454f3;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-search:has(:focus-visible) input {
  border-color: #2454f3;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li input,
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-labeled--label {
  color: #fff;
}
html.no-media-query:not(.touch-menu) header > div > nav menu.top > li .coz-input-search button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:hover > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li.open > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu {
  background: #183849;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:focus-within > a {
  background: #183849;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:hover > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li.open > a:focus {
  background: #244252;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li:focus-within > a:focus {
  background: #244252;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:hover > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li.open > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu {
  background: #244252;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:focus-within > a {
  background: #244252;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:hover > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li.open > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li:focus-within > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li menu > li > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:hover > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li.open > a,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li menu {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:focus-within > a {
  background: #2f4c5a;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:hover > a:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li.open > a:focus {
  background: #395563;
  color: #ffffff;
}
.noscript html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li:focus-within > a:focus {
  background: #395563;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input > label,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #2f4c5a;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input > label,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #244252;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a[href^="/"]:hover,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input[data-label]:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input > label,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--label {
  --text-shadow-color: #183849;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input {
  background: rgba(255, 255, 255, 0.1);
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.1);
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input:hover,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search:hover input,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input:focus,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:before,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li :focus ~ .coz-input-labeled--border:after {
  border-color: #2454f3;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search:has(:focus-visible) input {
  border-color: #2454f3;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li input,
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-labeled--label {
  color: #fff;
}
html.no-media-query:not(.touch-menu) .courseViewer > header > div > nav menu.top > li .coz-input-search button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
html.no-media-query:not(.touch-menu) #explore_menu > li:before,
html.no-media-query:not(.touch-menu) #course_navigation_menu > li:before {
  content: '';
  position: absolute;
  border: 0 solid transparent;
  border-width: 2em 0.53589838em;
  z-index: 3;
  border-color: #0c2e3f transparent transparent #0c2e3f;
  pointer-events: none;
}
@media (max-width:1006px) {
  /* body.open { overflow:hidden; } */
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  html:not(.touch-menu) {
    /* body.open { overflow:hidden; } */
  }
  html:not(.touch-menu) header,
  html:not(.touch-menu) header > div {
    height: 80px;
    height: var(--touch-menu-height);
  }
  html:not(.touch-menu) header {
    background-color: transparent;
    transition: height 0s 0.3s;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html:not(.touch-menu) header:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), z-index 0s 0.2s;
  }
  html:not(.touch-menu) header > div {
    background: #0c2e3f;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  }
  html:not(.touch-menu) header > div > a:any-link {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  html:not(.touch-menu) header.open {
    height: 100%;
    transition: none;
  }
  html:not(.touch-menu) header.open:before {
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.6);
    transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  html:not(.touch-menu) nav {
    /* 
		
		menu.open > * { display:none; }
		menu.open > li.open { display:block; } */
  }
  body > header > div > html:not(.touch-menu) nav,
  html:not(.touch-menu) nav > menu {
    float: right;
    position: static;
    width: auto;
  }
  html:not(.touch-menu) nav > menu.top > li {
    float: left;
  }
  html:not(.touch-menu) nav menu > form,
  html:not(.touch-menu) nav menu > div {
    padding: 0 2em;
    padding: 0 var(--touch-menu-padding);
  }
  html:not(.touch-menu) nav menu > li {
    position: static;
  }
  html:not(.touch-menu) nav menu > li > a {
    padding: 2.14285714em 1.14285714em;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html:not(.touch-menu) nav menu > li > a[href^="/"][data-count] {
    display: block;
  }
  html:not(.touch-menu) nav menu > li > a[href^="/"][data-count]:before {
    content: attr(data-count);
    float: right;
    margin: 0 0 0 2em;
    margin: 0 0 0 var(--touch-menu-padding);
    padding: 0;
    background: none !important;
    -webkit-mask-image: none !important;
    -moz-mask-image: none !important;
    -ms-mask-image: none !important;
    -o-mask-image: none !important;
    mask-image: none !important;
    width: auto;
    height: auto;
    font-size: inherit;
  }
  html:not(.touch-menu) nav menu > li > a[href^="/"][data-count]:after {
    content: none;
  }
  html:not(.touch-menu) nav menu > li > menu {
    width: 400px;
    width: var(--touch-menu-width);
    left: auto;
    right: 0;
    -webkit-transform: translateX(400px);
    -moz-transform: translateX(400px);
    -ms-transform: translateX(400px);
    -o-transform: translateX(400px);
    transform: translateX(400px);
    -webkit-transform: translateX(var(--touch-menu-width));
    -moz-transform: translateX(var(--touch-menu-width));
    -ms-transform: translateX(var(--touch-menu-width));
    -o-transform: translateX(var(--touch-menu-width));
    transform: translateX(var(--touch-menu-width));
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html:not(.touch-menu) nav menu > li > menu > :first-child:not(.menuheading),
  html:not(.touch-menu) nav menu > li > menu > hr:first-child + :not(.menuheading),
  html:not(.touch-menu) nav menu > li > menu > .menuheading + * {
    margin-top: 2em;
    margin-top: var(--touch-menu-padding);
  }
  html:not(.touch-menu) nav menu > li > menu > :last-child {
    margin-bottom: 2em;
    margin-bottom: var(--touch-menu-padding);
  }
  html:not(.touch-menu) nav menu > li.open > menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
    box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
    box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  }
  html:not(.touch-menu) nav menu > li menu > li.open > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  }
  .noscript html:not(.touch-menu) nav menu > li menu > li:focus-within > a {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  }
  html:not(.touch-menu) nav menu > li menu > li.open > a:after {
    width: 0.875em;
    height: 0.875em;
    -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -webkit-mask-size: 1100% 100%;
    -moz-mask-size: 1100% 100%;
    -ms-mask-size: 1100% 100%;
    -o-mask-size: 1100% 100%;
    mask-size: 1100% 100%;
    background-position: 0% 0%;
    -webkit-mask-position: 0% 0%;
    -moz-mask-position: 0% 0%;
    -ms-mask-position: 0% 0%;
    -o-mask-position: 0% 0%;
    mask-position: 0% 0%;
  }
  .noscript html:not(.touch-menu) nav menu > li menu > li:focus-within > a:after {
    width: 0.875em;
    height: 0.875em;
    -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
    mask-image: url(/images/webshop/button-icons-small-mask.svg);
    -webkit-mask-size: 1100% 100%;
    -moz-mask-size: 1100% 100%;
    -ms-mask-size: 1100% 100%;
    -o-mask-size: 1100% 100%;
    mask-size: 1100% 100%;
    background-position: 0% 0%;
    -webkit-mask-position: 0% 0%;
    -moz-mask-position: 0% 0%;
    -ms-mask-position: 0% 0%;
    -o-mask-position: 0% 0%;
    mask-position: 0% 0%;
  }
  html:not(.touch-menu) nav menu > li.menuheading {
    pointer-events: none;
  }
  html:not(.touch-menu) nav menu > li.menuheading > a {
    padding-top: 1.28571429em;
    padding-bottom: 1.28571429em;
  }
  html:not(.touch-menu) nav #explore_menu li > menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(-400px);
    -moz-transform: translateX(-400px);
    -ms-transform: translateX(-400px);
    -o-transform: translateX(-400px);
    transform: translateX(-400px);
    -webkit-transform: translateX(calc(0px - var(--touch-menu-width)));
    -moz-transform: translateX(calc(0px - var(--touch-menu-width)));
    -ms-transform: translateX(calc(0px - var(--touch-menu-width)));
    -o-transform: translateX(calc(0px - var(--touch-menu-width)));
    transform: translateX(calc(0px - var(--touch-menu-width)));
  }
  html:not(.touch-menu) nav #explore_menu li.open > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  .noscript html:not(.touch-menu) nav #explore_menu li:focus-within > a + menu {
    left: 0;
    right: auto;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  html:not(.touch-menu) nav menu > li.overflow > a,
  html:not(.touch-menu) nav menu > li.menuheading > a {
    height: 80px;
    height: var(--touch-menu-height);
  }
  html:not(.touch-menu) nav menu > li.overflow > a:before,
  html:not(.touch-menu) nav menu > li.menuheading > a:before {
    content: '';
    width: 1.42857143em;
    height: 1.42857143em;
  }
  html:not(.touch-menu) nav menu > li.overflow.menuheading {
    position: sticky;
    top: 0;
    z-index: 12;
    width: 100%;
    -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  }
  html:not(.touch-menu) nav menu > li.overflow > a {
    width: 80px;
    width: var(--touch-menu-height);
    display: grid;
    gap: 1000px;
    padding: 28em;
    padding: calc((var(--touch-menu-height) - 24px)/2);
  }
  .no-grid html:not(.touch-menu) nav menu > li.overflow > a {
    letter-spacing: -1000px;
    color: transparent;
    user-select: none;
    justify-content: center;
    cursor: pointer;
  }
  html:not(.touch-menu) nav menu > li.overflow > a + menu {
    top: 80px;
    top: var(--touch-menu-height);
  }
  html:not(.touch-menu) nav menu > li.overflow > a + menu {
    top: 0;
    -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
    -moz-transition: -moz-transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
    transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
  }
  html:not(.touch-menu) nav menu > li.overflow.open > a + menu {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  .noscript html:not(.touch-menu) nav menu > li.overflow:focus-within > a + menu {
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  html:not(.touch-menu) nav menu > li.overflow li > a + menu {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
  }
  html:not(.touch-menu) nav menu > li.overflow li.open > a {
    top: 80px;
    top: var(--touch-menu-height);
  }
  .noscript html:not(.touch-menu) nav menu > li.overflow li:focus-within > a {
    top: 80px;
    top: var(--touch-menu-height);
  }
  html:not(.touch-menu) nav menu > li.overflow li.open > a + menu {
    top: 83.42857143px;
    top: calc(var(--touch-menu-height) + 3.42857143em);
  }
  .noscript html:not(.touch-menu) nav menu > li.overflow li:focus-within > a + menu {
    top: 83.42857143px;
    top: calc(var(--touch-menu-height) + 3.42857143em);
  }
  html:not(.touch-menu) nav menu > li.overflow li li.open > a {
    top: 0;
  }
  .noscript html:not(.touch-menu) nav menu > li.overflow li li:focus-within > a {
    top: 0;
  }
  html:not(.touch-menu) nav menu > li.overflow li li.open > a + menu {
    top: 3.42857143em;
  }
  .noscript html:not(.touch-menu) nav menu > li.overflow li li:focus-within > a + menu {
    top: 3.42857143em;
  }
  html:not(.touch-menu) nav menu > li.menuheading {
    position: sticky;
    top: 0;
    z-index: 12;
    width: 100%;
    -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  }
  html:not(.touch-menu) nav menu > li.menuheading > a:not(:empty) {
    flex-flow: row-reverse;
  }
  html:not(.touch-menu) nav menu > li.menuheading > a:not(:empty):before {
    margin-left: 0.57142857em;
    margin-right: 0;
  }
  html:not(.touch-menu) nav #navigation_menu {
    clear: none;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow:hover > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow.open > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu {
    background: #183849;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow:focus-within > a {
    background: #183849;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow.open > a:focus {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow:focus-within > a:focus {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li:hover > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li.open > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow menu > li:focus-within > a {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li.open > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow menu > li:focus-within > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li menu > li > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li:hover > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li.open > a,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li menu {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li:focus-within > a {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li:hover > a:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li.open > a:focus {
    background: #395563;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li:focus-within > a:focus {
    background: #395563;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li .coz-input > label,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #2f4c5a;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li .coz-input > label,
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li .coz-input-labeled--label {
    --text-shadow-color: #244252;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow > a[href^="/"]:hover,
  html:not(.touch-menu) header > div > nav menu > li.overflow > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input[data-label]:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input > label,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--label {
    --text-shadow-color: #183849;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow input {
    background: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow input,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow input:hover,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-search:hover input,
  html:not(.touch-menu) header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow input:focus,
  html:not(.touch-menu) header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border,
  html:not(.touch-menu) header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:after {
    border-color: #2454f3;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-search:has(:focus-visible) input {
    border-color: #2454f3;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow input,
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--label {
    color: #fff;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-search button {
    /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
    --button-background-color-base: #2454f3;
    --button-color-base: #ffffff;
    --button-background-color-hover: #0c3bd8;
    --button-color-hover: #ffffff;
    --button-background-color-active: #092ea8;
    --button-color-active: #ffffff;
    --button-color-flat: #000000;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu {
    background: #183849;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow:focus-within > a {
    background: #183849;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow.open > a:focus {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow:focus-within > a:focus {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu {
    background: #244252;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li:focus-within > a {
    background: #244252;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li.open > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li:focus-within > a:focus {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li menu > li > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:hover > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li.open > a,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li menu {
    background: #2f4c5a;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:focus-within > a {
    background: #2f4c5a;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:hover > a:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li.open > a:focus {
    background: #395563;
    color: #ffffff;
  }
  .noscript html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:focus-within > a:focus {
    background: #395563;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input-labeled--label {
    --text-shadow-color: #2f4c5a;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input-labeled--label {
    --text-shadow-color: #244252;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow > a[href^="/"]:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow > a[href^="/"]:focus {
    background: #2454f3;
    color: #ffffff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input[data-label]:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input > label,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--label {
    --text-shadow-color: #183849;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow input {
    background: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.1);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow input:hover,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-search:hover input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:after {
    border-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow input:focus,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:before,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:after {
    border-color: #2454f3;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-search:has(:focus-visible) input {
    border-color: #2454f3;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow input,
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--label {
    color: #fff;
  }
  html:not(.touch-menu) .courseViewer > header > div > nav menu > li.overflow .coz-input-search button {
    /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
    --button-background-color-base: #2454f3;
    --button-color-base: #ffffff;
    --button-background-color-hover: #0c3bd8;
    --button-color-hover: #ffffff;
    --button-background-color-active: #092ea8;
    --button-color-active: #ffffff;
    --button-color-flat: #000000;
  }
  html:not(.touch-menu) #explore_menu > li > a,
  html:not(.touch-menu) #course_navigation_menu > li > a {
    padding-left: 2.57142857em;
    margin-left: -1.28571429em;
  }
  html:not(.touch-menu) header > div > a {
    padding: 16px;
    padding: calc(var(--touch-menu-logo-padding) * 3 / 2) var(--touch-menu-logo-padding);
    max-width: calc(100% - var(--touch-menu-height) * 2 - var(--touch-menu-logo-padding) * 3);
  }
  html:not(.touch-menu) header > div > nav {
    margin-left: auto;
  }
  html:not(.touch-menu) header > div > nav menu > li a:not(.button),
  html:not(.touch-menu) header > div > nav menu > li a:not(.button)[href],
  html:not(.touch-menu) header > div > nav menu > li.overflow menu > li > a {
    color: rgba(255, 255, 255, 0.8);
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow > a:before {
    margin: 0;
  }
  html:not(.touch-menu) header > div > nav menu > li.overflow .coz-input-labeled--label {
    color: rgba(255, 255, 255, 0.3);
    font-size: 1em;
  }
  html:not(.touch-menu) header > div > nav hr {
    margin: 1em 2em;
    border-color: rgba(255, 255, 255, 0.2);
  }
  html:not(.touch-menu) header > div > a > img,
  html:not(.touch-menu) #navigation_menu a[href="/mindset"] > img {
    height: 48px !important;
    height: calc(var(--touch-menu-height) - var(--touch-menu-logo-padding) * 3) !important;
  }
  html:not(.touch-menu) #course_navigation_menu > li > a {
    padding-left: calc((var(--touch-menu-height) - 24px)/2);
    margin-left: 0;
  }
  html:not(.touch-menu) #course_navigation_menu {
    order: 2;
    margin: 0;
  }
  html:not(.touch-menu) #course_buttons_menu {
    margin-left: auto;
  }
  html:not(.touch-menu) nav menu > li > menu {
    overscroll-behavior: contain;
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
  }
  html:not(.touch-menu) nav menu > li > menu::-webkit-scrollbar {
    background: transparent;
  }
  html:not(.touch-menu) nav menu > li > menu::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
  }
  html:not(.touch-menu) nav menu > li > menu::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
  }
  html:not(.touch-menu) nav menu > li > menu::-webkit-scrollbar-thumb:hover:active {
    background: rgba(255, 255, 255, 0.6);
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
  }
  html:not(.touch-menu) nav menu > li:hover > menu,
  html:not(.touch-menu) nav menu > li nav menu > li {
    visibility: hidden;
  }
  html:not(.touch-menu) nav menu > li.open > menu {
    visibility: visible;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within.focus > menu {
    visibility: visible;
  }
  html:not(.touch-menu) nav menu > li > menu > :first-child:not(.menuheading),
  html:not(.touch-menu) nav menu > li:hover > menu > :first-child:not(.menuheading),
  html:not(.touch-menu) nav menu > li.open > menu > :first-child:not(.menuheading),
  html:not(.touch-menu) nav menu > li > menu > hr:first-child + :not(.menuheading),
  html:not(.touch-menu) nav menu > li:hover > menu > hr:first-child + :not(.menuheading),
  html:not(.touch-menu) nav menu > li.open > menu > hr:first-child + :not(.menuheading),
  html:not(.touch-menu) nav menu > li > menu > .menuheading + *,
  html:not(.touch-menu) nav menu > li:hover > menu > .menuheading + *,
  html:not(.touch-menu) nav menu > li.open > menu > .menuheading + * {
    margin-top: 1em;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu > :first-child:not(.menuheading),
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu > hr:first-child + :not(.menuheading),
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu > .menuheading + * {
    margin-top: 1em;
  }
  html:not(.touch-menu) nav menu > li > menu > :last-child,
  html:not(.touch-menu) nav menu > li:hover > menu > :last-child,
  html:not(.touch-menu) nav menu > li.open > menu > :last-child {
    margin-bottom: 1em;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu > :last-child {
    margin-bottom: 1em;
  }
  html:not(.touch-menu) nav menu > li menu > li > a {
    padding: 0.6875em 2em;
    line-height: 1.25;
    font-weight: 400;
  }
  html:not(.touch-menu) nav menu > li menu > li > b {
    padding: 0.85714286em 2.28571429em;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
    font-size: 0.875em;
  }
  html:not(.touch-menu) nav menu > li menu > li.open a,
  html:not(.touch-menu) nav menu > li menu > li.open a + menu {
    position: static;
  }
  .noscript html:not(.touch-menu) nav menu > li menu > li:focus-within a,
  .noscript html:not(.touch-menu) nav menu > li menu > li:focus-within a + menu {
    position: static;
  }
  html:not(.touch-menu) nav menu > li > a:not(:last-child):after {
    background-position: 30% 0%;
    -webkit-mask-position: 30% 0%;
    -moz-mask-position: 30% 0%;
    -ms-mask-position: 30% 0%;
    -o-mask-position: 30% 0%;
    mask-position: 30% 0%;
  }
  html:not(.touch-menu) nav menu > li.open > a:not(:last-child):after {
    background-position: 20% 0%;
    -webkit-mask-position: 20% 0%;
    -moz-mask-position: 20% 0%;
    -ms-mask-position: 20% 0%;
    -o-mask-position: 20% 0%;
    mask-position: 20% 0%;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > a:not(:last-child) {
    background-position: 20% 0%;
    -webkit-mask-position: 20% 0%;
    -moz-mask-position: 20% 0%;
    -ms-mask-position: 20% 0%;
    -o-mask-position: 20% 0%;
    mask-position: 20% 0%;
  }
  html:not(.touch-menu) nav menu > li.open > menu,
  html:not(.touch-menu) nav menu > li menu > li.open > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .noscript html:not(.touch-menu) nav menu > li:focus-within > menu,
  .noscript html:not(.touch-menu) nav menu > li menu > li:focus-within > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  html:not(.touch-menu) nav menu > li > a > .insight-button {
    padding: 0;
    display: flex;
    align-items: center;
  }
  html:not(.touch-menu) nav menu > li > a > .insight-button:before {
    margin: 0 1em 0 0;
    width: 1em;
    height: 1em;
    transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  html:not(.touch-menu) nav menu > li:hover > a,
  html:not(.touch-menu) nav menu > li.open > a {
    transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  html:not(.touch-menu) nav menu > li:hover > a > .insight-button:before,
  html:not(.touch-menu) nav menu > li.open > a > .insight-button:before {
    transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  html:not(.touch-menu) nav menu > li.overflow > a {
    width: 80px;
    width: var(--touch-menu-height);
    display: grid;
    gap: 1000px;
    padding: 28em;
    padding: calc((var(--touch-menu-height) - 24px)/2);
  }
  .no-grid html:not(.touch-menu) nav menu > li.overflow > a {
    letter-spacing: -1000px;
    color: transparent;
    user-select: none;
    justify-content: center;
    cursor: pointer;
  }
  html:not(.touch-menu) nav menu > li.overflow > a + menu {
    top: 80px;
    top: var(--touch-menu-height);
  }
  html:not(.touch-menu) nav menu > li.overflow-with-text > a {
    width: auto;
    display: flex;
    gap: 1em;
  }
  html:not(.touch-menu) nav menu menu li.open menu > li:first-child:not(.menuheading) {
    margin-top: 0;
  }
  html:not(.touch-menu) nav menu menu li.open menu > li:last-child {
    margin-bottom: 0;
  }
  html:not(.touch-menu) nav menu menu li.open menu > li > a {
    gap: 0.82857143em;
    font-size: 0.875em;
    line-height: 1.28571429;
    padding: 0.64285714em 2.28571429em;
    gap: 0.94693878em;
    justify-content: flex-start;
  }
  html:not(.touch-menu) nav menu menu li.open menu > li > a > svg {
    display: none;
    height: 1.14285714em;
    margin-top: 0.07142857em;
    color: var(--solutioncenter-color);
    flex-shrink: 0;
    transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  html:not(.touch-menu) nav menu menu li.open menu > li > a:hover > svg {
    color: currentColor;
    transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  html:not(.touch-menu) header {
    /* 
		&.account-open { overflow-y:auto; overflow-x:hidden; } */
    /* 
		&:after { content:''; position:absolute; top:0; height:0; left:0; right:0; z-index:5; .transition(height 0s 1s); }
		&.open:after { height:@touch-menu-height; height:var(--touch-menu-height); .transition(none); }
		> div > a,
		> div > nav > menu > menuitem { .transition(opacity 0.3s ease-in); pointer-events:all; animation:delay-pointer-events-all 1s; }
		&.open > div > a,
		&.open > div > nav > menu:not(.open) > menuitem { opacity:0.4; .transition(opacity 0.3s ease-out); pointer-events:none; animation:delay-pointer-events-none 0s; }
		@keyframes delay-pointer-events-all { from { pointer-events:none; } }
		@keyframes delay-pointer-events-none { from { pointer-events:all; } } 
		> div > a,
		> div > nav > menu { pointer-events:all; animation:delay-pointer-events 1s; }
		@keyframes delay-pointer-events { from { pointer-events:none; } }
		&.open > div > a,
		&.open:not(.account-open) #account_menu,
		&.open:not(.search-open) #search_menu,
		&.open:not(.navigation-open) #navigation_menu { pointer-events:none; animation:none; } */
  }
  html:not(.touch-menu) header.open:before {
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
  }
  html:not(.touch-menu) header:before,
  html:not(.touch-menu) header.open:before {
    z-index: -1;
  }
  html:not(.touch-menu) header > div > a,
  html:not(.touch-menu) header > div > nav > menu > li > a {
    transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  html:not(.touch-menu) header > div > a:hover,
  html:not(.touch-menu) header > div > nav > menu > li > a:hover {
    transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  html:not(.touch-menu) header.open > div > a,
  html:not(.touch-menu) header.open > div > div,
  html:not(.touch-menu) header.open > div > nav > menu:not(.open) > li > * {
    opacity: 0.4;
    transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
    cursor: default;
    pointer-events: none;
  }
  html:not(.touch-menu) footer {
    margin-top: auto;
    flex-shrink: 0;
  }
}
html.touch-menu {
  /* body.open { overflow:hidden; } */
}
/* body.open { overflow:hidden; } */
html.touch-menu header,
html.touch-menu header > div {
  height: 80px;
  height: var(--touch-menu-height);
}
html.touch-menu header {
  background-color: transparent;
  transition: height 0s 0.3s;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html.touch-menu header:before {
  content: '';
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), z-index 0s 0.2s;
}
html.touch-menu header > div {
  background: #0c2e3f;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
html.touch-menu header > div > a:any-link {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
html.touch-menu header.open {
  height: 100%;
  transition: none;
}
html.touch-menu header.open:before {
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
html.touch-menu nav {
  /* 
		
		menu.open > * { display:none; }
		menu.open > li.open { display:block; } */
}
body > header > div > html.touch-menu nav,
html.touch-menu nav > menu {
  float: right;
  position: static;
  width: auto;
}
html.touch-menu nav > menu.top > li {
  float: left;
}
html.touch-menu nav menu > form,
html.touch-menu nav menu > div {
  padding: 0 2em;
  padding: 0 var(--touch-menu-padding);
}
html.touch-menu nav menu > li {
  position: static;
}
html.touch-menu nav menu > li > a {
  padding: 2.14285714em 1.14285714em;
  overflow: hidden;
  text-overflow: ellipsis;
}
html.touch-menu nav menu > li > a[href^="/"][data-count] {
  display: block;
}
html.touch-menu nav menu > li > a[href^="/"][data-count]:before {
  content: attr(data-count);
  float: right;
  margin: 0 0 0 2em;
  margin: 0 0 0 var(--touch-menu-padding);
  padding: 0;
  background: none !important;
  -webkit-mask-image: none !important;
  -moz-mask-image: none !important;
  -ms-mask-image: none !important;
  -o-mask-image: none !important;
  mask-image: none !important;
  width: auto;
  height: auto;
  font-size: inherit;
}
html.touch-menu nav menu > li > a[href^="/"][data-count]:after {
  content: none;
}
html.touch-menu nav menu > li > menu {
  width: 400px;
  width: var(--touch-menu-width);
  left: auto;
  right: 0;
  -webkit-transform: translateX(400px);
  -moz-transform: translateX(400px);
  -ms-transform: translateX(400px);
  -o-transform: translateX(400px);
  transform: translateX(400px);
  -webkit-transform: translateX(var(--touch-menu-width));
  -moz-transform: translateX(var(--touch-menu-width));
  -ms-transform: translateX(var(--touch-menu-width));
  -o-transform: translateX(var(--touch-menu-width));
  transform: translateX(var(--touch-menu-width));
  bottom: 0;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  padding: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html.touch-menu nav menu > li > menu > :first-child:not(.menuheading),
html.touch-menu nav menu > li > menu > hr:first-child + :not(.menuheading),
html.touch-menu nav menu > li > menu > .menuheading + * {
  margin-top: 2em;
  margin-top: var(--touch-menu-padding);
}
html.touch-menu nav menu > li > menu > :last-child {
  margin-bottom: 2em;
  margin-bottom: var(--touch-menu-padding);
}
html.touch-menu nav menu > li.open > menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
}
.noscript html.touch-menu nav menu > li:focus-within > menu {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
  box-shadow: -0.28571429em 0.28571429em 0.57142857em -0.28571429em rgba(0, 0, 0, 0.4);
}
html.touch-menu nav menu > li menu > li.open > a {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
}
.noscript html.touch-menu nav menu > li menu > li:focus-within > a {
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
}
html.touch-menu nav menu > li menu > li.open > a:after {
  width: 0.875em;
  height: 0.875em;
  -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -webkit-mask-size: 1100% 100%;
  -moz-mask-size: 1100% 100%;
  -ms-mask-size: 1100% 100%;
  -o-mask-size: 1100% 100%;
  mask-size: 1100% 100%;
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.noscript html.touch-menu nav menu > li menu > li:focus-within > a:after {
  width: 0.875em;
  height: 0.875em;
  -webkit-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -moz-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -ms-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -o-mask-image: url(/images/webshop/button-icons-small-mask.svg);
  mask-image: url(/images/webshop/button-icons-small-mask.svg);
  -webkit-mask-size: 1100% 100%;
  -moz-mask-size: 1100% 100%;
  -ms-mask-size: 1100% 100%;
  -o-mask-size: 1100% 100%;
  mask-size: 1100% 100%;
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
html.touch-menu nav menu > li.menuheading {
  pointer-events: none;
}
html.touch-menu nav menu > li.menuheading > a {
  padding-top: 1.28571429em;
  padding-bottom: 1.28571429em;
}
html.touch-menu nav #explore_menu li > menu {
  left: 0;
  right: auto;
  -webkit-transform: translateX(-400px);
  -moz-transform: translateX(-400px);
  -ms-transform: translateX(-400px);
  -o-transform: translateX(-400px);
  transform: translateX(-400px);
  -webkit-transform: translateX(calc(0px - var(--touch-menu-width)));
  -moz-transform: translateX(calc(0px - var(--touch-menu-width)));
  -ms-transform: translateX(calc(0px - var(--touch-menu-width)));
  -o-transform: translateX(calc(0px - var(--touch-menu-width)));
  transform: translateX(calc(0px - var(--touch-menu-width)));
}
html.touch-menu nav #explore_menu li.open > a + menu {
  left: 0;
  right: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.noscript html.touch-menu nav #explore_menu li:focus-within > a + menu {
  left: 0;
  right: auto;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
html.touch-menu nav menu > li.overflow > a,
html.touch-menu nav menu > li.menuheading > a {
  height: 80px;
  height: var(--touch-menu-height);
}
html.touch-menu nav menu > li.overflow > a:before,
html.touch-menu nav menu > li.menuheading > a:before {
  content: '';
  width: 1.42857143em;
  height: 1.42857143em;
}
html.touch-menu nav menu > li.overflow.menuheading {
  position: sticky;
  top: 0;
  z-index: 12;
  width: 100%;
  -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
}
html.touch-menu nav menu > li.overflow > a {
  width: 80px;
  width: var(--touch-menu-height);
  display: grid;
  gap: 1000px;
  padding: 28em;
  padding: calc((var(--touch-menu-height) - 24px)/2);
}
.no-grid html.touch-menu nav menu > li.overflow > a {
  letter-spacing: -1000px;
  color: transparent;
  user-select: none;
  justify-content: center;
  cursor: pointer;
}
html.touch-menu nav menu > li.overflow > a + menu {
  top: 80px;
  top: var(--touch-menu-height);
  top: 0;
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
  -moz-transition: -moz-transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), visibility 0s 0.25s;
}
html.touch-menu nav menu > li.overflow.open > a + menu {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.noscript html.touch-menu nav menu > li.overflow:focus-within > a + menu {
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
html.touch-menu nav menu > li.overflow li > a + menu {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
html.touch-menu nav menu > li.overflow li.open > a {
  top: 80px;
  top: var(--touch-menu-height);
}
.noscript html.touch-menu nav menu > li.overflow li:focus-within > a {
  top: 80px;
  top: var(--touch-menu-height);
}
html.touch-menu nav menu > li.overflow li.open > a + menu {
  top: 83.42857143px;
  top: calc(var(--touch-menu-height) + 3.42857143em);
}
.noscript html.touch-menu nav menu > li.overflow li:focus-within > a + menu {
  top: 83.42857143px;
  top: calc(var(--touch-menu-height) + 3.42857143em);
}
html.touch-menu nav menu > li.overflow li li.open > a {
  top: 0;
}
.noscript html.touch-menu nav menu > li.overflow li li:focus-within > a {
  top: 0;
}
html.touch-menu nav menu > li.overflow li li.open > a + menu {
  top: 3.42857143em;
}
.noscript html.touch-menu nav menu > li.overflow li li:focus-within > a + menu {
  top: 3.42857143em;
}
html.touch-menu nav menu > li.menuheading {
  position: sticky;
  top: 0;
  z-index: 12;
  width: 100%;
  -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
}
html.touch-menu nav menu > li.menuheading > a:not(:empty) {
  flex-flow: row-reverse;
}
html.touch-menu nav menu > li.menuheading > a:not(:empty):before {
  margin-left: 0.57142857em;
  margin-right: 0;
}
html.touch-menu nav #navigation_menu {
  clear: none;
}
html.touch-menu header > div > nav menu > li.overflow menu > li > a,
html.touch-menu header > div > nav menu > li.overflow:hover > a,
html.touch-menu header > div > nav menu > li.overflow.open > a,
html.touch-menu header > div > nav menu > li.overflow > a:focus,
html.touch-menu header > div > nav menu > li.overflow menu {
  background: #183849;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow:focus-within > a {
  background: #183849;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow:hover > a:focus,
html.touch-menu header > div > nav menu > li.overflow.open > a:focus {
  background: #244252;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow:focus-within > a:focus {
  background: #244252;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li > a,
html.touch-menu header > div > nav menu > li.overflow menu > li:hover > a,
html.touch-menu header > div > nav menu > li.overflow menu > li.open > a,
html.touch-menu header > div > nav menu > li.overflow menu > li > a:focus,
html.touch-menu header > div > nav menu > li.overflow menu > li menu {
  background: #244252;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow menu > li:focus-within > a {
  background: #244252;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li:hover > a:focus,
html.touch-menu header > div > nav menu > li.overflow menu > li.open > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow menu > li:focus-within > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li menu > li > a,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li:hover > a,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li.open > a,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li > a:focus,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li menu {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow menu > li menu > li:focus-within > a {
  background: #2f4c5a;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li:hover > a:focus,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li.open > a:focus {
  background: #395563;
  color: #ffffff;
}
.noscript html.touch-menu header > div > nav menu > li.overflow menu > li menu > li:focus-within > a:focus {
  background: #395563;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:hover,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li .coz-input[data-label]:before,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li .coz-input > label,
html.touch-menu header > div > nav menu > li.overflow menu > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #2f4c5a;
}
html.touch-menu header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover,
html.touch-menu header > div > nav menu > li.overflow menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow menu > li .coz-input[data-label]:before,
html.touch-menu header > div > nav menu > li.overflow menu > li .coz-input > label,
html.touch-menu header > div > nav menu > li.overflow menu > li .coz-input-labeled--label {
  --text-shadow-color: #244252;
}
html.touch-menu header > div > nav menu > li.overflow > a[href^="/"]:hover,
html.touch-menu header > div > nav menu > li.overflow > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu header > div > nav menu > li.overflow .coz-input[data-label]:before,
html.touch-menu header > div > nav menu > li.overflow .coz-input > label,
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--label {
  --text-shadow-color: #183849;
}
html.touch-menu header > div > nav menu > li.overflow input {
  background: rgba(255, 255, 255, 0.1);
}
html.touch-menu header > div > nav menu > li.overflow input,
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--border,
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--border:before,
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.1);
}
html.touch-menu header > div > nav menu > li.overflow input:hover,
html.touch-menu header > div > nav menu > li.overflow .coz-input-search:hover input,
html.touch-menu header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border,
html.touch-menu header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:before,
html.touch-menu header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
html.touch-menu header > div > nav menu > li.overflow input:focus,
html.touch-menu header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border,
html.touch-menu header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:before,
html.touch-menu header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:after {
  border-color: #2454f3;
}
html.touch-menu header > div > nav menu > li.overflow .coz-input-search:has(:focus-visible) input {
  border-color: #2454f3;
}
html.touch-menu header > div > nav menu > li.overflow input,
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--label {
  color: #fff;
}
html.touch-menu header > div > nav menu > li.overflow .coz-input-search button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow:hover > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow.open > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu {
  background: #183849;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow:focus-within > a {
  background: #183849;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow:hover > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow.open > a:focus {
  background: #244252;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow:focus-within > a:focus {
  background: #244252;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li:hover > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li.open > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu {
  background: #244252;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li:focus-within > a {
  background: #244252;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li:hover > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li.open > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li:focus-within > a:focus {
  background: #2f4c5a;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li menu > li > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:hover > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li.open > a,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li menu {
  background: #2f4c5a;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:focus-within > a {
  background: #2f4c5a;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:hover > a:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li.open > a:focus {
  background: #395563;
  color: #ffffff;
}
.noscript html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li:focus-within > a:focus {
  background: #395563;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:hover,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input[data-label]:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input > label,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li menu > li .coz-input-labeled--label {
  --text-shadow-color: #2f4c5a;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input[data-label]:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input > label,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow menu > li .coz-input-labeled--label {
  --text-shadow-color: #244252;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow > a[href^="/"]:hover,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow > a[href^="/"]:focus {
  background: #2454f3;
  color: #ffffff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input[data-label]:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input > label,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--label {
  --text-shadow-color: #183849;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow input {
  background: rgba(255, 255, 255, 0.1);
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow input,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.1);
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow input:hover,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-search:hover input,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :hover ~ .coz-input-labeled--border:after {
  border-color: rgba(255, 255, 255, 0.2);
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow input:focus,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:before,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow :focus ~ .coz-input-labeled--border:after {
  border-color: #2454f3;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-search:has(:focus-visible) input {
  border-color: #2454f3;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow input,
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-labeled--label {
  color: #fff;
}
html.touch-menu .courseViewer > header > div > nav menu > li.overflow .coz-input-search button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
html.touch-menu #explore_menu > li > a,
html.touch-menu #course_navigation_menu > li > a {
  padding-left: 2.57142857em;
  margin-left: -1.28571429em;
}
html.touch-menu header > div > a {
  padding: 16px;
  padding: calc(var(--touch-menu-logo-padding) * 3 / 2) var(--touch-menu-logo-padding);
  max-width: calc(100% - var(--touch-menu-height) * 2 - var(--touch-menu-logo-padding) * 3);
}
html.touch-menu header > div > nav {
  margin-left: auto;
}
html.touch-menu header > div > nav menu > li a:not(.button),
html.touch-menu header > div > nav menu > li a:not(.button)[href],
html.touch-menu header > div > nav menu > li.overflow menu > li > a {
  color: rgba(255, 255, 255, 0.8);
}
html.touch-menu header > div > nav menu > li.overflow > a:before {
  margin: 0;
}
html.touch-menu header > div > nav menu > li.overflow .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.3);
  font-size: 1em;
}
html.touch-menu header > div > nav hr {
  margin: 1em 2em;
  border-color: rgba(255, 255, 255, 0.2);
}
html.touch-menu header > div > a > img,
html.touch-menu #navigation_menu a[href="/mindset"] > img {
  height: 48px !important;
  height: calc(var(--touch-menu-height) - var(--touch-menu-logo-padding) * 3) !important;
}
html.touch-menu #course_navigation_menu > li > a {
  padding-left: calc((var(--touch-menu-height) - 24px)/2);
  margin-left: 0;
}
html.touch-menu #course_navigation_menu {
  order: 2;
  margin: 0;
}
html.touch-menu #course_buttons_menu {
  margin-left: auto;
}
html.touch-menu nav menu > li > menu {
  overscroll-behavior: contain;
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
html.touch-menu nav menu > li > menu::-webkit-scrollbar {
  background: transparent;
}
html.touch-menu nav menu > li > menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
html.touch-menu nav menu > li > menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
html.touch-menu nav menu > li > menu::-webkit-scrollbar-thumb:hover:active {
  background: rgba(255, 255, 255, 0.6);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
html.touch-menu nav menu > li:hover > menu,
html.touch-menu nav menu > li nav menu > li {
  visibility: hidden;
}
html.touch-menu nav menu > li.open > menu {
  visibility: visible;
}
.noscript html.touch-menu nav menu > li:focus-within.focus > menu {
  visibility: visible;
}
html.touch-menu nav menu > li > menu > :first-child:not(.menuheading),
html.touch-menu nav menu > li:hover > menu > :first-child:not(.menuheading),
html.touch-menu nav menu > li.open > menu > :first-child:not(.menuheading),
html.touch-menu nav menu > li > menu > hr:first-child + :not(.menuheading),
html.touch-menu nav menu > li:hover > menu > hr:first-child + :not(.menuheading),
html.touch-menu nav menu > li.open > menu > hr:first-child + :not(.menuheading),
html.touch-menu nav menu > li > menu > .menuheading + *,
html.touch-menu nav menu > li:hover > menu > .menuheading + *,
html.touch-menu nav menu > li.open > menu > .menuheading + * {
  margin-top: 1em;
}
.noscript html.touch-menu nav menu > li:focus-within > menu > :first-child:not(.menuheading),
.noscript html.touch-menu nav menu > li:focus-within > menu > hr:first-child + :not(.menuheading),
.noscript html.touch-menu nav menu > li:focus-within > menu > .menuheading + * {
  margin-top: 1em;
}
html.touch-menu nav menu > li > menu > :last-child,
html.touch-menu nav menu > li:hover > menu > :last-child,
html.touch-menu nav menu > li.open > menu > :last-child {
  margin-bottom: 1em;
}
.noscript html.touch-menu nav menu > li:focus-within > menu > :last-child {
  margin-bottom: 1em;
}
html.touch-menu nav menu > li menu > li > a {
  padding: 0.6875em 2em;
  line-height: 1.25;
  font-weight: 400;
}
html.touch-menu nav menu > li menu > li > b {
  padding: 0.85714286em 2.28571429em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875em;
}
html.touch-menu nav menu > li menu > li.open a,
html.touch-menu nav menu > li menu > li.open a + menu {
  position: static;
}
.noscript html.touch-menu nav menu > li menu > li:focus-within a,
.noscript html.touch-menu nav menu > li menu > li:focus-within a + menu {
  position: static;
}
html.touch-menu nav menu > li > a:not(:last-child):after {
  background-position: 30% 0%;
  -webkit-mask-position: 30% 0%;
  -moz-mask-position: 30% 0%;
  -ms-mask-position: 30% 0%;
  -o-mask-position: 30% 0%;
  mask-position: 30% 0%;
}
html.touch-menu nav menu > li.open > a:not(:last-child):after {
  background-position: 20% 0%;
  -webkit-mask-position: 20% 0%;
  -moz-mask-position: 20% 0%;
  -ms-mask-position: 20% 0%;
  -o-mask-position: 20% 0%;
  mask-position: 20% 0%;
}
.noscript html.touch-menu nav menu > li:focus-within > a:not(:last-child) {
  background-position: 20% 0%;
  -webkit-mask-position: 20% 0%;
  -moz-mask-position: 20% 0%;
  -ms-mask-position: 20% 0%;
  -o-mask-position: 20% 0%;
  mask-position: 20% 0%;
}
html.touch-menu nav menu > li.open > menu,
html.touch-menu nav menu > li menu > li.open > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.noscript html.touch-menu nav menu > li:focus-within > menu,
.noscript html.touch-menu nav menu > li menu > li:focus-within > a {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
html.touch-menu nav menu > li > a > .insight-button {
  padding: 0;
  display: flex;
  align-items: center;
}
html.touch-menu nav menu > li > a > .insight-button:before {
  margin: 0 1em 0 0;
  width: 1em;
  height: 1em;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
html.touch-menu nav menu > li:hover > a,
html.touch-menu nav menu > li.open > a {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
html.touch-menu nav menu > li:hover > a > .insight-button:before,
html.touch-menu nav menu > li.open > a > .insight-button:before {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
html.touch-menu nav menu > li.overflow > a {
  width: 80px;
  width: var(--touch-menu-height);
  display: grid;
  gap: 1000px;
  padding: 28em;
  padding: calc((var(--touch-menu-height) - 24px)/2);
}
.no-grid html.touch-menu nav menu > li.overflow > a {
  letter-spacing: -1000px;
  color: transparent;
  user-select: none;
  justify-content: center;
  cursor: pointer;
}
html.touch-menu nav menu > li.overflow > a + menu {
  top: 80px;
  top: var(--touch-menu-height);
}
html.touch-menu nav menu > li.overflow-with-text > a {
  width: auto;
  display: flex;
  gap: 1em;
}
html.touch-menu nav menu menu li.open menu > li:first-child:not(.menuheading) {
  margin-top: 0;
}
html.touch-menu nav menu menu li.open menu > li:last-child {
  margin-bottom: 0;
}
html.touch-menu nav menu menu li.open menu > li > a {
  gap: 0.82857143em;
  font-size: 0.875em;
  line-height: 1.28571429;
  padding: 0.64285714em 2.28571429em;
  gap: 0.94693878em;
  justify-content: flex-start;
}
html.touch-menu nav menu menu li.open menu > li > a > svg {
  display: none;
  height: 1.14285714em;
  margin-top: 0.07142857em;
  color: var(--solutioncenter-color);
  flex-shrink: 0;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
html.touch-menu nav menu menu li.open menu > li > a:hover > svg {
  color: currentColor;
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
html.touch-menu header {
  /* 
		&.account-open { overflow-y:auto; overflow-x:hidden; } */
  /* 
		&:after { content:''; position:absolute; top:0; height:0; left:0; right:0; z-index:5; .transition(height 0s 1s); }
		&.open:after { height:@touch-menu-height; height:var(--touch-menu-height); .transition(none); }
		> div > a,
		> div > nav > menu > menuitem { .transition(opacity 0.3s ease-in); pointer-events:all; animation:delay-pointer-events-all 1s; }
		&.open > div > a,
		&.open > div > nav > menu:not(.open) > menuitem { opacity:0.4; .transition(opacity 0.3s ease-out); pointer-events:none; animation:delay-pointer-events-none 0s; }
		@keyframes delay-pointer-events-all { from { pointer-events:none; } }
		@keyframes delay-pointer-events-none { from { pointer-events:all; } } 
		> div > a,
		> div > nav > menu { pointer-events:all; animation:delay-pointer-events 1s; }
		@keyframes delay-pointer-events { from { pointer-events:none; } }
		&.open > div > a,
		&.open:not(.account-open) #account_menu,
		&.open:not(.search-open) #search_menu,
		&.open:not(.navigation-open) #navigation_menu { pointer-events:none; animation:none; } */
}
html.touch-menu header.open:before {
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
}
html.touch-menu header:before,
html.touch-menu header.open:before {
  z-index: -1;
}
html.touch-menu header > div > a,
html.touch-menu header > div > nav > menu > li > a {
  transition: background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
html.touch-menu header > div > a:hover,
html.touch-menu header > div > nav > menu > li > a:hover {
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
html.touch-menu header.open > div > a,
html.touch-menu header.open > div > div,
html.touch-menu header.open > div > nav > menu:not(.open) > li > * {
  opacity: 0.4;
  transition: background-color 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  cursor: default;
  pointer-events: none;
}
html.touch-menu footer {
  margin-top: auto;
  flex-shrink: 0;
}
@media (max-width:799px) {
  :root {
    --touch-menu-height: 56px;
  }
}
html.ie:not(.touch-menu) nav menu > li > a:before,
html.ie:not(.touch-menu) nav menu > li > a:not([data-count]):after {
  font-size: 1px;
}
html.mask-image menu > li > a:before,
html.mask-image menu > li > a:after {
  background-image: none !important;
}
@media (max-width:359px) {
  :root {
    --touch-menu-width: 272px;
  }
}
.coz-overlay:not(:has(header)) {
  --touch-menu-height: 0;
}
.content-icon {
  content: '';
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
}
#cartStatus {
  display: none;
}
/* PackTag: /themes/semembers/styles/members.less */
:root {
  --page-side-gap: 96px;
  --viewport-width-minus-scrollbar: calc(100vw - var(--scrollbar-width));
}
:root,
html,
body,
main {
  font-size: inherit;
}
body {
  display: block;
  display: flex;
  flex-direction: column;
  background: #fff no-repeat;
}
body.scrolling-down {
  background: #404040;
}
.mac.safari body {
  font-size: 16px;
}
body.body-screens:not(:has(header)) {
  background-image: linear-gradient(#0c2e3f var(--touch-menu-height), #fff var(--touch-menu-height));
}
body.body-screens:has(footer) {
  background-image: linear-gradient(to top, #0c2e3f var(--touch-menu-height), #fff var(--touch-menu-height));
}
.coz-overlay-scroll-fixed footer {
  border-right: var(--coz-overlay-scrollbar-width) solid #0c2e3f;
  margin-right: calc(0px - var(--coz-overlay-scrollbar-width));
}
.coz-input > ul > li a[data-value=""] {
  font-style: normal;
}
input,
select,
textarea,
body:not(.mce-content-body) [contenteditable] {
  background-clip: padding-box;
  line-height: 1.5em;
}
button:focus-visible {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input-open > input,
.coz-input-open > ul,
.coz-input-open .iti > input,
.coz-input-open .iti__country-list {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input-tel-intl .iti__flag-container:focus-within ~ input {
  outline: none;
  border-color: #2454f3;
  transition: background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
  box-shadow: 0 0 0 1px #2454f3;
}
.coz-input-open > input,
.coz-input-tel-intl .iti__country-list {
  border-color: #2454f3;
}
.coz-input-combo > ul {
  box-shadow: 0 -2px 0 -1px #fff, 0 0 0 1px #2454f3;
  border-top-color: rgba(0, 0, 0, 0.1);
}
button:focus-visible {
  box-shadow: 0 0 0 1px #2454f3;
}
button:focus-visible:hover:active {
  box-shadow: none;
}
a {
  font-weight: inherit;
}
a,
b,
strong {
  line-height: inherit;
}
a[href^="mailto:"]:before,
a[href^="tel:"]:before,
.vcard .email:before,
.vcard .tel .value:before {
  content: none;
}
a:not(.button):focus-visible {
  text-decoration: underline;
}
.button:focus-visible,
button:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset;
}
.button:focus-visible:hover:active,
button:focus-visible:hover:active {
  box-shadow: none;
}
/*

button,
.button {
	display:inline-flex; align-items:center; justify-content:center;
}*/
.button,
button {
  border-radius: 100em;
  text-transform: none;
}
.button.coz-input-style {
  border-radius: 0.25em;
}
input:has(+ .button),
input:has(+ button),
select:has(+ .button),
select:has(+ button),
.coz-input:has(+ .button) input,
.coz-input:has(+ button) input,
.coz-input:has(+ .button) select,
.coz-input:has(+ button) select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]) + .button,
input:not([type=hidden]):not([type=checkbox]):not([type=radio]) + button,
select + .button,
select + button,
input:not([type=hidden]):not([type=checkbox]):not([type=radio]) + .button + .button,
input:not([type=hidden]):not([type=checkbox]):not([type=radio]) + button + button,
select + .button + .button,
select + button + button,
.coz-input:not(.coz-input-checkbox):not(.coz-input-radio):not(.coz-input-textarea) + .button,
.coz-input:not(.coz-input-checkbox):not(.coz-input-radio):not(.coz-input-textarea) + button,
.coz-input:not(.coz-input-checkbox):not(.coz-input-radio):not(.coz-input-textarea) + .button + .button,
.coz-input:not(.coz-input-checkbox):not(.coz-input-radio):not(.coz-input-textarea) + button + button {
  border-radius: 0 0.25em 0.25em 0;
}
input + .button:has(+ .button),
input + button:has(+ button),
select + .button:has(+ .button),
select + button:has(+ button),
.coz-input + .button:has(+ .button),
.coz-input + button:has(+ button) {
  border-radius: 0;
}
.button-play:before,
button.play:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-play.svg);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-play.svg);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-play.svg);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-play.svg);
  mask-image: url(/themes/semembers/images/sporting-edge-play.svg);
  -webkit-mask-position: 50% 0;
  -moz-mask-position: 50% 0;
  -ms-mask-position: 50% 0;
  -o-mask-position: 50% 0;
  mask-position: 50% 0;
  -webkit-mask-size: 85% 100%;
  -moz-mask-size: 85% 100%;
  -ms-mask-size: 85% 100%;
  -o-mask-size: 85% 100%;
  mask-size: 85% 100%;
  -webkit-mask-repeat: no-repeat;
  -moz-mask-repeat: no-repeat;
  -ms-mask-repeat: no-repeat;
  -o-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.button-icon-edit,
.button-edit:before,
button.edit:before {
  content: 'edit';
  margin: 0 -0.3em;
}
.button-edit.coz-input-style:before,
button.edit.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-remove,
.button-remove:before,
button.remove:before {
  content: 'delete';
  margin: 0 -0.3em;
}
.button-remove.coz-input-style:before,
button.remove.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-delete,
.button-delete:before,
button.delete:before {
  content: 'delete';
  margin: 0 -0.3em;
}
.button-delete.coz-input-style:before,
button.delete.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-check,
.button-check:before,
button.check:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-check.coz-input-style:before,
button.check.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-save,
.button-save:before,
button.save:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-save.coz-input-style:before,
button.save.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-verify,
.button-verify:before,
button.verify:before {
  content: 'check_circle';
  margin: 0 -0.3em;
}
.button-verify.coz-input-style:before,
button.verify.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-copy,
.button-copy:before,
button.copy:before {
  content: 'content_copy';
  margin: 0 -0.3em;
}
.button-copy.coz-input-style:before,
button.copy.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-drag,
.button-drag:before,
button.drag:before {
  content: 'drag_indicator';
  margin: 0 -0.3em;
}
.button-drag.coz-input-style:before,
button.drag.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-assign,
.button-assign:before,
button.assign:before {
  content: 'assignment_add';
  margin: 0 -0.3em;
}
.button-assign.coz-input-style:before,
button.assign.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-courses,
.button-courses:before,
button.courses:before {
  content: 'assignments';
  margin: 0 -0.3em;
}
.button-courses.coz-input-style:before,
button.courses.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-assessment,
.button-assessment:before,
button.assessment:before {
  content: 'assignment';
  margin: 0 -0.3em;
}
.button-assessment.coz-input-style:before,
button.assessment.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-answers,
.button-answers:before,
button.answers:before {
  content: 'assignment_turned_in';
  margin: 0 -0.3em;
}
.button-answers.coz-input-style:before,
button.answers.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-info,
.button-info:before,
button.info:before {
  content: 'info';
  margin: 0 -0.3em;
}
.button-info.coz-input-style:before,
button.info.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-reset,
.button-reset:before,
button.reset:before {
  content: 'restore';
  margin: 0 -0.3em;
}
.button-reset.coz-input-style:before,
button.reset.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-certificate,
.button-certificate:before,
button.certificate:before {
  content: 'school';
  margin: 0 -0.3em;
}
.button-certificate.coz-input-style:before,
button.certificate.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-translate,
.button-translate:before,
button.translate:before {
  content: 'translate';
  margin: 0 -0.3em;
}
.button-translate.coz-input-style:before,
button.translate.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-ai,
.button-ai:before,
button.ai:before {
  content: 'auto_awesome';
  margin: 0 -0.3em;
}
.button-ai.coz-input-style:before,
button.ai.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
.button-icon-print,
.button-print:before,
button.print:before {
  content: 'print';
  margin: 0 -0.3em;
}
.button-print.coz-input-style:before,
button.print.coz-input-style:before {
  width: 1em;
  height: 1em;
  margin: 0.1em 0;
}
#admin_menu li.overflow > a:before {
  content: 'settings';
  font-size: 1.5em;
}
/*

.coz-input-toggle > input + i,
.coz-input-switch > input + i { border-radius:4/16em; }
.coz-input-toggle > input + i > span,
.coz-input-switch > input + i:before { border-radius:3/16em; }
.coz-input-toggle > input + i,
.coz-input-switch > input + i { padding:3/16em; }
.coz-input-switch > input + i { width:56/16em; }
.coz-input-switch > input + i > .button { top:10/16em; left:10/16em; width:20/16em; height:20/16em; min-height:0; border:0; border-radius:2/16em; }
.coz-input-switch > input:checked + i > .button { top:8/16em; left:23/16em; width:24/16em; height:24/16em; }
.mask-composite {
	.coz-input-switch > input + i > .button { border:0 solid currentColor; }
	.coz-input-switch > input:checked + i > .button { border:2px solid #fff; }
}
.coz-input-time .coz-input-toggle > input + i { width:72/16em; }*/
.iti {
  font-size: inherit;
}
select,
.coz-input-select > select,
.coz-input-combo > select,
.coz-input-select > .coz-input-style,
.coz-input-combo > .coz-input-style {
  padding: 0.4375em 2.6875em 0.4375em 0.6875em;
  height: 2.625em;
}
.coz-input-tinymce .tox {
  border-radius: 0.25em;
}
.coz-input-tinymce .tox .tox-tbtn {
  border-radius: 0.1875em;
  min-height: 0;
}
.coz-input-tinymce .tox.tox-tinymce.tox-fullscreen {
  top: var(--touch-menu-height);
}
.coz-input > ul {
  max-width: calc(100vw - var(--scrollbar-width) - var(--page-gap) * 2);
  font-size: inherit;
  padding: 0.125em 0;
  overscroll-behavior: contain;
}
.coz-input > ul > li {
  padding: 0.125em 0.25em;
  /*
			> a:hover,
			> a:focus-visible { background:rgba(0,0,0,0.05); color:@text; }
			&.selected a { background:@text; color:#fff; }
			&.disabled a { background:transparent; color:@text; }
			a[data-value=""]:hover,
			a[data-empty-value]:hover { color:rgba(0,0,0,0.2); }
			&.selected:not(.disabled) a[data-value=""],
			&.selected:not(.disabled) a[data-empty-value] { color:#fff; }*/
}
.coz-input > ul > li > a {
  font-size: inherit;
  border-radius: 0.1875em;
  padding: 0.25em 0.4375em;
}
.coz-input-select:not(.coz-input-select-dialog):not(.coz-input-select-size) > ul {
  max-height: 20.625em;
  margin-top: -2.625em;
}
@media (max-height:399px) and (orientation:portrait) {
  .ios .coz-input-select:not(.coz-input-select-dialog):not(.coz-input-select-size) > ul {
    max-height: calc(100vh - var(--page-gap) * 2 - 72px);
  }
  .android.firefox .coz-input-select:not(.coz-input-select-dialog):not(.coz-input-select-size) > ul,
  .android.chrome .coz-input-select:not(.coz-input-select-dialog):not(.coz-input-select-size) > ul {
    max-height: calc(100vh - var(--page-gap) * 2 - 56px);
  }
}
.coz-input-select-multiple > ul > li {
  /*
		a:hover,
		a:hover:focus-visible { background-color:fade(#000, 10%); }
		&.selected a,
		&.selected a:focus-visible { background-color:@secondary; }
		&.selected a:hover:focus-visible { background-color:fade(@secondary, 80%); }*/
}
.coz-input-select-multiple > ul > li a:focus-visible {
  background-color: transparent;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #2454f3;
}
.coz-input-select.coz-input-open ul,
.coz-input-select.coz-input-select-size ul {
  border-radius: 0.25em;
}
.coz-input-combo.coz-input-open input {
  border-radius: 0.25em 0.25em 0 0;
}
.coz-input-combo.coz-input-open ul {
  border-radius: 0 0 0.25em 0.25em;
  max-height: 20.25em;
}
.coz-input-search ul:before {
  content: 'Suggested';
  display: block;
  padding: 0.28571429em 0.78571429em;
  color: #999;
  font-size: 0.875em;
  text-align: left;
}
.coz-input > .button-icon,
.coz-input > button.icon,
.coz-input-time-ampm > button,
.coz-input-file > button,
.coz-input-file-upload > .coz-input-noparse > button {
  border-radius: 0 0.25em 0.25em 0;
}
.coz-input-time-ampm > button {
  padding: 0.6875em;
}
.coz-input-file > button,
.coz-input-file-upload > button {
  width: 2.375em;
  padding-left: 0;
  padding-right: 0;
}
.coz-input-number-buttons button {
  padding: 0.3125em;
  min-height: 50%;
}
.coz-input-number-buttons button.increment {
  border-radius: 0 0.25em 0 0;
}
.coz-input-number-buttons button.decrement {
  border-radius: 0 0 0.25em 0;
}
.coz-input-time span:not(:first-of-type) input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.coz-input-time span:not(:first-of-type) .coz-input-number-buttons button {
  border-radius: 0;
}
.coz-input-time span:not(:last-of-type) input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.coz-input-select select,
.coz-input > input[type="search"],
.coz-input-search > input,
.coz-input-search > .coz-input-combo > input,
.coz-input-file-upload > input {
  padding-right: 2.6875em;
}
.coz-input > label:not(.coz-input) {
  padding: 0 0.66666667em;
  font-size: 0.75em;
  line-height: 1.08333333;
  font-style: normal;
}
.coz-input-checkbox,
.coz-input-radio {
  gap: 0.5em;
}
.coz-input-checkbox > input + i,
.coz-input-radio > input + i {
  width: 1.5em;
  height: 1.5em;
  margin: 0;
  flex-shrink: 0;
}
.coz-input-checkbox > input + i:after,
.coz-input-radio > input + i:after {
  width: 0.5em;
  height: 0.5em;
  left: 0.1875em;
  top: 0.1875em;
  transform: scale(1);
}
.coz-input-checkbox > input:checked + i:after,
.coz-input-radio > input:checked + i:after {
  transform: scale(2);
}
.coz-input-checkbox > input + i {
  display: grid;
  border-radius: 0.25em;
  /* 
			@media (-webkit-device-pixel-ratio:0.75) { &:before { margin:0.667px; } } */
}
.coz-input-checkbox > input + i:after {
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 0.22916667em;
  transform: scale(0.5);
}
.coz-input-checkbox > input + i:before {
  margin: 1px;
  background-position: 38.46153846% 0%;
  -webkit-mask-position: 38.46153846% 0%;
  -moz-mask-position: 38.46153846% 0%;
  -ms-mask-position: 38.46153846% 0%;
  -o-mask-position: 38.46153846% 0%;
  mask-position: 38.46153846% 0%;
  background-color: #fff;
  visibility: hidden;
  vertical-align: top;
  position: relative;
  z-index: 2;
}
.coz-input-checkbox > input + i:before,
.coz-input-checkbox > input + i:after {
  grid-row: 1;
  grid-column: 1;
  left: 0;
  top: 0;
}
.coz-input-checkbox > input:checked + i:before {
  visibility: visible;
}
.coz-input-checkbox > input:checked + i:after {
  transform: none;
  background-color: rgba(0, 0, 0, 0.8);
}
.coz-input-checkbox.button > input + i {
  margin: 0;
}
.coz-input-radio > input + i {
  border-radius: 0.75em;
}
.coz-input-radio > input + i:after {
  left: 0.4375em;
  top: 0.4375em;
}
.coz-input-radio > input:checked + i:after {
  background-color: rgba(0, 0, 0, 0.8);
}
.coz-input-color input[type="text"] {
  padding-right: 3.0625em;
}
.coz-input-color input[type="color"] {
  width: 2.25em;
  height: 2.25em;
  min-height: 0;
  position: absolute;
  right: 0.1875em;
  top: 0.1875em;
  border: 0;
}
.coz-input-color ::-moz-color-swatch {
  border-radius: 0.1875em;
  border: 0;
}
.coz-input[data-label]:before {
  font-size: 0.875em;
  line-height: 1.25;
  font-weight: 500;
  top: -1.53571429em;
  left: 0;
}
.coz-input-labeled {
  padding-top: 1.5em;
}
.coz-input-labeled > input,
.coz-input-labeled > select,
.coz-input-labeled > textarea,
.coz-input-labeled > .coz-input-style,
.coz-input-labeled > .iti > input {
  border-color: rgba(0, 0, 0, 0.1) !important;
}
.coz-input-labeled > input:hover,
.coz-input-labeled > select:hover,
.coz-input-labeled > textarea:hover,
.coz-input-labeled > .coz-input-style:hover,
.coz-input-labeled > .iti > input:hover {
  border-color: rgba(0, 0, 0, 0.2) !important;
}
.coz-input-labeled > input:focus,
.coz-input-labeled > select:focus,
.coz-input-labeled > textarea:focus,
.coz-input-labeled > .coz-input-style:focus,
.coz-input-labeled > .iti > input:focus {
  border-color: #2454f3 !important;
}
.coz-input-labeled .coz-input-labeled--label {
  color: rgba(0, 0, 0, 0.3);
  top: 1.9375em;
  left: 0.6875em;
}
.coz-input-labeled .coz-input-labeled--border {
  display: none;
}
.coz-input-labeled .iti ~ .coz-input-labeled--label {
  --left: 79px;
}
.coz-input-labeled :focus ~ .coz-input-labeled--label,
.coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--label,
.coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--label,
.coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--label,
.coz-input-labeled :autofill ~ .coz-input-labeled--label {
  font-size: 0.875em;
  line-height: 1.25;
  font-weight: 500;
  border: 0;
  top: 0;
  left: 0;
}
.coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--label {
  font-size: 0.875em;
  line-height: 1.25;
  font-weight: 500;
  border: 0;
  top: 0;
  left: 0;
}
.coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--label {
  font-size: 0.875em;
  line-height: 1.25;
  font-weight: 500;
  border: 0;
  top: 0;
  left: 0;
}
header .coz-input-labeled :focus ~ .coz-input-labeled--label,
header .coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--label,
header .coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--label,
header .coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--label,
header .coz-input-labeled :autofill ~ .coz-input-labeled--label,
.index-search .coz-input-labeled :focus ~ .coz-input-labeled--label,
.index-search .coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--label,
.index-search .coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--label,
.index-search .coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--label,
.index-search .coz-input-labeled :autofill ~ .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.5);
}
header .coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--label,
.index-search .coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.5);
}
header .coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--label,
.index-search .coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--label {
  color: rgba(255, 255, 255, 0.5);
}
header .coz-input-labeled :focus ~ .coz-input-labeled--label,
header .coz-input-labeled.coz-input-labeled--notempty .coz-input-labeled--label,
header .coz-input-labeled [placeholder]:not([placeholder=""]) ~ .coz-input-labeled--label,
header .coz-input-labeled .coz-input-number-suffix ~ .coz-input-labeled--label,
header .coz-input-labeled :autofill ~ .coz-input-labeled--label {
  font-size: 0.75em;
  line-height: 1.25;
  top: -1.33333333em;
}
header .coz-input-labeled .iti:has([placeholder]:not([placeholder=""])) ~ .coz-input-labeled--label {
  font-size: 0.75em;
  line-height: 1.25;
  top: -1.33333333em;
}
header .coz-input-labeled :-webkit-autofill ~ .coz-input-labeled--label {
  font-size: 0.75em;
  line-height: 1.25;
  top: -1.33333333em;
}
.prompt-message > div {
  font-size: 0.875em;
  line-height: 1.25;
  font-weight: 500;
  margin-bottom: 0.28571429em;
}
.prompt-message > [data-label],
.prompt-message > .coz-input-labeled {
  margin-top: 1.53571429em;
}
select[multiple] {
  padding: 0.125em 0;
}
select[multiple] option {
  display: flex;
  align-items: center;
  height: 36px;
  padding: 0.25em 0.4375em;
  margin: 0 0.125em;
  border: 0.125em solid #fff;
  border-radius: 0.3125em;
  background-clip: padding-box;
  color: rgba(0, 0, 0, 0.8);
}
select[multiple] option:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
}
select[multiple] option:checked {
  background-color: rgba(0, 0, 0, 0.8);
}
select[multiple] option:checked:hover {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
select[multiple] option[value=""],
select[multiple] option:not([value]):empty,
select[multiple] option[value=""]:hover,
select[multiple] option:not([value]):empty:hover {
  color: rgba(0, 0, 0, 0.2);
  font-style: normal;
}
select[multiple] option[value=""]:checked:hover,
select[multiple] option:not([value]):empty:checked:hover {
  color: #fff;
}
.iti__country-list {
  padding: 0.25em 0;
  border-radius: 0.25em;
  margin: 0;
  max-height: 19.8125em;
}
.iti__country {
  border: 0.25em solid transparent;
  border-radius: 0.5em;
  background-clip: padding-box;
  margin: -0.25em 0;
}
.iti__active,
.iti__active.iti__highlight {
  background-color: rgba(0, 0, 0, 0.8);
  background-clip: padding-box;
}
.iti__selected-flag {
  padding: 0 0.375em 0 0.6875em;
  border-radius: 0.375em 0 0 0.375em;
}
.iti--allow-dropdown input {
  padding-left: 3.3125em;
}
.iti__divider {
  margin: 0.25em 0;
}
#course_structure .button-edit,
#assessment_structure .button-edit,
#course_structure button.edit,
#assessment_structure button.edit,
#course_structure button.delete,
#assessment_structure button.delete,
#course_structure button.check,
#assessment_structure button.check,
#course_structure button.undo,
#assessment_structure button.undo {
  border-radius: 0.25em;
}
#course_structure li[data-type="section"] > [contenteditable] li[data-type="section"] > .coz-input-contenteditable > [contenteditable],
#course_structure li[data-type="dashtopic_superhead"] > [contenteditable],
#course_structure li[data-type="dashtopic_superhead"] > .coz-input-contenteditable > [contenteditable] {
  font-weight: 700;
  color: #00253e;
}
#course_structure li > ul > li[data-type="section"] > [contenteditable] li > ul > li[data-type="section"] > .coz-input-contenteditable > [contenteditable],
#course_structure li[data-type="dashtopic_heading"] > [contenteditable],
#course_structure li[data-type="dashtopic_heading"] > .coz-input-contenteditable > [contenteditable] {
  font-weight: 500;
}
#course_structure li > .coz-input-datepicker > input {
  width: 0;
  min-width: 100%;
}
#course_builder [data-type="dashtopic_insights"]:before,
#course_builder [data-type="dashtopic_link"]:before,
#course_builder [data-type="dashtopic_html"]:before,
#course_builder [data-type="dashtopic_assessment"]:before,
#course_builder button[data-type="dashboard_section"]:before,
#course_builder button[data-type="dashtopic_superhead"]:before,
#course_builder button[data-type="dashtopic_heading"]:before {
  content: 'error';
}
#course_builder [data-type="dashtopic_insights"]:before {
  content: 'grid_view';
}
#course_builder [data-type="dashtopic_link"]:before {
  content: 'open_in_new';
}
#course_builder [data-type="dashtopic_html"]:before {
  content: 'wysiwyg';
}
#course_builder [data-type="dashtopic_assessment"]:before {
  content: 'assignment';
}
#course_builder button[data-type="dashboard_section"]:before,
#course_builder button[data-type="dashtopic_superhead"]:before,
#course_builder button[data-type="dashtopic_heading"]:before {
  content: 'view_comfy';
}
#course_builder button[data-type].add:before {
  content: 'add';
}
#course_builder b[data-type].button-drag:before {
  content: 'drag_indicator';
}
#course_builder td > span[data-type]:before {
  vertical-align: top;
  margin-right: 0.5em;
}
#assessment_structure:not(:has(> li + li + li)) > li:first-child {
  padding-left: 0;
  padding-top: 0;
  border-top: 0;
}
#assessment_structure:not(:has(> li + li + li)) > li:first-child > :not(ul) {
  display: none;
}
#assessment_structure:not(:has(> li + li + li)) > li:first-child > .list {
  padding-left: 0;
}
@media (max-height:399px) {
  .coz-input-has-open header {
    display: none;
  }
}
table.sort > thead > tr > th {
  overflow: hidden;
}
table.sort > thead > tr > th:not(.sort),
table.sort > thead > tr > th.sort > .button {
  border-radius: 0;
}
table.sort > thead > tr > th:first-child {
  border-top-left-radius: 0.25em;
}
table.sort > thead > tr > th:last-child {
  border-top-right-radius: 0.25em;
}
table.sort > thead > tr > th:not(.sort) {
  text-transform: none;
}
table.sort > thead > tr > th.sort:not(:has(> .button)) {
  text-transform: none;
}
table.sort > tbody > tr > td.buttons > div {
  gap: 0;
}
table.sort > tbody > tr > td.buttons .button,
table.sort > tbody > tr > td.buttons button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
table.sort > tbody > tr > td.buttons .button:before,
table.sort > tbody > tr > td.buttons button:before,
table.sort > tbody > tr > td.buttons .button:after,
table.sort > tbody > tr > td.buttons button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image table.sort > tbody > tr > td.buttons .button:before,
.no-mask-image table.sort > tbody > tr > td.buttons button:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button:after,
.no-mask-image table.sort > tbody > tr > td.buttons button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
table.sort > tbody > tr > td.buttons .button.button-red,
table.sort > tbody > tr > td.buttons button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
table.sort > tbody > tr > td.buttons .button.button-red:before,
table.sort > tbody > tr > td.buttons button.button-red:before,
table.sort > tbody > tr > td.buttons .button.button-red:after,
table.sort > tbody > tr > td.buttons button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-red:before,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-red:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-red:after,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
table.sort > tbody > tr > td.buttons .button.button-action,
table.sort > tbody > tr > td.buttons button.button-action,
table.sort > tbody > tr > td.buttons .button.button-primary,
table.sort > tbody > tr > td.buttons button.button-primary,
table.sort > tbody > tr > td.buttons .button.button-download,
table.sort > tbody > tr > td.buttons button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
table.sort > tbody > tr > td.buttons .button.button-action:before,
table.sort > tbody > tr > td.buttons button.button-action:before,
table.sort > tbody > tr > td.buttons .button.button-primary:before,
table.sort > tbody > tr > td.buttons button.button-primary:before,
table.sort > tbody > tr > td.buttons .button.button-download:before,
table.sort > tbody > tr > td.buttons button.button-download:before,
table.sort > tbody > tr > td.buttons .button.button-action:after,
table.sort > tbody > tr > td.buttons button.button-action:after,
table.sort > tbody > tr > td.buttons .button.button-primary:after,
table.sort > tbody > tr > td.buttons button.button-primary:after,
table.sort > tbody > tr > td.buttons .button.button-download:after,
table.sort > tbody > tr > td.buttons button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-action:before,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-action:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-primary:before,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-primary:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-download:before,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-download:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-action:after,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-action:after,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-primary:after,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-primary:after,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-download:after,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
table.sort > tbody > tr > td.buttons .button.button-action-green,
table.sort > tbody > tr > td.buttons button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
table.sort > tbody > tr > td.buttons .button.button-action-green:before,
table.sort > tbody > tr > td.buttons button.button-action-green:before,
table.sort > tbody > tr > td.buttons .button.button-action-green:after,
table.sort > tbody > tr > td.buttons button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-action-green:before,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-action-green:before,
.no-mask-image table.sort > tbody > tr > td.buttons .button.button-action-green:after,
.no-mask-image table.sort > tbody > tr > td.buttons button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
table.sort.google-visualization-table-table > thead > tr > th:not(.checkbox):last-child {
  border-top-right-radius: 0;
}
.sort-selected + .sort-selected-bar,
.sort-selected-bar.sort-selected {
  align-items: center;
}
.sort-scrollable-buttons .arrowLeft {
  border-radius: 0.25em 0 0 0.25em;
}
.sort-scrollable-buttons .arrowRight {
  border-radius: 0 0.25em 0.25em 0;
}
.form > dd.fineprint {
  font-size: smaller;
  opacity: 0.5;
}
.form > dd.error {
  color: #c00;
}
.form > dd.error:before {
  content: '\26A0\00a0';
}
.form > dd.submit {
  margin-top: var(--page-gap);
}
.tabs-bar .tabrow .button,
.tabs-steps .tabrow .button {
  border-radius: 0.25em 0.25em 0 0;
}
.tabs-bar .tabrow .button:after,
.tabs-steps .tabrow .button:after {
  background: #00253e;
}
.tabs-bar .tabrow .button.fg:not(:first-child):before,
.tabs-steps .tabrow .button.fg:not(:first-child):before {
  border-top-color: #00253e;
  border-bottom-color: #00253e;
}
.tabs-bar .tabrow .button.fg:not(:last-child):after,
.tabs-steps .tabrow .button.fg:not(:last-child):after {
  border-left-color: #00253e;
}
@media (min-width:368px) {
  .tabs-bar .tabrow .button:not(:first-child),
  .tabs-steps .tabrow .button:not(:first-child) {
    border-top-left-radius: 0;
  }
  .tabs-bar .tabrow .button:not(:last-child),
  .tabs-steps .tabrow .button:not(:last-child) {
    border-top-right-radius: 0;
  }
}
@media (max-width:367px) {
  .tabs-bar .tabrow .button:not(:first-child),
  .tabs-steps .tabrow .button:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .tabs-bar .tabrow .button:not(:last-child),
  .tabs-steps .tabrow .button:not(:last-child) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.mask-image .tabs-bar .tabrow .button.fg:before {
  background: #00253e;
}
.button.fg,
button.fg,
.button.selected,
button.selected,
.button.fg:hover,
button.fg:hover,
.button.selected:hover,
button.selected:hover,
.button.fg:hover:active,
button.fg:hover:active,
.button.selected:hover:active,
button.selected:hover:active {
  background-color: #00253e;
}
.button.fg:focus-visible,
button.fg:focus-visible,
.button.selected:focus-visible,
button.selected:focus-visible {
  background-color: #00253e;
}
dl.accordion dt button,
dl.accordion dt label {
  border-radius: 1.3125em;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt:not(:has(button, label)) {
  border-radius: 1.3125em;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt button:focus-visible,
dl.accordion dt label:focus-visible {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt:not(:has(button, label)):focus-visible {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt button:hover,
dl.accordion dt label:hover,
dl.accordion dt button:hover:active,
dl.accordion dt label:hover:active {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt:not(:has(button, label)):hover,
dl.accordion dt:not(:has(button, label)):hover:active {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
dl.accordion dt:not(:first-of-type) > button,
dl.accordion dt:not(:first-of-type) > label {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
dl.accordion dt:not(:first-of-type):not(:has(button, label)) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
dl.accordion dt:not(:last-of-type) > button,
dl.accordion dt:not(:last-of-type) > label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
dl.accordion dt:not(:last-child):not(:has(button, label)),
dl.accordion :checked + dt:not(:has(+ dd[src])) > .button {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
dl.accordion :checked + dt:not(:has(+ dd[src])) > .button {
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), background-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-radius 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
dl.accordion :checked + dt:not(:has(+ dd[src])) > .button:focus-visible {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
dl.accordion :checked + dt:not(:has(+ dd[src])) > .button:hover,
dl.accordion :checked + dt:not(:has(+ dd[src])) > .button:hover:active {
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), background-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-radius 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
button.action-green,
.button-action-green {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sort-selected-bar button.action-green,
.sort-selected-bar .button-action-green {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #0c0;
  --button-color-base: #ffffff;
  --button-background-color-hover: #009900;
  --button-color-hover: #ffffff;
  --button-background-color-active: #006600;
  --button-color-active: #ffffff;
  --button-color-flat: #ffffff;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button-flat,
button.flat {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.button-flat.button-red,
button.flat.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button-flat.button-red:before,
button.flat.button-red:before,
.button-flat.button-red:after,
button.flat.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-flat.button-red:before,
.no-mask-image button.flat.button-red:before,
.no-mask-image .button-flat.button-red:after,
.no-mask-image button.flat.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-flat.button-action,
button.flat.button-action,
.button-flat.button-primary,
button.flat.button-primary,
.button-flat.button-download,
button.flat.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button-flat.button-action:before,
button.flat.button-action:before,
.button-flat.button-primary:before,
button.flat.button-primary:before,
.button-flat.button-download:before,
button.flat.button-download:before,
.button-flat.button-action:after,
button.flat.button-action:after,
.button-flat.button-primary:after,
button.flat.button-primary:after,
.button-flat.button-download:after,
button.flat.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-flat.button-action:before,
.no-mask-image button.flat.button-action:before,
.no-mask-image .button-flat.button-primary:before,
.no-mask-image button.flat.button-primary:before,
.no-mask-image .button-flat.button-download:before,
.no-mask-image button.flat.button-download:before,
.no-mask-image .button-flat.button-action:after,
.no-mask-image button.flat.button-action:after,
.no-mask-image .button-flat.button-primary:after,
.no-mask-image button.flat.button-primary:after,
.no-mask-image .button-flat.button-download:after,
.no-mask-image button.flat.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-flat.button-action-green,
button.flat.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.button-flat.button-action-green:before,
button.flat.button-action-green:before,
.button-flat.button-action-green:after,
button.flat.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-flat.button-action-green:before,
.no-mask-image button.flat.button-action-green:before,
.no-mask-image .button-flat.button-action-green:after,
.no-mask-image button.flat.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-bordered,
button.bordered {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: rgba(0, 0, 0, 0.8);
}
.button-bordered:before,
button.bordered:before,
.button-bordered:after,
button.bordered:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-bordered:before,
.no-mask-image button.bordered:before,
.no-mask-image .button-bordered:after,
.no-mask-image button.bordered:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-bordered:hover,
button.bordered:hover,
.button-bordered.hover,
button.bordered.hover,
.button-bordered.focus,
button.bordered.focus,
.accordion > :focus + dt > .button-bordered,
.accordion > :focus + dt > button.bordered {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.button-bordered:focus-visible,
button.bordered:focus-visible {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.button-bordered:hover:before,
button.bordered:hover:before,
.button-bordered.hover:before,
button.bordered.hover:before,
.button-bordered.focus:before,
button.bordered.focus:before,
.accordion > :focus + dt > .button-bordered:before,
.accordion > :focus + dt > button.bordered:before,
.button-bordered:hover:after,
button.bordered:hover:after,
.button-bordered.hover:after,
button.bordered.hover:after,
.button-bordered.focus:after,
button.bordered.focus:after,
.accordion > :focus + dt > .button-bordered:after,
.accordion > :focus + dt > button.bordered:after {
  /*color:@color;*/
}
.button-bordered:focus-visible:before,
button.bordered:focus-visible:before,
.button-bordered:focus-visible:after,
button.bordered:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-bordered:hover:before,
.no-mask-image button.bordered:hover:before,
.no-mask-image .button-bordered.hover:before,
.no-mask-image button.bordered.hover:before,
.no-mask-image .button-bordered.focus:before,
.no-mask-image button.bordered.focus:before,
.no-mask-image .accordion > :focus + dt > .button-bordered:before,
.no-mask-image .accordion > :focus + dt > button.bordered:before,
.no-mask-image .button-bordered:hover:after,
.no-mask-image button.bordered:hover:after,
.no-mask-image .button-bordered.hover:after,
.no-mask-image button.bordered.hover:after,
.no-mask-image .button-bordered.focus:after,
.no-mask-image button.bordered.focus:after,
.no-mask-image .accordion > :focus + dt > .button-bordered:after,
.no-mask-image .accordion > :focus + dt > button.bordered:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image .button-bordered:focus-visible:before,
.no-mask-image button.bordered:focus-visible:before,
.no-mask-image .button-bordered:focus-visible:after,
.no-mask-image button.bordered:focus-visible:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.button-bordered:focus-visible,
button.bordered:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
}
.button-bordered.focus,
button.bordered.focus {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
}
.button-bordered:hover:active,
button.bordered:hover:active,
.button-bordered.hover:active,
button.bordered.hover:active,
.button-bordered.active:hover,
button.bordered.active:hover,
.button-bordered.active.hover,
button.bordered.active.hover,
.button-bordered.button:not(a):not(label):not(input),
button.bordered.button:not(a):not(label):not(input) {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.8) inset;
  color: rgba(0, 0, 0, 0.8);
  background-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.button-bordered:hover:active:before,
button.bordered:hover:active:before,
.button-bordered.hover:active:before,
button.bordered.hover:active:before,
.button-bordered.active:hover:before,
button.bordered.active:hover:before,
.button-bordered.active.hover:before,
button.bordered.active.hover:before,
.button-bordered.button:not(a):not(label):not(input):before,
button.bordered.button:not(a):not(label):not(input):before,
.button-bordered:hover:active:after,
button.bordered:hover:active:after,
.button-bordered.hover:active:after,
button.bordered.hover:active:after,
.button-bordered.active:hover:after,
button.bordered.active:hover:after,
.button-bordered.active.hover:after,
button.bordered.active.hover:after,
.button-bordered.button:not(a):not(label):not(input):after,
button.bordered.button:not(a):not(label):not(input):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .button-bordered:hover:active:before,
.no-mask-image button.bordered:hover:active:before,
.no-mask-image .button-bordered.hover:active:before,
.no-mask-image button.bordered.hover:active:before,
.no-mask-image .button-bordered.active:hover:before,
.no-mask-image button.bordered.active:hover:before,
.no-mask-image .button-bordered.active.hover:before,
.no-mask-image button.bordered.active.hover:before,
.no-mask-image .button-bordered.button:not(a):not(label):not(input):before,
.no-mask-image button.bordered.button:not(a):not(label):not(input):before,
.no-mask-image .button-bordered:hover:active:after,
.no-mask-image button.bordered:hover:active:after,
.no-mask-image .button-bordered.hover:active:after,
.no-mask-image button.bordered.hover:active:after,
.no-mask-image .button-bordered.active:hover:after,
.no-mask-image button.bordered.active:hover:after,
.no-mask-image .button-bordered.active.hover:after,
.no-mask-image button.bordered.active.hover:after,
.no-mask-image .button-bordered.button:not(a):not(label):not(input):after,
.no-mask-image button.bordered.button:not(a):not(label):not(input):after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.index-marketing .button-bordered,
.index-marketing button.bordered {
  background-color: transparent;
  box-shadow: 0 0 0 2px #fff inset;
  color: #fff;
}
.index-marketing .button-bordered:before,
.index-marketing button.bordered:before,
.index-marketing .button-bordered:after,
.index-marketing button.bordered:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .index-marketing .button-bordered:before,
.no-mask-image .index-marketing button.bordered:before,
.no-mask-image .index-marketing .button-bordered:after,
.no-mask-image .index-marketing button.bordered:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
.index-marketing .button-bordered:hover,
.index-marketing button.bordered:hover,
.index-marketing .button-bordered.hover,
.index-marketing button.bordered.hover,
.index-marketing .button-bordered.focus,
.index-marketing button.bordered.focus,
.accordion > :focus + dt > .index-marketing .button-bordered,
.accordion > :focus + dt > .index-marketing button.bordered {
  box-shadow: 0 0 0 2px #e6e6e6 inset;
  color: #e6e6e6;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.index-marketing .button-bordered:focus-visible,
.index-marketing button.bordered:focus-visible {
  box-shadow: 0 0 0 2px #e6e6e6 inset;
  color: #e6e6e6;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.index-marketing .button-bordered:hover:before,
.index-marketing button.bordered:hover:before,
.index-marketing .button-bordered.hover:before,
.index-marketing button.bordered.hover:before,
.index-marketing .button-bordered.focus:before,
.index-marketing button.bordered.focus:before,
.accordion > :focus + dt > .index-marketing .button-bordered:before,
.accordion > :focus + dt > .index-marketing button.bordered:before,
.index-marketing .button-bordered:hover:after,
.index-marketing button.bordered:hover:after,
.index-marketing .button-bordered.hover:after,
.index-marketing button.bordered.hover:after,
.index-marketing .button-bordered.focus:after,
.index-marketing button.bordered.focus:after,
.accordion > :focus + dt > .index-marketing .button-bordered:after,
.accordion > :focus + dt > .index-marketing button.bordered:after {
  /*color:@color;*/
}
.index-marketing .button-bordered:focus-visible:before,
.index-marketing button.bordered:focus-visible:before,
.index-marketing .button-bordered:focus-visible:after,
.index-marketing button.bordered:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .index-marketing .button-bordered:hover:before,
.no-mask-image .index-marketing button.bordered:hover:before,
.no-mask-image .index-marketing .button-bordered.hover:before,
.no-mask-image .index-marketing button.bordered.hover:before,
.no-mask-image .index-marketing .button-bordered.focus:before,
.no-mask-image .index-marketing button.bordered.focus:before,
.no-mask-image .accordion > :focus + dt > .index-marketing .button-bordered:before,
.no-mask-image .accordion > :focus + dt > .index-marketing button.bordered:before,
.no-mask-image .index-marketing .button-bordered:hover:after,
.no-mask-image .index-marketing button.bordered:hover:after,
.no-mask-image .index-marketing .button-bordered.hover:after,
.no-mask-image .index-marketing button.bordered.hover:after,
.no-mask-image .index-marketing .button-bordered.focus:after,
.no-mask-image .index-marketing button.bordered.focus:after,
.no-mask-image .accordion > :focus + dt > .index-marketing .button-bordered:after,
.no-mask-image .accordion > :focus + dt > .index-marketing button.bordered:after {
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image .index-marketing .button-bordered:focus-visible:before,
.no-mask-image .index-marketing button.bordered:focus-visible:before,
.no-mask-image .index-marketing .button-bordered:focus-visible:after,
.no-mask-image .index-marketing button.bordered:focus-visible:after {
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg'), none;
}
.index-marketing .button-bordered:focus-visible,
.index-marketing button.bordered:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #e6e6e6 inset;
}
.index-marketing .button-bordered.focus,
.index-marketing button.bordered.focus {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #e6e6e6 inset;
}
.index-marketing .button-bordered:hover:active,
.index-marketing button.bordered:hover:active,
.index-marketing .button-bordered.hover:active,
.index-marketing button.bordered.hover:active,
.index-marketing .button-bordered.active:hover,
.index-marketing button.bordered.active:hover,
.index-marketing .button-bordered.active.hover,
.index-marketing button.bordered.active.hover,
.index-marketing .button-bordered.button:not(a):not(label):not(input),
.index-marketing button.bordered.button:not(a):not(label):not(input) {
  box-shadow: 0 0 0 2px #cccccc inset;
  color: #cccccc;
  background-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.index-marketing .button-bordered:hover:active:before,
.index-marketing button.bordered:hover:active:before,
.index-marketing .button-bordered.hover:active:before,
.index-marketing button.bordered.hover:active:before,
.index-marketing .button-bordered.active:hover:before,
.index-marketing button.bordered.active:hover:before,
.index-marketing .button-bordered.active.hover:before,
.index-marketing button.bordered.active.hover:before,
.index-marketing .button-bordered.button:not(a):not(label):not(input):before,
.index-marketing button.bordered.button:not(a):not(label):not(input):before,
.index-marketing .button-bordered:hover:active:after,
.index-marketing button.bordered:hover:active:after,
.index-marketing .button-bordered.hover:active:after,
.index-marketing button.bordered.hover:active:after,
.index-marketing .button-bordered.active:hover:after,
.index-marketing button.bordered.active:hover:after,
.index-marketing .button-bordered.active.hover:after,
.index-marketing button.bordered.active.hover:after,
.index-marketing .button-bordered.button:not(a):not(label):not(input):after,
.index-marketing button.bordered.button:not(a):not(label):not(input):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .index-marketing .button-bordered:hover:active:before,
.no-mask-image .index-marketing button.bordered:hover:active:before,
.no-mask-image .index-marketing .button-bordered.hover:active:before,
.no-mask-image .index-marketing button.bordered.hover:active:before,
.no-mask-image .index-marketing .button-bordered.active:hover:before,
.no-mask-image .index-marketing button.bordered.active:hover:before,
.no-mask-image .index-marketing .button-bordered.active.hover:before,
.no-mask-image .index-marketing button.bordered.active.hover:before,
.no-mask-image .index-marketing .button-bordered.button:not(a):not(label):not(input):before,
.no-mask-image .index-marketing button.bordered.button:not(a):not(label):not(input):before,
.no-mask-image .index-marketing .button-bordered:hover:active:after,
.no-mask-image .index-marketing button.bordered:hover:active:after,
.no-mask-image .index-marketing .button-bordered.hover:active:after,
.no-mask-image .index-marketing button.bordered.hover:active:after,
.no-mask-image .index-marketing .button-bordered.active:hover:after,
.no-mask-image .index-marketing button.bordered.active:hover:after,
.no-mask-image .index-marketing .button-bordered.active.hover:after,
.no-mask-image .index-marketing button.bordered.active.hover:after,
.no-mask-image .index-marketing .button-bordered.button:not(a):not(label):not(input):after,
.no-mask-image .index-marketing button.bordered.button:not(a):not(label):not(input):after {
  background-image: url('/colorReplace/cccccc/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/cccccc/images/webshop/button-icons-mask.svg'), none;
}
#search_parameters button.coz-input-style,
#search_filters button.coz-input-style {
  white-space: nowrap;
}
#search_parameters button.coz-input-style:before,
#search_filters button.coz-input-style:before {
  margin: 2em -2em 2em 6em;
  order: 2;
}
.touch #search_parameters button.coz-input-style b,
.touch #search_filters button.coz-input-style b {
  margin: 0 0 0 0.5em;
  text-transform: none;
  font-size: 0.75em;
  font-weight: inherit;
}
#search_parameters {
  display: block;
  margin: 1em 0;
}
#search_parameters > * {
  margin: 0;
}
#search_parameters .button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
  border-radius: 0.375em;
  float: none;
  padding: 0 0.4375em;
  padding: 0 calc(8em / 16 - 1px);
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#search_parameters .button:before,
#search_parameters .button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #search_parameters .button:before,
.no-mask-image #search_parameters .button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
#search_parameters .button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#search_parameters .button.button-red:before,
#search_parameters .button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #search_parameters .button.button-red:before,
.no-mask-image #search_parameters .button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
#search_parameters .button.button-action,
#search_parameters .button.button-primary,
#search_parameters .button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#search_parameters .button.button-action:before,
#search_parameters .button.button-primary:before,
#search_parameters .button.button-download:before,
#search_parameters .button.button-action:after,
#search_parameters .button.button-primary:after,
#search_parameters .button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #search_parameters .button.button-action:before,
.no-mask-image #search_parameters .button.button-primary:before,
.no-mask-image #search_parameters .button.button-download:before,
.no-mask-image #search_parameters .button.button-action:after,
.no-mask-image #search_parameters .button.button-primary:after,
.no-mask-image #search_parameters .button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
#search_parameters .button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#search_parameters .button.button-action-green:before,
#search_parameters .button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #search_parameters .button.button-action-green:before,
.no-mask-image #search_parameters .button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
h1,
h2,
h3,
.product .title,
.sem-expert-name,
.channelScroller .productList > div > div > a > span {
  font-weight: 700;
  color: #00253e;
  letter-spacing: -0.025em;
}
/* remove color:text */
h4,
h5,
h6 {
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8);
}
h1 {
  font-size: 2.5em;
  line-height: 1.25;
}
h2 {
  font-size: 1.875em;
  line-height: 1.26666667;
}
h3 {
  font-size: 1.25em;
  line-height: 1.2;
}
hr {
  margin: 3em 0;
  margin: var(--page-gap) 0;
  clear: both;
}
header {
  font-size: 1em;
  line-height: 1.5;
}
header > div {
  padding: 0;
}
header > div > a {
  background: none;
  box-sizing: content-box;
}
header > div > a > img {
  height: 2.5em !important;
  padding: 0 var(--touch-menu-logo-padding);
}
header > div:before,
header > div > a:after {
  content: none;
}
header > div > nav,
header > div > nav form,
header > div > nav input {
  font-size: 1em;
}
html header.cookies {
  position: static;
  font-size: 0.875em;
  box-shadow: none;
  /* 
		~ main { border-top-width:@touch-menu-height * 2; border-top-width:calc(var(--touch-menu-height) * 2); }
		~ header { top:@touch-menu-height; top:var(--touch-menu-height); } */
}
html header.cookies + header.cookies {
  position: fixed;
  top: auto;
  bottom: 0;
}
html header.cookies:before {
  content: none;
}
html header.cookies,
html header.cookies > div {
  height: auto;
  background: #e0e0e0;
}
html header.cookies > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 38.6875px;
  padding: calc((var(--touch-menu-height) - 42em / 16) / 2);
}
html header.cookies > div > div:first-child {
  padding: 0.6875em;
  width: 75%;
  margin-right: auto;
}
html header.cookies > div > div:first-child + div {
  padding: 0.6875em 0 0.6875em 0.6875em;
}
html header.cookies > div > div:last-child {
  margin-left: auto;
}
html header.cookies > div > div:last-child > button.primary {
  margin-left: 1em;
}
@media (max-width:499px) {
  html header.cookies > div > div:first-child {
    width: 100%;
  }
  html header.cookies > div > div:last-child > button.primary {
    margin-left: 0;
  }
}
header,
header > div,
html.touch-menu header > div,
main:after,
aside,
footer {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
footer {
  position: static;
  font-size: 0.875em;
}
footer > div {
  margin: 0;
  max-width: none;
  display: flex;
  flex-wrap: wrap;
  padding: 48px;
  padding: var(--page-gap);
  background: #404040;
  background: #0c2e3f;
}
footer > div > a {
  margin: 0 1.71428571em 0 0;
  margin: 0 calc(var(--page-gap) / 2) 0 0;
}
footer > div > a:any-link {
  color: inherit;
}
footer > div > a:hover {
  color: #fff;
}
footer > div > a:focus-visible {
  color: #fff;
}
footer > div > span {
  margin-left: auto;
}
@media (max-width:825px) {
  footer > div > span {
    width: 100%;
    margin: 0.85714286em 0 0;
  }
}
.spotlightView.running .spotlight-element,
.channel-banner,
.custom-banner,
.dashboard-banner > div {
  padding: 48px 96px;
  padding: 48px calc(144px + (100vw - 1376px) * 96 / 544);
  padding: var(--page-gap) calc(144px + (100vw - 1376px) * 96 / 544);
}
.spotlightView:not(.running) > div {
  padding: 96px 96px;
  padding: 96px calc(144px + (100vw - 1376px) * 96 / 544);
  padding: calc(2 * var(--page-gap)) calc(144px + (100vw - 1376px) * 96 / 544);
}
.index-marketing {
  padding: 24px 96px 96px;
  padding: 24px calc(144px + (100vw - 1376px) * 96 / 544) 96px;
  padding: calc(var(--page-gap) / 2) calc(144px + (100vw - 1376px) * 96 / 544) var(--page-side-gap);
}
main > section > div,
.layout-expert section.banner > div,
.layout-help section.banner > div,
.layout-solutioncenter section.solutioncenter > div {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.layout-solutioncenter ~ header {
  /*
	html.touch-menu &:not(.open) { height:auto; }*/
}
.layout-solutioncenter ~ header > div.solutioncenters-header {
  height: auto;
  padding: 0 96px 1em;
  padding: 0 calc(144px + (100vw - 1376px) * 96 / 544) 19px;
}
.layout-solutioncenter ~ header > div.solutioncenters-header > div {
  width: 100%;
}
html.touch-menu .layout-solutioncenter:not(.layout-inactive) {
  border-top-width: calc(var(--touch-menu-height) + 46px + 19px);
}
html.touch-menu .layout-solutioncenter:not(.layout-inactive) ~ header:not(.open) {
  height: calc(var(--touch-menu-height) + 46px + 19px);
}
#solutioncenters_menu {
  float: none;
  width: 100%;
}
#solutioncenters_menu > li:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00253e;
  z-index: -1;
}
#solutioncenters_menu > li > a {
  width: 100%;
  height: auto;
  background: #00253e;
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
  min-height: var(--touch-menu-height);
}
#solutioncenters_menu > li > a:before {
  content: none;
}
#solutioncenters_menu > li > a > h2 {
  color: #b4dae3;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#solutioncenters_menu > li > a > h2:after {
  background: #b4dae3;
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
#solutioncenters_menu > li > menu {
  width: 100%;
  top: 100%;
  bottom: auto;
  z-index: -2;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  background: #00253e;
  max-height: calc(100vh - var(--touch-menu-height) * 2);
}
#solutioncenters_menu > li:focus-within > menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
#solutioncenters_menu > li.open > menu {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
}
#solutioncenters_menu > li:focus-within > a > h2:after {
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
#solutioncenters_menu > li.open > a > h2:after {
  transform: rotate(180deg);
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
#solutioncenters_menu .solutioncenters {
  margin: 0 0 var(--page-gap);
}
main {
  flex-grow: 1;
  border-color: transparent;
  background: #fff;
  background-clip: padding-box;
  display: flex;
  flex-direction: column;
}
main .breadcrumbs h2 {
  font-size: 1.25em;
  font-weight: 300;
  color: #999;
}
main.layout-iframe:not(.layout-microcourse):not(.layout-course-viewer) {
  flex-grow: 0;
}
main.layout-inactive .breadcrumbs,
main.layout-misc .breadcrumbs,
main.layout-checkout .breadcrumbs {
  text-align: center;
}
main.layout-inactive .breadcrumbs h1,
main.layout-misc .breadcrumbs h1,
main.layout-checkout .breadcrumbs h1 {
  padding-right: 0;
  margin: auto;
}
main.layout-inactive > section > div,
main.layout-misc > section > div,
main.layout-checkout > section > div {
  width: 100%;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: var(--page-gap);
  border-radius: 0.5em;
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: none;
}
main.layout-inactive > section > div:not(:last-of-type),
main.layout-misc > section > div:not(:last-of-type),
main.layout-checkout > section > div:not(:last-of-type) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
main.layout-inactive > section > div:not(:first-of-type),
main.layout-misc > section > div:not(:first-of-type),
main.layout-checkout > section > div:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
main.layout-misc {
  text-align: center;
}
body > main.layout-dialogs > section > div {
  display: none;
}
body > main.layout-dialogs ~ .coz-overlay:first-of-type {
  background: none;
  pointer-events: none;
}
body > main.layout-dialogs ~ .coz-overlay:first-of-type .dialog {
  pointer-events: all;
}
main > section {
  position: static;
  padding: 48px 96px;
  padding: var(--page-gap) calc(144px + (100vw - 1376px) * 96 / 544);
  margin: 0;
  /* safari unfix */
}
.safari main > section {
  transform: none;
}
main > section:first-of-type {
  margin-top: 0;
}
main > section:last-of-type {
  padding-bottom: 96px;
  padding-bottom: var(--page-side-gap);
  box-shadow: none;
  margin-bottom: 0;
}
main > section.bottom {
  margin-top: auto;
}
main > section > div {
  padding-left: 0;
  padding-right: 0;
}
main > section.top-banner {
  padding-top: 1em;
  padding-bottom: 1em;
  background: #000;
  color: #fff;
  text-align: center;
}
main > section.top-banner a {
  color: inherit;
}
main > section.banner,
main > section.solutioncenter {
  padding: 0;
}
main > section.banner > div,
main > section.solutioncenter > div {
  max-width: none;
  margin: 0;
}
main.layout-expert section.banner {
  padding: 96px;
  padding: 96px calc(144px + (100vw - 1376px) * 96 / 544);
  padding: var(--page-side-gap) calc(144px + (100vw - 1376px) * 96 / 544);
}
main.layout-help > section.banner {
  padding: 96px;
  padding: 96px calc(144px + (100vw - 1376px) * 96 / 544) 48px;
  padding: var(--page-side-gap) calc(144px + (100vw - 1376px) * 96 / 544) var(--page-gap);
}
main.layout-help > section.banner,
main.layout-help > section.banner + section {
  background: #1a3b51;
  color: #fff;
}
main.layout-help > section.banner h1,
main.layout-help > section.banner + section h1,
main.layout-help > section.banner h2,
main.layout-help > section.banner + section h2 {
  color: #fff;
}
main.layout-help > section.banner h1,
main.layout-help > section.banner + section h1 {
  margin-bottom: 0.2em;
}
main.layout-help > section.banner + section {
  text-align: center;
}
main.layout-help > section.banner + section form {
  display: block;
  margin: auto;
  max-width: 480px;
  margin-bottom: 1.875em;
}
main.layout-help > section.banner + section h4 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875em;
}
main.layout-solutioncenter section.solutioncenter {
  padding: 0 96px;
  padding: 0 calc(144px + (100vw - 1376px) * 96 / 544);
  padding: 0 calc(144px + (100vw - 1376px) * 96 / 544);
}
main.layout-privacy-policy > section,
main.layout-terms-of-business > section {
  padding: 0;
}
main.layout-privacy-policy .breadcrumbs,
main.layout-terms-of-business .breadcrumbs {
  display: none;
}
main.layout-iframe,
main.layout-dialog {
  background: none;
  border-top: 0;
}
main.layout-dialog {
  margin: 0 calc(0px - var(--dialog-padding)) calc(0px - var(--dialog-padding));
  border-radius: 0 0 0.5em 0.5em;
}
main.layout-dialog > section {
  padding: var(--dialog-padding) var(--dialog-padding);
}
main.layout-dialog > section:first-of-type {
  padding-top: 0;
}
main.layout-dialog > section.banner {
  padding: 0;
}
main.layout-dialog > section:last-of-type {
  border-radius: 0 0 0.5em 0.5em;
}
main.layout-dialog table.sort > thead > tr,
main.layout-dialog .coz-table > thead > tr {
  top: var(--dialog-padding);
}
main.layout-dialog.layout-solutioncenter {
  margin-top: calc(0px - var(--dialog-padding));
  border-radius: 0.5em;
}
.index-product-dialog main > section.solutioncenter {
  padding: 0 var(--dialog-padding);
}
main > section,
main > section.bottom {
  box-shadow: none;
}
main > section.index-solutioncenters {
  background: #00253e;
}
main > section.index-solutioncenters h2 {
  color: #b4dae3;
  margin: 0;
}
main > section.index-solutioncenters p {
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0;
  margin-bottom: 0;
  max-width: 53.33333333em;
}
main > section.index-solutioncenters > div > div > div:first-child {
  display: flex;
  align-items: center;
  gap: var(--page-gap);
  margin-bottom: var(--page-gap);
}
@media (max-width:599px) {
  main > section.index-solutioncenters > div > div > div:first-child {
    flex-direction: column;
  }
}
main > section.index-topics {
  background: rgba(0, 0, 0, 0.1);
}
main > section.index-also-from {
  background: #00253e;
}
main > section.index-also-from h2 {
  color: #b4dae3;
}
main > section.index-also-from h3,
main > section.index-also-from p {
  color: rgba(255, 255, 255, 0.8);
}
main > section.index-also-from > div > div {
  display: flex;
  align-items: flex-start;
}
main > section.index-also-from > div > div > img {
  max-width: calc((100% - 48px * 2) / 3);
  max-width: calc((100% - var(--page-gap) * 2) / 3);
  border-radius: 6px;
}
main > section.index-also-from > div > div > div {
  margin-left: 24px;
  margin-left: calc(var(--page-gap) / 2);
}
main > section.index-also-from > div > div > div > h3 {
  font-size: 1.25em;
}
main > section.index-also-from > div > div > div > .button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
  margin-top: 1em;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
@media (max-width:599px) {
  main > section.index-also-from > div > div {
    flex-direction: column;
  }
  main > section.index-also-from > div > div > img {
    width: 50%;
    height: auto;
    max-width: unset;
  }
  main > section.index-also-from > div > div > div {
    margin-left: 0;
    margin-top: 16px;
  }
}
main > section.bottom,
main > aside {
  position: static;
}
main.layout-wrkdbf > section,
main.layout-strsql > section {
  padding: var(--page-gap);
}
:root {
  --touch-menu-logo-padding: 16px;
}
body.touching header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover,
body.touching #account_menu menu > li > a[href^="/"]:hover {
  background: none;
}
body.touching header > div > nav menu > li.overflow menu > li > a[href^="/"]:hover .insight-button:before,
body.touching #account_menu menu > li > a[href^="/"]:hover .insight-button:before {
  background-color: #2454f3;
}
nav menu > li > a:not(:last-child):after {
  content: none;
}
#navigation_menu .sem-expert {
  line-height: inherit;
}
#navigation_menu .sem-expert div div {
  color: rgba(255, 255, 255, 0.8);
}
#navigation_menu .sem-expert div div + div {
  color: rgba(255, 255, 255, 0.6);
}
#search_menu > li .coz-input-placeholder,
#search_menu > li ::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#search_menu > li ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#search_menu > li :-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#search_menu > li ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#search_menu > li :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
#search_menu > li :focus ~ .coz-input-placeholder,
#search_menu > li :focus::placeholder {
  color: rgba(255, 255, 255, 0.2);
}
#search_menu > li :focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
#search_menu > li :focus > :-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
#search_menu > li :focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
#search_menu > li :focus > :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.2);
}
#search_menu > li .coz-input-search button {
  --button-background-color-base: transparent;
  --button-background-color-hover: #2454f3;
  --button-background-color-active: #0d42f0;
  --button-color-flat: #fff;
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:@bgcolor; }
	&:hover:active { background-color:darken(@bgcolor, 5%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:@bgcolor; }
	&:hover:active { background-color:darken(@bgcolor, 5%); }*/
#search_menu > li .coz-input-search button:before,
#search_menu > li .coz-input-search button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #search_menu > li .coz-input-search button:before,
.no-mask-image #search_menu > li .coz-input-search button:after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
#search_menu > li > a {
  position: absolute;
  top: -1000px;
}
#search_menu > li > menu {
  display: none;
}
#search_menu > li > form {
  display: block;
  padding: 1.1875em;
  padding: calc((var(--touch-menu-height) - 42em/16) / 2);
}
#search_menu > li > form input[type="text"] {
  width: 20em;
  padding-right: 2.25em;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width:767px) {
  #search_menu > li.closed > a,
  #search_menu > li > form {
    position: absolute;
    top: -1000px;
  }
  #search_menu > li > a,
  #search_menu > li.open > form {
    position: static;
  }
  #search_menu > li.overflow > a:before {
    background-position: 5.6980057% 0%;
    -webkit-mask-position: 5.6980057% 0%;
    -moz-mask-position: 5.6980057% 0%;
    -ms-mask-position: 5.6980057% 0%;
    -o-mask-position: 5.6980057% 0%;
    mask-position: 5.6980057% 0%;
  }
  #search_menu > li > form input[type="text"] {
    width: 0;
    min-width: 0;
    padding-right: 1.8125em;
    transition: width 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), padding-right 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  #search_menu > li.open > form input[type="text"] {
    width: 20em;
    padding-right: 2.25em;
    transition: width 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), padding-right 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  }
  #search_menu > li.closed > a {
    position: static;
    animation: delay-position-static 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  #search_menu > li.closed > form {
    position: absolute;
    animation: delay-position-absolute 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  }
  #search_menu > li @keyframes delay-position-static from {
    position: absolute;
  }
  #search_menu > li @keyframes delay-position-absolute from {
    position: static;
  }
}
#account_menu {
  font-size: 0.875em;
}
#account_menu .account-initials {
  padding: 0;
  width: 3em;
  height: 3em;
  line-height: 0;
  border: 0;
  border-radius: 50%;
  background: #5B5F6A;
  color: #fff;
  letter-spacing: 0;
  overflow: visible;
  flex-shrink: 0;
}
#account_menu .account-initials[data-notifications]:before {
  content: '';
  position: absolute;
  right: 2em;
  bottom: 2em;
  width: 12em;
  height: 12em;
  background-color: #2454f3;
  border-radius: 6em;
}
#account_menu .account-initials-menuitem a {
  gap: 0;
}
#account_menu .account-initials + div {
  margin-left: 1em;
  line-height: 1.42857143em;
  flex-grow: 1;
}
#account_menu .account-initials + div div:first-child {
  font-weight: 600;
}
#account_menu > li > a[data-notifications]:after {
  content: attr(data-notifications);
  background: #2454f3;
  color: #fff;
  font-size: 0.85714286em;
  margin-left: 1em;
  width: 2em;
  line-height: 2;
  height: auto;
  border-radius: 6em;
  text-align: center;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
}
#account_menu > li.overflow > a {
  padding: 19em;
  padding: calc((var(--touch-menu-height) - 42px)/2);
}
#account_menu > li.overflow > a:before {
  content: none;
}
#account_menu menu {
  top: 0;
  bottom: auto;
  max-height: calc(100% - var(--touch-menu-height) + 42em/14);
  overflow: auto;
  margin: 19px;
  margin: calc((var(--touch-menu-height) - 42em / 14) / 2);
  width: auto;
  background: #fff;
  border-radius: 0.57142857em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  transform: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  /* 
		&:before { content:''; position:absolute; right:0; top:0; width:42/14em; height:42/14em; padding:21/14em; z-index:-1; background:#fff; border-radius:21/14em; .prefix(box-shadow, 0 0 4/14em rgba(0,0,0,0.4)); opacity:0; transition:0.2s, opacity 0s 0.2s; transition:none; }
		> * { opacity:0; transition:0s; }
		> .account-initials { position:absolute; right:0; top:0; margin:0; opacity:1; transition:0.2s; transition:none; }
		> .account-initials + menuitem { margin-top:@touch-menu-padding / 2; } */
  /* 
		menuitem:first-child > a > .account-initials { opacity:0; } */
}
#account_menu menu > li {
  font-size: inherit;
}
#account_menu menu > li > a {
  background: #fff;
  color: rgba(0, 0, 0, 0.8);
}
#account_menu menu > li > a[href^="/"]:hover {
  background: rgba(0, 0, 0, 0.1);
}
#account_menu menu > li > a[href^="/"]:focus-visible {
  background: rgba(0, 0, 0, 0.1);
}
#account_menu menu hr {
  border-color: rgba(0, 0, 0, 0.2);
}
#account_menu > li.open > menu {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  /* 
		&:before { width:100%; height:100%; border-radius:8px; opacity:1; transition:0.25s, opacity 0s 0.01s; transition:none; }
		> * { opacity:1; transition:opacity 0.2s 0.25s; transition:none; }
		> .account-initials { right:calc(100% - 42em/14 - @touch-menu-padding); top:calc(@touch-menu-padding / 2 + 6em/16); transition:0.25s; transition:none; } */
}
.noscript #account_menu > li:focus-within > menu {
  opacity: 1;
  pointer-events: all;
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  /* 
		&:before { width:100%; height:100%; border-radius:8px; opacity:1; transition:0.25s, opacity 0s 0.01s; transition:none; }
		> * { opacity:1; transition:opacity 0.2s 0.25s; transition:none; }
		> .account-initials { right:calc(100% - 42em/14 - @touch-menu-padding); top:calc(@touch-menu-padding / 2 + 6em/16); transition:0.25s; transition:none; } */
}
#join_menu {
  font-size: 0.875em;
}
#join_menu div {
  display: flex;
  padding: 21.625px;
  padding: calc((var(--touch-menu-height) - 42em / 16) / 2);
  padding-left: 0;
}
#join_menu .button {
  width: auto;
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
#join_menu .button + .button {
  margin-left: 1em;
}
.sporting-edge-icon-pseudo,
#navigation_menu li.overflow > a:before,
#search_menu li.overflow > a:before,
.coz-input-search > button.icon:before,
.insight-favourites:before,
.insight-watchlater:before,
.insight-history:before,
.insight-playlists:before,
.insight-playlists-add:before,
.insight-rating:before,
.dialog-buttons .close:before,
.product-comments:before {
  content: '';
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: bottom;
  background-size: 100%;
  background-color: currentColor;
  -webkit-mask-size: 100%;
  -moz-mask-size: 100%;
  -ms-mask-size: 100%;
  -o-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-position: 0 0;
  -moz-mask-position: 0 0;
  -ms-mask-position: 0 0;
  -o-mask-position: 0 0;
  mask-position: 0 0;
}
.insight-button {
  display: flex;
  align-items: center;
  float: left;
  line-height: 1.25;
  padding: 0.375em 0.375em 0.375em 0;
}
#navigation_menu li.overflow > a:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
  color: #fff;
}
.no-mask-image #navigation_menu li.overflow > a:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
}
.remove#navigation_menu li.overflow > a:before,
nav menu menu > li > a > #navigation_menu li.overflow > a:before,
.breadcrumbs #navigation_menu li.overflow > a:before {
  color: #2454f3;
}
.no-mask-image .remove#navigation_menu li.overflow > a:before,
.no-mask-image nav menu menu > li > a > #navigation_menu li.overflow > a:before,
.no-mask-image .breadcrumbs #navigation_menu li.overflow > a:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
}
nav menu menu > li > a:hover > #navigation_menu li.overflow > a:before,
nav menu menu > li > a:focus > #navigation_menu li.overflow > a:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > #navigation_menu li.overflow > a:before,
.no-mask-image nav menu menu > li > a:focus > #navigation_menu li.overflow > a:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#navigation);
}
#search_menu li.overflow > a:before,
.coz-input-search > button.icon:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#search);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#search);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#search);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#search);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#search);
  color: rgba(0, 0, 0, 0.8);
}
.no-mask-image #search_menu li.overflow > a:before,
.no-mask-image .coz-input-search > button.icon:before {
  background-color: transparent;
  background-image: url(/colorReplace/rgba(0, 0, 0, 0.8)/themes/semembers/images/sporting-edge-icons-ids.svg#search);
}
.remove#search_menu li.overflow > a:before,
.remove.coz-input-search > button.icon:before,
nav menu menu > li > a > #search_menu li.overflow > a:before,
nav menu menu > li > a > .coz-input-search > button.icon:before,
.breadcrumbs #search_menu li.overflow > a:before,
.breadcrumbs .coz-input-search > button.icon:before {
  color: #2454f3;
}
.no-mask-image .remove#search_menu li.overflow > a:before,
.no-mask-image .remove.coz-input-search > button.icon:before,
.no-mask-image nav menu menu > li > a > #search_menu li.overflow > a:before,
.no-mask-image nav menu menu > li > a > .coz-input-search > button.icon:before,
.no-mask-image .breadcrumbs #search_menu li.overflow > a:before,
.no-mask-image .breadcrumbs .coz-input-search > button.icon:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#search);
}
nav menu menu > li > a:hover > #search_menu li.overflow > a:before,
nav menu menu > li > a:hover > .coz-input-search > button.icon:before,
nav menu menu > li > a:focus > #search_menu li.overflow > a:before,
nav menu menu > li > a:focus > .coz-input-search > button.icon:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > #search_menu li.overflow > a:before,
.no-mask-image nav menu menu > li > a:hover > .coz-input-search > button.icon:before,
.no-mask-image nav menu menu > li > a:focus > #search_menu li.overflow > a:before,
.no-mask-image nav menu menu > li > a:focus > .coz-input-search > button.icon:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#search);
}
#search_menu li.overflow > a:before,
#search_menu .coz-input-search > button.icon:before {
  color: #fff;
}
.no-mask-image #search_menu li.overflow > a:before,
.no-mask-image #search_menu .coz-input-search > button.icon:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#search);
}
.insight-button:before {
  margin: 0 0.375em 0 0;
}
.insight-favourites:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
  color: #878788;
}
.no-mask-image .insight-favourites:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
}
.remove.insight-favourites:before,
nav menu menu > li > a > .insight-favourites:before,
.breadcrumbs .insight-favourites:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-favourites:before,
.no-mask-image nav menu menu > li > a > .insight-favourites:before,
.no-mask-image .breadcrumbs .insight-favourites:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
}
nav menu menu > li > a:hover > .insight-favourites:before,
nav menu menu > li > a:focus > .insight-favourites:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-favourites:before,
.no-mask-image nav menu menu > li > a:focus > .insight-favourites:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#favourites);
}
.insight-watchlater:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
  color: #878788;
}
.no-mask-image .insight-watchlater:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
}
.remove.insight-watchlater:before,
nav menu menu > li > a > .insight-watchlater:before,
.breadcrumbs .insight-watchlater:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-watchlater:before,
.no-mask-image nav menu menu > li > a > .insight-watchlater:before,
.no-mask-image .breadcrumbs .insight-watchlater:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
}
nav menu menu > li > a:hover > .insight-watchlater:before,
nav menu menu > li > a:focus > .insight-watchlater:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-watchlater:before,
.no-mask-image nav menu menu > li > a:focus > .insight-watchlater:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#watchlater);
}
.insight-history:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#history);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#history);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#history);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#history);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#history);
  color: #878788;
}
.no-mask-image .insight-history:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#history);
}
.remove.insight-history:before,
nav menu menu > li > a > .insight-history:before,
.breadcrumbs .insight-history:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-history:before,
.no-mask-image nav menu menu > li > a > .insight-history:before,
.no-mask-image .breadcrumbs .insight-history:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#history);
}
nav menu menu > li > a:hover > .insight-history:before,
nav menu menu > li > a:focus > .insight-history:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-history:before,
.no-mask-image nav menu menu > li > a:focus > .insight-history:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#history);
}
.insight-playlists:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
  color: #878788;
}
.no-mask-image .insight-playlists:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
}
.remove.insight-playlists:before,
nav menu menu > li > a > .insight-playlists:before,
.breadcrumbs .insight-playlists:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-playlists:before,
.no-mask-image nav menu menu > li > a > .insight-playlists:before,
.no-mask-image .breadcrumbs .insight-playlists:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
}
nav menu menu > li > a:hover > .insight-playlists:before,
nav menu menu > li > a:focus > .insight-playlists:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-playlists:before,
.no-mask-image nav menu menu > li > a:focus > .insight-playlists:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#playlists);
}
.insight-playlists-add:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
  color: #878788;
}
.no-mask-image .insight-playlists-add:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
}
.remove.insight-playlists-add:before,
nav menu menu > li > a > .insight-playlists-add:before,
.breadcrumbs .insight-playlists-add:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-playlists-add:before,
.no-mask-image nav menu menu > li > a > .insight-playlists-add:before,
.no-mask-image .breadcrumbs .insight-playlists-add:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
}
nav menu menu > li > a:hover > .insight-playlists-add:before,
nav menu menu > li > a:focus > .insight-playlists-add:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-playlists-add:before,
.no-mask-image nav menu menu > li > a:focus > .insight-playlists-add:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#playlists_add);
}
.insight-rating:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
  color: #878788;
}
.no-mask-image .insight-rating:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
}
.remove.insight-rating:before,
nav menu menu > li > a > .insight-rating:before,
.breadcrumbs .insight-rating:before {
  color: #2454f3;
}
.no-mask-image .remove.insight-rating:before,
.no-mask-image nav menu menu > li > a > .insight-rating:before,
.no-mask-image .breadcrumbs .insight-rating:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
}
nav menu menu > li > a:hover > .insight-rating:before,
nav menu menu > li > a:focus > .insight-rating:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .insight-rating:before,
.no-mask-image nav menu menu > li > a:focus > .insight-rating:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#rating);
}
.insight-rating-down:before {
  transform: rotate(180deg) translateY(-4px);
}
.dialog-buttons .close:before {
  -webkit-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#close);
  -moz-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#close);
  -ms-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#close);
  -o-mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#close);
  mask-image: url(/themes/semembers/images/sporting-edge-icons-ids.svg#close);
  color: rgba(0, 0, 0, 0.8);
}
.no-mask-image .dialog-buttons .close:before {
  background-color: transparent;
  background-image: url(/colorReplace/rgba(0, 0, 0, 0.8)/themes/semembers/images/sporting-edge-icons-ids.svg#close);
}
.remove.dialog-buttons .close:before,
nav menu menu > li > a > .dialog-buttons .close:before,
.breadcrumbs .dialog-buttons .close:before {
  color: #2454f3;
}
.no-mask-image .remove.dialog-buttons .close:before,
.no-mask-image nav menu menu > li > a > .dialog-buttons .close:before,
.no-mask-image .breadcrumbs .dialog-buttons .close:before {
  background-color: transparent;
  background-image: url(/colorReplace/2454f3/themes/semembers/images/sporting-edge-icons-ids.svg#close);
}
nav menu menu > li > a:hover > .dialog-buttons .close:before,
nav menu menu > li > a:focus > .dialog-buttons .close:before {
  color: #fff;
}
.no-mask-image nav menu menu > li > a:hover > .dialog-buttons .close:before,
.no-mask-image nav menu menu > li > a:focus > .dialog-buttons .close:before {
  background-color: transparent;
  background-image: url(/colorReplace/ffffff/themes/semembers/images/sporting-edge-icons-ids.svg#close);
}
#navigation_menu li.overflow > a:before,
#search_menu li.overflow > a:before {
  width: 1.5em;
  height: 1.5em;
}
.product-comments:before {
  -webkit-mask-image: url(/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
  -moz-mask-image: url(/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
  -ms-mask-image: url(/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
  -o-mask-image: url(/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
  mask-image: url(/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
  background-color: #878788;
}
.no-mask-image .product-comments:before {
  background-color: transparent;
  background-image: url(/colorReplace/878788/themes/semembers/images/iconmonstr-speech-bubble-2.svg);
}
.breadcrumbs .insight-button {
  padding: 0;
}
.breadcrumbs .insight-button:before {
  margin-right: 0.2em;
  width: 0.9em;
  height: 0.9em;
}
button.calendar-google:before {
  background-position: 5.6980057% 0%;
  -webkit-mask-position: 5.6980057% 0%;
  -moz-mask-position: 5.6980057% 0%;
  -ms-mask-position: 5.6980057% 0%;
  -o-mask-position: 5.6980057% 0%;
  mask-position: 5.6980057% 0%;
}
button.share-facebook:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
button.share-twitter:before {
  background-position: 76.92307692% 0%;
  -webkit-mask-position: 76.92307692% 0%;
  -moz-mask-position: 76.92307692% 0%;
  -ms-mask-position: 76.92307692% 0%;
  -o-mask-position: 76.92307692% 0%;
  mask-position: 76.92307692% 0%;
}
button.share-email:before {
  background-position: 56.6951567% 1000%;
  -webkit-mask-position: 56.6951567% 1000%;
  -moz-mask-position: 56.6951567% 1000%;
  -ms-mask-position: 56.6951567% 1000%;
  -o-mask-position: 56.6951567% 1000%;
  mask-position: 56.6951567% 1000%;
}
button.share-link:before {
  background-position: 59.54415954% 1000%;
  -webkit-mask-position: 59.54415954% 1000%;
  -moz-mask-position: 59.54415954% 1000%;
  -ms-mask-position: 59.54415954% 1000%;
  -o-mask-position: 59.54415954% 1000%;
  mask-position: 59.54415954% 1000%;
}
button.calendar-google:before,
button.share-facebook:before,
button.share-twitter:before {
  background-image: url(/themes/semembers/images/share.svg);
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  background-color: transparent !important;
}
button.calendar-outlook:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
  background-image: url(/themes/semembers/images/outlook.svg);
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  background-color: transparent !important;
}
.channel-subject-header {
  display: flex;
}
.channel-subject-header h2 {
  flex-grow: 1;
}
.channel-subject-header a {
  line-height: 1.875;
  white-space: nowrap;
  margin-left: 1em;
}
* + .channel-subject-header {
  margin-top: 48px;
  margin-top: var(--page-gap);
}
#accountForm > div,
.accountForm > div,
#accountForm > div + div,
.accountForm > div + div,
.order-payment {
  margin-top: 0;
  border-top: 1px solid #e6e6e6;
  padding-top: 2em;
}
#accountForm > div > button,
.accountForm > div > button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#accountForm > div > button:before,
.accountForm > div > button:before,
#accountForm > div > button:after,
.accountForm > div > button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #accountForm > div > button:before,
.no-mask-image .accountForm > div > button:before,
.no-mask-image #accountForm > div > button:after,
.no-mask-image .accountForm > div > button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
#accountForm > div > button.button-red,
.accountForm > div > button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#accountForm > div > button.button-red:before,
.accountForm > div > button.button-red:before,
#accountForm > div > button.button-red:after,
.accountForm > div > button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #accountForm > div > button.button-red:before,
.no-mask-image .accountForm > div > button.button-red:before,
.no-mask-image #accountForm > div > button.button-red:after,
.no-mask-image .accountForm > div > button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
#accountForm > div > button.button-action,
.accountForm > div > button.button-action,
#accountForm > div > button.button-primary,
.accountForm > div > button.button-primary,
#accountForm > div > button.button-download,
.accountForm > div > button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#accountForm > div > button.button-action:before,
.accountForm > div > button.button-action:before,
#accountForm > div > button.button-primary:before,
.accountForm > div > button.button-primary:before,
#accountForm > div > button.button-download:before,
.accountForm > div > button.button-download:before,
#accountForm > div > button.button-action:after,
.accountForm > div > button.button-action:after,
#accountForm > div > button.button-primary:after,
.accountForm > div > button.button-primary:after,
#accountForm > div > button.button-download:after,
.accountForm > div > button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #accountForm > div > button.button-action:before,
.no-mask-image .accountForm > div > button.button-action:before,
.no-mask-image #accountForm > div > button.button-primary:before,
.no-mask-image .accountForm > div > button.button-primary:before,
.no-mask-image #accountForm > div > button.button-download:before,
.no-mask-image .accountForm > div > button.button-download:before,
.no-mask-image #accountForm > div > button.button-action:after,
.no-mask-image .accountForm > div > button.button-action:after,
.no-mask-image #accountForm > div > button.button-primary:after,
.no-mask-image .accountForm > div > button.button-primary:after,
.no-mask-image #accountForm > div > button.button-download:after,
.no-mask-image .accountForm > div > button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
#accountForm > div > button.button-action-green,
.accountForm > div > button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#accountForm > div > button.button-action-green:before,
.accountForm > div > button.button-action-green:before,
#accountForm > div > button.button-action-green:after,
.accountForm > div > button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #accountForm > div > button.button-action-green:before,
.no-mask-image .accountForm > div > button.button-action-green:before,
.no-mask-image #accountForm > div > button.button-action-green:after,
.no-mask-image .accountForm > div > button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
*:not(style) + #accountForm > div,
*:not(style) + .accountForm > div,
#accountForm > div + div,
.accountForm > div + div,
.order-payment {
  margin-top: 2em;
}
.accountForm#completeForm > #stripe {
  margin-top: 0;
  padding-top: 0;
  border-top: 0;
}
.product .thumbnail .foreground,
.channelScroller img,
.sem-expert img,
.also-from img {
  image-rendering: optimizeQuality;
  image-rendering: smooth;
}
.product .thumbnail .foreground .chrome:not(.ios),
.channelScroller img .chrome:not(.ios),
.sem-expert img .chrome:not(.ios),
.also-from img .chrome:not(.ios) {
  image-rendering: -webkit-optimize-contrast;
}
.product {
  display: flex;
  align-items: flex-start;
}
.product .thumbnail {
  flex-shrink: 0;
  position: relative;
  font-weight: inherit;
  background: none;
}
.product .thumbnail .foreground {
  object-fit: cover;
}
.product .thumbnail iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.product .thumbnail-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  /*
		&:before {
			content:'';
			position:absolute; width:100%; height:100%;
			background-repeat:no-repeat;
			background-position:5% 2.8125%;
			background-image:url(/themes/semembers/images/sporting-edge-logo.svg);
			background-size:20% 11.25%;
			opacity:0.5;
		}*/
}
.product .thumbnail-overlay > * {
  position: absolute;
}
.product .thumbnail-overlay > .product-featured {
  top: 0.57142857em;
}
.product .thumbnail-overlay > .product-duration,
.product .thumbnail-overlay > .product-video-watched,
.product .thumbnail-overlay > .product-playlist-playing,
.product .thumbnail-overlay > .product-microcourse-status {
  bottom: 0.57142857em;
}
.product .thumbnail-overlay > .product-video-watched,
.product .thumbnail-overlay > .product-playlist-playing,
.product .thumbnail-overlay > .product-microcourse-status {
  left: 0.57142857em;
}
.product .thumbnail-overlay > .product-featured,
.product .thumbnail-overlay > .product-duration {
  right: 0.57142857em;
}
.product .thumbnail-overlay > .product-featured,
.product .thumbnail-overlay > .product-duration,
.product .thumbnail-overlay > .product-video-watched,
.product .thumbnail-overlay > .product-playlist-playing,
.product .thumbnail-overlay > .product-microcourse-status {
  display: inline-block;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 0.875em;
  line-height: 1.42857143;
  padding: 0 0.28571429em;
  border-radius: 0.28571429em;
  pointer-events: none;
}
.product .thumbnail-overlay > .product-featured {
  background: #f00;
}
.product .thumbnail-overlay > .product-video-watched,
.product .thumbnail-overlay > .product-playlist-playing {
  background: #2454f3;
}
.product .thumbnail-overlay > .product-playlist-playing {
  display: none;
}
.product .thumbnail-overlay > .product-microcourse-notstarted {
  display: none;
}
.product .thumbnail-overlay > .product-microcourse-inprogress {
  background: #fc0;
}
.product .thumbnail-overlay > .product-microcourse-passed {
  background: #0c0;
}
.product .thumbnail-overlay > .product-microcourse-future {
  background: #000;
}
.product .thumbnail-overlay > .product-video-watched-progress {
  width: 100%;
  height: 0.25em;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #2454f3;
  pointer-events: none;
}
.product .thumbnail + div {
  flex-grow: 1;
}
.product .buttons {
  display: block;
}
.product .title {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: 600;
}
.product a.title,
.product a.title:hover,
.product a.title:hover:active {
  color: rgba(0, 0, 0, 0.8);
}
.product a.title:focus-visible {
  color: rgba(0, 0, 0, 0.8);
}
.product a.title:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}
.product .short-description {
  font-style: normal;
}
.product .description {
  line-height: 1.5;
}
.product .sem-expert {
  display: none;
}
.product .product-talent a {
  color: #666;
}
.product input[name=start],
.product input[name=duration] {
  width: 4em;
}
.product .product-favourites-remove,
.product .product-watchlater-remove,
.product .product-playlists-delete {
  margin-top: 0.5em;
}
.product .product-favourites-remove ax,
.product .product-watchlater-remove ax,
.product .product-playlists-delete ax {
  color: #c00;
  font-size: 0.875em;
}
.product-resource {
  color: #666;
}
.product-resource * ~ *:before {
  content: '\2022  ';
}
.product .product-resource {
  font-size: 0.875em;
  line-height: 1.28571429;
}
.product .product-resource + .title {
  margin: 0.125em 0 0;
}
.product .product-resource .resource-tag + *:before {
  content: none;
}
.product .product-talent,
.product .product-comments {
  margin-top: 0.5em;
}
.product a.product-comments {
  display: flex;
  align-items: center;
  gap: 0.21428571em;
  color: rgba(0, 0, 0, 0.8);
}
.productList + .sem-productSearch-header,
#productPaging + .productList {
  margin-top: 48px;
  margin-top: var(--page-gap);
}
.blockView .description,
.mediumView.pastEventType .description,
.podcastView .description,
.smallView .description,
.blockView .product-length,
.mediumView.pastEventType .product-length,
.podcastView .product-length,
.smallView .product-length,
.blockView .product-talent,
.mediumView.pastEventType .product-talent,
.podcastView .product-talent,
.smallView .product-talent,
.blockView .product-topics,
.mediumView.pastEventType .product-topics,
.podcastView .product-topics,
.smallView .product-topics,
.blockView .product-playlist,
.mediumView.pastEventType .product-playlist,
.podcastView .product-playlist,
.smallView .product-playlist {
  font-size: 0.875em;
  line-height: 1.28571429;
  color: #666;
}
.blockView .product-talent > *,
.mediumView.pastEventType .product-talent > *,
.podcastView .product-talent > *,
.smallView .product-talent > *,
.blockView .product-topics > *,
.mediumView.pastEventType .product-topics > *,
.podcastView .product-topics > *,
.smallView .product-topics > * {
  display: inline-block;
}
.blockView .product-talent > :not(:last-child):after,
.mediumView.pastEventType .product-talent > :not(:last-child):after,
.podcastView .product-talent > :not(:last-child):after,
.smallView .product-talent > :not(:last-child):after,
.blockView .product-topics > :not(:last-child):after,
.mediumView.pastEventType .product-topics > :not(:last-child):after,
.podcastView .product-topics > :not(:last-child):after,
.smallView .product-topics > :not(:last-child):after {
  content: '  \2022';
}
.blockView {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: var(--page-gap);
  padding-right: 0;
  font-size: inherit;
  /*
	.thumbnail .background { padding-top:900% / 16; }*/
}
.blockView:after {
  content: none;
}
.blockView > div,
.blockView > div > div {
  width: 100%;
  font-size: inherit;
}
.blockView > div:nth-child(1) ~ div {
  padding-top: 0;
  border-top: 0;
}
.blockView .product {
  margin: 0;
  flex-direction: column;
}
.blockView .title {
  padding-top: 0;
  margin-top: 0.5em;
  order: unset;
}
.blockView .title .fn {
  height: auto;
}
.blockView .product-resource {
  margin-top: 0.57142857em;
}
.blockView .product-length,
.blockView .product-talent,
.blockView .product-comments,
.blockView .product-playlist {
  margin-top: 0.14285714em;
}
.blockView .resource-tag {
  padding: 0.14285714em 0.57142857em;
}
.layout-solutioncenter .blockView.microlessonType .product > div {
  background: #fff;
  padding: 1em;
}
.layout-solutioncenter .blockView.microlessonType .product-resource {
  margin-top: 0;
}
.blockView.microlessonType .description {
  display: block;
}
@media (max-width:1199px) {
  .blockView.microlessonType .description {
    -webkit-line-clamp: 4;
  }
  .blockView.microlessonType .description a {
    display: none;
  }
}
@media (max-width:1006px) {
  .blockView.microlessonType .description {
    -webkit-line-clamp: 3;
  }
}
.no-grid .blockView {
  display: flex;
  flex-wrap: wrap;
}
.no-grid .blockView > div {
  width: calc((100% - 48px * 3) / 4);
}
.no-grid .blockView > div:nth-child(4n+2),
.no-grid .blockView > div:nth-child(4n+3),
.no-grid .blockView > div:nth-child(4n+4) {
  margin-left: 48px;
}
.no-grid .blockView > div:nth-child(4) ~ div {
  margin-top: 48px;
}
.largeView .product,
.mediumView .product,
.smallView .product {
  padding-left: 0;
  margin: 0;
  display: flex;
  gap: 0;
}
.largeView:not(.blockView) > div + div,
.mediumView:not(.blockView) > div + div,
.smallView:not(.blockView) > div + div {
  margin-top: 48px;
  margin-top: var(--page-gap);
  border-top: 0;
}
.blockView.microlessonType .short-description,
.largeView .short-description,
.mediumView .short-description,
.blockView.microlessonType .description,
.largeView .description,
.mediumView .description {
  float: none;
  clear: none;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.blockView.microlessonType .short-description,
.largeView .short-description,
.mediumView .short-description,
.blockView.microlessonType .description,
.largeView .description,
.mediumView .description,
.blockView.microlessonType .product-button,
.largeView .product-button,
.mediumView .product-button,
.blockView.microlessonType .product-buttons,
.largeView .product-buttons,
.mediumView .product-buttons {
  margin: 0.5em 0 0;
}
.largeView .thumbnail,
.mediumView .thumbnail {
  height: auto;
  margin-right: 48px;
  margin-right: var(--page-gap);
}
.largeView .title,
.mediumView .title {
  padding-top: 0;
  border-top: 0;
  text-align: left;
}
.largeView .product-talent a,
.mediumView .product-talent a {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.largeView .extras,
.mediumView .extras {
  display: none;
}
@media (max-width:1199px) {
  .largeView.microlessonType .description,
  .mediumView.microlessonType .description,
  .largeView.articleType .short-description,
  .mediumView.articleType .short-description {
    -webkit-line-clamp: 4;
  }
  .largeView.microlessonType .description a,
  .mediumView.microlessonType .description a,
  .largeView.articleType .short-description a,
  .mediumView.articleType .short-description a {
    display: none;
  }
}
@media (max-width:1006px) {
  .largeView.microlessonType .description,
  .mediumView.microlessonType .description,
  .largeView.articleType .short-description,
  .mediumView.articleType .short-description {
    -webkit-line-clamp: 3;
  }
}
.largeView.articleType .description,
.mediumView.articleType .description {
  display: none;
}
.layout-solutioncenter .largeView.pastEventType,
.layout-solutioncenter .mediumView.pastEventType {
  /*
		> div > div { padding:0; }
		> div > div > div { padding:1em; }
		.thumbnail { margin-right:0; }*/
}
.layout-solutioncenter .largeView.pastEventType > div,
.layout-solutioncenter .mediumView.pastEventType > div {
  display: flex;
}
.layout-solutioncenter .largeView.pastEventType > div > div,
.layout-solutioncenter .mediumView.pastEventType > div > div {
  background: #fff;
  padding: calc(var(--page-gap) / 2);
  flex-grow: 1;
}
.layout-solutioncenter .largeView.pastEventType .thumbnail,
.layout-solutioncenter .mediumView.pastEventType .thumbnail {
  margin-right: calc(var(--page-gap) / 2);
}
.largeView .thumbnail,
.spotlightView .thumbnail {
  width: 288px;
  width: calc((100% - 48px) / 2);
  width: calc((100% - var(--page-gap)) / 2);
}
.mediumView .thumbnail {
  width: 192px;
  width: calc((100% - 48px * 2) / 3);
  width: calc((100% - var(--page-gap) * 2) / 3);
}
.mediumView:not(.pastEventType):not(.povType):not(.microcourseType) .description {
  -webkit-line-clamp: 3;
}
.mediumView:not(.pastEventType):not(.povType):not(.microcourseType) .description a {
  display: none;
}
.mediumView.microlessonType .description {
  margin-top: 0.25em;
}
@media (max-width:1399px) {
  .mediumView.microlessonType .description {
    -webkit-line-clamp: 2;
  }
}
@media (max-width:1199px) {
  .mediumView.microlessonType .description {
    -webkit-line-clamp: 1;
  }
}
@media (max-width:1023px) {
  .mediumView.microlessonType .description {
    display: none;
  }
}
.mediumView.microlessonType .product-talent {
  margin-top: 0.5em;
}
.mediumView.microcourseType .description {
  margin-top: 0.25em;
  -webkit-line-clamp: 6;
}
@media (max-width:1399px) {
  .mediumView.microcourseType .description {
    -webkit-line-clamp: 5;
  }
}
@media (max-width:1199px) {
  .mediumView.microcourseType .description {
    -webkit-line-clamp: 4;
  }
}
@media (max-width:1023px) {
  .mediumView.microcourseType .description {
    -webkit-line-clamp: 3;
  }
}
.mediumView.microcourseType .product-talent {
  margin-top: 0.5em;
}
.blockView .thumbnail {
  width: 100%;
}
.blockView.mediumBlockView {
  grid-template-columns: 1fr 1fr 1fr;
}
.blockView.largeBlockView {
  grid-template-columns: 1fr 1fr;
}
.blockView.largeBlockView.liveEventType .event-date {
  margin-top: 1.14285714em;
  font-size: 0.875em;
  line-height: 1.42857143;
}
.blockView.largeBlockView.liveEventType .button:last-child {
  background-color: transparent;
  box-shadow: 0 0 0 2px #2454f3 inset;
  color: #2454f3;
}
.blockView.largeBlockView.liveEventType .button:last-child:before,
.blockView.largeBlockView.liveEventType .button:last-child:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:after {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
.blockView.largeBlockView.liveEventType .button:last-child:hover,
.blockView.largeBlockView.liveEventType .button:last-child.hover,
.blockView.largeBlockView.liveEventType .button:last-child.focus,
.accordion > :focus + dt > .blockView.largeBlockView.liveEventType .button:last-child {
  box-shadow: 0 0 0 2px #0c3bd8 inset;
  color: #0c3bd8;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.blockView.largeBlockView.liveEventType .button:last-child:focus-visible {
  box-shadow: 0 0 0 2px #0c3bd8 inset;
  color: #0c3bd8;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.blockView.largeBlockView.liveEventType .button:last-child:hover:before,
.blockView.largeBlockView.liveEventType .button:last-child.hover:before,
.blockView.largeBlockView.liveEventType .button:last-child.focus:before,
.accordion > :focus + dt > .blockView.largeBlockView.liveEventType .button:last-child:before,
.blockView.largeBlockView.liveEventType .button:last-child:hover:after,
.blockView.largeBlockView.liveEventType .button:last-child.hover:after,
.blockView.largeBlockView.liveEventType .button:last-child.focus:after,
.accordion > :focus + dt > .blockView.largeBlockView.liveEventType .button:last-child:after {
  /*color:@color;*/
}
.blockView.largeBlockView.liveEventType .button:last-child:focus-visible:before,
.blockView.largeBlockView.liveEventType .button:last-child:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:hover:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.hover:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.focus:before,
.no-mask-image .accordion > :focus + dt > .blockView.largeBlockView.liveEventType .button:last-child:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:hover:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.hover:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.focus:after,
.no-mask-image .accordion > :focus + dt > .blockView.largeBlockView.liveEventType .button:last-child:after {
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:focus-visible:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:focus-visible:after {
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg'), none;
}
.blockView.largeBlockView.liveEventType .button:last-child:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #0c3bd8 inset;
}
.blockView.largeBlockView.liveEventType .button:last-child.focus {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #0c3bd8 inset;
}
.blockView.largeBlockView.liveEventType .button:last-child:hover:active,
.blockView.largeBlockView.liveEventType .button:last-child.hover:active,
.blockView.largeBlockView.liveEventType .button:last-child.active:hover,
.blockView.largeBlockView.liveEventType .button:last-child.active.hover,
.blockView.largeBlockView.liveEventType .button:last-child.button:not(a):not(label):not(input) {
  box-shadow: 0 0 0 2px #092ea8 inset;
  color: #092ea8;
  background-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.blockView.largeBlockView.liveEventType .button:last-child:hover:active:before,
.blockView.largeBlockView.liveEventType .button:last-child.hover:active:before,
.blockView.largeBlockView.liveEventType .button:last-child.active:hover:before,
.blockView.largeBlockView.liveEventType .button:last-child.active.hover:before,
.blockView.largeBlockView.liveEventType .button:last-child.button:not(a):not(label):not(input):before,
.blockView.largeBlockView.liveEventType .button:last-child:hover:active:after,
.blockView.largeBlockView.liveEventType .button:last-child.hover:active:after,
.blockView.largeBlockView.liveEventType .button:last-child.active:hover:after,
.blockView.largeBlockView.liveEventType .button:last-child.active.hover:after,
.blockView.largeBlockView.liveEventType .button:last-child.button:not(a):not(label):not(input):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:hover:active:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.hover:active:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.active:hover:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.active.hover:before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.button:not(a):not(label):not(input):before,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child:hover:active:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.hover:active:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.active:hover:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.active.hover:after,
.no-mask-image .blockView.largeBlockView.liveEventType .button:last-child.button:not(a):not(label):not(input):after {
  background-image: url('/colorReplace/092ea8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/092ea8/images/webshop/button-icons-mask.svg'), none;
}
.blockView.largeBlockView.liveEventType > div {
  display: flex;
}
.liveEventType .product-resource {
  border-top-width: 1.14285714em;
}
.liveEventType .event-date:before {
  content: '' !important;
  font-size: 1.14285714em;
}
.liveEventType .description {
  display: block;
  font-size: 0.875em;
  margin-top: 1.14285714em;
  margin-bottom: 1.5em;
}
.liveEventType .product-buttons {
  display: flex;
  margin-top: 1.5em;
}
.liveEventType .product-buttons * {
  width: 50%;
  max-width: 10em;
}
.liveEventType .product-buttons * + * {
  margin-left: 0.5em;
}
.liveEventType .product > div {
  display: flex;
  align-self: normal;
  flex-direction: column;
}
button.calendar-ical,
.event-date {
  display: flex;
  gap: 0.75em;
}
button.calendar-ical:before,
.event-date:before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
  -webkit-mask-image: url(/themes/semembers/images/icon-date.svg);
  -moz-mask-image: url(/themes/semembers/images/icon-date.svg);
  -ms-mask-image: url(/themes/semembers/images/icon-date.svg);
  -o-mask-image: url(/themes/semembers/images/icon-date.svg);
  mask-image: url(/themes/semembers/images/icon-date.svg);
  -webkit-mask-size: 100%;
  -moz-mask-size: 100%;
  -ms-mask-size: 100%;
  -o-mask-size: 100%;
  mask-size: 100%;
}
a.event-date {
  color: rgba(0, 0, 0, 0.8);
}
.touch .event-date:before {
  margin-left: 0;
}
.smallView .thumbnail {
  width: 96px;
  height: auto;
  margin-right: 24px;
  margin-right: calc(var(--page-gap) / 2);
}
.smallView .thumbnail-overlay {
  display: none;
}
.smallView .thumbnail + div {
  flex-basis: 11.71428571em;
}
.smallView .product-history {
  display: flex;
  flex-direction: column;
  text-align: right;
  margin-left: 24px;
  margin-left: calc(var(--page-gap) / 2);
}
.smallView .product-history-count {
  font-size: 0.875em;
}
.smallView > div + div {
  margin-top: 24px;
  margin-top: calc(var(--page-gap) / 2);
}
.cartView .product {
  padding-left: 0;
  align-items: center;
}
.cartView .thumbnail {
  transform: none;
  margin-right: 2em;
  width: 6.875em;
  height: 6.875em;
}
.cartView .extras {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.cartView .listPrice {
  color: #ccc;
}
.cartView .price {
  font-size: 1.125em;
  font-weight: 600;
}
.cartView .coupon:before {
  content: none;
}
.microlessonType .product-talent {
  margin-top: 0.75em;
}
.microlessonType .product-comments {
  font-size: 0.875em;
  margin-top: 1.14285714em;
}
.microlessonType .product-comments:before {
  width: 1.28571429em;
  height: 1.28571429em;
}
.microcourseType.blockView .description {
  display: none;
}
.playlistType .thumbnail {
  border-radius: 0.5em;
}
.playlistType .thumbnail:before {
  padding-top: 66.66666667%;
}
.playlistType.largeView .thumbnail {
  width: 12em;
}
.playlistType.largeView .title {
  font-size: 1.875em;
  line-height: 1.26666667;
  margin-bottom: 0.26666667em;
}
.playlistType.largeView .description {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.playlistItemType {
  counter-reset: playlist-index;
}
.playlistItemType div + div {
  border-top: 0;
}
.playlistItemType .product {
  align-items: initial;
  margin: var(--page-gap) 0;
}
.playlistItemType > div:last-child .product {
  margin-bottom: 0;
}
.playlistItemType .thumbnail {
  align-self: flex-start;
}
.playlistItemType .title {
  font-size: 1.25em;
  line-height: 1.25;
}
.touch .playlistItemType .product-playlist-play {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.touch .playlistItemType .product-playlist-play:before {
  position: relative;
  z-index: 1;
  background: url(/themes/semembers/images/sporting-edge-play.svg) right no-repeat;
  background-size: contain;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
}
.touch .playlistItemType .product-playlist-play:after {
  content: '';
  position: absolute;
  width: 2.5em;
  height: 2.5em;
  left: 50%;
  top: 50%;
  margin: -1.25em !important;
  background-color: #2454f3;
  border-radius: 50%;
}
.touch .playlistItemType .product-playlist-play:before,
.touch .playlistItemType .product-playlist-play:after {
  transform: scale(1.5);
  transform-origin: center;
}
.touch .playlistItemType .product-playlist-play:hover:after {
  background-color: #0c3bd8;
}
.touch .playlistItemType .product-playlist-play:hover:active:after {
  background-color: #092ea8;
}
.touch .playlistItemType .product-playlist-play[disabled] {
  background-color: #000;
}
.touch .playlistItemType .product-playlist-play[disabled]:before,
.touch .playlistItemType .product-playlist-play[disabled]:after {
  display: none;
}
@media (max-width:1006px) {
  .touch .playlistItemType .product-playlist-play:before {
    transform: scale(1);
  }
  .touch .playlistItemType .product-playlist-play:after {
    transform: scale(1);
  }
}
.playlistItemType :not(.sortables-clone) .product {
  counter-increment: playlist-index;
}
.playlistItemType :not(.sortables-clone) .product .title .fn:before {
  content: counter(playlist-index) '. ';
}
#editPlaylistForm h1 {
  margin-top: 0;
}
#editPlaylistForm [contenteditable]:not([contenteditable="false"]) {
  margin: calc(-0.4375em - 1px) 0;
}
#editPlaylistForm:not(.editMode) .coz-input,
#editPlaylistForm:not(.editMode) [data-action=cancel],
#editPlaylistForm:not(.editMode) [data-action=save],
#editPlaylistForm:not(.editMode) .product .product-buttons,
#editPlaylistForm.editMode [data-action=delete],
#editPlaylistForm.editMode [data-action=edit],
#editPlaylistForm.editMode .product:not(.removing) .confirm,
#editPlaylistForm.editMode .product:not(.removing) .undo,
#editPlaylistForm.editMode .product.removing .delete,
#editPlaylistForm.editMode .removed,
#editPlaylistForm.editMode .sortables-clone .product-buttons,
#editPlaylistForm.editMode .product-playlist-play,
#editPlaylistForm.editMode .product-playlist-index,
#editPlaylistForm.editMode .productContainer > :first-child .up,
#editPlaylistForm.editMode .productContainer > .sortables-clone:first-child + div .up,
#editPlaylistForm.editMode .productContainer > :last-child .down {
  display: none;
}
#editPlaylistForm.editMode .sortable .product {
  cursor: move;
  margin-bottom: 0;
}
#editPlaylistForm.editMode .sortable .product * {
  pointer-events: none;
}
#editPlaylistForm.editMode .sortable .product .product-buttons button:not(.drag) {
  pointer-events: all;
}
#editPlaylistForm.editMode .sortables-clone .product {
  margin: 0;
}
#editPlaylistForm.editMode .sortables-clone .product,
#editPlaylistForm.editMode .product.removing .thumbnail,
#editPlaylistForm.editMode .product.removing .thumbnail + div > *:not(.product-buttons) {
  opacity: 0.2;
}
#editPlaylistForm .product-buttons button.edit:not(.primary) {
  --button-background-color-base: transparent;
  --button-color-base: #2454f3;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #2454f3;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #2454f3;
  --button-color-flat: #2454f3;
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#editPlaylistForm .product-buttons button.edit:not(.primary):before,
#editPlaylistForm .product-buttons button.edit:not(.primary):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #editPlaylistForm .product-buttons button.edit:not(.primary):before,
.no-mask-image #editPlaylistForm .product-buttons button.edit:not(.primary):after {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
#editPlaylistForm .product-buttons [data-action=delete],
#editPlaylistForm .product-buttons [data-action=cancel],
#editPlaylistForm .product .product-buttons button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
#editPlaylistForm .product-buttons [data-action=delete]:before,
#editPlaylistForm .product-buttons [data-action=cancel]:before,
#editPlaylistForm .product .product-buttons button:before,
#editPlaylistForm .product-buttons [data-action=delete]:after,
#editPlaylistForm .product-buttons [data-action=cancel]:after,
#editPlaylistForm .product .product-buttons button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #editPlaylistForm .product-buttons [data-action=delete]:before,
.no-mask-image #editPlaylistForm .product-buttons [data-action=cancel]:before,
.no-mask-image #editPlaylistForm .product .product-buttons button:before,
.no-mask-image #editPlaylistForm .product-buttons [data-action=delete]:after,
.no-mask-image #editPlaylistForm .product-buttons [data-action=cancel]:after,
.no-mask-image #editPlaylistForm .product .product-buttons button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.podcastType .product {
  display: grid;
  grid-template-columns: 3em auto;
  grid-template-rows: min-content min-content auto min-content;
  gap: 0 1em;
  background: #fff;
  padding: calc(var(--page-gap) / 2) !important;
  border-left: 0.5em solid #b4dae3;
  height: 100%;
}
.podcastType .product > .thumbnail + div {
  display: contents;
}
.podcastType .thumbnail {
  grid-row: 1 / 3;
  width: 3em;
  height: 3em;
}
.podcastType .description {
  grid-column: 1 / 3;
  margin-top: 1em;
  display: block;
}
.podcastType .product-button {
  margin-top: calc(var(--page-gap) / 2);
}
/*

.button-drag,
button.drag {
	.button-icon-before(198, 20);
}
.button-delete,
button.delete {
	.button-icon-before(0, 0);
	&:before {
		.prefix(mask-image, url(/themes/semembers/images/icon-bin.svg));
		.prefix(mask-size, 100%);
	}
}*/
#accountForm > div > button:has(.button-icon-edit):before {
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
#accountForm > div > button:has(.button-icon-edit) .button-icon-edit {
  display: none;
}
#accountForm > div > button:has(.button-icon-edit):before {
  -webkit-mask-image: url(/themes/semembers/images/icon-edit.svg);
  -moz-mask-image: url(/themes/semembers/images/icon-edit.svg);
  -ms-mask-image: url(/themes/semembers/images/icon-edit.svg);
  -o-mask-image: url(/themes/semembers/images/icon-edit.svg);
  mask-image: url(/themes/semembers/images/icon-edit.svg);
  -webkit-mask-size: 100%;
  -moz-mask-size: 100%;
  -ms-mask-size: 100%;
  -o-mask-size: 100%;
  mask-size: 100%;
}
#accountForm > div > button:has(.button-icon-edit):before {
  margin-right: 0.375em;
}
#accountForm > div > button > .button-icon-add {
  margin-right: 0.375em;
}
.productSearch-list b,
.resource-tag,
.resource-date,
.sem-expert-new,
nav menu > li > a.sem-menuitem-new:before,
.spotlight .resource-tag {
  display: inline-block;
  vertical-align: top;
}
.resource-tag,
.sem-expert-new,
nav menu > li > a.sem-menuitem-new:before {
  color: #fff;
  border-radius: 0.25em;
  padding: 0.125em 0.5em;
}
.resource-tag {
  background: rgba(0, 0, 0, 0.8);
}
.microlessonType .resource-tag {
  background: #ff2769;
}
.sem-expert-new,
nav menu > li > a.sem-menuitem-new:before {
  background: #45bc50 !important;
}
.spotlight .resource-tag {
  background: #2454f3;
}
.sem-expert-new,
nav menu > li > a.sem-menuitem-new:before,
.spotlight .resource-tag {
  font-size: 0.625em;
  border-radius: 0.4em;
  padding: 0.4em 0.6em;
  text-transform: uppercase;
}
.sem-expert-new,
.spotlight .resource-tag {
  align-self: flex-start;
  margin-bottom: 0.4em;
}
nav menu > li > a.sem-menuitem-new:before {
  content: 'NEW';
  align-self: center;
  margin-left: 1em;
  width: auto;
  height: auto;
  line-height: 1.25;
  -webkit-mask: none;
  -moz-mask: none;
  -ms-mask: none;
  -o-mask: none;
  mask: none;
}
.webshop-page-experts .sem-expert-new {
  font-size: 0.5em;
}
.spotlight .sem-expert-new {
  margin-bottom: 0.8em;
}
.productSearch-list b {
  box-shadow: 0 0 0 1px #2454f3 inset;
  color: #2454f3;
  font-size: 0.8em;
  font-weight: inherit;
  vertical-align: text-bottom;
  margin-left: 0.5em;
  line-height: 1.25;
}
.playlistType .reource-tag:after {
  content: ' \2022';
}
nav menu > li > a.sem-menuitem-new:before {
  margin-right: 0;
  order: 1;
}
html.touch-menu nav menu > li menu > li.open > a.sem-menuitem-new:after {
  content: none;
}
.tool-tip,
.datePicker,
.coz-input-popup.coz-input-datepicker,
.sort-filter {
  font-size: 0.875em;
  padding: 1em;
  background: #fff;
  border-radius: 0.42857143em;
  -webkit-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 0.57142857em rgba(0, 0, 0, 0.4);
  color: rgba(0, 0, 0, 0.8);
}
.tool-tip .tip-title {
  color: rgba(0, 0, 0, 0.8);
}
.tool-tip .sem-expert div {
  margin-top: 0;
}
.tool-tip .sem-expert-new {
  margin-bottom: 0.2em;
}
.calendar th {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.calendar td {
  font-size: 0.85714286em;
  color: #999;
  font-weight: 400;
}
.calendar td button {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
  color: rgba(0, 0, 0, 0.8);
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.calendar td button:before,
.calendar td button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .calendar td button:before,
.no-mask-image .calendar td button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.calendar td button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.calendar td button.button-red:before,
.calendar td button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .calendar td button.button-red:before,
.no-mask-image .calendar td button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.calendar td button.button-action,
.calendar td button.button-primary,
.calendar td button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.calendar td button.button-action:before,
.calendar td button.button-primary:before,
.calendar td button.button-download:before,
.calendar td button.button-action:after,
.calendar td button.button-primary:after,
.calendar td button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .calendar td button.button-action:before,
.no-mask-image .calendar td button.button-primary:before,
.no-mask-image .calendar td button.button-download:before,
.no-mask-image .calendar td button.button-action:after,
.no-mask-image .calendar td button.button-primary:after,
.no-mask-image .calendar td button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.calendar td button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.calendar td button.button-action-green:before,
.calendar td button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .calendar td button.button-action-green:before,
.no-mask-image .calendar td button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.calendar td button.selected {
  background: #00253e;
  color: #fff;
}
.productScroller {
  position: relative;
}
.productScroller .productList {
  overflow: hidden;
}
.productScroller .productList > div {
  display: flex;
  flex-wrap: nowrap;
  grid-gap: 0;
  overflow: auto;
  overflow-y: hidden;
  will-change: transform;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.productScroller .productList > div::-webkit-scrollbar {
  display: none;
}
.productScroller .productList > div > div {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-right: 0 !important;
  min-width: 324px;
  max-width: 324px;
  scroll-snap-align: start;
}
.productScroller .productList > div > div + div {
  margin-left: 48px;
}
.productScroller .productList > div.no-snap > div {
  scroll-snap-align: initial;
}
.productScroller .productList > div.microlessonType > div {
  display: flex;
}
.productScroller .productList > div.microlessonType > div > .product > div {
  display: flex;
  flex-direction: column;
}
.productScroller .productList > div.microlessonType > div > .product > div > .product-resource {
  border-top: 0;
}
.productScroller .productList > div.microlessonType > div > .product > div > .description {
  margin-bottom: auto;
}
.productScroller .productList > div .product {
  margin: 0;
}
.productScroller button.icon {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: 0;
  width: 96px;
  width: var(--page-side-gap);
  height: 0;
  padding: 91.125px 0;
  background: none;
  opacity: 0;
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  pointer-events: none;
}
.productScroller button.icon.arrowLeft {
  left: -96px;
  left: calc(0px - var(--page-side-gap));
}
.productScroller button.icon.arrowRight {
  right: -96px;
  right: calc(0px - var(--page-side-gap));
}
.productScroller button.icon.productScroller-button-visible {
  opacity: 0.5;
  pointer-events: all;
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.productScroller button.icon.productScroller-button-visible:hover {
  opacity: 1;
}
.no-grid .productScroller .blockView > div:nth-child(4) ~ div {
  margin-top: 0;
}
.productScroller .productList > div > div {
  min-width: 324px;
  max-width: 324px;
}
.productScroller button.icon {
  padding: 91.125px 0;
}
.eventScroller .productList > div > div {
  min-width: 1440px;
  max-width: 1440px;
}
.eventScroller button.icon {
  padding: 405px 0;
}
.podcastScroller .productList > div > div {
  min-width: 696px;
  max-width: 696px;
}
.podcastScroller button.icon {
  padding: 195.75px 0;
}
.eventScroller button.icon,
.podcastScroller button.icon {
  padding: 0;
  height: 100%;
}
.articleScroller .productList > div > div,
.playlistScroller .productList > div > div,
.expertsScroller .productList > div > div {
  min-width: 448px;
  max-width: 448px;
}
.articleScroller button.icon,
.playlistScroller button.icon,
.expertsScroller button.icon {
  padding: 126px 0;
}
.channelScroller .productList > div > div {
  min-width: 249.6px;
  max-width: 249.6px;
}
.channelScroller button.icon {
  padding: 70.2px 0;
}
.channelScroller .productList > div > div > div {
  margin-top: 1.5em !important;
  padding: 1em 0.5em 1.5em !important;
  border-radius: 0.5em;
  background-color: rgba(255, 255, 255, 0.2);
  text-align: center;
}
.channelScroller .productList > div > div > div > .thumbnail {
  margin: -2.5em 1.5em 1em;
}
.channelScroller .productList > div > div > div > .thumbnail > a {
  position: relative;
  display: block;
  padding-top: 56.25%;
  text-align: left;
}
.channelScroller .productList > div > div > div > .thumbnail > a > * {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.channelScroller .productList > div > div > div > .thumbnail > a > img {
  background: #000;
  border-radius: 0.5em;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
.channelScroller .productList > div > div > div > h3 {
  font-size: 1.125em;
}
.channelScroller .productList > div > div > div > p {
  font-size: 0.875em;
  color: rgba(255, 255, 255, 0.8);
  text-wrap: balance;
}
.channelScroller .productList > div > div > div > h3 + p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 2.5em;
}
.channelScroller .productList > div > div > div > p:last-of-type {
  font-weight: bold;
}
.channelScroller .productList > div > div > div > div {
  margin-top: 1em;
}
.channelScroller .productList > div > div > div > div > .button {
  display: flex;
  margin: 0 1em;
}
.webshop-screen-product-search #search_parameters {
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  margin: 0;
  margin: -0.5em 0 1em -0.5em;
}
.webshop-screen-product-search #search_parameters > * {
  margin: 0.5em 0 0 0.5em;
}
.sem-productSearch-header {
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1em;
}
.sem-productSearch-header > h3 {
  margin: 0;
  flex-grow: 1000;
  white-space: nowrap;
}
.sem-productSearch-header > div,
.sem-productSearch-header > div > form,
.sem-productSearch-header #search_parameters,
.sem-productSearch-header #search_autocomplete,
.sem-productSearch-header #search_autocomplete + form,
.sem-productSearch-header #search_filters,
.sem-productSearch-header #search_sort {
  display: flex;
  align-items: flex-start;
}
.sem-productSearch-header > div {
  flex-wrap: wrap;
}
.sem-productSearch-header #search_parameters,
.sem-productSearch-header #search_autocomplete {
  flex-wrap: wrap;
  flex-grow: 1;
}
.sem-productSearch-header > div {
  gap: 1em;
  flex-grow: 1;
}
.sem-productSearch-header > div > form,
.sem-productSearch-header > div > form > .productSearch-filters {
  gap: 0.5em;
}
.sem-productSearch-header > div > form > label {
  line-height: 2.5em;
  font-weight: bold;
  white-space: nowrap;
}
.sem-productSearch-header > div > form > label > * {
  margin-left: 0.5em;
}
.sem-productSearch-header > div > form > .coz-input-labeled > .coz-input-labeled--label {
  display: none;
}
.sem-productSearch-header #search_sort:first-child {
  flex-grow: 1;
}
.sem-productSearch-header #search_autocomplete {
  margin: 0;
}
.sem-productSearch-header #search_autocomplete > label {
  margin-left: auto;
}
.sem-productSearch-header #search_parameters {
  margin: 0;
}
.sem-productSearch-header #search_parameters > * {
  margin: 0 0.5em 1em 0;
}
.sem-productSearch-header #search_filters,
.sem-productSearch-header #search_sort {
  margin: 0;
}
.sem-productSearch-header #search_filters > *,
.sem-productSearch-header #search_sort > * {
  margin: 0 0 1em 0.5em;
}
.sem-productSearch-header #search_parameters > button,
.sem-productSearch-header #search_filters > button {
  padding: 0.5625em 0.6875em;
  border-radius: 0.25em;
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > button:before,
.sem-productSearch-header #search_filters > button:before,
.sem-productSearch-header #search_parameters > button:after,
.sem-productSearch-header #search_filters > button:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > button:before,
.no-mask-image .sem-productSearch-header #search_filters > button:before,
.no-mask-image .sem-productSearch-header #search_parameters > button:after,
.no-mask-image .sem-productSearch-header #search_filters > button:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sem-productSearch-header #search_parameters > button.button-red,
.sem-productSearch-header #search_filters > button.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > button.button-red:before,
.sem-productSearch-header #search_filters > button.button-red:before,
.sem-productSearch-header #search_parameters > button.button-red:after,
.sem-productSearch-header #search_filters > button.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > button.button-red:before,
.no-mask-image .sem-productSearch-header #search_filters > button.button-red:before,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-red:after,
.no-mask-image .sem-productSearch-header #search_filters > button.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header #search_parameters > button.button-action,
.sem-productSearch-header #search_filters > button.button-action,
.sem-productSearch-header #search_parameters > button.button-primary,
.sem-productSearch-header #search_filters > button.button-primary,
.sem-productSearch-header #search_parameters > button.button-download,
.sem-productSearch-header #search_filters > button.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > button.button-action:before,
.sem-productSearch-header #search_filters > button.button-action:before,
.sem-productSearch-header #search_parameters > button.button-primary:before,
.sem-productSearch-header #search_filters > button.button-primary:before,
.sem-productSearch-header #search_parameters > button.button-download:before,
.sem-productSearch-header #search_filters > button.button-download:before,
.sem-productSearch-header #search_parameters > button.button-action:after,
.sem-productSearch-header #search_filters > button.button-action:after,
.sem-productSearch-header #search_parameters > button.button-primary:after,
.sem-productSearch-header #search_filters > button.button-primary:after,
.sem-productSearch-header #search_parameters > button.button-download:after,
.sem-productSearch-header #search_filters > button.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > button.button-action:before,
.no-mask-image .sem-productSearch-header #search_filters > button.button-action:before,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-primary:before,
.no-mask-image .sem-productSearch-header #search_filters > button.button-primary:before,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-download:before,
.no-mask-image .sem-productSearch-header #search_filters > button.button-download:before,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-action:after,
.no-mask-image .sem-productSearch-header #search_filters > button.button-action:after,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-primary:after,
.no-mask-image .sem-productSearch-header #search_filters > button.button-primary:after,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-download:after,
.no-mask-image .sem-productSearch-header #search_filters > button.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header #search_parameters > button.button-action-green,
.sem-productSearch-header #search_filters > button.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > button.button-action-green:before,
.sem-productSearch-header #search_filters > button.button-action-green:before,
.sem-productSearch-header #search_parameters > button.button-action-green:after,
.sem-productSearch-header #search_filters > button.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > button.button-action-green:before,
.no-mask-image .sem-productSearch-header #search_filters > button.button-action-green:before,
.no-mask-image .sem-productSearch-header #search_parameters > button.button-action-green:after,
.no-mask-image .sem-productSearch-header #search_filters > button.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header #search_parameters > .button {
  padding: 0.625em 1em;
  border-radius: 0.25em;
  margin-right: 0;
}
.sem-productSearch-header #search_parameters > .right {
  margin-left: 0;
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > .right:before,
.sem-productSearch-header #search_parameters > .right:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > .right:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.sem-productSearch-header #search_parameters > .right.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > .right.button-red:before,
.sem-productSearch-header #search_parameters > .right.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-red:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header #search_parameters > .right.button-action,
.sem-productSearch-header #search_parameters > .right.button-primary,
.sem-productSearch-header #search_parameters > .right.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > .right.button-action:before,
.sem-productSearch-header #search_parameters > .right.button-primary:before,
.sem-productSearch-header #search_parameters > .right.button-download:before,
.sem-productSearch-header #search_parameters > .right.button-action:after,
.sem-productSearch-header #search_parameters > .right.button-primary:after,
.sem-productSearch-header #search_parameters > .right.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-action:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-primary:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-download:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-action:after,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-primary:after,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header #search_parameters > .right.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.sem-productSearch-header #search_parameters > .right.button-action-green:before,
.sem-productSearch-header #search_parameters > .right.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-action-green:before,
.no-mask-image .sem-productSearch-header #search_parameters > .right.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.sem-productSearch-header .productSearch-filters select,
.sem-productSearch-header #search_sort select,
.sem-productSearch-header .productSearch-filters .coz-input-select,
.sem-productSearch-header #search_sort .coz-input-select {
  width: 10em;
}
.sem-productSearch-header .productSearch-filters .coz-input-select,
.sem-productSearch-header #search_sort .coz-input-select {
  padding-top: 0;
}
.sem-productSearch-header .productSearch-filters,
.sem-productSearch-header #search_sort,
.sem-productSearch-header .productSearch-filters > *,
.sem-productSearch-header #search_sort > * {
  margin: 0;
}
.sem-productSearch-paging {
  margin-top: 48px;
  margin-top: var(--page-gap);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sem-productSearch-paging button {
  padding: 0.625em 0;
  border-radius: 50%;
  min-width: 2.625em;
}
.sem-productSearch-paging button.icon {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
}
.sem-productSearch-paging button.icon:before,
.sem-productSearch-paging button.icon:after {
  opacity: 1;
}
.sem-productSearch-paging button[disabled] {
  opacity: 1;
}
.sem-productSearch-paging button.icon[disabled] {
  opacity: 0.2;
}
.sem-productSearch-paging button.flat {
  color: rgba(0, 0, 0, 0.5);
}
.sem-productSearch-paging button.flat:hover,
.sem-productSearch-paging button.selected {
  color: rgba(0, 0, 0, 0.8);
}
.sem-productSearch-paging button.selected {
  background: transparent;
}
.sem-productSearch-paging button.arrowLeft + button,
.sem-productSearch-paging button + button.arrowRight {
  margin-left: 24px;
  margin-left: calc(var(--page-gap) / 2);
}
.sem-productSearch-paging button.arrowLeft,
.sem-productSearch-paging button.arrowRight {
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width:390px) {
  .sem-productSearch-paging button {
    min-width: 0;
    flex-grow: 1;
  }
}
.sem-expert {
  display: flex;
  align-items: center;
}
.sem-expert:before {
  display: none;
}
.sem-expert > picture,
.sem-expert > img {
  flex-shrink: 0;
  position: relative;
  z-index: 3;
}
.sem-expert > picture + picture,
.sem-expert > img + img {
  z-index: 2;
  margin-left: -1em;
}
.sem-expert > picture + picture + picture,
.sem-expert > img + img + img {
  z-index: 1;
}
.sem-expert > picture > img,
.sem-expert > img {
  width: 3em;
  height: 3em;
  border-radius: 50%;
}
.sem-expert > div {
  margin: 0 0 0 0.75em;
}
.sem-expert > div > div {
  line-height: inherit;
}
.sem-expert-name,
.microlessonType .sem-expert,
.microlessonType .sem-expert a,
.pastEventType.mediumView .sem-expert,
.pastEventType.mediumView .sem-expert a {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 600;
}
.sem-expert-name ~ div {
  font-size: 0.875em;
  line-height: 1.28571429;
  color: #666;
}
.sem-expert-name ~ div > a {
  color: inherit;
}
a.sem-expert {
  display: inline-flex;
  pointer-events: none;
}
a.sem-expert > picture > img,
a.sem-expert > img {
  font-size: 1.25em;
  pointer-events: all;
}
a.sem-expert > div {
  margin-left: -0.75em;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
a.sem-expert > div > div {
  padding-left: 1.5em;
  pointer-events: all;
}
a.sem-expert .sem-expert-name ~ div {
  padding-left: 1.71428571em;
}
.microlessonType .sem-expert,
.layout-microlesson .product-header .sem-expert {
  display: flex;
}
.microlessonType .sem-expert > picture > img,
.layout-microlesson .product-header .sem-expert > picture > img,
.microlessonType .sem-expert > img,
.layout-microlesson .product-header .sem-expert > img {
  box-shadow: 0 0 0 3px #fff;
  background: #fff;
}
.microlessonType .sem-expert > div .sem-expert,
.layout-microlesson .product-header .sem-expert > div .sem-expert {
  display: none;
}
.touch .productSearch-list [id] {
  position: absolute;
  margin-top: -80px;
  margin-top: calc(0px - var(--touch-menu-height));
}
.touch .productSearch-list dt {
  position: sticky;
  top: 80px;
  top: var(--touch-menu-height);
  padding: 0.53333333em 0 !important;
  background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
  border: 0;
  font-size: 1.875em;
  line-height: inherit;
  font-weight: normal;
  text-shadow: 0 0 0.25em #fff;
  pointer-events: none;
}
.touch .productSearch-list dd {
  padding: 1.5em 0;
  font-size: 1.25em;
}
.touch .productSearch-list dd a {
  color: rgba(0, 0, 0, 0.8);
}
.touch .productSearch-alpha {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: sticky;
  z-index: 1;
  top: 96px;
  top: calc(var(--touch-menu-height) + 1em);
}
.touch .productSearch-alpha a {
  padding-left: 0;
  padding-right: 0;
  width: 2.625em;
}
@media (max-width:1509px) {
  .touch .productSearch-alpha {
    width: 34.125em;
    margin: auto;
  }
}
@media (max-width:661px) {
  .touch .productSearch-alpha {
    width: 23.625em;
    margin: auto;
  }
}
@media (max-width:479px) {
  .touch .productSearch-alpha {
    width: 18.375em;
    margin: auto;
  }
}
@media (orientation:portrait) {
  .touch .productSearch-alpha {
    flex-direction: column;
    flex-wrap: nowrap;
    float: right;
    width: auto;
    height: calc(100vh - var(--touch-menu-height) - 2em);
  }
  .touch .productSearch-alpha a {
    flex-grow: 1;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.index-experts .sem-experts {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px 48px;
  gap: calc(var(--page-gap) / 2) var(--page-gap);
  flex-gap: 24px 48px;
  flex-gap: calc(var(--page-gap) / 2) var(--page-gap);
}
.index-experts .sem-experts dd {
  margin: 0;
  border: 0;
  padding: 0;
}
.no-flex-gap .index-experts .sem-experts {
  margin: 0 0 24px -48px;
  margin: calc(0px - var(--page-gap) / 2) 0 var(--page-gap) calc(0px - var(--page-gap));
  width: calc(100% + var(--page-gap));
}
.no-flex-gap .index-experts .sem-experts dd {
  margin: 24px 0 0 48px;
  margin: calc(var(--page-gap) / 2) 0 0 var(--page-gap);
}
@media (max-width:1919px) {
  .index-experts .sem-experts {
    gap: 24px;
    gap: calc(var(--page-gap) / 2);
    flex-gap: 24px;
    flex-gap: calc(var(--page-gap) / 2);
  }
  .no-flex-gap .index-experts .sem-experts {
    margin: 0 0 24px -24px;
    margin: calc(0px - var(--page-gap) / 2) 0 calc(var(--page-gap) / 2) calc(0px - var(--page-gap) / 2);
    width: calc(100% + var(--page-gap) / 2);
  }
  .no-flex-gap .index-experts .sem-experts dd {
    margin: 24px 0 0 24px;
    margin: calc(var(--page-gap) / 2) 0 0 calc(var(--page-gap) / 2);
  }
}
@media (min-width:1024px) {
  .index-experts .sem-experts {
    max-height: 16.4375em;
  }
  .index-experts .sem-experts dd {
    width: calc(50% - var(--page-gap));
  }
  .index-experts .sem-experts .sem-expert > picture > img {
    font-size: 1.5em;
  }
}
@media (min-width:1280px) {
  .index-experts .sem-experts {
    max-height: 20.9375em;
  }
  .index-experts .sem-experts .sem-expert > picture > img {
    font-size: 2em;
  }
}
.ie .index-experts .sem-experts {
  display: block;
  max-height: none;
}
.productScroller button.icon,
#index_spotlight .spotlight-running .spotlight-navigation button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-origin: border-box !important;
  border-radius: 0;
}
.productScroller button.icon:before,
#index_spotlight .spotlight-running .spotlight-navigation button:before,
.productScroller button.icon:after,
#index_spotlight .spotlight-running .spotlight-navigation button:after {
  width: 3em;
  height: 3em;
  background-size: 100%;
  -webkit-mask-image: url(/themes/semembers/images/chevron.svg);
  -moz-mask-image: url(/themes/semembers/images/chevron.svg);
  -ms-mask-image: url(/themes/semembers/images/chevron.svg);
  -o-mask-image: url(/themes/semembers/images/chevron.svg);
  mask-image: url(/themes/semembers/images/chevron.svg);
  -webkit-mask-size: 100%;
  -moz-mask-size: 100%;
  -ms-mask-size: 100%;
  -o-mask-size: 100%;
  mask-size: 100%;
  background-position: 0% 0%;
  -webkit-mask-position: 0% 0%;
  -moz-mask-position: 0% 0%;
  -ms-mask-position: 0% 0%;
  -o-mask-position: 0% 0%;
  mask-position: 0% 0%;
}
.productScroller button.icon.arrowLeft:before,
#index_spotlight .spotlight-running .spotlight-navigation button.arrowLeft:before {
  transform: scaleX(-1);
}
.productScroller button.icon:before,
.productScroller button.icon:after {
  background-color: rgba(0, 0, 0, 0.8);
}
.no-mask-image .productScroller button.icon:before,
.no-mask-image .productScroller button.icon:after {
  background-color: transparent;
  background-image: url('/colorReplace/000000/themes/semembers/images/chevron.svg');
  background-image: url('/colorReplace/000000/themes/semembers/images/chevron.svg'), none;
}
#index_spotlight .spotlight-running .spotlight-navigation button:before,
#index_spotlight .spotlight-running .spotlight-navigation button:after {
  background-color: #fff;
}
.no-mask-image #index_spotlight .spotlight-running .spotlight-navigation button:before,
.no-mask-image #index_spotlight .spotlight-running .spotlight-navigation button:after {
  background-color: transparent;
  background-image: url('/colorReplace/fff/themes/semembers/images/chevron.svg');
  background-image: url('/colorReplace/fff/themes/semembers/images/chevron.svg'), none;
}
#index_spotlight .spotlight .thumbnail + div,
.playlistItemType .thumbnail + div {
  display: flex;
  flex-direction: column;
}
#index_spotlight .spotlight .description,
.playlistItemType .description {
  order: 2;
}
#index_spotlight .spotlight .product-talent,
.playlistItemType .product-talent {
  order: 1;
}
#index_spotlight .spotlight .product-talent ~ *,
.playlistItemType .product-talent ~ *,
#index_spotlight .spotlight .product-button,
.playlistItemType .product-button,
#index_spotlight .spotlight .product-buttons,
.playlistItemType .product-buttons {
  order: 3;
}
#index_spotlight .spotlight {
  position: relative;
  height: auto;
  min-height: calc((100vw - var(--scrollbar-width)) * 900 / 2100);
}
#index_spotlight .spotlight-background {
  filter: none;
  transform: none;
  background-color: #000;
  background-position: center 25%;
  background-size: cover;
  opacity: 1;
}
#index_spotlight .spotlight-background:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
#index_spotlight .spotlight-background.portrait {
  display: none;
}
#index_spotlight .spotlight-background.landscape {
  display: block;
}
#index_spotlight .spotlight-background-event {
  background: #0d152d url(/themes/semembers/images/event-bg-lines.png) right;
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
#index_spotlight .spotlight-element {
  display: flex;
  width: 100%;
}
.no-grid #index_spotlight .spotlight-element {
  height: 100%;
}
#index_spotlight .spotlight .product {
  margin: auto;
  width: 100%;
  max-width: 1440px;
  min-height: 0;
  padding: 0;
}
#index_spotlight .spotlight .product-resource,
#index_spotlight .spotlight .title,
#index_spotlight .spotlight .description {
  text-shadow: none;
}
#index_spotlight .spotlight .title {
  font-size: 2.5em;
  max-width: 20em;
}
#index_spotlight .spotlight .description {
  margin: 1.5em 0 0;
  max-width: 33.33333333em;
  color: rgba(255, 255, 255, 0.75);
}
#index_spotlight .spotlight .product-talent {
  margin: 0.6em 0 0;
  font-size: 1.25em;
}
#index_spotlight .spotlight .product-talent a {
  color: #fff;
}
#index_spotlight .spotlight .product-topics {
  margin: 0.66666667em 0 0;
  font-size: 0.75em;
}
#index_spotlight .spotlight .product-topics span {
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
#index_spotlight .spotlight .product-button,
#index_spotlight .spotlight .product-buttons {
  margin: 2.5em 0 0;
}
#index_spotlight .spotlight .title,
#index_spotlight .spotlight .product-talent {
  font-weight: 600;
}
#index_spotlight .spotlight a.title,
#index_spotlight .spotlight a.title:hover {
  color: #fff;
}
#index_spotlight .spotlight a.title:focus-visible {
  color: #fff;
}
#index_spotlight .spotlight .event-background {
  background: #343c53;
}
#index_spotlight .spotlight .event-date {
  font-size: 1.125em;
  font-weight: 600;
  margin-top: 0.22222222em;
}
#index_spotlight .spotlight .event-date:before {
  background-color: rgba(255, 255, 255, 0.8);
}
#index_spotlight .spotlight .thumbnail {
  order: 1;
  top: auto;
  right: auto;
  height: auto;
  margin-left: 3em;
  margin-left: var(--page-gap);
}
#index_spotlight .spotlight .product-resource-event .thumbnail,
#index_spotlight .spotlight .product-resource-microcourse .thumbnail {
  border-radius: 0.5em;
}
#index_spotlight .spotlight .resource-type,
#index_spotlight .spotlight .event-date,
#index_spotlight .spotlight .resource-date {
  color: rgba(255, 255, 255, 0.8);
}
#index_spotlight .spotlight .product-resource {
  display: flex;
}
#index_spotlight .spotlight .resource-type,
#index_spotlight .spotlight .resource-date {
  line-height: 1.5;
}
#index_spotlight .spotlight .resource-tag {
  margin-right: 0.57142857em;
}
#index_spotlight .spotlight .resource-type {
  margin-right: 0.28571429em;
}
#index_spotlight .spotlight .resource-date {
  margin-left: 0em;
}
#index_spotlight .spotlight .product-buttons {
  display: flex;
  margin-top: 1.5em;
}
#index_spotlight .spotlight .product-buttons * {
  width: 50%;
  max-width: 10em;
}
#index_spotlight .spotlight .product-buttons * + * {
  margin-left: 0.5em;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary) {
  background-color: transparent;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.8) inset;
  color: rgba(255, 255, 255, 0.8);
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):after {
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/ffffff/images/webshop/button-icons-mask.svg'), none;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus,
.accordion > :focus + dt > #index_spotlight .spotlight .product-buttons .button:not(.button-primary) {
  box-shadow: 0 0 0 2px rgba(230, 230, 230, 0.8) inset;
  color: rgba(230, 230, 230, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible {
  box-shadow: 0 0 0 2px rgba(230, 230, 230, 0.8) inset;
  color: rgba(230, 230, 230, 0.8);
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus:before,
.accordion > :focus + dt > #index_spotlight .spotlight .product-buttons .button:not(.button-primary):before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus:after,
.accordion > :focus + dt > #index_spotlight .spotlight .product-buttons .button:not(.button-primary):after {
  /*color:@color;*/
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus:before,
.no-mask-image .accordion > :focus + dt > #index_spotlight .spotlight .product-buttons .button:not(.button-primary):before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus:after,
.no-mask-image .accordion > :focus + dt > #index_spotlight .spotlight .product-buttons .button:not(.button-primary):after {
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible:after {
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/e6e6e6/images/webshop/button-icons-mask.svg'), none;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px rgba(230, 230, 230, 0.8) inset;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).focus {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px rgba(230, 230, 230, 0.8) inset;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:active,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:active,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active:hover,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active.hover,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).button:not(a):not(label):not(input) {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.8) inset;
  color: rgba(204, 204, 204, 0.8);
  background-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:active:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:active:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active:hover:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active.hover:before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).button:not(a):not(label):not(input):before,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:active:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:active:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active:hover:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).active.hover:after,
#index_spotlight .spotlight .product-buttons .button:not(.button-primary).button:not(a):not(label):not(input):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:active:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:active:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).active:hover:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).active.hover:before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).button:not(a):not(label):not(input):before,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary):hover:active:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).hover:active:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).active:hover:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).active.hover:after,
.no-mask-image #index_spotlight .spotlight .product-buttons .button:not(.button-primary).button:not(a):not(label):not(input):after {
  background-image: url('/colorReplace/cccccc/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/cccccc/images/webshop/button-icons-mask.svg'), none;
}
#index_spotlight .spotlight:not(.spotlight-running) > div,
#index_spotlight .spotlight-running .spotlight-element {
  margin: auto 0;
  min-height: 0;
}
#index_spotlight .spotlight-running .spotlight-navigation {
  position: static;
  padding: 0;
  pointer-events: none;
  grid-column: 1;
  grid-row: 1;
}
.no-grid #index_spotlight .spotlight-running .spotlight-navigation {
  position: absolute;
  left: 0;
  top: 0;
}
#index_spotlight .spotlight-running .spotlight-navigation button {
  position: absolute;
  top: 0;
  height: 100%;
  width: var(--page-side-gap);
  padding: 0;
  background: none;
  pointer-events: all;
}
#index_spotlight .spotlight-running .spotlight-navigation .arrowLeft {
  left: 0;
}
#index_spotlight .spotlight-running .spotlight-navigation .arrowRight {
  right: 0;
}
#index_spotlight .spotlight-running .spotlight-navigation .pause {
  display: none;
}
#index_spotlight .spotlight-running .spotlight-dots {
  position: absolute;
  top: auto;
  bottom: 25px;
  bottom: calc(var(--page-gap) - 23em/16);
  left: 0;
  right: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
#index_spotlight .spotlight-running .spotlight-dots div {
  width: 3em;
  padding: 1.4375em 0;
  pointer-events: all;
  cursor: pointer;
}
#index_spotlight .spotlight-running .spotlight-dots div:before {
  content: '';
  display: block;
  height: 0.125em;
  border-radius: 0.0625em;
  background: rgba(255, 255, 255, 0.4);
  transition: background-color 0.6s;
}
#index_spotlight .spotlight-running .spotlight-dots div.current:before {
  background: rgba(255, 255, 255, 0.8);
}
#index_spotlight .spotlight-running .spotlight-dots div + div {
  margin-left: 0.75em;
}
@media (min-width:1400px) {
  #index_spotlight .spotlight {
    min-height: 600px;
  }
}
@media (max-width:1006px) {
  #index_spotlight .spotlight .title {
    font-size: 2em;
  }
}
@media (max-width:799px) {
  #index_spotlight .spotlight-background.landscape {
    display: none;
  }
  #index_spotlight .spotlight-background.portrait {
    display: block;
  }
  #index_spotlight .spotlight .title,
  #index_spotlight .spotlight .description {
    max-width: none;
  }
}
@media (max-width:479px) and (max-height:767px) {
  #index_spotlight .spotlight {
    height: auto;
    min-height: calc(100vh - var(--touch-menu-height));
  }
}
@media (max-width:479px) and (max-height:767px) and (max-width:479px) {
  .ios:not(.app) #index_spotlight .spotlight {
    min-height: calc(100vh - var(--touch-menu-height) - 72px);
  }
}
@media (max-width:479px) and (max-height:767px) and (max-width:479px) {
  .android.firefox #index_spotlight .spotlight,
  .android.chrome #index_spotlight .spotlight {
    min-height: calc(100vh - var(--touch-menu-height) - 56px);
  }
}
#index_spotlight .product-topics,
.layout-product-details .product-topics p,
.index-search-topics > div {
  display: flex;
  flex-wrap: wrap;
  margin: -0.5em -0.5em 0 0;
}
#index_spotlight .product-topics *,
.layout-product-details .product-topics p *,
.index-search-topics > div * {
  margin: 0.57142857em 0.57142857em 0 0;
  padding: 0.35714286em 0.78571429em;
  border-radius: 0.28571429em;
  font-size: 0.875em;
}
.index-search-topics > div {
  justify-content: center;
  overflow: hidden;
  max-height: 4.6875em;
  max-width: 50em;
  margin: auto;
  position: relative;
  right: -0.5em;
  top: -0.5em;
}
.index-search-topics > div > a {
  color: rgba(255, 255, 255, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.index-search-topics > div > a:hover,
.index-search-topics > div > a:hover:active {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.5);
}
.index-search-topics > div > a:focus-visible {
  color: rgba(255, 255, 255, 0.75);
  border-color: rgba(255, 255, 255, 0.5);
}
.layout-index h2,
.layout-events h2,
.solutioncenter-pov h2,
.solutioncenter-experts h2,
.solutioncenter-microlessons h2,
.solutioncenter-microcourses h2,
.solutioncenter-events h2,
.solutioncenter-recorded-events h2,
.solutioncenter-podcasts h2,
.productList h2 {
  margin-top: 0;
  margin-bottom: 1em;
}
.layout-index h2 + p,
.layout-events h2 + p,
.solutioncenter-pov h2 + p,
.solutioncenter-experts h2 + p,
.solutioncenter-microlessons h2 + p,
.solutioncenter-microcourses h2 + p,
.solutioncenter-events h2 + p,
.solutioncenter-recorded-events h2 + p,
.solutioncenter-podcasts h2 + p,
.productList h2 + p {
  margin-top: -1.22222222em;
  margin-bottom: 1.66666667em;
  font-size: 1.125em;
  max-width: 44.44444444em;
}
.layout-index hr,
.layout-events hr,
.solutioncenter-pov hr,
.solutioncenter-experts hr,
.solutioncenter-microlessons hr,
.solutioncenter-microcourses hr,
.solutioncenter-events hr,
.solutioncenter-recorded-events hr,
.solutioncenter-podcasts hr,
.productList hr {
  margin: 48px 0;
  margin: var(--page-gap) 0;
}
.layout-index .index-microlessons > a,
.layout-index .index-microcourses > a,
.layout-index .index-playlists > a,
.layout-index .index-articles > a,
.layout-index .index-experts > a,
.layout-index .index-topics > a,
.layout-events .events-past > a,
.layout-solutioncenter .solutioncenter-microlessons > a,
.layout-solutioncenter .solutioncenter-microcourses > a,
.layout-solutioncenter .solutioncenter-events > a,
.layout-solutioncenter .solutioncenter-recorded-events > a,
.layout-solutioncenter .solutioncenter-podcasts > a {
  float: right;
  line-height: 2.375;
  color: #2454f3;
}
.layout-index .index-microlessons > a:after,
.layout-index .index-microcourses > a:after,
.layout-index .index-playlists > a:after,
.layout-index .index-articles > a:after,
.layout-index .index-experts > a:after,
.layout-index .index-topics > a:after,
.layout-events .events-past > a:after,
.layout-solutioncenter .solutioncenter-microlessons > a:after,
.layout-solutioncenter .solutioncenter-microcourses > a:after,
.layout-solutioncenter .solutioncenter-events > a:after,
.layout-solutioncenter .solutioncenter-recorded-events > a:after,
.layout-solutioncenter .solutioncenter-podcasts > a:after {
  content: ' \203A';
}
.layout-memberships section,
.layout-purchase section,
.layout-trial section,
.layout-checkout section,
.layout-inactive section,
.layout-misc section,
body > .layout-dialogs section {
  flex-grow: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #00253e;
  color: #fff;
  background-color: #164860;
  background-image: url(//members.sportingedge.com/themes/semembers/images/background-bottom-left.svg), url(//members.sportingedge.com/themes/semembers/images/background-upper-right.svg);
  background-position: bottom left, top right;
  background-repeat: no-repeat;
  background-size: min(100%, 670px), min(100%, 599px);
  padding-top: var(--page-gap);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.layout-memberships section > *,
.layout-purchase section > *,
.layout-trial section > *,
.layout-checkout section > *,
.layout-inactive section > *,
.layout-misc section > *,
body > .layout-dialogs section > * {
  animation: fade-in 1s cubic-bezier(0, 0, 0, 1);
}
@media (max-width:1023px) {
  .layout-memberships section,
  .layout-purchase section,
  .layout-trial section,
  .layout-checkout section,
  .layout-inactive section,
  .layout-misc section,
  body > .layout-dialogs section {
    background-image: url(//members.sportingedge.com/themes/semembers/images/background-bottom-left.svg);
  }
}
.layout-memberships,
.layout-purchase,
.layout-trial,
.layout-checkout,
.layout-inactive,
.layout-misc,
body > .layout-dialogs,
.layout-memberships .button,
.layout-purchase .button,
.layout-trial .button,
.layout-checkout .button,
.layout-inactive .button,
.layout-misc .button,
body > .layout-dialogs .button,
.layout-memberships button,
.layout-purchase button,
.layout-trial button,
.layout-checkout button,
.layout-inactive button,
.layout-misc button,
body > .layout-dialogs button,
.layout-memberships h1,
.layout-purchase h1,
.layout-trial h1,
.layout-checkout h1,
.layout-inactive h1,
.layout-misc h1,
body > .layout-dialogs h1,
.layout-memberships h2,
.layout-purchase h2,
.layout-trial h2,
.layout-checkout h2,
.layout-inactive h2,
.layout-misc h2,
body > .layout-dialogs h2 {
  font-family: Red Hat Text, sans-serif;
}
.layout-memberships .button-action,
.layout-purchase .button-action,
.layout-trial .button-action,
.layout-checkout .button-action,
.layout-inactive .button-action,
.layout-misc .button-action,
body > .layout-dialogs .button-action,
.layout-memberships button.action,
.layout-purchase button.action,
.layout-trial button.action,
.layout-checkout button.action,
.layout-inactive button.action,
.layout-misc button.action,
body > .layout-dialogs button.action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #239f37;
  --button-color-base: #ffffff;
  --button-background-color-hover: #1a7529;
  --button-color-hover: #ffffff;
  --button-background-color-active: #114b1a;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.layout-memberships,
.layout-purchase,
.layout-trial,
.layout-checkout,
.layout-inactive,
.layout-misc,
body > .layout-dialogs,
.index-marketing {
  text-shadow: 0 0 1px #164860, 0 0 2px #164860, 0 0 3px #164860, 0 0 4px #164860;
}
.layout-memberships .button:not(.button-bordered),
.layout-purchase .button:not(.button-bordered),
.layout-trial .button:not(.button-bordered),
.layout-checkout .button:not(.button-bordered),
.layout-inactive .button:not(.button-bordered),
.layout-misc .button:not(.button-bordered),
body > .layout-dialogs .button:not(.button-bordered),
.index-marketing .button:not(.button-bordered),
.layout-memberships button,
.layout-purchase button,
.layout-trial button,
.layout-checkout button,
.layout-inactive button,
.layout-misc button,
body > .layout-dialogs button,
.index-marketing button {
  text-shadow: none;
}
.layout-memberships h1 {
  font: 3.75em Wulkan Display;
  font-weight: 300;
  color: #fff;
  margin-top: 0;
  margin-bottom: var(--page-gap);
  text-align: center;
}
.layout-memberships h2 {
  font-size: 0.875em;
  font-weight: 600;
  color: #6ed2e6;
  margin-bottom: 0;
  text-align: center;
}
.layout-memberships p {
  text-align: center;
}
.layout-memberships p a {
  color: #fff;
  text-decoration: underline;
}
.layout-memberships ul {
  padding-left: 1.5em;
}
.memberships-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  gap: 1em;
  text-align: center;
  text-shadow: none;
}
.memberships-option {
  flex: 1 1 0px;
  display: flex;
  flex-direction: column;
}
.memberships-header {
  background: #009bdf;
  border-radius: 0.5em 0.5em 0 0;
  padding: 0.5em;
}
.memberships-content {
  background: #fff;
  border-radius: 0.5em;
  padding: 1em;
  margin-top: 2.5em;
  color: #0c2e3f;
  flex-grow: 1;
}
.memberships-header + .memberships-content {
  border-radius: 0 0 0.5em 0.5em;
  margin-top: 0;
}
.memberships-term {
  font-size: 1.5em;
  font-weight: 700;
}
.memberships-cost {
  font-size: 2.25em;
  font-weight: 700;
}
.memberships-cost small {
  font-size: 0.44444444em;
  margin-left: -0.5em;
}
.memberships-cost-sub {
  color: #555;
  font-weight: 700;
}
.memberships-button {
  margin: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #ccc;
}
.memberships-button .button-bordered,
.memberships-button button.bordered {
  background-color: transparent;
  box-shadow: 0 0 0 2px #2454f3 inset;
  color: #2454f3;
}
.memberships-button .button-bordered:before,
.memberships-button button.bordered:before,
.memberships-button .button-bordered:after,
.memberships-button button.bordered:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .memberships-button .button-bordered:before,
.no-mask-image .memberships-button button.bordered:before,
.no-mask-image .memberships-button .button-bordered:after,
.no-mask-image .memberships-button button.bordered:after {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
.memberships-button .button-bordered:hover,
.memberships-button button.bordered:hover,
.memberships-button .button-bordered.hover,
.memberships-button button.bordered.hover,
.memberships-button .button-bordered.focus,
.memberships-button button.bordered.focus,
.accordion > :focus + dt > .memberships-button .button-bordered,
.accordion > :focus + dt > .memberships-button button.bordered {
  box-shadow: 0 0 0 2px #0c3bd8 inset;
  color: #0c3bd8;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.memberships-button .button-bordered:focus-visible,
.memberships-button button.bordered:focus-visible {
  box-shadow: 0 0 0 2px #0c3bd8 inset;
  color: #0c3bd8;
  background-color: rgba(0, 0, 0, 0.2);
  background-color: transparent;
}
.memberships-button .button-bordered:hover:before,
.memberships-button button.bordered:hover:before,
.memberships-button .button-bordered.hover:before,
.memberships-button button.bordered.hover:before,
.memberships-button .button-bordered.focus:before,
.memberships-button button.bordered.focus:before,
.accordion > :focus + dt > .memberships-button .button-bordered:before,
.accordion > :focus + dt > .memberships-button button.bordered:before,
.memberships-button .button-bordered:hover:after,
.memberships-button button.bordered:hover:after,
.memberships-button .button-bordered.hover:after,
.memberships-button button.bordered.hover:after,
.memberships-button .button-bordered.focus:after,
.memberships-button button.bordered.focus:after,
.accordion > :focus + dt > .memberships-button .button-bordered:after,
.accordion > :focus + dt > .memberships-button button.bordered:after {
  /*color:@color;*/
}
.memberships-button .button-bordered:focus-visible:before,
.memberships-button button.bordered:focus-visible:before,
.memberships-button .button-bordered:focus-visible:after,
.memberships-button button.bordered:focus-visible:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .memberships-button .button-bordered:hover:before,
.no-mask-image .memberships-button button.bordered:hover:before,
.no-mask-image .memberships-button .button-bordered.hover:before,
.no-mask-image .memberships-button button.bordered.hover:before,
.no-mask-image .memberships-button .button-bordered.focus:before,
.no-mask-image .memberships-button button.bordered.focus:before,
.no-mask-image .accordion > :focus + dt > .memberships-button .button-bordered:before,
.no-mask-image .accordion > :focus + dt > .memberships-button button.bordered:before,
.no-mask-image .memberships-button .button-bordered:hover:after,
.no-mask-image .memberships-button button.bordered:hover:after,
.no-mask-image .memberships-button .button-bordered.hover:after,
.no-mask-image .memberships-button button.bordered.hover:after,
.no-mask-image .memberships-button .button-bordered.focus:after,
.no-mask-image .memberships-button button.bordered.focus:after,
.no-mask-image .accordion > :focus + dt > .memberships-button .button-bordered:after,
.no-mask-image .accordion > :focus + dt > .memberships-button button.bordered:after {
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg'), none;
}
.no-mask-image .memberships-button .button-bordered:focus-visible:before,
.no-mask-image .memberships-button button.bordered:focus-visible:before,
.no-mask-image .memberships-button .button-bordered:focus-visible:after,
.no-mask-image .memberships-button button.bordered:focus-visible:after {
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/0c3bd8/images/webshop/button-icons-mask.svg'), none;
}
.memberships-button .button-bordered:focus-visible,
.memberships-button button.bordered:focus-visible {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #0c3bd8 inset;
}
.memberships-button .button-bordered.focus,
.memberships-button button.bordered.focus {
  box-shadow: 0 0 0 1px #2454f3, 0 0 0 1px #2454f3 inset, 0 0 0 2px #0c3bd8 inset;
}
.memberships-button .button-bordered:hover:active,
.memberships-button button.bordered:hover:active,
.memberships-button .button-bordered.hover:active,
.memberships-button button.bordered.hover:active,
.memberships-button .button-bordered.active:hover,
.memberships-button button.bordered.active:hover,
.memberships-button .button-bordered.active.hover,
.memberships-button button.bordered.active.hover,
.memberships-button .button-bordered.button:not(a):not(label):not(input),
.memberships-button button.bordered.button:not(a):not(label):not(input) {
  box-shadow: 0 0 0 2px #092ea8 inset;
  color: #092ea8;
  background-color: rgba(0, 0, 0, 0.3);
  background-color: transparent;
}
.memberships-button .button-bordered:hover:active:before,
.memberships-button button.bordered:hover:active:before,
.memberships-button .button-bordered.hover:active:before,
.memberships-button button.bordered.hover:active:before,
.memberships-button .button-bordered.active:hover:before,
.memberships-button button.bordered.active:hover:before,
.memberships-button .button-bordered.active.hover:before,
.memberships-button button.bordered.active.hover:before,
.memberships-button .button-bordered.button:not(a):not(label):not(input):before,
.memberships-button button.bordered.button:not(a):not(label):not(input):before,
.memberships-button .button-bordered:hover:active:after,
.memberships-button button.bordered:hover:active:after,
.memberships-button .button-bordered.hover:active:after,
.memberships-button button.bordered.hover:active:after,
.memberships-button .button-bordered.active:hover:after,
.memberships-button button.bordered.active:hover:after,
.memberships-button .button-bordered.active.hover:after,
.memberships-button button.bordered.active.hover:after,
.memberships-button .button-bordered.button:not(a):not(label):not(input):after,
.memberships-button button.bordered.button:not(a):not(label):not(input):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .memberships-button .button-bordered:hover:active:before,
.no-mask-image .memberships-button button.bordered:hover:active:before,
.no-mask-image .memberships-button .button-bordered.hover:active:before,
.no-mask-image .memberships-button button.bordered.hover:active:before,
.no-mask-image .memberships-button .button-bordered.active:hover:before,
.no-mask-image .memberships-button button.bordered.active:hover:before,
.no-mask-image .memberships-button .button-bordered.active.hover:before,
.no-mask-image .memberships-button button.bordered.active.hover:before,
.no-mask-image .memberships-button .button-bordered.button:not(a):not(label):not(input):before,
.no-mask-image .memberships-button button.bordered.button:not(a):not(label):not(input):before,
.no-mask-image .memberships-button .button-bordered:hover:active:after,
.no-mask-image .memberships-button button.bordered:hover:active:after,
.no-mask-image .memberships-button .button-bordered.hover:active:after,
.no-mask-image .memberships-button button.bordered.hover:active:after,
.no-mask-image .memberships-button .button-bordered.active:hover:after,
.no-mask-image .memberships-button button.bordered.active:hover:after,
.no-mask-image .memberships-button .button-bordered.active.hover:after,
.no-mask-image .memberships-button button.bordered.active.hover:after,
.no-mask-image .memberships-button .button-bordered.button:not(a):not(label):not(input):after,
.no-mask-image .memberships-button button.bordered.button:not(a):not(label):not(input):after {
  background-image: url('/colorReplace/092ea8/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/092ea8/images/webshop/button-icons-mask.svg'), none;
}
.memberships-text {
  text-align: left;
}
.layout-purchase section > div {
  width: 100%;
  margin: 0;
}
.purchase-content {
  background: #fff;
  border-radius: 0.5em;
  padding: calc(2 * var(--page-gap));
  color: #0c2e3f;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
  text-shadow: none;
}
.purchase-content > h1 {
  font-size: 2.5em;
  font-weight: 700;
  margin: 0;
  color: #0c2e3f;
}
.purchase-content > p,
.purchase-content > hr {
  max-width: 45em;
  margin: 2em auto;
}
.purchase-content > h1 + p {
  margin-top: 1em;
}
.purchase-content > form {
  max-width: 35em;
  margin: 2em auto;
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.purchase-content > form > label > *,
.purchase-content > form > label input {
  width: 100%;
}
.purchase-content > form > label > div:not(.feedback) {
  display: flex;
  gap: 1em;
}
.purchase-content > form > label > div:not(.feedback) > * {
  flex: 1 1 0px;
  width: 0;
}
.purchase-content > form > label > div.feedback {
  font-size: 0.875em;
}
.purchase-content > form > p,
.purchase-content > form:not(:last-child) > p:last-child {
  margin: 0;
}
.purchase-content > form ~ p {
  margin: 0 auto;
}
.purchase-content > form > p > button {
  align-self: center;
  min-width: 10em;
}
.purchase-content ~ p {
  text-align: center;
}
a.purchase-type {
  display: block;
  background: #0c2e3f;
  border-radius: 0.5em;
  margin: auto;
  padding: 1em;
  color: #fff;
  text-align: left;
  max-width: 35em;
}
a.purchase-type h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin: 0;
  color: #fff;
}
.purchase-sides {
  display: flex;
  align-items: flex-start;
}
.purchase-sides > * {
  flex: 1 1 0px;
  width: 0;
}
.purchase-sides ~ p {
  text-align: center;
}
.purchase-sides .purchase-content {
  padding: calc(2 * var(--page-gap)) var(--page-gap) var(--page-gap);
}
.purchase-sides .purchase-content > h1 {
  font-size: 1.5em;
}
.purchase-sides .purchase-side {
  padding: calc(2 * var(--page-gap)) 0;
  min-width: 50%;
  margin-left: var(--page-gap);
  text-align: center;
}
.purchase-sides .purchase-side h1 {
  font: 2.5em Wulkan Display;
  font-weight: 400;
  color: #fff;
  margin-bottom: 1em;
}
.purchase-sides .purchase-side img {
  width: 100%;
}
.layout-checkout .breadcrumbs h1,
.layout-checkout-complete .breadcrumbs h1 {
  display: none;
}
.layout-checkout .breadcrumbs h2,
.layout-checkout-complete .breadcrumbs h2 {
  font-size: 2.5em;
  font-weight: 700;
  color: #0c2e3f;
}
.layout-checkout .order-coupon .form,
.stripe-cc {
  grid-template-columns: minmax(184px, 20%) auto max-content;
}
.layout-checkout .order-coupon .form > dd,
.stripe-cc > dd {
  min-width: 0;
}
.layout-checkout .order-coupon .form > dt + dd + dd,
.stripe-cc > dt + dd + dd {
  grid-column: 3;
}
.layout-checkout #accountForm > div > button {
  top: 1.5em;
}
.layout-checkout input[name=couponCode] {
  width: auto;
  max-width: unset;
}
.layout-checkout .form > dd > button:last-child {
  margin-left: auto;
}
.layout-checkout .order-mailing > form > p {
  text-align: center;
  margin: var(--page-gap) 0 0;
}
.layout-checkout .checkout-complete-brain {
  display: block;
  background: #163e50 url(//members.sportingedge.com/themes/semembers/images/brain.svg) center no-repeat;
  background-size: auto 80%;
  height: 15em;
  /*8em;*/
  border-top: var(--page-gap) solid #fff;
}
.checkout-circles {
  display: flex;
  justify-content: center;
  gap: 1em;
  margin-top: var(--page-gap);
}
.checkout-circles a {
  padding: 0.5em;
  border-radius: 0.5em;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 rgba(0, 0, 0, 0.05);
}
.checkout-circles a[href] {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s, box-shadow 0.3s;
}
.checkout-circles a[href]:focus-visible {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.2);
  transition: none;
}
.checkout-circles a[href]:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.2);
  transition: none;
}
.checkout-circles a[class].current {
  background: #97bcc6;
  box-shadow: 0 0 0 0.25em #97bcc6;
}
@media (max-width:1023px) and (min-width:768px) {
  /*
	.purchase-sides { flex-direction:column; }
	.purchase-sides > * { width:100%; }
	.purchase-content {
		padding:calc(2 * var(--page-gap)) var(--page-gap) var(--page-gap);
		> h1 { font-size:30/18em; } 
	}*/
  .memberships-container {
    flex-wrap: wrap;
  }
  .memberships-option {
    min-width: 33%;
    max-width: 50%;
  }
  .memberships-option:nth-child(3) .memberships-content {
    margin-top: 0;
  }
}
@media (max-width:899px) {
  .purchase-sides .purchase-side {
    min-width: unset;
  }
}
@media (max-width:767px) {
  .memberships-container,
  .purchase-sides {
    flex-direction: column;
  }
  .memberships-content {
    margin-top: 0;
  }
  .purchase-sides > * {
    width: 100%;
  }
  .purchase-sides .purchase-side {
    margin-left: 0;
  }
  .purchase-content {
    padding: calc(2 * var(--page-gap)) var(--page-gap) var(--page-gap);
  }
  .purchase-content > h1 {
    font-size: 1.66666667em;
  }
}
.layout-notloggedin section.banner {
  display: flex;
  min-height: 100%;
}
.layout-notloggedin section.banner > div {
  flex-grow: 1;
}
.layout-index .index-welcome {
  margin-bottom: 48px;
  margin-bottom: var(--page-gap);
}
.layout-index .index-welcome h2 {
  font-weight: 400;
}
.layout-index .index-events {
  margin: 48px 0;
  margin: var(--page-gap) 0;
}
.layout-index .index-membership-status {
  text-align: center;
}
.layout-index .index-membership-status .account-initials {
  font-size: 1.5em;
  width: 3.5em;
  height: 3.5em;
  padding: 0;
  border-radius: 50%;
  background: #5B5F6A;
  color: #fff;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2);
}
.layout-index .index-membership-status h2,
.layout-index .index-membership-status h2 ~ p {
  margin: 1em auto 0;
}
.layout-index .index-membership-status h2 + p + p {
  margin: 2em auto 0;
}
.layout-index .index-membership-status p {
  max-width: 720px;
}
.layout-index section.banner .index-marketing {
  flex-grow: 1;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #00253e;
  color: #fff;
  background-color: #164860;
  background-image: url(//members.sportingedge.com/themes/semembers/images/background-bottom-left.svg), url(//members.sportingedge.com/themes/semembers/images/background-upper-right.svg);
  background-position: bottom left, top right;
  background-repeat: no-repeat;
  background-size: min(100%, 670px), min(100%, 599px);
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.layout-index section.banner .index-marketing > * {
  animation: fade-in 1s cubic-bezier(0, 0, 0, 1);
}
@media (max-width:1023px) {
  .layout-index section.banner .index-marketing {
    background-image: url(//members.sportingedge.com/themes/semembers/images/background-bottom-left.svg);
  }
}
.layout-index section.banner .index-marketing h1 {
  color: #fff;
  margin-bottom: 0.5em;
}
.layout-index section.banner .index-marketing > div {
  flex-grow: 1;
  margin: auto;
  width: 100%;
  max-height: 540.5px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 
				.phones { background:url(/themes/semembers/images/phones.png) no-repeat center top; background-size:contain; background-origin:content-box; } */
  /* 
				h1 + p + p + p > a { color:#fff; }
				.button { font-size:14px; line-height:48/14em; padding:0 24/14em; width:240/14em; border-radius:24/14em; }
				.button + .button { margin-left:16/14em; box-shadow:0 0 0 2/14em #fff inset; } */
}
.layout-index section.banner .index-marketing > div > * {
  flex-grow: 1;
  min-width: 50%;
  max-width: 50%;
  padding: var(--page-gap);
}
.layout-index section.banner .index-marketing > div .phones {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.layout-index section.banner .index-marketing > div .phones img {
  width: 100%;
  max-width: 629px;
  /*height:100%; height:calc(100vh - var(--touch-menu-height) - var(--page-gap) * 5 / 2); max-height:1145px / 2 - 32px;*/
}
.layout-index section.banner .index-marketing > div .phones + div {
  margin: auto;
}
.layout-index section.banner .index-marketing > div p {
  display: flex;
  margin-top: 1em;
  gap: 1.5em;
}
.layout-index section.banner .index-marketing > div p a {
  color: #fff;
}
.layout-index section.banner .index-marketing > div h1 {
  font: 2.5em Wulkan Display;
  font-weight: 400;
}
.layout-index section.banner .index-marketing > div h1 + p {
  font-size: 1.125em;
  font-weight: 300;
  line-height: 1.5em;
  color: rgba(255, 255, 255, 0.8);
}
.layout-index section.banner .index-marketing > div h1 + p + p {
  margin: 48px 0;
  margin: var(--page-gap) 0;
}
.layout-index section.banner .index-marketing > div h1 + p ~ p:last-child {
  margin-bottom: 0;
}
.layout-index section.banner .index-marketing > div button,
.layout-index section.banner .index-marketing > div .button {
  font-size: 16px;
  min-height: 3em;
  border-radius: 1.5em;
}
.layout-index section.banner .index-marketing > div .no-flex-gap * ~ .button {
  margin-left: 1.5em;
}
.layout-index section.banner .index-marketing > div h1 + p + p .button {
  width: 12.5em;
}
@media (max-width:767px),
(max-height:599px) {
  .layout-index section.banner .index-marketing > div h1 {
    font-size: 2.5em;
  }
  .layout-index section.banner .index-marketing > div h1 + p {
    font-size: 1.125em;
  }
}
@media (max-width:499px),
(max-height:399px) {
  .layout-index section.banner .index-marketing > div h1 {
    font-size: 1.875em;
  }
  .layout-index section.banner .index-marketing > div h1 + p {
    font-size: 1em;
  }
}
@media (max-width:499px) {
  .layout-index section.banner .index-marketing > div p {
    flex-direction: column;
    align-items: center;
    max-width: 19.05555556em;
  }
}
@media (max-width:1023px) {
  .layout-index section.banner .index-marketing > div {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: flex-end;
    max-height: unset;
    /*
					.phones img { width:100%; max-width:441px; height:auto; }*/
  }
  .layout-index section.banner .index-marketing > div h1 {
    text-align: center;
  }
  .layout-index section.banner .index-marketing > div > * {
    width: 100%;
    min-width: unset;
    max-width: 720px;
  }
  .layout-index section.banner .index-marketing > div .phones {
    flex-grow: 0;
    /* min-height:calc(100vw / 2);  */
  }
  .layout-index section.banner .index-marketing > div .phones + div {
    flex-grow: 0;
    margin: 0;
  }
  .layout-index section.banner .index-marketing > div p {
    max-width: unset;
    text-align: center;
  }
  .layout-index section.banner .index-marketing > div h1 + p + p,
  .layout-index section.banner .index-marketing > div h1 + p + p + form + p,
  .layout-index section.banner .index-marketing > div h1 + p + p + form + p + p {
    justify-content: center;
  }
}
@media (max-width:359px),
(max-height:359px) {
  .layout-index section.banner .index-marketing > div .phones + div {
    padding-left: 0;
    padding-right: 0;
  }
}
html .layout-index + header > div {
  box-shadow: none;
}
.layout-solutioncenter:not(.layout-inactive) section:nth-child(2n+3) {
  background: #f0f4f4;
}
.layout-solutioncenter:not(.layout-inactive) section.solutioncenters-header,
.layout-solutioncenter:not(.layout-inactive) section.solutioncenters-menu,
.layout-solutioncenter:not(.layout-inactive) ~ header div.solutioncenters-header,
.layout-solutioncenter:not(.layout-inactive) ~ header div.solutioncenters-menu,
.layout-solutioncenter:not(.layout-inactive) section.top,
.layout-solutioncenter:not(.layout-inactive) section.bottom {
  background: #00253e;
}
.layout-solutioncenter:not(.layout-inactive) section.solutioncenters-menu {
  padding-top: 0;
}
.layout-solutioncenter:not(.layout-inactive) section.bottom {
  padding-bottom: var(--page-gap);
}
.layout-solutioncenter:not(.layout-inactive) ~ header div + div > div {
  max-width: 1440px;
  margin: auto;
}
.layout-video-login section.banner .index-marketing {
  height: auto;
  min-height: calc(100vh - var(--touch-menu-height));
}
@media (max-width:479px) {
  .ios:not(.app) .layout-video-login section.banner .index-marketing {
    min-height: calc(100vh - var(--touch-menu-height) - 72px);
  }
  .android.firefox .layout-video-login section.banner .index-marketing,
  .android.chrome .layout-video-login section.banner .index-marketing {
    min-height: calc(100vh - var(--touch-menu-height) - 56px);
  }
}
.layout-video-login section.banner .index-marketing p {
  justify-content: center;
}
.layout-video-login section.banner .index-marketing form + p {
  margin-top: 48px;
  margin-top: var(--page-gap);
}
.product-video {
  float: none;
  width: auto;
  background-color: rgba(0, 0, 0, 0.1);
}
.product-video-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-video-overlay button {
  font-size: 24px;
}
.product-video-thumbnail > * {
  width: 100%;
  object-fit: cover;
}
.product-video-aspect-16-9:after {
  padding-top: 56.25%;
}
.product-video-aspect-3-2:after {
  padding-top: 66.66666667%;
}
.product-video-aspect-4-3:after {
  padding-top: 75%;
}
.product-video .videoContainer,
.product-video .videoContainer object,
.product-video .videoContainer embed,
.product-video .videoContainer video,
.product-video .videoContainer iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: transparent;
}
.layout-insight .product-video,
.layout-course-viewer .product-video,
.layout-microlesson .product-video,
.layout-playlist .product-video,
.layout-account .product-video,
.layout-event .product-video {
  margin-bottom: 48px;
  margin-bottom: var(--page-gap);
}
.layout-product-details .product-header,
.layout-course-viewer .product-header,
.webshop-page-account-playlists-edit .product-header {
  display: flex;
  align-items: flex-start;
}
.layout-product-details .product-header > :first-child,
.layout-course-viewer .product-header > :first-child,
.webshop-page-account-playlists-edit .product-header > :first-child {
  flex-grow: 1;
}
.layout-product-details .product-header h1,
.layout-course-viewer .product-header h1,
.webshop-page-account-playlists-edit .product-header h1 {
  flex-grow: 1;
  margin: 0;
}
.layout-product-details .product-header h1,
.layout-course-viewer .product-header h1,
.webshop-page-account-playlists-edit .product-header h1,
.layout-product-details .product-header input,
.layout-course-viewer .product-header input,
.webshop-page-account-playlists-edit .product-header input {
  font-size: 1.875em;
  line-height: 1.4;
}
.layout-product-details .product-header input,
.layout-course-viewer .product-header input,
.webshop-page-account-playlists-edit .product-header input {
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 700;
  letter-spacing: -0.025em;
  color: #00253e;
  min-height: 2.26666667em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  margin: -0.43333333em 0;
}
.layout-product-details .product-header .coz-input,
.layout-course-viewer .product-header .coz-input,
.webshop-page-account-playlists-edit .product-header .coz-input,
.layout-product-details .product-header input,
.layout-course-viewer .product-header input,
.webshop-page-account-playlists-edit .product-header input {
  flex-grow: 1;
  width: 100%;
}
.layout-product-details .product-header .product-talent,
.layout-course-viewer .product-header .product-talent,
.webshop-page-account-playlists-edit .product-header .product-talent {
  margin-top: 1em;
}
.layout-product-details .product-header .product-buttons,
.layout-course-viewer .product-header .product-buttons,
.webshop-page-account-playlists-edit .product-header .product-buttons {
  flex-shrink: 0;
  margin-left: 48px;
  margin-left: var(--page-gap);
}
.layout-product-details .product-header + hr,
.layout-course-viewer .product-header + hr,
.webshop-page-account-playlists-edit .product-header + hr {
  margin: 24px 0;
  margin: calc(var(--page-gap) / 2) 0;
  margin: max(1em, calc(var(--page-gap) / 2)) 0;
}
.layout-product-details .insight-button,
.layout-course-viewer .insight-button,
.webshop-page-account-playlists-edit .insight-button {
  padding: 0.4375em;
}
.layout-product-details .insight-button:before,
.layout-course-viewer .insight-button:before,
.webshop-page-account-playlists-edit .insight-button:before {
  margin: 0;
}
.layout-product-details,
.layout-course-viewer {
  /*
	section.banner { padding:@page-gap @page-gap 0; padding:var(--page-gap) var(--page-gap) 0; main > section.banner > & { max-width:1440px; box-sizing:content-box; } }*/
}
.layout-product-details .product-annotations h4,
.layout-course-viewer .product-annotations h4 {
  margin-bottom: 0;
  line-height: 1.5;
}
.layout-product-details .product-annotations h4 + p,
.layout-course-viewer .product-annotations h4 + p,
.layout-product-details .product-annotations h4 + ul,
.layout-course-viewer .product-annotations h4 + ul {
  margin-top: 0;
}
.layout-product-details .product-annotations div,
.layout-course-viewer .product-annotations div {
  max-width: 50em;
  line-height: 1.5;
}
.layout-product-details .product-annotations ul,
.layout-course-viewer .product-annotations ul,
.layout-product-details .product-annotations ol,
.layout-course-viewer .product-annotations ol {
  padding-left: 2ch;
}
.layout-product-details .product-annotations li,
.layout-course-viewer .product-annotations li {
  margin: 0;
  list-style-type: disc !important;
}
.layout-product-details .product-annotations img,
.layout-course-viewer .product-annotations img {
  max-width: 100%;
  height: auto;
}
.layout-product-details .product-annotations .product-video,
.layout-course-viewer .product-annotations .product-video {
  margin-bottom: 0;
}
.layout-product-details .product-annotations,
.layout-course-viewer .product-annotations,
.layout-product-details .product-handouts,
.layout-course-viewer .product-handouts,
.layout-product-details .product-topics,
.layout-course-viewer .product-topics {
  margin-bottom: 0;
}
.layout-product-details .product-annotations + *,
.layout-course-viewer .product-annotations + *,
.layout-product-details .product-handouts + *,
.layout-course-viewer .product-handouts + *,
.layout-product-details .product-topics + *,
.layout-course-viewer .product-topics + * {
  margin-top: 48px;
  margin-top: var(--page-gap);
}
.layout-product-details .product-topics a,
.layout-course-viewer .product-topics a {
  color: #999;
  border: 1px solid #999;
}
.layout-product-details .product-topics a:any-link:hover,
.layout-course-viewer .product-topics a:any-link:hover {
  color: #fff;
  border-color: #666;
  background-color: #666;
}
.layout-product-details .product-topics a:any-link:focus-visible,
.layout-course-viewer .product-topics a:any-link:focus-visible {
  color: #2454f3;
  border-color: #2454f3;
}
.layout-product-details .product-topics a:any-link:hover:focus-visible,
.layout-course-viewer .product-topics a:any-link:hover:focus-visible {
  color: #fff;
  border-color: #2454f3;
  background-color: #2454f3;
}
.layout-product-details .product-topics a:any-link:hover:active,
.layout-course-viewer .product-topics a:any-link:hover:active {
  border-color: #0c3bd8;
  background-color: #0c3bd8;
}
.layout-product-details #comments,
.layout-course-viewer #comments {
  max-width: 50em;
}
.layout-product-details #comments dt,
.layout-course-viewer #comments dt {
  margin: 1em 0;
  border: 0;
  padding: 0;
  font-size: 1.875em;
  line-height: 1.26666667;
  font-weight: 600;
}
.layout-product-details #comments dd,
.layout-course-viewer #comments dd {
  border: 0;
  padding: 0;
}
.layout-product-details #comments dd + dd,
.layout-course-viewer #comments dd + dd {
  margin-top: 1em;
}
.layout-product-details #comments dt + dd > div,
.layout-course-viewer #comments dt + dd > div {
  width: 100%;
}
.layout-product-details #comments dt + dd button,
.layout-course-viewer #comments dt + dd button {
  margin-top: 1em;
}
.layout-product-details h2 > a,
.layout-course-viewer h2 > a {
  color: rgba(0, 0, 0, 0.8);
}
#comments_add > div {
  flex-grow: 1;
}
#comments_add > div > form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.5em;
}
#comments_add > div > form > button {
  margin-top: 0;
}
.layout-event x.event-date {
  display: block;
  margin-top: 1em;
}
.layout-event .event-date {
  display: flex;
  align-items: center;
}
.layout-event .event-date .button {
  margin-left: 0.25em;
}
.layout-article .webshop-screens > * {
  max-width: 50em;
  margin-left: auto !important;
  margin-right: auto !important;
}
.layout-article .product-image {
  margin-bottom: 48px;
  margin-bottom: var(--page-gap);
}
.layout-article .product-image img {
  max-width: 100%;
}
/*

.layout-podcast {
	.product-annotations div { max-width:unset; }
	.product-annotations div > :not(:first-child) { max-width:800/16em; }
}*/
.layout-podcast .pullquote {
  font-size: 26px;
  text-align: center;
}
.layout-contact-us p {
  max-width: 50em;
}
.comment {
  position: relative;
  transition: background-color 1s;
}
.touch .list > dd.comment {
  line-height: 1.5;
}
.flex .list > dd.comment {
  display: block;
}
.flex .list > dd.comment > * + * {
  margin-left: 0;
}
.flex .list dd.comment > dl {
  margin-left: var(--page-gap);
}
.comment-name,
.comment-date,
.comment-prod,
.comment-response,
.comment-report,
.comment-delete {
  display: inline-block;
  font-size: 0.875em;
}
.comment-name,
.comment-response b {
  font-weight: 600;
}
.comment-name a {
  font-weight: 400;
}
.comment-date {
  color: #999;
}
.comment-date:before {
  content: 'at ';
}
.comment-text,
.comment-response {
  max-width: 50em;
  white-space: pre-line;
}
.comment-text,
.comment-response,
.comment-add {
  margin-top: 0.25em;
}
.comment-limit {
  font-size: 0.875em;
  margin: 0.57142857em 0;
}
.comment-report,
.comment-delete,
.comment-remove,
.comment-approve,
.comment-view,
.comment-reply {
  float: right;
  margin: 0 0 0 0.5em !important;
}
.comment-approval {
  float: right;
  margin: 0 0 0 0.75em !important;
}
.comment-report,
.comment-delete,
.comment-remove,
.comment-approve,
.comment-view,
.comment-reply {
  visibility: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.comment-report:before,
.comment-delete:before,
.comment-remove:before,
.comment-approve:before,
.comment-view:before,
.comment-reply:before {
  margin: 0 !important;
}
.comment:not(:has(dl:hover)):hover > .comment-report,
.comment:not(:has(dl:hover)):hover > .comment-delete,
.comment:not(:has(dl:hover)):hover > .comment-remove,
.comment:not(:has(dl:hover)):hover > .comment-approve,
.comment:not(:has(dl:hover)):hover > .comment-view,
.comment:not(:has(dl:hover)):hover > .comment-reply {
  visibility: visible;
}
.comment-approval {
  visibility: visible;
}
.comment-report,
.comment-delete,
.comment-remove,
.comment-report:hover,
.comment-delete:hover,
.comment-remove:hover {
  color: #c00;
}
.comment-report:focus-visible,
.comment-delete:focus-visible,
.comment-remove:focus-visible {
  color: #c00;
}
.comment-report:before,
.comment-delete:before,
.comment-remove:before {
  background-color: #c00;
}
.comment-approve,
.comment-approve:hover {
  color: #0c0;
}
.comment-approve:focus-visible {
  color: #0c0;
}
.comment-approve:before {
  background-color: #0c0;
}
.comment-view:before {
  background-position: 54.13105413% 1000%;
  -webkit-mask-position: 54.13105413% 1000%;
  -moz-mask-position: 54.13105413% 1000%;
  -ms-mask-position: 54.13105413% 1000%;
  -o-mask-position: 54.13105413% 1000%;
  mask-position: 54.13105413% 1000%;
  background-color: #2454f3;
}
.comment-approval {
  border-radius: 0.25em;
  display: inline-block;
  padding: 0 0.375em;
  color: #fff;
}
.comment-approval-reported {
  background-color: #c00;
}
.comment-approval-approved {
  background-color: #0c0;
}
.comment-approval-removed,
.comment-approval-deleted {
  background-color: #000;
}
.comment-approval-reported.button span,
.comment-approval-newcomms.button span {
  display: inline-block;
  margin: 0 -0.75em 0 0.5625em;
  min-width: 1.5em;
  line-height: 1.5;
  border-radius: 0.75em;
}
.comment-approval-reported.button {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #c00;
  --button-color-base: #ffffff;
  --button-background-color-hover: #990000;
  --button-color-hover: #ffffff;
  --button-background-color-active: #660000;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.comment-approval-reported.button.selected {
  pointer-events: none;
}
.comment-approval-reported.button span {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.comment-approval-newcomms.button span {
  background-color: rgba(0, 0, 0, 0.2) !important;
}
.comment-approval-newcomms.button.selected span {
  background-color: rgba(255, 255, 255, 0.4) !important;
}
.comment-review-form {
  display: block;
  margin: 1em 0;
}
.comment-add-form,
.comment-approve-form {
  display: none;
}
.comment-add-form.open,
.comment-approve-form.open {
  display: block;
}
.comment-approve-form textarea {
  width: 100%;
}
.comment-approve-form > form > * {
  margin-top: 0.5em;
}
.comment-new,
.comment-approved {
  background-color: #cfc;
  transition: none;
}
.comment-reported {
  background-color: #fcc;
  transition: none;
}
.comment-removed {
  background-color: #ccc;
  transition: none;
}
.comment-anchor {
  position: relative;
  top: -110px;
  font-size: 0;
}
.comment-anchor:target + .comment {
  border-top: 1px solid;
  border-color: #c00;
  margin-top: -1px;
}
.layout-expert h2 {
  margin-bottom: 0;
}
.layout-expert p {
  max-width: 50em;
  line-height: 1.5;
}
.layout-expert section.banner {
  background: #00253e;
}
.layout-expert section.banner .sem-expert {
  margin: auto;
  display: flex;
  align-items: center;
  /* 
		@media (max-width:1420px) {
			font-size:calc(((100vw - 700px) / 712) * 16 + 16px);
		}
		@media (max-width:699px) {
			font-size:1em;
		}
		@media (max-width:399px) {
			padding:16px 0; flex-direction:column; align-items:flex-start; height:auto;
			> div { margin:1.5em 0 0; }
		} */
}
.layout-expert section.banner .sem-expert > picture > img {
  width: 11.25em;
  height: 11.25em;
}
.layout-expert section.banner .sem-expert > div {
  margin: auto 0 auto 2em;
}
.layout-expert section.banner .sem-expert > div > h1 {
  margin: 0;
  color: #b4dae3;
}
.layout-expert section.banner .sem-expert > div > div {
  font-size: 1.25em;
  color: rgba(255, 255, 255, 0.8);
}
.layout-expert section.banner .sem-expert > div > div.sem-expert-new {
  font-size: 0.625em;
}
@media (max-width:767px) {
  .layout-expert section.banner .sem-expert > picture > img {
    width: 7.5em;
    height: 7.5em;
  }
}
@media (max-width:499px) {
  .layout-expert section.banner .sem-expert > picture > img {
    width: 6.42857143em;
    height: 6.42857143em;
  }
}
.dialog-titlebar:has(+ .dialog-content-div .layout-expert section.banner) h1 {
  display: none;
}
.dialog-titlebar:has(+ .dialog-content-div .layout-expert section.banner) .dialog-buttons .close {
  filter: invert(1);
}
.dialog-content-div:has(.layout-expert section.banner) {
  margin-top: calc(0px - 2 * var(--dialog-padding));
}
.dialog-content-div .layout-expert section.banner {
  padding: var(--dialog-padding);
}
.webshop-page-topics #search_filters b {
  margin: 0 0 0 0.25em;
  font-size: inherit;
  line-height: 1.3125em;
  font-weight: 300;
  text-transform: none;
}
#accountForm > div > a[id],
.accountForm > div > a[id] {
  position: absolute;
  margin-top: -128px;
  margin-top: calc(0px - var(--touch-menu-height) - var(--page-gap));
}
#accountForm input[name]:not([name^="mailing.zip"]),
.accountForm input[name]:not([name^="mailing.zip"]),
#accountForm select[name]:not([name="mailing.title"]),
.accountForm select[name]:not([name="mailing.title"]),
#accountForm .stripe-cc #stripe-element,
.accountForm .stripe-cc #stripe-element {
  width: 400px;
  max-width: min(100%, calc(100vw - var(--scrollbar-width) - var(--page-side-gap) * 2));
}
@media (max-width:817px) {
  #accountForm input[name]:not([name^="mailing.zip"]),
  .accountForm input[name]:not([name^="mailing.zip"]),
  #accountForm select[name]:not([name="mailing.title"]),
  .accountForm select[name]:not([name="mailing.title"]),
  #accountForm .stripe-cc #stripe-element,
  .accountForm .stripe-cc #stripe-element {
    max-width: min(100%, calc(100vw - var(--scrollbar-width) - var(--page-side-gap) * 2 - 200px));
  }
}
@media (max-width:767px) {
  #accountForm input[name]:not([name^="mailing.zip"]),
  .accountForm input[name]:not([name^="mailing.zip"]),
  #accountForm select[name]:not([name="mailing.title"]),
  .accountForm select[name]:not([name="mailing.title"]),
  #accountForm .stripe-cc #stripe-element,
  .accountForm .stripe-cc #stripe-element {
    width: 1000px;
    max-width: 100%;
  }
}
#accountForm .stripe-cc-card,
.accountForm .stripe-cc-card {
  display: flex;
  align-items: center;
}
#accountForm .stripe-cc-card img,
.accountForm .stripe-cc-card img {
  margin-right: 0.5em;
}
#accountForm .form > dt.message,
.accountForm .form > dt.message,
#accountForm .form > dt.message + dd.message,
.accountForm .form > dt.message + dd.message,
#accountForm .form > dt.error,
.accountForm .form > dt.error,
#accountForm .form > dt.error + dd.error,
.accountForm .form > dt.error + dd.error {
  margin-top: 0;
}
#accountForm > div.active.account-payment > dl > dd,
.accountForm > div.active.account-payment > dl > dd {
  opacity: 1;
}
#accountForm > div > button,
.accountForm > div > button,
#accountForm > div > .button,
.accountForm > div > .button {
  position: absolute;
  right: 0;
}
#accountForm .account-mailing .address-location > dt:first-child,
.accountForm .account-mailing .address-location > dt:first-child,
#accountForm .account-mailing .address-location > dt:first-child + dt,
.accountForm .account-mailing .address-location > dt:first-child + dt,
#accountForm .account-mailing .address-location > dt:first-child + dt + dd,
.accountForm .account-mailing .address-location > dt:first-child + dt + dd {
  margin-top: 0;
}
@media (max-width:767px) {
  main:not(.layout-checkout) #accountForm > div > button:first-child,
  main:not(.layout-checkout) .accountForm > div > button:first-child,
  main:not(.layout-checkout) #accountForm > div > h3:first-child + button,
  main:not(.layout-checkout) .accountForm > div > h3:first-child + button {
    margin-top: -0.6875em;
  }
}
@media (max-width:817px) {
  #accountForm .form-submit,
  .accountForm .form-submit,
  #accountForm .order-mailing > form > button,
  .accountForm .order-mailing > form > button {
    position: static;
  }
  #accountForm .order-mailing > form > button,
  .accountForm .order-mailing > form > button {
    float: right;
  }
  #accountForm .form-submit,
  .accountForm .form-submit,
  #accountForm .order-mailing > form > button,
  .accountForm .order-mailing > form > button,
  #accountForm .form .submit,
  .accountForm .form .submit,
  #accountForm .touch .form ~ .form > dd > [name="addCoupon"],
  .accountForm .touch .form ~ .form > dd > [name="addCoupon"],
  #accountForm .stripe-cc .right,
  .accountForm .stripe-cc .right {
    margin-top: 1em;
  }
}
@media (max-width:767px) {
  .touch .form > dt {
    padding: 0;
    font-weight: 500;
    line-height: inherit;
    margin-bottom: -0.25em;
  }
  .touch .form > dt ~ dd ~ dt ~ dd,
  .touch .form ~ .form > dd,
  .touch #completeForm .form > dd,
  .touch .showUSA > dt.USA:not(:empty) + dt.INT:empty + dd {
    margin-top: 0;
  }
  .touch .form > dt:empty {
    display: none;
  }
  .touch .form ~ .form > dd.submit,
  .touch #completeForm .stripe-cc .right {
    margin-top: 1em;
  }
}
.layout-checkout input[name]:not([name^="mailing.zip"]),
.layout-checkout select {
  width: 400px;
  max-width: calc(100vw - var(--scrollbar-width) - var(--page-side-gap) * 2);
}
.layout-checkout .account-type-individual .address-location dt:first-child,
.layout-checkout .account-type-individual .address-location dt:first-child + dt,
.layout-checkout .account-type-individual .address-location dt:first-child + dt + dd {
  display: none;
}
.layout-checkout .account-type-individual .address-vat,
.layout-checkout .account-country-uk .address-vat {
  display: none;
}
.layout-checkout .price:not(:last-of-type) {
  font-size: inherit;
  font-weight: inherit;
}
.layout-checkout .price.overriden {
  text-decoration: line-through;
}
.layout-checkout .accountForm > div > .button,
.layout-checkout .accountForm > div > button {
  position: relative;
  z-index: 1;
}
.layout-checkout .accountForm > div.active > dl {
  display: none;
}
.channel-banner,
.custom-banner {
  height: auto;
  min-height: calc((100vw - var(--scrollbar-width)) * 1200 / 2800);
  background: #000 center no-repeat;
  background-size: cover;
}
@media (min-width:1050px) {
  .channel-banner,
  .custom-banner {
    min-height: calc(450px + (100vw - var(--scrollbar-width) - 1050px) / 870 * 150);
  }
}
.channel-banner:has(> div):before,
.custom-banner:has(> div):before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.channel-banner,
.custom-banner,
.channel-banner > div,
.custom-banner > div {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.channel-banner > div > *,
.custom-banner > div > * {
  color: #fff;
  max-width: 50em;
}
.channel-banner > div > h1,
.custom-banner > div > h1 {
  color: #fff;
  margin-bottom: 0.2em;
}
.channel-banner > div > div,
.custom-banner > div > div {
  color: #fff;
  line-height: 1.5;
}
.dashboard-banner img {
  width: 100%;
  max-height: 480px;
}
.channel-banner:has(> div):before {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2), transparent);
}
@media (max-width:767px) {
  .channel-banner:has(> div):before {
    background: rgba(0, 0, 0, 0.2);
  }
}
.custom-banner:has(> div):before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}
.dashboard-banner:has(> img):has(> div):before {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}
.layout-solutioncenter section.solutioncenter {
  color: var(--solutioncenter-color);
  border-bottom: 2px solid currentColor;
}
.layout-solutioncenter section.solutioncenter,
.layout-solutioncenter section.solutioncenter-more {
  background: var(--solutioncenter-bgcolor);
}
.solutioncenter-banner {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: var(--page-gap);
  padding-bottom: var(--page-gap);
}
.solutioncenter-banner > div > h1 {
  color: currentColor;
  font-size: 3em;
  font-weight: 500;
  max-width: 16.66666667em;
  margin-bottom: 0.33333333em;
}
.solutioncenter-banner > div > h1 + div {
  color: #1a394a;
  font-size: 1.25em;
  font-weight: 300;
  max-width: 40em;
}
.solutioncenter-banner > div > div + div {
  color: currentColor;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin-top: 1em;
}
.solutioncenter-banner > div > div + div .button-bordered {
  color: currentColor;
  box-shadow: 0 0 0 2px var(--solutioncenter-color) inset;
}
.solutioncenter-banner > div > div + div .button-bordered.current {
  color: #fff;
  background-color: var(--solutioncenter-color);
}
.solutioncenter-banner > img {
  height: 180px;
  flex-shrink: 0;
  margin: 0 0 0 var(--page-side-gap);
}
@media (max-width:899px) {
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner {
    display: block;
  }
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > div > h1 {
    font-size: 2.25em;
    margin-bottom: 0.44444444em;
  }
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > div > div {
    font-size: 1em;
  }
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > img {
    height: 120px;
    float: right;
    margin: 0 0 var(--page-gap) var(--page-gap);
  }
}
@media (max-width:419px) {
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > img {
    height: 96px !important;
    margin-left: calc(var(--page-gap) / 2);
  }
}
@media (max-width:359px) {
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > img {
    height: 64px !important;
  }
}
@media (max-width:319px) {
  main:not(.layout-product-details):not(.layout-microcourse):not(.layout-expert) .solutioncenter-banner > img {
    float: none;
    margin-left: 0;
  }
}
.layout-product-search .solutioncenter-banner,
.layout-product-details .solutioncenter-banner,
.layout-microcourse .solutioncenter-banner {
  flex-direction: row;
  min-height: 0;
  padding-top: 1em;
  padding-bottom: 1em;
}
.layout-product-search .solutioncenter-banner > h1,
.layout-product-details .solutioncenter-banner > h1,
.layout-microcourse .solutioncenter-banner > h1 {
  color: currentColor;
  font-size: 2em;
  margin-bottom: 0;
  margin-right: auto;
}
.layout-product-search .solutioncenter-banner > a,
.layout-product-details .solutioncenter-banner > a,
.layout-microcourse .solutioncenter-banner > a {
  color: currentColor !important;
  font-weight: bold;
}
.layout-product-search .solutioncenter-banner > a:before,
.layout-product-details .solutioncenter-banner > a:before,
.layout-microcourse .solutioncenter-banner > a:before {
  background-color: currentColor !important;
}
.layout-product-search .solutioncenter-banner > a:focus-visible,
.layout-product-details .solutioncenter-banner > a:focus-visible,
.layout-microcourse .solutioncenter-banner > a:focus-visible {
  box-shadow: 0 0 0 1px currentColor, 0 0 0 1px currentColor inset;
}
.layout-solutioncenter:not(.layout-inactive) section.top {
  padding-top: calc(var(--page-gap) / 2);
  padding-bottom: calc(var(--page-gap) / 2);
  position: sticky;
  top: var(--touch-menu-height);
  bottom: auto;
  z-index: 100;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header > div,
.layout-solutioncenter:not(.layout-inactive) section.top > div {
  width: 100%;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header .solutioncenters,
.layout-solutioncenter:not(.layout-inactive) section.top .solutioncenters {
  width: 100%;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header .solutioncenters a,
.layout-solutioncenter:not(.layout-inactive) section.top .solutioncenters a {
  padding-top: 0;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header .solutioncenters a svg,
.layout-solutioncenter:not(.layout-inactive) section.top .solutioncenters a svg {
  display: none;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header .solutioncenters a div,
.layout-solutioncenter:not(.layout-inactive) section.top .solutioncenters a div {
  position: static;
  font-size: 0.75em;
  white-space: nowrap;
}
.layout-solutioncenter:not(.layout-inactive) ~ header > div.solutioncenters-header {
  background: #0c2e3f;
}
.layout-iframe section.solutioncenter,
.layout-solutioncenter.index-product-dialog {
  overflow: visible;
}
.layout-iframe section.solutioncenter .dialog-content,
.layout-solutioncenter.index-product-dialog .dialog-content {
  display: grid;
  align-items: start;
  flex-flow: column;
}
.layout-iframe section.solutioncenter .dialog-content > *,
.layout-solutioncenter.index-product-dialog .dialog-content > * {
  grid-row: 1;
  grid-column: 1;
}
.layout-iframe section.solutioncenter section,
.layout-solutioncenter.index-product-dialog section,
.layout-iframe section.solutioncenter iframe,
.layout-solutioncenter.index-product-dialog iframe {
  overflow: hidden;
}
.layout-iframe section.solutioncenter section,
.layout-solutioncenter.index-product-dialog section {
  border-radius: 0.5em 0.5em 0 0;
}
.layout-iframe section.solutioncenter iframe,
.layout-solutioncenter.index-product-dialog iframe {
  border-radius: 0 0 0.5em 0.5em;
}
.layout-iframe section.solutioncenter,
.layout-solutioncenter.index-product-dialog section.solutioncenter {
  position: sticky;
  top: 0;
  z-index: 100;
  padding: 0 1em 0 var(--page-gap);
}
.layout-iframe.dialog-maximized section.solutioncenter,
.layout-solutioncenter.index-product-dialog.dialog-maximized section.solutioncenter {
  padding-left: 48px;
}
.layout-iframe.dialog-maximized section.solutioncenter > div,
.layout-solutioncenter.index-product-dialog.dialog-maximized section.solutioncenter > div {
  max-width: unset;
}
.layout-iframe.layout-dialog-narrow section.solutioncenter,
.layout-solutioncenter.index-product-dialog.layout-dialog-narrow section.solutioncenter {
  padding-left: 32px;
}
@media (max-width:1102px) {
  .hidden-scrollbar .layout-iframe section.solutioncenter,
  .hidden-scrollbar .layout-solutioncenter.index-product-dialog section.solutioncenter {
    padding-left: 32px;
  }
}
@media (max-width:831px) {
  .hidden-scrollbar .layout-iframe section.solutioncenter,
  .hidden-scrollbar .layout-solutioncenter.index-product-dialog section.solutioncenter {
    padding-left: 24px;
  }
}
@media (max-width:1136px) {
  .no-hidden-scrollbar .layout-iframe section.solutioncenter,
  .no-hidden-scrollbar .layout-solutioncenter.index-product-dialog section.solutioncenter {
    padding-left: 32px;
  }
}
@media (max-width:865px) {
  .no-hidden-scrollbar .layout-iframe section.solutioncenter,
  .no-hidden-scrollbar .layout-solutioncenter.index-product-dialog section.solutioncenter {
    padding-left: 24px;
  }
}
.layout-solutioncenter.index-product-dialog section.solutioncenter {
  padding: 0 1em 0 var(--dialog-padding);
}
.layout-iframe section.solutioncenter {
  visibility: hidden;
}
.solutioncenters {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
@media (max-width:499px) {
  .solutioncenters {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  }
}
.solutioncenters a {
  display: flex;
  padding-top: 100%;
  background: #0b364f;
  border-top: 4px solid;
  color: #6ed2e6;
  position: relative;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), border-color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.solutioncenters a svg {
  position: absolute;
  top: 1em;
  left: 1em;
  height: 40%;
}
.solutioncenters a div {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1em;
  transition: color 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.solutioncenters a:hover,
.solutioncenters a.current {
  transition: none;
  border-color: var(--solutioncenter-color);
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.solutioncenters a:focus-visible {
  transition: none;
  border-color: var(--solutioncenter-color);
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1), border-color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.solutioncenters a:hover div,
.solutioncenters a.current div {
  color: #fff;
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.solutioncenters a:focus-visible div {
  color: #fff;
  transition: color 0.2s cubic-bezier(0.05, 0.7, 0.1, 1);
}
.povType .product {
  flex-direction: row-reverse;
  max-width: 50em;
}
.povType .thumbnail {
  margin: 0 0 0 var(--page-gap);
}
.povType .product-resource,
.povType .title {
  display: none;
}
.povType .description {
  margin-top: 0;
}
.povType .product > div > .button,
.povType .full-description {
  margin-top: 1em;
}
.povType .thumbnail,
.layout-solutioncenter-growth .povType .thumbnail {
  display: none;
}
.coz-overlay-content {
  scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
}
.coz-overlay-content::-webkit-scrollbar {
  background: transparent;
}
.coz-overlay-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.coz-overlay-content::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.4);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.coz-overlay-content::-webkit-scrollbar-thumb:hover:active {
  background: rgba(255, 255, 255, 0.6);
  border: 4px solid transparent;
  border-radius: 8px;
  background-clip: padding-box;
}
.touch .dialog-title h1 {
  height: auto;
  line-height: inherit;
  text-align: center;
  white-space: normal;
}
.dialog-content-div {
  font-size: 1em;
}
.dialog-content-div > form,
.dialog-content-div > main > section > div > form {
  display: block;
}
.dialog-content-div > form > label,
.dialog-content-div > main > section > div > form > label {
  display: block;
}
.dialog-content-div > form > label.coz-input-checkbox,
.dialog-content-div > main > section > div > form > label.coz-input-checkbox {
  display: inline-flex;
}
.dialog-content-div > form > label > div,
.dialog-content-div > main > section > div > form > label > div {
  margin-bottom: 0.28571429em;
  font-size: 0.875em;
  font-weight: 500;
}
.dialog-content-div > form > label > .coz-input,
.dialog-content-div > main > section > div > form > label > .coz-input,
.dialog-content-div > form > label > .coz-input > input,
.dialog-content-div > main > section > div > form > label > .coz-input > input {
  width: 100%;
}
.dialog-content-div > form > label > .coz-input + .coz-input,
.dialog-content-div > main > section > div > form > label > .coz-input + .coz-input {
  margin-top: 0.5em;
}
.dialog-content-div > form > label + label,
.dialog-content-div > main > section > div > form > label + label,
.dialog-content-div > form > label + div,
.dialog-content-div > main > section > div > form > label + div {
  margin-top: 1em;
}
.dialog-content-div > form > div > .coz-input-checkbox,
.dialog-content-div > main > section > div > form > div > .coz-input-checkbox {
  display: inline-flex;
}
.dialog-buttons {
  position: absolute;
  top: 24px;
  top: calc(var(--dialog-padding) / 2);
  right: 24px;
  right: calc(var(--dialog-padding) / 2);
}
.dialog-buttons .close {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog-buttons .close:before,
.dialog-buttons .close:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog-buttons .close:before,
.no-mask-image .dialog-buttons .close:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dialog-buttons .close.button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog-buttons .close.button-red:before,
.dialog-buttons .close.button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog-buttons .close.button-red:before,
.no-mask-image .dialog-buttons .close.button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog-buttons .close.button-action,
.dialog-buttons .close.button-primary,
.dialog-buttons .close.button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog-buttons .close.button-action:before,
.dialog-buttons .close.button-primary:before,
.dialog-buttons .close.button-download:before,
.dialog-buttons .close.button-action:after,
.dialog-buttons .close.button-primary:after,
.dialog-buttons .close.button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog-buttons .close.button-action:before,
.no-mask-image .dialog-buttons .close.button-primary:before,
.no-mask-image .dialog-buttons .close.button-download:before,
.no-mask-image .dialog-buttons .close.button-action:after,
.no-mask-image .dialog-buttons .close.button-primary:after,
.no-mask-image .dialog-buttons .close.button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog-buttons .close.button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog-buttons .close.button-action-green:before,
.dialog-buttons .close.button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog-buttons .close.button-action-green:before,
.no-mask-image .dialog-buttons .close.button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog-titlebar:has(h1:empty) + .dialog-content-div:has(.banner) main.layout-dialog {
  margin-top: calc(0px - 2 * var(--dialog-padding));
  border-radius: 0.5em;
}
.dialog-titlebar:has(h1:empty) + .dialog-content-div .banner {
  border-radius: 0.5em 0.5em 0 0;
  overflow: hidden;
}
.dialog-titlebar:has(h1:empty):has(+ .dialog-content-div .banner) .dialog-buttons .close {
  filter: invert(1);
}
.dialog-content-div:has(.layout-microcourse) {
  max-width: calc(100vw - var(--dialog-margin) * 2);
  height: calc(100vh - var(--dialog-margin) * 2);
  margin: calc(0px - 2 * var(--page-gap)) calc(0px - var(--page-gap)) calc(0px - var(--page-gap));
  border-radius: 0.5em;
  overflow: hidden;
}
.dialog .prompt-buttons,
.dialog .tabContent .prompt-buttons {
  padding: 24px 24px;
  padding: calc(var(--dialog-padding) / 2) calc(var(--dialog-padding) / 2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  border-radius: 0 0 0.5em 0.5em;
}
.dialog .prompt-buttons button,
.dialog .tabContent .prompt-buttons button,
.dialog .prompt-buttons .button,
.dialog .tabContent .prompt-buttons .button {
  margin: 0 0 0 0.5em;
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dialog .prompt-buttons button:not(:last-child),
.dialog .tabContent .prompt-buttons button:not(:last-child),
.dialog .prompt-buttons .button:not(:last-child),
.dialog .tabContent .prompt-buttons .button:not(:last-child) {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons button:not(:last-child):before,
.dialog .tabContent .prompt-buttons button:not(:last-child):before,
.dialog .prompt-buttons .button:not(:last-child):before,
.dialog .tabContent .prompt-buttons .button:not(:last-child):before,
.dialog .prompt-buttons button:not(:last-child):after,
.dialog .tabContent .prompt-buttons button:not(:last-child):after,
.dialog .prompt-buttons .button:not(:last-child):after,
.dialog .tabContent .prompt-buttons .button:not(:last-child):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons button:not(:last-child):before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child):before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child):before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child):before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child):after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child):after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child):after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child):after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dialog .prompt-buttons button:not(:last-child).button-red,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-red,
.dialog .prompt-buttons .button:not(:last-child).button-red,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons button:not(:last-child).button-red:before,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-red:before,
.dialog .prompt-buttons .button:not(:last-child).button-red:before,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-red:before,
.dialog .prompt-buttons button:not(:last-child).button-red:after,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-red:after,
.dialog .prompt-buttons .button:not(:last-child).button-red:after,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-red:before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-red:before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-red:before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-red:before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-red:after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-red:after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-red:after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons button:not(:last-child).button-action,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action,
.dialog .prompt-buttons .button:not(:last-child).button-action,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action,
.dialog .prompt-buttons button:not(:last-child).button-primary,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-primary,
.dialog .prompt-buttons .button:not(:last-child).button-primary,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-primary,
.dialog .prompt-buttons button:not(:last-child).button-download,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-download,
.dialog .prompt-buttons .button:not(:last-child).button-download,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons button:not(:last-child).button-action:before,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action:before,
.dialog .prompt-buttons .button:not(:last-child).button-action:before,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action:before,
.dialog .prompt-buttons button:not(:last-child).button-primary:before,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-primary:before,
.dialog .prompt-buttons .button:not(:last-child).button-primary:before,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-primary:before,
.dialog .prompt-buttons button:not(:last-child).button-download:before,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-download:before,
.dialog .prompt-buttons .button:not(:last-child).button-download:before,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-download:before,
.dialog .prompt-buttons button:not(:last-child).button-action:after,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action:after,
.dialog .prompt-buttons .button:not(:last-child).button-action:after,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action:after,
.dialog .prompt-buttons button:not(:last-child).button-primary:after,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-primary:after,
.dialog .prompt-buttons .button:not(:last-child).button-primary:after,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-primary:after,
.dialog .prompt-buttons button:not(:last-child).button-download:after,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-download:after,
.dialog .prompt-buttons .button:not(:last-child).button-download:after,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-action:before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-action:before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-action:before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-action:before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-primary:before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-primary:before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-primary:before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-primary:before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-download:before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-download:before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-download:before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-download:before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-action:after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-action:after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-action:after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-action:after,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-primary:after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-primary:after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-primary:after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-primary:after,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-download:after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-download:after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-download:after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons button:not(:last-child).button-action-green,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action-green,
.dialog .prompt-buttons .button:not(:last-child).button-action-green,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons button:not(:last-child).button-action-green:before,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action-green:before,
.dialog .prompt-buttons .button:not(:last-child).button-action-green:before,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action-green:before,
.dialog .prompt-buttons button:not(:last-child).button-action-green:after,
.dialog .tabContent .prompt-buttons button:not(:last-child).button-action-green:after,
.dialog .prompt-buttons .button:not(:last-child).button-action-green:after,
.dialog .tabContent .prompt-buttons .button:not(:last-child).button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-action-green:before,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-action-green:before,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-action-green:before,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-action-green:before,
.no-mask-image .dialog .prompt-buttons button:not(:last-child).button-action-green:after,
.no-mask-image .dialog .tabContent .prompt-buttons button:not(:last-child).button-action-green:after,
.no-mask-image .dialog .prompt-buttons .button:not(:last-child).button-action-green:after,
.no-mask-image .dialog .tabContent .prompt-buttons .button:not(:last-child).button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons:has(.primary) button:not(.primary),
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary),
.dialog .prompt-buttons:has(.primary) .button:not(.primary),
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary) {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons:has(.primary) button:not(.primary):before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary):before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary):before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary):before,
.dialog .prompt-buttons:has(.primary) button:not(.primary):after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary):after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary):after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary):before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary):before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary):before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary):before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary):after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary):after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary):after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary):after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-red,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-red,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-red,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-red:before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-red:before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-red:before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-red:before,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-red:after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-red:after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-red:after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-red:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-red:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-red:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-red:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-red:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-red:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-red:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-primary,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-primary,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-primary,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-primary,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-download,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-download,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-download,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action:before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action:before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action:before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action:before,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-primary:before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-primary:before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-primary:before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-primary:before,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-download:before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-download:before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-download:before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-download:before,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action:after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action:after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action:after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action:after,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-primary:after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-primary:after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-primary:after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-primary:after,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-download:after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-download:after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-download:after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-action:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-primary:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-primary:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-primary:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-primary:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-download:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-download:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-download:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-download:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-action:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-primary:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-primary:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-primary:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-primary:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-download:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-download:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-download:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action-green,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action-green,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action-green,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action-green:before,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action-green:before,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:before,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:before,
.dialog .prompt-buttons:has(.primary) button:not(.primary).button-action-green:after,
.dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action-green:after,
.dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:after,
.dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-action-green:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action-green:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:before,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:before,
.no-mask-image .dialog .prompt-buttons:has(.primary) button:not(.primary).button-action-green:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) button:not(.primary).button-action-green:after,
.no-mask-image .dialog .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:after,
.no-mask-image .dialog .tabContent .prompt-buttons:has(.primary) .button:not(.primary).button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dialog .prompt-buttons:has(.primary) button.primary,
.dialog .tabContent .prompt-buttons:has(.primary) button.primary,
.dialog .prompt-buttons:has(.primary) .button.primary,
.dialog .tabContent .prompt-buttons:has(.primary) .button.primary {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dialog .prompt-buttons:after,
.dialog .tabContent .prompt-buttons:after {
  content: none;
}
.dialog .dialog-content-div:has(~ .prompt-buttons) .prompt-buttons {
  --button-size: 2.625em;
  bottom: calc(var(--dialog-padding) + var(--button-size));
}
.dialog .tabs .tablist {
  margin-top: 2em;
  list-style: none;
  padding-left: 0;
}
.dialog .tabs .tablist > li {
  margin: 0;
  float: left;
  width: 100%;
}
.dialog .tabs .tablist > li.hidden-tab {
  position: static;
  margin: 0 -10000px;
}
.dialog .tabs .tablist > li > .tabContent {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dialog .tabs .tablist > li > .tabContent p {
  max-width: 100%;
  text-align: center;
}
.dialog .tabs-row .tabrow {
  height: auto;
  display: flex;
  justify-content: center;
}
.dialog .tabs-row .tabrow .button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  padding: 0.5em;
  min-height: 4em;
  background: none;
  box-shadow: 0 0 0 1px #ccc inset;
  border-radius: 0.25em;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: -0.025em;
}
.dialog .tabs-row .tabrow .button:first-child {
  border-radius: 0.375em 0 0 0.375em;
}
.dialog .tabs-row .tabrow .button:last-child {
  border-radius: 0 0.375em 0.375em 0;
}
.dialog .tabs-row .tabrow .button:focus-visible {
  box-shadow: 0 0 0 2px #2454f3 inset;
}
.dialog .tabs-row .tabrow .button.fg {
  box-shadow: 0 0 0 2px #2454f3 inset;
}
.dialog .tabs-row .tabrow .button.bg {
  height: auto;
}
.dialog .tabs-row .tabrow .button b {
  pointer-events: none;
}
.dialog-content-div > form > div {
  text-align: center;
}
.dialog form:not(#assessment_properties) + .prompt-buttons,
.dialog .tabContent form:not(#assessment_properties) + .prompt-buttons {
  justify-content: center;
  margin-top: 0;
}
.dialog #choose_account_type,
.dialog #choose_account_type + form {
  width: 720px;
  max-width: 100%;
}
.dialog #choose_account_type h2 {
  display: none;
}
.dialog #choose_account_type .tabs,
.dialog #choose_account_type .tabrow,
.dialog #choose_account_type + form[name="registerForm"] > label,
.dialog #choose_account_type + form[name="registerForm"] > p:not(:last-child),
.dialog #choose_account_type + form[name="registerForm"] > ul {
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}
.dialog #choose_account_type .tabs {
  max-width: 640px;
}
.dialog #choose_account_type .tabContent p,
.dialog form[name="registerForm"] p,
.dialog form[name="loginForm"] p,
.dialog form[name="loginAsUserForm"] p,
.dialog form[name="resetForm"] p,
.dialog form[name="resetPasswordForm"] p,
.dialog form[name="askJeremy"] p,
.dialog form[name="playlistsForm"] p {
  text-align: center;
}
.dialog #choose_account_type .tabContent p > button,
.dialog form[name="registerForm"] p > button,
.dialog form[name="loginForm"] p > button,
.dialog form[name="loginAsUserForm"] p > button,
.dialog form[name="resetForm"] p > button,
.dialog form[name="resetPasswordForm"] p > button,
.dialog form[name="askJeremy"] p > button,
.dialog form[name="playlistsForm"] p > button,
.dialog #choose_account_type .tabContent p > .button,
.dialog form[name="registerForm"] p > .button,
.dialog form[name="loginForm"] p > .button,
.dialog form[name="loginAsUserForm"] p > .button,
.dialog form[name="resetForm"] p > .button,
.dialog form[name="resetPasswordForm"] p > .button,
.dialog form[name="askJeremy"] p > .button,
.dialog form[name="playlistsForm"] p > .button {
  min-width: 160px;
}
.dialog #choose_account_type .tabContent > ul,
.dialog form[name="registerForm"] label > ul {
  margin: 0;
  list-style: none;
  font-size: 0.875em;
}
.dialog #choose_account_type .tabContent > ul > li:before,
.dialog form[name="registerForm"] label > ul > li:before {
  position: absolute;
  margin-left: -28em;
  margin-top: -1em;
  font-size: 0.07142857em;
}
.dialog form[name="loginForm"],
.dialog form[name="resetForm"],
.dialog form[name="resetPasswordForm"] {
  width: 320px;
  max-width: 100%;
}
@media (max-width:383px) {
  .dialog form[name="loginForm"],
  .dialog form[name="resetForm"],
  .dialog form[name="resetPasswordForm"] {
    width: 100%;
  }
}
.dialog form[name="registerForm"] p:first-child,
.dialog form[name="loginForm"] p:first-child,
.dialog form[name="resetForm"] p:first-child,
.dialog form[name="resetPasswordForm"] p:first-child,
.dialog form[name="askJeremy"] p:first-child,
.dialog form[name="playlistsForm"] p:first-child {
  margin: -1.5em 0 2em;
  color: #999;
  text-align: center;
}
.dialog form[name="registerForm"] p:last-child,
.dialog form[name="loginForm"] p:last-child,
.dialog form[name="resetForm"] p:last-child,
.dialog form[name="resetPasswordForm"] p:last-child,
.dialog form[name="askJeremy"] p:last-child,
.dialog form[name="playlistsForm"] p:last-child {
  font-size: 0.875em;
  color: #666;
}
.dialog #choose_account_type .tabContent > ul > li:before {
  background-position: 28.49002849% 0%;
  -webkit-mask-position: 28.49002849% 0%;
  -moz-mask-position: 28.49002849% 0%;
  -ms-mask-position: 28.49002849% 0%;
  -o-mask-position: 28.49002849% 0%;
  mask-position: 28.49002849% 0%;
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog #choose_account_type .tabContent > ul > li:before {
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/2454f3/images/webshop/button-icons-mask.svg'), none;
}
.dialog form[name="registerForm"] label > .coz-input-password ~ div div {
  margin: 0.25em 0;
}
.dialog form[name="registerForm"] label > .coz-input-password ~ div div.warning {
  color: #cc0000;
}
.dialog form[name="registerForm"] label > .coz-input-password ~ ul > li {
  margin: 0.57142857em 0;
}
.dialog form[name="registerForm"] label > .coz-input-password ~ ul > li:before {
  background-position: 25.64102564% 0%;
  -webkit-mask-position: 25.64102564% 0%;
  -moz-mask-position: 25.64102564% 0%;
  -ms-mask-position: 25.64102564% 0%;
  -o-mask-position: 25.64102564% 0%;
  mask-position: 25.64102564% 0%;
}
.dialog form[name="registerForm"] label > .coz-input-password ~ ul > li.valid:before {
  background-position: 28.49002849% 0%;
  -webkit-mask-position: 28.49002849% 0%;
  -moz-mask-position: 28.49002849% 0%;
  -ms-mask-position: 28.49002849% 0%;
  -o-mask-position: 28.49002849% 0%;
  mask-position: 28.49002849% 0%;
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog form[name="registerForm"] label > .coz-input-password ~ ul > li.valid:before {
  background-image: url('/colorReplace/00cc00/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/00cc00/images/webshop/button-icons-mask.svg'), none;
}
.dialog form[name="registerForm"] label > .coz-input-password.coz-input-invalid ~ ul > li:not(.valid):before {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dialog form[name="registerForm"] label > .coz-input-password.coz-input-invalid ~ ul > li:not(.valid):before {
  background-image: url('/colorReplace/cc0000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/cc0000/images/webshop/button-icons-mask.svg'), none;
}
.dialog form hr {
  margin: 2em 0;
}
.sticky-buttons {
  bottom: 0;
  margin: 0 calc(0px - (144px + (100vw - 1376px) * 96 / 544)) -48px;
  margin: 0 calc(0px - (144px + (100vw - 1376px) * 96 / 544)) calc(0px - var(--page-gap));
  padding: 48px calc(144px + (100vw - 1376px) * 96 / 544);
  padding: var(--page-gap) calc(144px + (100vw - 1376px) * 96 / 544);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0);
  backdrop-filter: none;
}
.sticky-buttons,
.sticky-buttons.hidden {
  transition: bottom 0.2s cubic-bezier(0.3, 0, 0.8, 0.15), box-shadow 0s 0.2s, background 0s 0.2s, backdrop-filter 0s 0.2s;
  transition-behavior: allow-discrete;
}
.sticky-buttons.stuck:not(.hidden) {
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(2px);
  transition: bottom 0.5s cubic-bezier(0.05, 0.7, 0.1, 1), box-shadow 0s, background 0s, backdrop-filter 0s;
}
.sticky-buttons.order-complete {
  padding-top: 1em;
}
body .tox .tox-dialog {
  border-radius: 8px;
}
body .tox .tox-dialog__header {
  padding: calc(var(--page-gap) / 2) calc(var(--page-gap) / 2) 0;
}
body .tox .tox-dialog__title {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-weight: normal;
  color: #000;
  font-size: 24px;
  border: none;
  font-style: normal;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-weight: 700;
  font-style: normal;
  color: #00253e;
  font-size: 2em;
  line-height: 1.5;
  color: #00253e;
  font-weight: 400;
  margin: 1em 0;
  margin: 1em 0;
  font-weight: 700;
  color: #00253e;
  letter-spacing: -0.025em;
  font-size: 2.5em;
  line-height: 1.25;
  margin-bottom: 0;
}
body .tox .tox-dialog__title a,
body .tox .tox-dialog__title a:link {
  color: #000;
  text-decoration: none;
}
.productUpdateForm > body .tox .tox-dialog__title {
  margin-top: 0;
}
.productUpdateForm > :not(input) ~ body .tox .tox-dialog__title {
  margin-top: 1em;
}
body .tox .tox-dialog__title a,
body .tox .tox-dialog__title a:link {
  font-weight: inherit;
}
body .tox .tox-dialog__title:first-child,
.hide:first-child + body .tox .tox-dialog__title,
br:first-child + body .tox .tox-dialog__title,
style:first-child + body .tox .tox-dialog__title,
script:first-child + body .tox .tox-dialog__title,
[data-mce-caret="before"]:first-child + body .tox .tox-dialog__title {
  margin-top: 0;
}
body .tox .tox-dialog__title:last-child {
  margin-bottom: 0;
}
body .tox .tox-dialog__title:has(+ .hide:last-child),
body .tox .tox-dialog__title:has(+ br:last-child),
body .tox .tox-dialog__title:has(+ style:last-child),
body .tox .tox-dialog__title:has(+ script:last-child),
body .tox .tox-dialog__title:has(+ [data-mce-caret="after"]:last-child) {
  margin-bottom: 0;
}
br:not([data-mce-bogus]):has(+ body .tox .tox-dialog__title) {
  display: none;
}
body .tox .tox-dialog__title + br:not([data-mce-bogus]) {
  display: none;
}
body .tox .tox-dialog__title:first-child {
  margin-top: 0;
}
body .tox .tox-dialog__title:last-child {
  margin-bottom: 0;
}
form:not(:first-child) > body .tox .tox-dialog__title:first-child {
  margin-top: 1em;
}
form:not(:last-child) > body .tox .tox-dialog__title:last-child {
  margin-bottom: 1em;
}
body .tox .tox-dialog__body-content {
  padding: calc(var(--page-gap) / 2);
}
body .tox .tox-dialog__footer {
  background: none;
  padding: calc(var(--page-gap) / 2);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
body .tox .tox-form__group {
  margin-bottom: 0.5em;
}
body .tox .tox-form__group:last-child {
  margin: 0;
}
body .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-start > *,
body .tox:not([dir="rtl"]) .tox-dialog__footer .tox-dialog__footer-end > * {
  margin-left: 0.5em;
}
body .tox .tox-label,
body .tox .tox-toolbar-label {
  color: #333;
  font-size: 0.875em;
  line-height: 1.42857143;
  font-weight: 500;
}
html .productUpdateForm h2:first-child {
  text-align: center;
  margin-top: -1em;
}
html .productUpdateForm .field_type_picker > div > button.add,
html .productUpdateForm .field_type_textlist > div > button.add,
html .productUpdateForm .field_type_multiple > div > .entry > button {
  border-radius: 0.25em;
}
html .productUpdateForm .field_type_picker > div > .entry > button:before {
  order: 2;
}
html .productUpdateForm .field_type_picker > div > .entry > button:after {
  font-size: 0.875em !important;
  line-height: 1.42857143;
}
html .productUpdateForm .field_type_products > div > .entry > .coz-input:after,
html .productUpdateForm .field_type_extensions > div > .entry > .coz-input:after {
  line-height: 40px !important;
  border-radius: 5px;
}
html .productUpdateForm .field_type_image > div > .button {
  margin-left: 0.25em;
}
html .productUpdateForm .field_type_display > div > span {
  padding: 0.5625em 0;
}
html .productUpdateForm .field_sortable .button-drag {
  border-radius: 0.25em;
}
html .productUpdateForm > :not(input) ~ p,
html .productUpdateForm > :not(input) ~ h1,
html .productUpdateForm > :not(input) ~ h2,
html .productUpdateForm > :not(input) ~ h3,
html .productUpdateForm > :not(input) ~ h4,
html .productUpdateForm > :not(input) ~ h5,
html .productUpdateForm > :not(input) ~ h6,
html .productUpdateForm > :not(input) ~ hr {
  margin-top: var(--page-gap) !important;
}
html .productUpdateForm > div > label {
  padding: 0.5625em 0;
}
html .productUpdateForm .coz-input-open > ul > li > a:not([data-value=""]):after,
html .productSelectForm .coz-input-open > ul > li > a:not([data-value=""]):after,
html .productUpdateExtensions .coz-input-open > ul > li > a:not([data-value=""]):after {
  font-size: 0.875em;
  line-height: 1.71428571em;
  margin-left: 0.5em;
}
.message-text {
  padding: 0.6875em 0;
  font-size: inherit;
}
.message-bar {
  align-items: flex-start;
  background: rgba(0, 0, 0, 0.8);
}
.message-bar button {
  flex-shrink: 0;
}
.message-bar button + .message-text {
  padding-left: 3.125em;
}
.layout-checkout .order-mailing.active ~ div,
.layout-checkout .has-active + div {
  display: none;
}
.order-mailing dd.submit {
  display: none;
}
.order-mailing > form > button {
  position: absolute;
  right: 0;
  bottom: 0;
}
.order-mailing > form > p > button {
  min-width: 10em;
}
.order-total > div,
.order-complete > div {
  display: flex;
}
.order-total > div {
  align-items: flex-start;
  margin: 0.5em 0;
}
.order-total > div:last-child {
  margin-top: 1em;
}
.order-total > div > b {
  font-weight: 600;
}
.order-total > div > div {
  margin-left: auto;
  text-align: right;
}
.order-total > div > div > span {
  color: #999;
}
form:not(:first-child) .order-total h3 {
  margin: 0;
}
form:not(:first-child) .order-total > p:last-child {
  margin-top: 2em;
}
form:not(:first-child) .order-total > p:first-child {
  margin-top: 0;
}
.order-complete {
  text-align: left;
}
.order-complete label {
  margin-bottom: 1em;
  display: inline-flex;
  align-items: flex-start;
}
form .order-complete > p:first-child {
  margin-top: 0;
}
.order-complete ul {
  padding-left: 2ch;
}
.order-complete > p:last-child {
  margin-top: var(--page-gap);
  margin-bottom: 0;
  text-align: center;
}
.order-complete > p:last-child button {
  min-width: 10em;
}
form:first-child .order-complete:first-child {
  padding-top: 0;
  border-top: 0;
}
.touch .order-details > dt ~ dd ~ dt,
.touch .order-details > dt ~ dd ~ dt ~ dd {
  margin-top: 0;
}
.order-cart + .order-details {
  margin-top: 1em;
}
.order-subscription .order-cart .product {
  flex-direction: column;
  align-items: flex-start;
}
.order-subscription .order-cart .title,
.order-subscription .order-details {
  margin-top: 1em;
}
.order-getstarted {
  text-align: center;
}
.order-getstarted p {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.order-getstarted .button {
  font-size: 1.5em;
}
.order-no-payment ~ .order-payment h3,
.order-no-payment ~ .order-payment #stripe {
  display: none;
}
.order-no-payment ~ .order-payment .order-total {
  margin-top: 0;
  border-top: 0;
  padding-top: 0;
}
.product-video .skip-this {
  bottom: 0;
  height: auto;
  text-align: center;
  margin: 1em;
}
.coz-input-password meter {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border: 1px solid transparent;
  border-radius: 0 0 4px 4px;
  background: none;
  overflow: hidden;
  /* Webkit based browsers */
}
/* Webkit based browsers */
.coz-input-password meter[value="5"]:before {
  width: 100%;
  background: #66cc00;
}
.coz-input-password meter[value="4"]:before {
  width: 80%;
  background: #66cc00;
}
.coz-input-password meter[value="3"]:before {
  width: 60%;
  background: #66cc00;
}
.coz-input-password meter[value="2"]:before {
  width: 40%;
  background: #ccaa00;
}
.coz-input-password meter[value="1"]:before {
  width: 20%;
  background: #cc2200;
}
.coz-input-password meter:before {
  content: '';
  display: block;
  width: 0;
  height: 100%;
}
.coz-input-password meter::-moz-meter-bar {
  display: none;
}
.webshop-page-about-sporting-edge p {
  line-height: 1.5;
}
.webshop-page-about-sporting-edge p.social {
  display: flex;
}
.webshop-page-about-sporting-edge .im {
  font-size: 1.875em;
}
.webshop-page-about-sporting-edge .im + .im {
  margin-left: 0.53333333em;
}
.product-resource-future .thumbnail {
  filter: grayscale(1);
  opacity: 0.5;
}
.flex-columns {
  display: flex;
  align-items: unset;
  gap: var(--page-gap);
  max-width: unset;
  margin: var(--page-gap) 0;
}
.flex-columns:first-child {
  margin-top: 0;
}
.flex-columns:last-child {
  margin-bottom: 0;
}
.flex-columns > * {
  flex: 1 0 0px;
}
.flex-columns > * + * {
  margin-left: 0;
}
@media (max-width:767px) {
  .flex-columns {
    flex-direction: column;
  }
  .flex-columns > * + * {
    margin-left: 0;
    margin-top: 0;
  }
}
.help-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: var(--page-gap);
}
.help-grid > div {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.help-grid > div > a {
  display: flex;
  padding: 0.5em 1em;
  color: rgba(0, 0, 0, 0.8);
  align-items: center;
}
.help-grid > div > a:first-child {
  padding: 1em;
  text-align: center;
  font-weight: bolder;
}
.help-grid > div > a + a {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.help-grid > div > a:last-child {
  /*.button-icon-before(0, 0);*/
}
.help-grid > div > a:last-child:after {
  background-position: 76.92307692% 0%;
  -webkit-mask-position: 76.92307692% 0%;
  -moz-mask-position: 76.92307692% 0%;
  -ms-mask-position: 76.92307692% 0%;
  -o-mask-position: 76.92307692% 0%;
  mask-position: 76.92307692% 0%;
  margin-left: auto;
}
.productScroller {
  --product-count: 4;
  --product-gap: var(--page-gap);
}
.productScroller .productList > div > div {
  min-width: calc((100% - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count));
  max-width: calc((100% - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count));
}
.productScroller .productList > div > div + div {
  margin-left: var(--product-gap);
}
.productScroller button.icon {
  padding: calc(((100% - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count) * 9 / 16 / 2)) 0;
}
@media (min-width:1200px) {
  .layout-solutioncenter ~ header > div.solutioncenters-header .productScroller.solutioncentersScroller .productList > div > div,
  section.top .productScroller.solutioncentersScroller .productList > div > div {
    min-width: unset;
    max-width: max(9.5em, (100% - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count));
    flex-grow: 1;
  }
}
.solutioncentersScroller {
  --product-gap: 19px;
}
.eventScroller,
.podcastScroller,
.eventsScroller {
  --product-count: 1;
}
.podcastScroller,
.microlessonScroller {
  --product-count: 2;
}
.articleScroller,
.playlistScroller,
.microcourseScroller,
.expertsScroller {
  --product-count: 3;
}
.channelScroller {
  --product-count: 5;
}
.solutioncentersScroller {
  --product-count: 6;
}
.eventScroller button.icon,
.podcastScroller button.icon,
.eventsScroller button.icon,
.channelScroller button.icon {
  padding: 0;
  height: 100%;
}
/*
	
@media (min-width:1432px) {
	
	.eventsScroller {
		--product-count:2;
		.product { flex-direction:column; }
		.thumbnail { width:100%; margin:0; }
		.product-resource { border-top:8/14em solid transparent; }
	}
	
}*/
@media (max-width:1919px) {
  .productScroller {
    --product-gap: calc(var(--page-gap) / 2);
  }
  .solutioncentersScroller {
    --product-gap: min(19px, calc(var(--page-gap) / 2));
  }
  .largeView .thumbnail {
    width: calc((100% - var(--page-gap) / 2) / 2);
    margin-right: calc(var(--page-gap) / 2);
  }
}
@media (max-width:1431px) {
  --product-gap: calc(var(--page-gap) / 2);
  .productScroller {
    --product-count: 3;
  }
  .eventScroller,
  .podcastScroller,
  .eventsScroller {
    --product-count: 1;
  }
  .articleScroller,
  .playlistScroller {
    --product-count: 3;
  }
}
@media (max-width:1509px) {
  .blockView {
    grid-gap: var(--page-gap) calc(var(--page-gap) / 2);
  }
  .sem-productSearch-header > h1 {
    white-space: wrap;
  }
}
/*

@media (min-width:1200px) {
	.layout-solutioncenter .expertsScroller .productList > div {
		display:grid; grid-template-rows:1fr 1fr; grid-template-columns:1fr 1fr 1fr; grid-gap:var(--product-gap);
		> div { min-width:unset; max-width:unset; }
		> div + div { margin-left:0; }
	}
	.layout-solutioncenter .eventsScroller .productList > div {
		flex-direction:column; gap:var(--product-gap);
		> div { min-width:unset; max-width:unset; }
		> div + div { margin-left:0; }
	}
}*/
@media (max-width:1199px) {
  :root {
    --page-side-gap: 96px;
  }
  .layout-solutioncenter ~ header > div.solutioncenters-header,
  main > section,
  .sticky-buttons {
    padding-left: var(--page-side-gap);
    padding-right: var(--page-side-gap);
  }
  .sticky-buttons {
    margin-left: calc(0px - var(--page-side-gap));
    margin-right: calc(0px - var(--page-side-gap));
  }
  main.layout-memberships > section,
  main.layout-purchase > section,
  main.layout-checkout > section {
    padding: var(--page-gap);
  }
  main.layout-expert section.banner {
    padding: var(--page-side-gap);
  }
  main.layout-help section.banner {
    padding: var(--page-side-gap) var(--page-side-gap) var(--page-gap);
  }
  main.layout-solutioncenter section.solutioncenter,
  main.layout-custom section.custom {
    padding: 0 var(--page-side-gap);
  }
  main.layout-iframe section.solutioncenter,
  main.layout-solutioncenter.index-product-dialog section.solutioncenter {
    padding-right: 1em;
  }
  .spotlightView.running .spotlight-element,
  .channel-banner,
  .custom-banner {
    padding: var(--page-gap) var(--page-side-gap);
  }
  .spotlightView:not(.running) > div {
    padding: calc(2 * var(--page-gap)) var(--page-side-gap);
  }
  .index-marketing {
    padding: calc(var(--page-gap) / 2) var(--page-side-gap) var(--page-side-gap);
  }
  main > section > div,
  .layout-expert section.banner > div,
  .layout-solutioncenter section.solutioncenter > div {
    margin-left: 0;
    margin-right: 0;
  }
  .productScroller {
    --product-count: 3;
    --product-gap: calc(var(--page-gap) / 2);
    --product-min-width: 232px;
    margin: 0 calc(0px - var(--page-side-gap));
    overflow: hidden;
  }
  .productScroller .productList > div {
    padding-left: var(--page-side-gap);
    scroll-padding: 0 0 0 var(--page-side-gap);
  }
  .productScroller .productList > div > div {
    min-width: max(var(--product-min-width), calc((100% - var(--page-side-gap) - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count)));
    max-width: max(var(--product-min-width), calc((100% - var(--page-side-gap) - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count)));
  }
  .productScroller .productList > div > div + div {
    margin-left: var(--product-gap);
  }
  .productScroller .productList > div > :last-child {
    border-right: var(--page-side-gap) solid transparent !important;
    box-sizing: content-box;
  }
  .productScroller .productList > div > :last-child > * {
    box-sizing: border-box;
  }
  .productScroller button.icon {
    width: var(--page-side-gap);
    padding: calc(((100% - var(--page-side-gap) * 2 - (var(--product-count) - 1) * var(--product-gap)) / var(--product-count) * 9 / 16 / 2)) 0;
    font-size: 0.75em;
  }
  .productScroller button.icon.arrowLeft {
    left: 0;
    border-width: 0 calc(var(--page-gap) / 2) 0 0;
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0));
    transform: translateX(-100%);
  }
  .productScroller button.icon.arrowRight {
    right: 0;
    border-width: 0 0 0 calc(var(--page-gap) / 2);
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0));
    transform: translateX(100%);
  }
  .productScroller button.icon.productScroller-button-visible {
    transform: translateX(0);
    opacity: 1;
  }
  .productScroller {
    --product-count: 3;
  }
  .microlessonScroller {
    --product-count: 2;
  }
  .microlessonScroller button.icon {
    height: 100%;
    align-items: flex-start;
  }
  .eventScroller,
  .podcastScroller,
  .eventsScroller {
    --product-count: 1;
  }
  .eventScroller button.icon,
  .podcastScroller button.icon {
    padding: 0;
  }
  .eventsScroller button.icon {
    padding: 0;
    height: 100%;
  }
  .solutioncentersScroller {
    --product-count: 5;
    --product-gap: min(19px, calc(var(--page-gap) / 2));
    --product-min-width: 130px;
  }
  .solutioncentersScroller button.icon {
    padding: 0;
    height: 100%;
  }
  .solutioncentersScroller button.icon.arrowLeft {
    background-image: linear-gradient(to right, #00253e, rgba(0, 37, 62, 0));
  }
  .solutioncentersScroller button.icon.arrowRight {
    background-image: linear-gradient(to left, #00253e, rgba(0, 37, 62, 0));
  }
  .solutioncentersScroller button.icon:before,
  .solutioncentersScroller button.icon:after {
    background-color: #b4dae3;
  }
  .largeView .thumbnail {
    margin-right: calc(var(--page-gap) / 2);
  }
  .largeView.mediumView .sem-expert img {
    font-size: 0.75em;
  }
  .layout-checkout .breadcrumbs h2,
  .layout-checkout-complete .breadcrumbs h2 {
    font-size: 2em;
  }
}
.layout-dialog .productScroller button.icon,
section.top .solutioncentersScroller button.icon,
.layout-solutioncenter ~ header > div.solutioncenters-header .solutioncentersScroller button.icon {
  font-size: 0.5em;
}
@media (max-width:1006px) {
  :root {
    --page-gap: 32px;
    --page-side-gap: 64px;
    --touch-menu-height: 80px;
  }
  main > * > div {
    margin: var(--page-gap) auto;
  }
  header.search-open > div > a {
    display: none;
  }
  header.search-open > div > nav {
    margin-left: 0;
    max-width: 100%;
  }
  header.search-open > div > nav > menu {
    flex-shrink: 1;
  }
  header.search-open > div #search_menu {
    flex-shrink: 0;
  }
  #search_menu > li.open > form input[type="text"] {
    width: calc(100vw - var(--scrollbar-width) - (var(--touch-menu-height) - 42em/16));
  }
  .blockView,
  .blockView.mediumBlockView {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .largeView .thumbnail {
    width: calc((100% - var(--page-gap)) / 3);
    margin-right: calc(var(--page-gap) / 2);
  }
  .sem-productSearch-header #search_parameters {
    width: 100%;
  }
  .sem-productSearch-header #search_autocomplete > label {
    margin-left: 0;
  }
  .sem-productSearch-header,
  .sem-productSearch-header > div > form,
  .sem-productSearch-header #search_autocomplete,
  .sem-productSearch-header #search_autocomplete + form {
    flex-direction: column;
    align-items: flex-start;
  }
  .sem-productSearch-header > div {
    margin: -0.5em 0 1em;
    gap: calc(var(--page-gap) / 2);
  }
  .sem-productSearch-header > div > form > label {
    font-size: 0.875em;
    line-height: inherit;
    margin-top: 0.5em;
    margin-bottom: 0.28571429em;
  }
  .sem-productSearch-header #search_autocomplete label,
  .sem-productSearch-header #search_sort label,
  .sem-productSearch-header #search_autocomplete div,
  .sem-productSearch-header #search_sort div,
  .sem-productSearch-header #search_autocomplete span,
  .sem-productSearch-header #search_sort span {
    margin: 0;
  }
  #index_spotlight .spotlight-running .spotlight-navigation button {
    font-size: 0.5em;
  }
  .solutioncentersScroller {
    --product-count: 4;
  }
  .productScroller button.icon {
    font-size: 0.5em;
  }
}
@media (max-width:899px) {
  .blockView,
  .blockView.mediumBlockView {
    grid-template-columns: 1fr 1fr;
  }
  .productScroller {
    --product-count: 2;
  }
  .eventScroller,
  .podcastScroller,
  .eventsScroller {
    --product-count: 1;
  }
  .solutioncentersScroller {
    --product-count: 4;
  }
}
@media (max-width:799px) {
  .solutioncentersScroller {
    --product-count: 3;
  }
}
@media (max-width:767px),
(max-height:499px) {
  :root {
    --page-gap: 24px;
    --page-side-gap: 48px;
  }
  .productScroller .productList > div {
    scroll-snap-type: x mandatory;
  }
  .productScroller .productList > div > div {
    scroll-snap-align: start;
  }
  .channelScroller .productList > div > div > a > span {
    font-size: 1.5em;
  }
  .productScroller button.icon,
  #index_spotlight .spotlight .description,
  #index_spotlight .spotlight-running .spotlight-navigation button {
    display: none;
  }
  .touch .productSearch-list dd {
    font-size: 1em;
  }
  .index-experts .sem-expert,
  .sem-experts .sem-expert {
    align-items: flex-start;
  }
  #navigation_menu .sem-expert {
    align-items: center;
  }
  #navigation_menu .sem-expert-name {
    margin-top: 0;
  }
}
@media (max-width:767px) {
  .largeView .product,
  .largeView.mediumView.liveEventWidgetType .product,
  #index_spotlight .spotlight .product {
    flex-direction: column;
  }
  .largeView .thumbnail,
  .largeView.mediumView.liveEventWidgetType .thumbnail,
  #index_spotlight .spotlight .thumbnail {
    margin-right: 0;
    margin-bottom: 1em;
  }
  .largeView .thumbnail,
  .largeView.mediumView.liveEventWidgetType .thumbnail,
  #index_spotlight .spotlight .thumbnail {
    width: 100%;
  }
  .largeView.mediumView.liveEventWidgetType .thumbnail,
  #index_spotlight .spotlight .thumbnail {
    margin-left: 0;
  }
  .largeView.mediumView .thumbnail,
  #index_spotlight .spotlight .thumbnail {
    width: 50%;
  }
  #index_spotlight .spotlight .thumbnail {
    order: 0;
  }
  .mediumView .product {
    flex-direction: column;
  }
  .mediumView .thumbnail {
    width: 100%;
    max-width: 342px;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
  .mediumView .product-resource {
    border-top: 0.57142857em solid transparent;
  }
  .povType .thumbnail {
    margin-left: 0;
  }
  .povType .description {
    margin-top: 0.5em;
  }
  .layout-product-details .product-header {
    flex-direction: column;
  }
  .layout-product-details .product-header .product-talent,
  .layout-product-details .product-header .product-buttons {
    margin: 1em 0 0;
  }
  .layout-product-details .product-header .sem-expert > picture > img {
    font-size: inherit;
  }
  .layout-checkout .order-coupon .form,
  .stripe-cc {
    grid-template-columns: auto max-content;
  }
  .layout-checkout .order-coupon .form > dt,
  .stripe-cc > dt {
    grid-column: 1 / 2;
  }
  .layout-checkout .order-coupon .form > dt + dd + dd,
  .stripe-cc > dt + dd + dd {
    grid-column: 2;
  }
}
@media (max-width:639px) {
  .layout-memberships h1 {
    font-size: 3em;
  }
  #solutioncenters_menu > li > a > h2,
  .layout-checkout .breadcrumbs h2,
  .layout-checkout-complete .breadcrumbs h2 {
    font-size: 1.5em;
  }
  .smallView.historyType .product {
    flex-wrap: wrap;
  }
  .smallView.historyType .product .product-talent {
    margin-bottom: 0.5em;
  }
  .smallView.historyType .product .product-history {
    width: 100%;
  }
  .productSearch-filters {
    margin-right: 0;
  }
  .productSearch-filters > .coz-input-select {
    width: 100%;
  }
}
@media (max-width:567px) {
  .productScroller .mediumView .thumbnail,
  .productScroller .blockView.mediumBlockView .thumbnail {
    width: 100%;
    max-width: unset;
  }
  .blockView.mediumView,
  .blockView.mediumBlockView,
  .blockView.largeBlockView {
    grid-template-columns: 1fr;
  }
  .productScroller {
    --product-count: 2;
    /*1.25;/*
		@width:~"(100% - var(--page-side-gap) - (var(--product-count) + 1) * var(--product-gap)) / var(--product-count)";
		.productList > div > div { min-width:calc(@width); max-width:calc(@width); }*/
  }
  .channelScroller,
  .microlessonScroller,
  .eventScroller,
  .podcastScroller,
  .eventsScroller {
    --product-count: 1;
  }
  .solutioncentersScroller {
    --product-count: 2;
  }
}
@media (max-width:547px),
(max-height:399px) {
  body:not(#tinymce) .dialog-content-div,
  body:not(#tinymce) .dialog-content section.solutioncenter {
    font-size: 0.875em;
  }
}
@media (max-width:499px),
(max-height:399px) {
  /* html { font-size:8px; } */
  /* 
	
	#navigation_menu menuitem.overflow > a:before,
	#search_menu menuitem.overflow > a:before {
		transform:scale(56/80);
	} */
  /* 
	
	.ios .coz-input-select.coz-input-open ul {
		position:fixed; top:auto; left:1em; right:1em; bottom:1em; z-index:1001; min-width:0; max-height:calc(100vh - 2em); font-size:16/14em; transform:none !important; margin:0 !important; box-shadow:0 0 0 1em rgba(0,0,0,0.8);
	} */
  :root {
    --page-gap: 24px;
    --touch-menu-height: 56px;
    --touch-menu-logo-padding: 12px;
  }
  main,
  .layout-solutioncenter ~ header > div.solutioncenters-header {
    font-size: 0.875em;
  }
  footer {
    font-size: 0.75em;
  }
  html.touch-menu .layout-solutioncenter:not(.layout-inactive) {
    border-top-width: calc(var(--touch-menu-height) + 40.75px + 10px);
  }
  html.touch-menu .layout-solutioncenter:not(.layout-inactive) ~ header:not(.open) {
    height: calc(var(--touch-menu-height) + 40.75px + 10px);
  }
  h1 {
    font-size: 1.875em;
  }
  h2,
  .layout-product-details #comments dt {
    font-size: 1.5em;
  }
  .layout-index .index-microlessons > a,
  .layout-index .index-microcourses > a,
  .layout-index .index-playlists > a,
  .layout-index .index-articles > a,
  .layout-index .index-experts > a,
  .layout-index .index-topics > a,
  .layout-events .events-past > a {
    line-height: 1.875;
  }
  main.layout-index > section.banner + section form,
  main.layout-help > section.banner + section form {
    margin-bottom: 1.5em;
  }
  header > div > a {
    margin-right: -100px !important;
  }
  #join_menu .button + .button {
    margin-left: 0;
  }
  .dialog-titlebar {
    margin-bottom: 1em;
  }
  .dialog-title h1 {
    font-size: 1.5em;
  }
  .dialog form[name="registerForm"] p:first-child,
  .dialog form[name="loginForm"] p:first-child,
  .dialog form[name="resetForm"] p:first-child,
  .dialog form[name="resetPasswordForm"] p:first-child,
  .dialog form[name="askJeremy"] p:first-child {
    margin: -1em 0 1em;
  }
  .dialog hr {
    margin: 1em 0;
  }
  #account_menu > li.overflow > a > .account-initials,
  #account_menu:not(.open) menu > .account-initials {
    transform: scale(0.85714286);
  }
  .layout-index h2 + p,
  .layout-events h2 + p {
    font-size: 1em;
  }
}
@media (max-width:374px),
(max-height:299px) {
  :root {
    --page-gap: 16px;
  }
}
@media (max-width:499px) {
  :root {
    --page-side-gap: 24px;
  }
  .layout-product-details .product-video {
    margin: calc(0px - var(--page-gap)) calc(0px - var(--page-gap)) var(--page-gap);
  }
  .order-complete p:last-child {
    margin-top: 2em;
    text-align: center;
  }
  .cartView .product {
    flex-direction: column;
    align-items: flex-start;
  }
  .cartView .product .thumbnail ~ * {
    margin-top: 1em;
  }
  .cartView .product .extras {
    margin-left: 0;
    text-align: left;
  }
  .layout-expert section.banner .sem-expert {
    flex-direction: column;
    align-items: flex-start;
  }
  .layout-expert section.banner .sem-expert > div {
    margin: 1em 0 0;
  }
  footer > div {
    flex-direction: column;
  }
  footer > div > a ~ * {
    margin: 0.28571429em 0 0;
  }
  footer > div > span {
    margin-top: 0.57142857em;
  }
  #solutioncenters_menu > li > a > h2 {
    font-size: 1.25em;
  }
}
@media (max-width:479px) {
  .largeView .title {
    margin-top: 0;
  }
  .sem-productSearch-header .productSearch-filters .coz-input-select,
  .sem-productSearch-header #search_sort .coz-input-select {
    width: calc((100vw - var(--page-side-gap) * 2 - var(--scrollbar-width) - var(--page-gap) / 2) / 2);
  }
  .sem-productSearch-header .productSearch-filters .coz-input-select > select,
  .sem-productSearch-header #search_sort .coz-input-select > select {
    width: 100% !important;
  }
}
@media (max-width:455px) {
  :root {
    --touch-menu-width: calc(100vw - var(--scrollbar-width) - 56px);
  }
  #navigation_menu .sem-expert-name + div {
    white-space: normal;
  }
}
@media (max-width:399px) {
  #solutioncenters_menu > li > a > h2 {
    font-size: 1em;
  }
}
@media (max-width:360px) {
  .product .thumbnail img {
    height: 100% !important;
  }
}
@media (max-width:359px) {
  .layout-index section.banner .index-marketing {
    padding: 0;
  }
  .layout-index section.banner .index-marketing > .phones + div {
    padding: var(--page-gap);
  }
  .layout-index section.banner .index-marketing > div p {
    margin-top: 0;
  }
  .layout-index section.banner .index-marketing > div p + p {
    margin-top: var(--page-gap);
  }
  .largeView.mediumView.liveEventWidgetType .product-resource {
    flex-direction: column;
    align-items: flex-start;
  }
  .largeView.mediumView.liveEventWidgetType .product-resource .resource-tag + .event-date {
    margin-left: 0;
    margin-top: 1.14285714em;
  }
}
@media (max-width:343px) {
  .solutioncentersScroller .productList > div > div {
    min-width: 130px;
  }
}
.layout-microcourse section:not(.solutioncenter):not(:last-child),
.layout-course-viewer section:not(.solutioncenter):not(:last-child) {
  display: none;
}
.layout-microcourse .microcourseViewer,
.layout-course-viewer .microcourseViewer,
.layout-microcourse .microcourseViewer iframe,
.layout-course-viewer .microcourseViewer iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 2;
}
.layout-microcourse .microcourseViewer:before,
.layout-course-viewer .microcourseViewer:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -8px -64px;
}
.layout-microcourse section.solutioncenter,
.layout-course-viewer section.solutioncenter {
  position: relative;
  z-index: 3;
  padding: 0 var(--page-gap);
}
.layout-microcourse section.solutioncenter > div,
.layout-course-viewer section.solutioncenter > div {
  max-width: unset;
}
.layout-microcourse section.solutioncenter ~ .microcourseViewer iframe,
.layout-course-viewer section.solutioncenter ~ .microcourseViewer iframe {
  top: 4.75em;
  height: calc(100% - 4.75em);
}
@media (max-height:799px) {
  main.layout-microcourse ~ footer,
  main.layout-course-viewer ~ footer {
    display: none;
  }
}
.index-product-dialog {
  padding: 0;
  overflow: hidden;
}
.index-product-dialog .dialog-titlebar {
  margin: 0;
}
body.body-iframe {
  overflow: hidden;
  background: none;
}
body.body-iframe:has(.layout-course-viewer) {
  overflow: auto;
}
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
    transition-delay: 1ms !important;
  }
}
/* PackTag: /themes/semembers/styles/visualize.less */
#video_usage_control_dates {
  display: flex;
}
#video_usage_control_dates > * + * {
  margin-left: auto;
}
.google-visualization-table-table {
  font-family: inherit;
  font-size: inherit;
  position: relative;
}
.google-visualization-table-table > * > tr > * {
  width: auto;
}
.google-visualization-table-table > thead > tr.google-visualization-table-tr-head {
  top: 0;
}
.google-visualization-table-table > thead > tr > th:not(.sort):not(.icon):not(.checkbox):not(.buttons) {
  padding-right: 6px;
  padding-right: 0.6rem;
}
.google-visualization-table-table > tbody > tr > td {
  border: none;
}
.google-visualization-table-table > tbody + tbody tr {
  position: sticky;
  bottom: 0;
}
.google-visualization-table-table > tbody + tbody tr td {
  border-top: 1px solid #333;
}
.google-visualization-table-table > tbody + tbody tr td span {
  float: left;
}
.google-visualization-table-table th {
  border: 0;
  transform: none !important;
}
.google-visualization-table-table > thead > tr > .google-visualization-table-th.sort-ascending .button:after {
  background-position: 56.98005698% 0%;
  -webkit-mask-position: 56.98005698% 0%;
  -moz-mask-position: 56.98005698% 0%;
  -ms-mask-position: 56.98005698% 0%;
  -o-mask-position: 56.98005698% 0%;
  mask-position: 56.98005698% 0%;
}
.google-visualization-table-table > thead > tr > .google-visualization-table-th.sort-descending .button:after {
  background-position: 59.82905983% 0%;
  -webkit-mask-position: 59.82905983% 0%;
  -moz-mask-position: 59.82905983% 0%;
  -ms-mask-position: 59.82905983% 0%;
  -o-mask-position: 59.82905983% 0%;
  mask-position: 59.82905983% 0%;
}
.google-visualization-table-tr-sel {
  background: #d3ddfd;
}
.google-visualization-table-tr-over {
  background: #a7bbfa;
}
.google-visualization-table-th.google-visualization-table-type-number .button,
.google-visualization-table-td.google-visualization-table-type-number {
  direction: rtl;
}
.google-visualization-table-td.google-visualization-table-type-bool {
  text-align: left;
}
.google-visualization-tooltip {
  pointer-events: none;
}
form[data-chart-type="Column"] [data-chart-type]:not([data-chart-type~="Column"]),
form[data-chart-type="Line"] [data-chart-type]:not([data-chart-type~="Line"]),
form[data-chart-type="Area"] [data-chart-type]:not([data-chart-type~="Area"]),
form[data-chart-type="Pie"] [data-chart-type]:not([data-chart-type~="Pie"]),
form[data-chart-type="Donut"] [data-chart-type]:not([data-chart-type~="Donut"]),
form[data-chart-type="Scatter"] [data-chart-type]:not([data-chart-type~="Scatter"]),
form[data-chart-type="Bubble"] [data-chart-type]:not([data-chart-type~="Bubble"]) {
  display: none;
}
/* PackTag: /themes/32/styles/dashboard.css */
.dashboard {
  font-size: 16px;
}
.dashboard-header,
.dashboard-highlight,
.dashboard-highlights h3,
.dashboard-highlight h4 {
  font-family: Open Sans;
  line-height: 1.25;
}
.dashboard-logo img {
  max-width: 100%;
}
.dashboard-header,
.dashboard-header h1,
.dashboard-header hr {
  margin: 32px 0;
}
.dashboard-header:first-child,
.dashboard-header h1:first-child,
.dashboard-header hr:first-child {
  margin-top: 0;
}
.dashboard-header:last-child,
.dashboard-header h1:last-child,
.dashboard-header hr:last-child {
  margin-bottom: 0;
}
@media (max-width:767px) {
  .dashboard-header,
  .dashboard-header h1,
  .dashboard-header hr {
    margin: 16px 0;
  }
}
.dashboard-highlight {
  font-size: 1em;
  word-spacing: 0;
  display: inline-block;
  width: 228px;
  padding: 16px 0;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  /*
		&s a[name] {
			position:absolute; margin-top:-132px;
			@media (max-width:1023px) { margin-top:-72px; }
			body.touch-menu & { margin-top:-16px; }
		}*/
  /*
		@media (min-width:1024px) {
			width:25%; box-sizing:border-box;
			&-group { padding-right:48px; }
			&:nth-child(8n) { margin-right:-48px; }
			& ~ & ~ & ~ & ~ & { margin-top:16px; }
		}
		@media (max-width:1023px) and (min-width:768px) {
			width:33.333%; box-sizing:border-box;
			&-group { padding-right:32px; }
			&:nth-child(6n) { margin-right:-32px; }
			& ~ & ~ & ~ & { margin-top:16px; }
		}
		@media (max-width:767px) and (min-width:536px) {
			width:50%; box-sizing:border-box;
			&-group { padding-right:16px; }
			&:nth-child(4n) { margin-right:-16px; }
			& ~ & ~ & { margin-top:16px; }
		}
		@media (max-width:535px) {
			display:block; width:auto;
			& ~ & { margin-top:16px; }
		}*/
}
.dashboard-highlight > * {
  margin: 0 16px;
}
.dashboard-highlight > .img,
.dashboard-highlight > img {
  width: 100%;
  margin: -16px 0 16px;
  background: #000;
}
.dashboard-highlight > .img {
  position: relative;
  padding-bottom: 56.14035088%;
}
.dashboard-highlight > .img > svg {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dashboard-highlight > h3 {
  height: 2.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.dashboard-highlight > h3 ~ * {
  margin-top: 12px;
}
.dashboard-highlight > h3 + p,
.dashboard-highlight > h3 + div + p {
  font-size: 0.875em;
  font-weight: 400;
  white-space: nowrap;
}
a.dashboard-highlight > h3 + p,
a.dashboard-highlight > h3 + div + p {
  color: #2454f3;
}
.dashboard-highlight > p {
  height: 1.25em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-highlight > p.dashboard-highlight-description {
  height: 3.75em;
}
.dashboard-highlight > hr {
  border-color: #ddd;
}
.dashboard-highlight:not([href]),
.dashboard-highlight[href=""] {
  filter: grayscale(100%);
  cursor: default;
}
.dashboard-highlight:not([href]) *,
.dashboard-highlight[href=""] * {
  pointer-events: none;
}
.dashboard-highlight[href^="mailto:"] {
  white-space: normal;
}
.dashboard-highlight[href^="mailto:"]:before {
  content: none;
}
.dashboard-highlight-superheading {
  margin: 32px 0;
  cursor: pointer;
  /*
				h1 { display:flex; align-items:flex-start; justify-content:space-between; gap:8/16em; margin-bottom:0; .button-icon-after(@button-icon-down); }
				h1:after { transition:transform @transition-close; font-size:32/40em; margin:10/32em 0; }
				&.open h1:after { transition:transform @transition-open; transform:rotate(180deg); }*/
}
.dashboard-highlight-supergroup {
  display: none;
}
.dashboard-highlight-superheading.open + .dashboard-highlight-supergroup {
  display: block;
}
.dashboard-highlight-heading {
  margin: 32px 0;
}
.dashboard-highlight-heading h2 {
  margin-bottom: 0;
}
.dashboard-highlight-heading p {
  margin-top: 0.5em;
}
.dashboard-highlight-group {
  display: flex;
  gap: 0 16px;
}
.flex.no-flex-gap .dashboard-highlight-group > * + * {
  margin-left: 16px;
}
.no-flex .dashboard-highlight-group {
  font-size: 0;
  word-spacing: 16px;
}
.no-flex .IE .dashboard-highlight-group,
.no-flex.ie .dashboard-highlight-group,
.no-flex.edge .dashboard-highlight-group {
  font-size: 4.1px;
  word-spacing: 15px;
}
.no-flex .IE8 .dashboard-highlight-group {
  font-size: 3.6px;
}
.dashboard-highlight-description {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.8);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.dashboard-highlight-notification {
  position: absolute;
  right: 0;
  background: #2454f3;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  padding: 0 0.5em;
  border-radius: 0.5em;
}
.no-media-query * + * + * + * ~ .dashboard-highlight {
  margin-top: 16px;
}
.dashboard-topic-html {
  zoom: 1;
  margin: 32px 0;
}
.dashboard-topic-html:first-child {
  margin-top: 0;
}
.dashboard-topic-html:last-child {
  margin-bottom: 0;
}
.dashboard-topic-html .dashboard-topic-image {
  float: right;
  margin: 0 0 16px 16px;
}
@media (max-width:479px) {
  .dashboard-topic-html .dashboard-topic-image {
    float: none;
    margin: 0 0 16px;
    width: 100%;
  }
}
.dashboard-highlight .dashboard-topic-icons {
  float: right;
  font-size: 0.875em;
}
.webshop-pages > .dashboard-topic-icons {
  font-size: 1.5em;
}
@media (min-width:768px) {
  .webshop-pages > .dashboard-topic-icons {
    float: right;
    margin-top: -73.667px;
  }
}
.dashboard-topic-icons .im {
  color: #ccc;
  font-size: 1em;
}
.dashboard-topic-icons .im.on {
  color: #2454f3;
}
.dashboard-topic-icons .im-heart:before {
  font-size: 0.9em;
}
.dashboard-lesson-insight img {
  width: 100%;
}
@media (min-width:768px) {
  .dashboard-lesson-columns {
    display: flex;
  }
  .dashboard-lesson-columns > div {
    flex-basis: 50%;
  }
  .dashboard-lesson-columns > div + div {
    margin-left: 32px;
  }
}
@media (max-width:767px) {
  .dashboard-lesson-columns > div + div {
    margin-top: 16px;
  }
}
.dashboard-video {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.dashboard-video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}
.dashboard-video:after {
  content: '';
  display: block;
  padding-bottom: 56.25%;
}
.dashboard-question {
  background: #eee;
  padding: 8px;
  zoom: 1;
}
.dashboard-question:before {
  content: 'Q.';
  float: left;
  font-size: 4em;
  margin: -0.125em 0.25em 0 0;
}
.dashboard-question ul,
.dashboard-question ol {
  overflow: hidden;
}
.dashboard-topic-notes .coz-input-textarea,
.dashboard-topic-notes textarea {
  width: 100%;
}
/*
.assessment {
	&-content &-question { margin-bottom:2em; }
	&-question-type-es div&-answer { padding:0; }
	&-question-type-es div&-answer textarea { min-height:10 * 1.5em + 8/12em; }
}*/
@media (min-width:768px) {
  .breadcrumbs h1 {
    padding-right: 98px;
  }
}
/* PackTag: /themes/semembers/styles/dashboard.less */
.dashboard-loading {
  pointer-events: none;
}
.dashboard-highlights,
.dashboard-section-group,
.dashboard-highlight-supergroup,
.dashboard-highlight-group {
  display: grid;
  gap: 1em;
  padding: 0;
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
}
@media (min-width:1200px) {
  .dashboard-highlights,
  .dashboard-section-group,
  .dashboard-highlight-supergroup,
  .dashboard-highlight-group {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.dashboard-section-group[data-columns="2"] {
  grid-template-columns: repeat(auto-fill, minmax(456px, 1fr));
}
.dashboard-section-group[data-columns="3"] {
  grid-template-columns: repeat(auto-fill, minmax(304px, 1fr));
}
.dashboard-section-group[data-columns="5"] {
  grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
}
.dashboard-section-group[data-columns="6"] {
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
@media (min-width:1200px) {
  .dashboard-section-group[data-columns="2"] {
    grid-template-columns: 1fr 1fr;
  }
  .dashboard-section-group[data-columns="3"] {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .dashboard-section-group[data-columns="5"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
  .dashboard-section-group[data-columns="6"] {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.dashboard-highlights > .dashboard-section:not(.open) + .dashboard-section-group,
.dashboard-highlight-superheading:not(.open) + .dashboard-highlight-supergroup {
  display: none;
}
.dashboard-highlight-superheading.open + .dashboard-highlight-supergroup {
  display: grid;
}
.dashboard-section,
.dashboard-section-group,
.dashboard-highlight-superheading,
.dashboard-highlight-supergroup,
.dashboard-highlight-heading,
.dashboard-highlight-group {
  grid-column: 1 / 5;
}
.dashboard-highlight {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
  padding-top: 0.75em;
  width: 100%;
  font-size: inherit;
  scroll-margin: calc(var(--touch-menu-height) + var(--page-gap)) 0 var(--page-gap);
}
.dashboard-highlight > h3 {
  line-height: 1.2;
}
.dashboard-highlight > p {
  line-height: 1.5;
}
.dashboard-highlight > h3,
.dashboard-highlight > p,
.dashboard-highlight > p.dashboard-highlight-description {
  height: auto;
}
.dashboard-highlight > img {
  margin: -0.75em 0 0;
}
.dashboard-highlight > h3 ~ * {
  margin-top: 0;
}
.dashboard-highlight > h3:after {
  margin: 0.1em 0 0.1em auto;
  font-size: 1em;
}
.dashboard-highlight > hr {
  margin-top: auto;
}
.dashboard-highlight > p:empty {
  display: none;
}
.dashboard-highlight-description {
  font-size: 0.75em;
}
a.dashboard-highlight:focus-visible {
  outline: 2px solid;
  text-decoration: none;
}
a.dashboard-highlight:target,
a.dashboard-highlight.dashboard-highlight-current {
  outline: 4px solid;
}
.dashboard-section,
.dashboard-highlight-superheading {
  margin-top: 2em;
}
.dashboard-section:first-of-type,
.dashboard-highlight-superheading:first-of-type,
.dashboard-section > label > h1,
.dashboard-highlight-superheading > label > h1 {
  margin-top: 0;
}
.dashboard-section > label > h1:after,
.dashboard-highlight-superheading > label > h1:after {
  font-size: 0.8em;
  margin: 0.28125em 0;
}
.dashboard-section > label > h1,
.dashboard-highlight-superheading > label > h1 {
  display: flex;
  align-items: flex-start;
}
.dashboard-section > label > h1 > .expand,
.dashboard-highlight-superheading > label > h1 > .expand {
  font-size: 0.4em;
  margin: 0.25em 0 0.25em auto;
  order: 2;
}
.dashboard-section > label > h1 > .expand:before,
.dashboard-highlight-superheading > label > h1 > .expand:before {
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  margin: 0.125em 0;
  order: 2;
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  transform: rotate(180deg);
}
.dashboard-section:first-of-type,
.dashboard-highlight-heading:first-of-type,
.dashboard-section > h2,
.dashboard-highlight-heading > h2 {
  margin-top: 0;
  margin-bottom: 0;
}
.dashboard-section > h2:after,
.dashboard-highlight-heading > h2:after {
  font-size: 0.8em;
  margin: 0.29166667em 0;
}
.dashboard-section > p,
.dashboard-highlight-heading > p {
  margin-top: 0.5em;
}
.dashboard-section .dashboard-section-group,
.dashboard-highlight-group {
  padding: 0;
}
.dashboard-section .dashboard-section-group + div,
.dashboard-highlight-group + div {
  margin-top: calc(var(--page-gap) - 1em);
}
.dashboard-section > label > h1:after,
.dashboard-highlight-superheading > label > h1:after {
  font-size: 0.8em;
  margin: 0.28125em 0;
}
.dashboard-section > h2:after,
.dashboard-highlight-heading > h2:after {
  font-size: 0.8em;
  margin: 0.29166667em 0;
}
.dashboard-section > label > h1,
.dashboard-section > h2,
.dashboard-highlight-superheading > label > h1,
.dashboard-highlight-heading > h2,
.dashboard-highlight > h3 {
  display: flex;
  align-items: flex-start;
  gap: 0.25em;
}
.dashboard-section > label > h1:after,
.dashboard-section > h2:after,
.dashboard-highlight-superheading > label > h1:after,
.dashboard-highlight-heading > h2:after,
.dashboard-highlight > h3:after {
  content: none;
}
.dashboard-highlight-inprogress > label > h1:after,
.dashboard-highlight-inprogress > h2:after,
.dashboard-highlight-inprogress > h3:after {
  content: 'circle';
  color: rgba(36, 84, 243, 0.2);
}
.dashboard-highlight-inprogress > label > h1:after,
.dashboard-highlight-inprogress > h2:after {
  mask-image: conic-gradient(#fff 0%, #fff var(--percent-completed), transparent var(--percent-completed));
}
.dashboard-highlight-completed > label > h1:after,
.dashboard-highlight-completed > h2:after,
.dashboard-highlight-completed > h3:after {
  content: 'check_circle';
  color: #2454f3;
}
.dashboard-highlight-passed > label > h1:after,
.dashboard-highlight-passed > h2:after,
.dashboard-highlight-passed > h3:after {
  content: 'verified';
  color: #2454f3;
}
.dashboard-highlight-failed > label > h1:after,
.dashboard-highlight-failed > h2:after,
.dashboard-highlight-failed > h3:after {
  content: 'error';
  color: #c00;
}
.dashboard-section > label > h1,
.dashboard-highlight-superheading > label > h1 {
  display: flex;
  align-items: flex-start;
}
.dashboard-section > label > h1 > .expand,
.dashboard-highlight-superheading > label > h1 > .expand {
  font-size: 0.4em;
  margin: 0.25em 0 0.25em auto;
  order: 2;
}
.dashboard-section > label > h1 > .expand:before,
.dashboard-highlight-superheading > label > h1 > .expand:before {
  transition: transform 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
  margin: 0.125em 0;
  order: 2;
}
.dashboard-section.open > label > h1 > .expand:before,
.dashboard-highlight-superheading.open > label > h1 > .expand:before {
  transition: transform 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  transform: rotate(180deg);
}
.dashboard-header,
.dashboard-highlight,
.dashboard-highlights h3,
.dashboard-highlight h4 {
  font-family: inherit;
}
.dashboard-topic-html,
.dashboard-topic-html hr {
  margin: 48px 0;
  margin: var(--page-gap) 0;
}
.dashboard-topic-html hr:first-child {
  margin-top: 0;
}
.dashboard-topic-html hr:last-child {
  margin-bottom: 0;
}
.dashboard-topic-html .subheading {
  font-size: 2em;
  font-style: italic;
}
.dashboard-topic-html p,
.dashboard-topic-html li {
  max-width: 50em;
}
.dashboard-topic-html .fas {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  text-align: center;
  margin-right: 0.375em;
}
.dashboard-video {
  background: #000;
}
.dashboard-video:has(.product-video, .mce-object):after {
  content: none;
}
.dashboard-dialog .dialog-content {
  min-height: calc(100vh - 2 * var(--dialog-padding) - 2 * var(--dialog-margin));
}
.dashboard-dialog .dialog-content[data-node-type="dashtopic_link"] {
  height: calc(100vh - 2 * var(--dialog-padding) - 2 * var(--dialog-margin));
}
.dashboard-dialog .dialog-content-div {
  transition: opacity 0.5s cubic-bezier(0.05, 0.7, 0.1, 1);
  flex-grow: 1;
}
.dashboard-dialog.dialog-autofit .dialog-content-div {
  width: calc(100vw - 2 * var(--dialog-padding) - 2 * var(--dialog-margin));
}
.dashboard-dialog.htmlDialog-loading .dialog-content-div {
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.3, 0, 0.8, 0.15);
}
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action) {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: transparent;
  --button-color-base: #000000;
  --button-background-color-hover: rgba(0, 0, 0, 0.05);
  --button-color-hover: #000000;
  --button-background-color-active: rgba(0, 0, 0, 0.1);
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action):before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action):after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action):before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action):after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-red {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(204, 0, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(204, 0, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-red:before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-red:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-red:before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-red:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-primary,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-download {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(36, 84, 243, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(36, 84, 243, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action:before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-primary:before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-download:before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action:after,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-primary:after,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-download:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action:before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-primary:before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-download:before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action:after,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-primary:after,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-download:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action-green {
  --button-background-color-base: transparent;
  --button-color-base: rgba(0, 0, 0, 0.8);
  --button-background-color-hover: rgba(0, 204, 0, 0.05);
  --button-color-hover: rgba(0, 0, 0, 0.8);
  --button-background-color-active: rgba(0, 204, 0, 0.1);
  --button-color-active: rgba(0, 0, 0, 0.8);
  --button-color-flat: rgba(0, 0, 0, 0.8);
  /*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
}
/*
	background-color:rgba(0,0,0,0);
	color:@color;
	&:hover,
	&:focus-visible { background-color:fade(@bgcolor, 5%); }
	&:hover:active { background-color:fade(@bgcolor, 10%); }*/
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action-green:before,
.dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action-green:after {
  /*color:@color;*/
}
/*color:@color;*/
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action-green:before,
.no-mask-image .dashboard-dialog .dialog-content > .prompt-buttons button:not(.action).button-action-green:after {
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg');
  background-image: url('/colorReplace/000000/images/webshop/button-icons-mask.svg'), none;
}
.dashboard-dialog .dialog-content > .prompt-buttons button.action {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dashboard-dialog .assessment > .prompt-buttons button:not(.left) {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #2454f3;
  --button-color-base: #ffffff;
  --button-background-color-hover: #0c3bd8;
  --button-color-hover: #ffffff;
  --button-background-color-active: #092ea8;
  --button-color-active: #ffffff;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dashboard-navigation button:not(.action) {
  /*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
  --button-background-color-base: #e6e6e6;
  --button-color-base: #000000;
  --button-background-color-hover: #cccccc;
  --button-color-hover: #000000;
  --button-background-color-active: #b3b3b3;
  --button-color-active: #000000;
  --button-color-flat: #000000;
}
/*
	&,
	&:not(a):not(label):not(input) {
		.button-color-props(@base, @bgcolor);
	}
	&.button-flat,
	&.flat,
	&.button-flat:not(a):not(label):not(input):hover,
	&.button-flat.hover:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):focus-visible,
	&.button-flat.focus:not(a):not(label):not(input),
	&.button-flat:not(a):not(label):not(input):hover:active,
	&.button-flat.active:not(a):not(label):not(input):hover,
	.accordion > :focus + dt > &.button-flat:not(a):not(label):not(input) {
		.button-color-props(transparent, @flatbgcolor);
	}
	&:hover,
	&.hover,
	&:focus-visible,
	&.focus,
	.accordion > :focus + dt > & {
		.button-color-props(@hover, @bgcolor);
	}
	&:hover:active,
	&.hover:active,
	&.active:hover,
	&.active.hover {
		.button-color-props(@active, @bgcolor);
	}*/
.dashboard-navigation button.arrowLeft {
  margin: 0 auto 0 0;
  text-align: left;
  justify-content: flex-start;
}
.dashboard-navigation button.arrowRight {
  margin: 0 0 0 auto;
  text-align: right;
  justify-content: flex-end;
}
@media (max-width:535px) {
  .dashboard-section-group:not(:has(.dashboard-section-group)) {
    display: flex;
    overflow: auto;
    scroll-snap-type: x;
    padding: 1em var(--page-side-gap);
    scroll-padding: 1em var(--page-side-gap);
    margin: -1em calc(0px - var(--page-side-gap));
  }
  .dashboard-highlight-group {
    display: flex;
    overflow: auto;
    scroll-snap-type: x;
    padding: 1em var(--page-side-gap);
    scroll-padding: 1em var(--page-side-gap);
    margin: -1em calc(0px - var(--page-side-gap));
  }
  .dashboard-highlight {
    width: 100%;
    flex-shrink: 0;
    scroll-snap-align: start;
  }
}
.course-type-d:before {
  font-family: 'Material Icons';
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 1.25em;
  max-width: 1em;
  height: 1em;
  overflow: hidden;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
  background: none;
  -webkit-mask-image: none;
  -moz-mask-image: none;
  -ms-mask-image: none;
  -o-mask-image: none;
  mask-image: none;
  font-size: 1.25em;
  content: 'grid_view';
  margin: 0.1em;
}